.wos-contact { position: fixed; right: 24px; bottom: 24px; z-index: 1050; font-family: Arial, sans-serif; color: #173360; }
.wos-contact summary { display: flex; align-items: center; gap: 10px; padding: 15px 20px; list-style: none; cursor: pointer; border-radius: 32px; background: #173360; color: #fff; box-shadow: 0 8px 28px #17336033; font-size: 14px; font-weight: 700; min-height: 52px; }
.wos-contact summary::-webkit-details-marker { display: none; }
.wos-contact summary:hover { background: #236374; }
.wos-contact summary:focus-visible, .wos-contact a:focus-visible { outline: 3px solid #42a2b1; outline-offset: 4px; }
.wos-contact__panel { position: absolute; right: 0; bottom: calc(100% + 12px); width: min(330px, calc(100vw - 32px)); padding: 24px; background: #fff; border: 1px solid #dbe6ea; border-radius: 20px; box-shadow: 0 12px 45px #17336026; box-sizing: border-box; }
.wos-contact__panel strong { display: block; font-size: 18px; line-height: 1.4; }
.wos-contact__panel p { margin: 10px 0 18px; color: #46576a; font-size: 14px; line-height: 1.6; }
.wos-contact__panel a { display: flex; justify-content: space-between; gap: 8px; padding: 14px 12px; margin-top: 8px; border-radius: 10px; background: #edf6f7; color: #173360; text-decoration: none; font-size: 15px; font-weight: 700; }
.wos-contact__panel a:hover { background: #d6ecef; }
@media (max-width: 600px) { .wos-contact { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); } .wos-contact summary { padding: 14px; } .wos-contact summary span { font-size: 12px; } }