.header-contact-mobile{display:none}
.header-contact-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.header-write{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:2px 0 2px 12px;color:var(--color-gold-light);font-size:12px;line-height:1.4;font-weight:500;text-decoration:underline;text-decoration-color:rgba(197,168,128,.55);text-underline-offset:4px}
.header-write:hover{color:var(--color-gold-hover)}
.header-contact-mobile:focus-visible,.header-write:focus-visible,.contact-dialog a:focus-visible,.contact-dialog button:focus-visible,.footer-messengers a:focus-visible{outline:3px solid var(--color-gold-dark);outline-offset:4px}
.main-header .phone-link:focus-visible,.main-header .burger-menu:focus-visible{outline:3px solid var(--color-gold);outline-offset:4px}
.footer-contacts{scroll-margin-top:110px}
.footer-contact-info a{color:inherit;text-decoration:none}
.footer-contact-info a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-messengers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 2px}
.footer-messengers a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid rgba(197,168,128,.35);border-radius:9px;color:var(--color-text-white);text-decoration:none;font-size:12px;font-weight:500}
.footer-messengers a:hover{border-color:var(--color-gold);background:rgba(197,168,128,.1)}
.footer-messengers svg{width:16px;height:16px;flex-shrink:0;color:var(--color-gold)}
body.contact-dialog-open{overflow:hidden}
.contact-dialog:not([open]){display:none}
.contact-dialog{position:fixed;inset:var(--contact-panel-top,90px) var(--contact-panel-right,24px) auto auto;margin:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - var(--contact-panel-top,90px) - 16px);max-height:calc(100dvh - var(--contact-panel-top,90px) - 16px);overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #e3ded5;border-radius:20px;background:var(--color-cream,#faf7f2);color:var(--color-primary,#0b192c);box-shadow:0 16px 60px rgba(0,0,0,.22)}
.contact-dialog::backdrop{background:rgba(6,16,30,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.contact-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.contact-dialog-heading h2{margin:7px 0 0;font-family:var(--font-serif,Georgia,serif);font-size:28px;font-weight:600;line-height:1.1}
.contact-dialog-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid #ddd8ce;border-radius:50%;background:transparent;color:var(--color-primary,#0b192c);cursor:pointer}
.contact-dialog-close span{font:300 28px/1 var(--font-sans,sans-serif)}
.contact-dialog-close:hover{background:#eee9df}
.contact-options{display:flex;flex-direction:column;gap:10px}
.contact-option{display:flex;align-items:center;gap:16px;min-height:68px;padding:14px 16px;border:1px solid #ddd8ce;border-radius:13px;background:#fff;color:var(--color-primary,#0b192c);text-decoration:none}
.contact-option:hover{border-color:var(--color-gold-dark,#9f835e);background:#fcfaf6}
.contact-option[hidden]{display:none}
.contact-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#f5efe4;color:#80613c}
.contact-option-icon svg{width:20px;height:20px}
.contact-option strong{display:block;font-family:var(--font-sans,sans-serif);font-size:15px;font-weight:600;line-height:1.5}
.contact-option small{display:block;margin-top:2px;font-size:12px;color:#647080;line-height:1.5;white-space:nowrap}
@media(min-width:1025px) and (max-width:1200px){
 .main-header .header-actions{gap:12px}
 .main-header .nav-menu>ul{gap:18px}
 .main-header .logo-img{height:40px}
 .main-header .phone-link{font-size:12px;gap:6px}
 .main-header .btn-header{padding:12px 18px;font-size:12px}
}
@media(max-width:1024px){
 .header-contact-group{display:none}
 .main-header .header-contact-mobile{position:absolute;left:24px;display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:44px;padding:8px 10px;border:1px solid rgba(197,168,128,.55);border-radius:10px;color:var(--color-gold-light);font-size:12px;font-weight:600;text-decoration:none}
 .main-header .header-contact-mobile:hover{background:rgba(197,168,128,.1)}
 .main-header .logo{left:calc(50% + 22px)}
 .main-header .logo-img{width:min(244px,calc(100vw - 208px));height:auto;max-height:44px}
 .main-header .burger-menu{min-width:44px;min-height:44px;align-items:center;justify-content:center}
 .menu-socials{flex-wrap:wrap}
}
@media(max-width:600px){
 .contact-dialog{inset:var(--contact-panel-top,86px) 12px auto;margin:0;width:auto;max-width:none;padding:20px;border-radius:18px}
 .contact-dialog-heading h2{font-size:28px}
}
@media(max-width:375px){
 .main-header .header-contact-mobile{left:16px}
 .contact-dialog{padding:18px 16px}
 .contact-dialog-heading h2{font-size:28px}
}
