/* Site-wide Aysestetik navigation: matches the About page header exactly. */
.site-nav-header { --about-taupe: #ab8f7c; }
.site-nav-header .navbar-area {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid #eee8e3;
  box-shadow: 0 1px 8px rgba(40,27,20,.025) !important;
}
.site-nav-header .navbar-area.sticky { background: rgba(255,255,255,.98) !important; }
.site-nav-header .navbar-area > .container { max-width:1450px; width:100%; padding-inline:clamp(20px,3.3vw,48px); }
.site-nav-header .navbar { min-height:83px; gap:clamp(13px,1.9vw,29px); padding-block:12px !important; }
.site-nav-header .navbar-brand-text { flex:0 0 auto; padding:0; margin:0; }
.site-nav-header .ay-site-logo-header { height:44px; width:auto; max-width:216px; }
.site-nav-header .navbar-collapse { flex:1 1 auto; min-width:0; }
.site-nav-header .navbar-nav { align-items:center; gap:clamp(3px,.6vw,13px); }
.site-nav-header .navbar-nav .nav-item > .nav-link-group > a,
.site-nav-header .navbar-nav .nav-services-trigger { color:#393330 !important; font-size:15px; font-weight:500; }
.site-nav-header .navbar-nav .nav-item.active > .nav-link-group > a { color:#251f1d !important; }
.site-nav-header .navbar-nav .nav-item.active > .nav-link-group > a::after { background:var(--about-taupe) !important; }
.site-nav-header .navbar-nav .services-nav.active .nav-services-trigger,
.site-nav-header .navbar-nav .nav-item.services-nav.active > .nav-services-trigger { color:#251f1d !important; }
.site-nav-header .navbar-nav .nav-item.services-nav.active > .nav-services-trigger::after {
  content:""; position:absolute; bottom:-2px; left:0; height:1.5px; width:100%; background:var(--about-taupe);
}
.site-nav-header .about-nav-actions { flex:0 0 auto; display:flex; align-items:center; gap:clamp(13px,1.5vw,25px); margin-left:auto; }
.site-nav-header .about-lang-switch { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-family:var(--font-body,'DM Sans',Arial,sans-serif); }
.site-nav-header .about-lang-switch a { color:#7f726b; font-size:13px; font-weight:600; line-height:1; padding:10px 2px; transition:color .2s; }
.site-nav-header .about-lang-switch a[aria-current="page"],
.site-nav-header .about-lang-switch a:hover { color:#7e5f4b; }
.site-nav-header .about-lang-switch span { color:#d1c4ba; font-size:12px; }
.site-nav-header .about-nav-cta { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:48px; border-radius:999px; padding:10px 21px; background:#a68a76; color:#fff !important; white-space:nowrap; font-family:var(--font-body,'DM Sans',Arial,sans-serif); font-size:14px; font-weight:500; transition:transform .2s,background .2s,box-shadow .2s; }
.site-nav-header .about-nav-cta:hover { color:#fff !important; background:#8c6f5b; transform:translateY(-1px); box-shadow:0 7px 18px rgba(95,68,49,.12); }
.site-nav-header .about-nav-cta i { font-size:17px; }
.site-nav-header .about-nav-cta span { font-size:19px; line-height:1; }
.site-nav-header .about-mobile-cta { display:none; }
.site-nav-header a:focus-visible, .site-nav-header button:focus-visible { outline:2px solid #9b775e !important; outline-offset:3px; }
@media (min-width:992px) {
  .site-nav-header .navbar { width:100%; }
  .site-nav-header .navbar-collapse .navbar-nav .nav-item { margin-left:clamp(16px,2.1vw,32px) !important; }
  .site-nav-header .navbar-collapse .navbar-nav .nav-item:first-child { margin-left:0 !important; }
}
@media (max-width:1199px) {
  .site-nav-header .ay-site-logo-header { max-width:170px; height:35px; }
  .site-nav-header .navbar { gap:12px; }
  .site-nav-header .navbar-nav { gap:2px; }
  .site-nav-header .navbar-nav .nav-item > .nav-link-group > a,
  .site-nav-header .navbar-nav .nav-services-trigger { font-size:14px; }
  .site-nav-header .about-nav-cta { padding-inline:14px; font-size:13px; min-height:43px; }
}
@media (max-width:991px) {
  .site-nav-header .navbar-area > .container { padding-inline:20px; }
  .site-nav-header .navbar { min-height:66px; }
  .site-nav-header .ay-site-logo-header { max-width:181px; height:37px; }
  .site-nav-header .navbar-collapse { flex:initial; }
  .site-nav-header .about-nav-actions { order:1; margin-left:auto; }
  .site-nav-header .navbar-toggler { order:2; margin-left:0; flex:0 0 32px; }
  .site-nav-header .about-nav-cta { display:none; }
  .site-nav-header .about-mobile-cta { display:block; margin:22px 0 5px; }
  .site-nav-header .about-mobile-cta a { display:block; text-align:center; padding:14px 18px; background:#a68a76; color:#fff !important; border-radius:999px; }
  .site-nav-header .navbar-nav { align-items:stretch; }
  .site-nav-header .navbar-nav .nav-item.services-nav.active > .nav-services-trigger::after { display:none; }
}
@media (max-width:575px) {
  .site-nav-header .navbar { gap:9px; }
  .site-nav-header .ay-site-logo-header { width:146px; height:auto; }
  .site-nav-header .about-lang-switch { gap:4px; }
  .site-nav-header .about-lang-switch a { font-size:12px; padding:7px 1px; }
}
/* The medical form uses the shared fixed header, but keeps its own progress UI. */
.survey-page .survey-shell { padding-top:calc(var(--navbar-h,83px) + 20px); }
.survey-page .survey-sticky-panel { top:var(--navbar-h,83px); }
.survey-page .survey-sticky-panel .survey-progress-wrap { border-top:1px solid rgba(93,105,99,.14); border-radius:15px; }
@media (max-width:720px) {
  .survey-page .survey-shell { padding-top:calc(var(--navbar-h,66px) + 10px); }
  .survey-page .survey-sticky-panel { padding-top:7px; }
  .survey-page .survey-sticky-panel .survey-progress-wrap { border-radius:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-nav-header .about-nav-cta, .site-nav-header .about-lang-switch a { transition:none; }
}