/* Shared header links: button appearance, native navigation/download semantics. */
.header .desktop-nav{gap:10px}
.header :is(.desktop-nav,.mobile-nav)>a:not([href$="#contact"]){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:10px 20px;border:1px solid #bdcfc5;border-radius:8px;
  background:var(--mint);color:var(--sea);font-size:13px;font-weight:600;
  line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;
  transition:background .18s,color .18s,border-color .18s;
}
.header :is(.desktop-nav,.mobile-nav)>a.header-price{background:#fff}
.header :is(.desktop-nav,.mobile-nav)>a[aria-current]{background:var(--sea);border-color:var(--sea);color:#fff;text-decoration:none}
.header :is(.desktop-nav,.mobile-nav)>a:focus-visible{outline:3px solid #bf9250;outline-offset:4px}
@media(hover:hover){
  .header :is(.desktop-nav,.mobile-nav)>a:not([href$="#contact"]):hover{background:var(--sea);border-color:var(--sea);color:#fff;text-decoration:none}
}
@media(max-width:1100px) and (min-width:901px){
  .header .desktop-nav{gap:8px}
  .header .desktop-nav>a:not([href$="#contact"]){padding-inline:14px}
}
@media(max-width:900px){
  .header .mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}
  .header .mobile-nav>a.header-price{grid-column:1/-1}
  .header .mobile-nav>a[href$="#contact"]{grid-column:1/-1;text-align:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .header :is(.desktop-nav,.mobile-nav)>a{transition:none}
}

/* Align the phone and MAX with the callback button. */
.header .header-contact{flex-direction:row;align-items:center;gap:16px}
.header .header-contact>a{white-space:nowrap}
.header .header-contact .messengers{margin-top:0}
@media(max-width:600px){.header .header-contact{gap:8px}}
@media(max-width:359px){.header .header-contact{flex-direction:column;align-items:flex-end;gap:4px}}