/* MODULE: cda-navigation-v127.css */
/* V136 — V135 navigation, with the kit's compensated attention accordion. */
.topbar.cda-nav-v127 .cda-nav-group{position:static;}
.topbar.cda-nav-v127 .utility-nav{position:static;justify-content:flex-end;gap:22px;}
.topbar.cda-nav-v127 .cda-nav-trigger,
.topbar.cda-nav-v127 .utility-nav > .cda-nav-direct{
  appearance:none;position:relative;isolation:isolate;display:flex;align-items:center;
  flex:0 0 auto;min-height:24px;height:24px;padding:3px 0;margin:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:#61242e;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:11px;font-weight:750;line-height:1.2;letter-spacing:.045em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;cursor:pointer;
}
.topbar.cda-nav-v127 .cda-nav-trigger::before,
.topbar.cda-nav-v127 .cda-nav-trigger::after,
.topbar.cda-nav-v127 .utility-nav > .cda-nav-direct::after{display:none;}
.topbar.cda-nav-v127 .cda-nav-trigger .cda-label-base,
.topbar.cda-nav-v127 .cda-nav-trigger .cda-label-lit{display:flex;align-items:center;gap:7px;font:inherit;letter-spacing:inherit;line-height:inherit;pointer-events:none;}
.topbar.cda-nav-v127 .cda-nav-trigger .cda-label-base{position:relative;z-index:1;}
.topbar.cda-nav-v127 .cda-nav-trigger .cda-label-lit{position:absolute;inset:0;z-index:2;padding:inherit;box-sizing:border-box;color:#fff;clip-path:inset(50% 50% 50% 50%);}
.topbar.cda-nav-v127 .cda-nav-caret{display:block;width:5px;height:5px;margin-top:-3px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-left:1px;}
.topbar.cda-nav-v127 .cda-nav-trigger[aria-expanded="true"] .cda-nav-caret{transform:translateY(2px) rotate(225deg);}
.topbar.cda-nav-v127 .cda-nav-trigger:focus-visible,
.topbar.cda-nav-v127 .cda-nav-direct:focus-visible{outline:2px solid #ad3d52;outline-offset:5px;border-radius:3px;}
.topbar.cda-nav-v127 .cda-nav-panel{
  position:absolute;top:calc(100% + 8px);right:0;z-index:12;width:320px;max-width:calc(100vw - 40px);
  padding:6px;box-sizing:border-box;isolation:isolate;opacity:0;transform:translateY(4px);pointer-events:none;
  border:1px solid rgba(142,20,34,.15);border-radius:12px;
  background:linear-gradient(115deg,#fff6f1 0%,#faeae3 58%,#f5ded7 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 9px 24px rgba(88,12,35,.11);filter:none;
  transition:opacity .18s ease,transform .22s cubic-bezier(.22,.8,.25,1);
}
.topbar.cda-nav-v127 .cda-nav-panel[hidden]{display:none!important;}
.topbar.cda-nav-v127 .cda-nav-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto;animation:cda-nav-v127-open .22s cubic-bezier(.22,.8,.25,1) both;}
@keyframes cda-nav-v127-open{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.topbar.cda-nav-v127 .cda-nav-panel--about{width:304px;}
.topbar.cda-nav-v127 .cda-nav-panel-art{display:none;}
.topbar.cda-nav-v127 .cda-nav-panel-body{position:relative;isolation:isolate;display:grid;gap:2px;padding:0;overflow:hidden;border-radius:8px;}
.topbar.cda-nav-v127 .cda-menu-ink{
  position:absolute;top:0;left:0;z-index:0;width:0;height:0;border-radius:8px;pointer-events:none;
  background:linear-gradient(115deg,#580e20 0%,#811426 52%,#aa2236 100%);
  box-shadow:inset 0 1px 0 rgba(255,245,237,.2),0 4px 11px rgba(88,12,35,.12);
  opacity:0;transition:opacity .12s ease;will-change:transform,width,height;
}
.topbar.cda-nav-v127 .cda-nav-panel-body.is-menu-ink-active .cda-menu-ink{opacity:1;}
.topbar.cda-nav-v127 .cda-menu-link{
  position:relative;z-index:1;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;min-height:48px;height:auto;box-sizing:border-box;margin:0;padding:7px 11px;
  border:0;border-radius:8px;background:transparent;box-shadow:none;clip-path:none;overflow:visible;
  color:#61242e;text-decoration:none;text-transform:none;font-family:'Plus Jakarta Sans',sans-serif;
  white-space:normal;letter-spacing:0;line-height:1.3;transform:none;transition:none;
  -webkit-tap-highlight-color:transparent;
}
.topbar.cda-nav-v127 .cda-menu-link::before,
.topbar.cda-nav-v127 .cda-menu-link::after{display:none;}
.topbar.cda-nav-v127 a.cda-menu-link:is(:hover,.active){color:#61242e;background:transparent;box-shadow:none;transform:none;}
.topbar.cda-nav-v127 a.cda-menu-link:focus-visible{outline:2px solid #bf4359;outline-offset:-2px;}
.topbar.cda-nav-v127 .cda-menu-label-base,
.topbar.cda-nav-v127 .cda-menu-label-lit{display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;line-height:inherit;letter-spacing:inherit;pointer-events:none;transform:translate3d(var(--cda-menu-x,0px),var(--cda-menu-y,0px),0);}
.topbar.cda-nav-v127 .cda-menu-label-base{position:relative;z-index:1;width:100%;min-width:0;}
.topbar.cda-nav-v127 .cda-menu-label-lit{position:absolute;inset:0;z-index:2;padding:inherit;box-sizing:border-box;color:#fff7f2;clip-path:inset(50% 50% 50% 50%);opacity:0;transition:opacity .12s ease;}
.topbar.cda-nav-v127 .cda-nav-panel-body.is-menu-ink-active .cda-menu-label-lit{opacity:1;}
.topbar.cda-nav-v127 .cda-menu-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.topbar.cda-nav-v127 .cda-menu-copy strong{font-size:13px;font-weight:750;line-height:1.2;letter-spacing:.025em;text-transform:uppercase;color:inherit;}
.topbar.cda-nav-v127 .cda-menu-copy small{font-size:11.5px;font-weight:480;line-height:1.3;letter-spacing:0;color:#79565a;}
.topbar.cda-nav-v127 .cda-menu-label-lit .cda-menu-copy small{color:#fff0e7;}
.topbar.cda-nav-v127 .cda-menu-arrow{display:none;}
.topbar.cda-nav-v127 .cda-menu-link[aria-disabled="true"]{cursor:default;color:#79565a;}
.topbar.cda-nav-v127 .cda-menu-soon{font-size:9px;line-height:1.3;font-weight:650;letter-spacing:.045em;text-transform:uppercase;color:#79565a;white-space:nowrap;border:0;background:none;padding:0;}
/* Natural geometry remains the V135 source. JS measures it before enabling
   the accordion; only space inside this fixed-height list is redistributed. */
.topbar.cda-nav-v127 .cda-nav-panel-body.has-menu-accordion{display:flex;flex-direction:column;}
.topbar.cda-nav-v127 .has-menu-accordion > .cda-menu-link{flex:0 0 auto;min-height:0;padding-top:0;padding-bottom:0;}
.topbar.cda-nav-v127 .has-menu-accordion .cda-menu-label-base,
.topbar.cda-nav-v127 .has-menu-accordion .cda-menu-label-lit{
  transform:translate3d(var(--cda-menu-x,0px),var(--cda-menu-y,0px),0) scale(var(--cda-menu-scale,1));
  transform-origin:left center;
}
.topbar.cda-nav-v127 .has-menu-accordion .cda-menu-label-lit{transform-origin:var(--cda-menu-origin,11px) center;}
@media(min-width:981px) and (max-width:1170px){
  .topbar.cda-nav-v127 .utility-nav{gap:14px;}
  .topbar.cda-nav-v127 .cda-nav-trigger,
  .topbar.cda-nav-v127 .utility-nav > .cda-nav-direct{font-size:10px;letter-spacing:.025em;}
}
@media(min-width:981px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .topbar.cda-nav-v127 .cda-nav-trigger > .cda-label-base,
  .topbar.cda-nav-v127 .cda-nav-trigger > .cda-label-lit{transform:translate3d(var(--cda-magnetic-x,0px),var(--cda-magnetic-y,0px),0);will-change:transform;}
}
@media(max-width:980px){
  .topbar.cda-nav-v127 .brand{max-width:100%;min-width:0;}
  .topbar.cda-nav-v127 .brand-logo-slot,
  .topbar.cda-nav-v127 .brand-logo-image{max-width:100%;}
  .topbar.cda-nav-v127 .menu-btn{width:44px;min-width:44px;min-height:44px;max-height:58px;padding:0;font-size:0;letter-spacing:0;}
  .topbar.cda-nav-v127 .menu-btn::before{content:'☰';font-size:20px;line-height:1;}
  .topbar.cda-nav-v127 .menu-btn[aria-expanded="true"]::before{content:'×';font-size:27px;}
  .topbar.cda-nav-v127 .nav-stack{max-height:calc(100dvh - 143px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
  .topbar.cda-nav-v127 .utility-nav{display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:4px 10px 12px;width:100%;}
  .topbar.cda-nav-v127 .cda-nav-group{position:relative;}
  .topbar.cda-nav-v127 .cda-nav-trigger,
  .topbar.cda-nav-v127 .utility-nav > .cda-nav-direct{display:flex;justify-content:space-between;width:100%;min-height:44px;height:auto;padding:11px 8px;font-size:12px;letter-spacing:.025em;text-align:left;}
  .topbar.cda-nav-v127 .cda-nav-trigger .cda-label-base{display:flex;justify-content:space-between;width:100%;}
  .topbar.cda-nav-v127 .cda-nav-trigger .cda-label-lit{display:none;}
  .topbar.cda-nav-v127 .cda-nav-trigger[aria-expanded="true"]{color:#8e1422;}
  .topbar.cda-nav-v127 .cda-nav-panel{position:relative;top:auto;right:auto;width:100%;max-width:none;margin:3px 0 6px;filter:none;padding:6px;transform:translateY(4px);}
  .topbar.cda-nav-v127 .cda-nav-panel.is-open{transform:none;}
  .topbar.cda-nav-v127 .cda-nav-panel-body{padding:0;}
  .topbar.cda-nav-v127 .cda-menu-link{min-height:48px;padding:7px 10px;gap:8px;}
  .topbar.cda-nav-v127 .cda-menu-copy strong{font-size:13px;}
  .topbar.cda-nav-v127 .cda-menu-copy small{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){
  .topbar.cda-nav-v127 .cda-menu-ink,
  .topbar.cda-nav-v127 .cda-menu-label-lit{transition:none!important;}
  .topbar.cda-nav-v127 .cda-nav-panel,
  .topbar.cda-nav-v127 .cda-nav-caret,
  .topbar.cda-nav-v127 .cda-menu-arrow,
  .topbar.cda-nav-v127 .cda-menu-link,
  .topbar.cda-nav-v127 .cda-menu-link::before,
  .topbar.cda-nav-v127 .cda-menu-link::after{transition:none!important;animation:none!important;transform:none!important;}
}

/* V128 — four equal spaces from the raised package tab to the offer CTA.
   The offer CTA is shifted 12px into the 18px header gap: 6px remain. */
@media(min-width:981px){
  .topbar.cda-nav-v127 .utility-nav{
    width:calc(50% - 57px + 6px);
    margin:0 -6px 0 0;
    padding:0;
    gap:0;
    justify-content:space-evenly;
  }
}
@media(min-width:981px) and (max-width:1170px){
  .topbar.cda-nav-v127 .utility-nav{width:calc(50% - 54px + 6px);}
}



/* V304 Global Navigation Contract: maintain the exact homepage global header
   inheritance and stacking on every page, independent of page-specific theme. */
header.topbar.cda-nav-v127 { color:#4b101b !important; z-index:100 !important; }


/* Global header cursor motion. Shared by every actual page. */
/* MODULE: cda-cursor-motion-329.css */
/* PASS 329 — one physical interaction language, with stable hit targets.
   Movement belongs to the label artwork, never to the anchors or ink geometry. */
@media (min-width:981px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .topbar .utility-nav a > .cda-label-base,
  .topbar .utility-nav a > .cda-label-lit,
  .topbar .main-nav a > .cda-label-base,
  .topbar .main-nav a > .cda-label-lit{
    transform:translate3d(var(--cda-magnetic-x,0px),var(--cda-magnetic-y,0px),0);
    will-change:transform;
  }
  .topbar .brand-logo-slot{
    transform:translateY(0) perspective(900px) rotateX(var(--cda-gyro-x,0deg)) rotateY(var(--cda-gyro-y,0deg))!important;
    transform-origin:50% 50%;
    transform-style:preserve-3d;
    backface-visibility:hidden;
    will-change:transform;
  }
  .topbar .brand-logo-image{
    filter:drop-shadow(var(--cda-gyro-shadow-x,0px) var(--cda-gyro-shadow-y,5px) 9px rgba(70,15,31,.11));
  }
}
/* No motion on touch, small-screen navigation, keyboard-only use or OS reduced motion. */
@media (max-width:980px),(pointer:coarse),(prefers-reduced-motion:reduce){
  .topbar .brand-logo-slot{--cda-gyro-x:0deg;--cda-gyro-y:0deg;}
}