/* header-fix.css — loaded LAST. Header + nav reliability pass (2026-10-31).
   One row, never wraps, never overlaps. Solid background (no blur), no transitions, inline nav only where it truly fits. */

/* 1. solid header everywhere: nothing may show through, no backdrop-filter to repaint on scroll/rotate */
.site-header,html.rotating .site-header{
  background:#080808!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.site-header{z-index:200}
.nav{background-color:#0e0e0e}
@media(min-width:791px){.nav{background-color:transparent}}

/* 2. nothing in the header animates or transitions (rotation / resize never replays anything) */
.site-header,.site-header *,.site-header *:before,.site-header *:after,.nav,.nav a{
  transition:none!important;animation:none!important;
}
.header-inner{min-width:0}
.header-inner>*{min-width:0}
.brand{flex:0 1 auto;min-width:0}
.brand-logo{flex:none}
.brand-tag{flex:none;min-width:auto;max-width:none!important;white-space:nowrap!important;overflow:visible}
.duo-book-head,.menu-trigger,.duo-chat-head{flex:none;white-space:nowrap}
.nav a{white-space:nowrap}
.nav{scroll-behavior:auto}

/* 3. very narrow: short label + no subtitle, so logo and CTA can never collide */
@media(max-width:560px){
  .brand-tag{display:none!important}
  .duo-book-head .dh-l{display:none!important}
  .duo-book-head .dh-s{display:inline!important;white-space:nowrap}
}

/* 4. 791px up to the breakpoint: compact header (logo, CTA, Menu +). Inline nav only above it. */
@media(min-width:791px) and (max-width:1239px){
  html:not(.duo-book):not(.duo-laptop) .site-header{height:78px}
  html:not(.duo-book):not(.duo-laptop) .header-inner{gap:14px}
  html:not(.duo-book):not(.duo-laptop) .menu-trigger{display:inline-block;order:3;min-height:44px;min-width:76px}
  html:not(.duo-book):not(.duo-laptop) .duo-book-head{display:inline-flex;order:2;flex-direction:row;align-items:center;gap:.32em;font-size:13px;padding:5px 18px;margin-left:auto}
  html:not(.duo-book):not(.duo-laptop) .duo-book-head .dh-l{display:inline!important}
  html:not(.duo-book):not(.duo-laptop) .duo-book-head .dh-s{display:none!important}
  html:not(.duo-book):not(.duo-laptop) .duo-chat-head{display:none!important}
  html:not(.duo-book):not(.duo-laptop) .brand-tag{max-width:none;white-space:nowrap;font-size:9px;letter-spacing:.12em;line-height:1.2}
  html:not(.duo-book):not(.duo-laptop) .nav{position:absolute;left:0;right:0;top:calc(78px + env(safe-area-inset-top,0px));background:#0e0e0e;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px;border-bottom:1px solid #333;display:none;max-height:calc(100svh - 78px);overflow:auto;font-size:15px}
  html:not(.duo-book):not(.duo-laptop) .nav.open{display:flex}
  html:not(.duo-book):not(.duo-laptop) .nav a{display:flex;align-items:center;min-height:48px;padding:0 5px;font-size:15px}
  html:not(.duo-book):not(.duo-laptop) .nav .nav-link-red{display:none}
  html:not(.duo-book):not(.duo-laptop) .duo-chat-nav{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 5px;margin-top:6px;background:none;border:0;border-top:1px solid #333;color:#fff;font:inherit;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;text-align:left;cursor:pointer}
  html:not(.duo-book):not(.duo-laptop) .duo-chat-nav svg{color:#E60012;flex:none}
}
/* 5. wide: keep the inline nav on one line */
@media(min-width:1240px){
  .header-inner{gap:20px}
  .nav{gap:20px;font-size:12px;flex:0 1 auto}
  .brand-tag{white-space:nowrap}
}

/* 6. nothing replays after a resize/rotation. The rotation guard (html.rotating -> animation:none) made these three
      restart from frame 0 once it lifted (hero CTA dipped to ~88% opacity, shimmer re-swept, glow jumped). Frozen at their end state instead.
      Decision for Charn: to restore them, delete this block. */
.duo-hero-cta{animation:none!important;opacity:1!important;transform:none!important}
.duo-book:after,.duo-book:before{animation:none!important}
.duo-aurora i{animation:none!important;transform:translate3d(1%,.5%,0)}