/* ===== DA nav preview (query-gated) ===== */header.nav .nav__inner{display:grid !important;grid-template-columns:auto auto 1fr auto !important;align-items:center;gap:30px;padding-top:11px !important;padding-bottom:11px !important}header.nav .brand-logo{height:44px !important}.promo-bar.sp-promo-bar{box-shadow:inset 0 -2px 0 rgba(255,42,166,.6)}header.nav .nav__menu{justify-self:start !important;text-transform:none;font-size:15px;letter-spacing:0;font-family:'Inter',system-ui,sans-serif;font-weight:500}header.nav .nav__menu > ul{gap:26px}header.nav .nav__menu ul li{line-height:normal}header.nav .nav__menu > ul > li > a{display:inline-flex;align-items:center;padding:8px 2px;color:#0b0f17;transition:color .15s}header.nav .nav__menu > ul > li > a:hover{color:#d91a87}header.nav .nav__menu > ul > li:has(> ul) > a::after{margin-left:7px;vertical-align:1px}header.nav .nav__search{justify-self:end;display:flex;align-items:center;gap:9px;width:100%;max-width:290px;height:42px;border:1px solid #ececf2;border-radius:999px;background:#f7f7fa;padding:0 16px;color:#9a94a3;transition:border-color .15s,background .15s}header.nav .nav__search:focus-within{border-color:#ff2aa6;background:#fff;box-shadow:0 0 0 3px rgba(255,42,166,.1)}header.nav .nav__search svg{flex:0 0 auto}header.nav .nav__search input[type="search"]{border:0;background:none;outline:none;width:100%;font-size:14px;color:#0b0f17;font-family:'Inter',system-ui,sans-serif}header.nav .nav__search input[type="search"]::placeholder{color:#9a94a3}header.nav .nav__actions{gap:16px;align-items:center;justify-self:end}header.nav .nav__actions .nav__icon{border:0 !important;background:none !important;width:auto;height:auto;padding:4px;color:#0b0f17;transition:color .15s}header.nav .nav__actions .nav__icon:hover{color:#d91a87;background:none !important}header.nav .nav__actions .nav__icon svg{width:21px;height:21px}header.nav .nav__cart{order:1;position:relative}header.nav .nav__actions .nav__icon:not(.nav__cart){order:2}header.nav .nav__cart-count{width:18px;height:18px;font-size:10.5px;top:-4px;right:-6px;box-shadow:0 0 0 2px #fff}header.nav .nav__verify{order:3;display:inline-flex;align-items:center;height:42px;padding:0 22px;border:1.5px solid #ff2aa6;border-radius:999px;color:#d91a87;font-family:'Sora',system-ui,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .16s,color .16s;white-space:nowrap;margin-left:4px}header.nav .nav__verify:hover{background:#ff2aa6;color:#fff}header.nav .nav__burger{order:4}/* the theme ships its own search icon button; hide it only where our field is visible */@media(min-width:1101px){header.nav .drnc-search-btn{display:none !important}}@media(max-width:1100px){header.nav .nav__search{display:none}}@media(max-width:880px){header.nav .nav__verify{display:none}/* the 8px 2px link padding above is sized for the desktop bar; in the open phone menu it put
     every item flush against the screen edge. Give the items the theme's own phone padding back. */header.nav .nav__menu.is-open > ul > li > a{padding:16px var(--pad,16px)}header.nav .nav__inner{grid-template-columns:auto 1fr auto !important;gap:12px}header.nav .nav__actions{justify-self:end !important;margin-left:auto !important}}header.nav .nav__menu > ul > li > ul.mm{min-width:330px;padding:8px;border:1px solid #ececf2 !important;border-radius:16px;background:#fff !important;box-shadow:0 34px 70px -34px rgba(11,15,23,.35)}header.nav .nav__menu > ul > li > ul.mm::after{background:#fff !important;border-color:#ececf2 !important}header.nav .nav__menu > ul > li > ul.mm li{border:0 !important}header.nav .nav__menu > ul > li > ul.mm li + li{border-top:0 !important;margin-top:2px}header.nav .nav__menu > ul > li > ul.mm li a{display:block;padding:12px 16px !important;border-radius:12px;text-transform:none !important;letter-spacing:0 !important;line-height:1.45}header.nav .nav__menu > ul > li > ul.mm li a::before{display:none !important}header.nav .nav__menu > ul > li > ul.mm li a:hover{background:#fdf2f8 !important;padding-left:16px !important}header.nav .mm b{display:block;font-family:'Sora',system-ui,sans-serif;font-size:14.5px;font-weight:700;color:#0b0f17}header.nav .mm li a:hover b{color:#d91a87}header.nav .mm span{display:block;font-family:'Inter',system-ui,sans-serif;font-size:12.5px;font-weight:400;color:#9a94a3;margin-top:2px}/* v5: Build a Box + Bulk Orders promoted, Research moved into Resources */header.nav .nav__inner{gap:18px !important}header.nav .nav__menu{font-size:14px !important}header.nav .nav__menu > ul{gap:15px !important;flex-wrap:nowrap !important}header.nav .nav__menu > ul > li{white-space:nowrap}header.nav .nav__actions{gap:12px !important}header.nav .nav__verify{padding:0 15px !important;font-size:12.5px !important}header.nav .nav__menu > ul > li > a.nnew{white-space:nowrap}header.nav .nav__menu .nb{display:inline-flex !important;align-items:center;justify-content:center;height:16px !important;margin-left:6px !important;padding:0 6px !important;border:0 !important;border-radius:3px !important;background:#D91A87 !important;color:#fff !important;font-family:'Sora',system-ui,sans-serif !important;font-size:9px !important;font-weight:800 !important;font-style:normal !important;letter-spacing:.08em !important;line-height:1 !important;text-transform:uppercase !important;text-decoration:none !important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;vertical-align:middle !important;position:relative;top:-1px;box-shadow:none !important;transition:background-color .16s ease}header.nav .nav__menu > ul > li > a.nnew:hover .nb,header.nav .nav__menu > ul > li > a.nnew:focus-visible .nb{background:#FF2AA6 !important;color:#fff !important}@media (prefers-reduced-motion: reduce){header.nav .nav__menu .nb{transition:none !important}}@media (forced-colors: active){header.nav .nav__menu .nb{border:1px solid CanvasText !important;background:Canvas !important;color:CanvasText !important;box-shadow:none !important;forced-color-adjust:none}}@media(max-width:1100px){header.nav .nav__actions .drnc-search-btn{display:inline-flex !important}}/* FIRST-PAINT OFFSETS. fitHeader() re-measures and writes these same values as INLINE styles
   after load. Without them the page paints with no body offset and an unpinned header, then
   jumps ~123px the moment JS runs - which is the flicker when moving between pages. Scoped
   with :has() so headerless pages (/cart/) never get the padding. */body:has(header.nav){padding-top:123px !important;border-top:0 !important}header.nav{position:fixed !important;top:48px !important;left:0 !important;right:0 !important;z-index:50 !important}@media(max-width:880px){body:has(header.nav){padding-top:98px !important}header.nav{top:35px !important}}@media(max-width:1000px){header.nav .nav__menu .nb{display:none !important}header.nav .nav__verify{display:none !important}header.nav .nav__inner{gap:14px !important}header.nav .nav__menu > ul{gap:12px !important}header.nav .nav__brand img,header.nav .brand-logo{height:42px !important}}/* MOBILE. header.nav ships a FIXED height:60px with 10px padding, so its content box is only
   40px while the inner needs ~56px - the logo spilled out of the bottom of the white bar. Let the
   bar size to its content and trim the logo; fitHeader() measures nav.offsetHeight so the body
   offset follows automatically. Must sit AFTER the 1000px block to beat its 42px logo rule. */@media(max-width:880px){header.nav{height:auto !important;padding-top:0 !important;padding-bottom:0 !important}header.nav{z-index:1000 !important}header.nav .nav__menu.is-open{z-index:1001 !important}header.nav .nav__menu.is-open ul.mm{display:none !important;position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:0 !important;min-width:0 !important}header.nav .nav__menu.is-open li.da-open > ul.mm{display:block !important}header.nav .nav__brand img,header.nav .brand-logo{height:34px !important}header.nav .nav__inner{padding-top:9px !important;padding-bottom:9px !important;gap:10px !important}header.nav .nav__actions{gap:10px !important}header.nav .nav__burger,header.nav .nav__actions .nav__icon,header.nav .nav__actions .drnc-search-btn{min-width:44px !important;min-height:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important}header.nav .nav__actions{gap:2px !important}}/* Small phones: 44px targets plus the logo overflow the row by 2px at 320, so trim there only. */@media(max-width:360px){header.nav .nav__brand img,header.nav .brand-logo{height:28px !important}header.nav .nav__inner{gap:6px !important}header.nav .nav__actions{gap:0 !important}}#danavtag{position:fixed;left:14px;bottom:14px;z-index:9999;background:rgba(11,15,23,.86);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;font:700 9.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 13px;pointer-events:none}