/* chrome.css: Elutide storefront v2 chrome ONLY (announcement, header, lockup, nav, icon buttons, drawer, footer).
   Ported verbatim from build/wave-2/mock/shared.css sections 2 (icon, icon-btn, cart badge), 3a, 3b and 9; nothing redesigned.
   Loaded on EVERY front-end page when the flag is on, including long-tail pages that keep the theme style.css and /new
   (new.css uses elu-btn, elu-chip, elu-sec, elu-eyebrow, elu-skip): this file defines none of those classes. The drawer and
   footer labels carry their eyebrow look on their own classes for that reason.
   Tokens from tokens.css (enqueued first). Owner: Coder A (wave 1 Shell). */

/* font: self-hosted Manrope variable, latin subset (fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2) */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin-wght.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* scoped base: the mock's reset (shared.css section 0), limited to the chrome so theme-styled page bodies are untouched.
   :where() keeps the scope at zero specificity, so these tie with theme element rules (and win by load order) but never beat a component class below. */
.elu-chrome,.elu-drawer,.elu-footer{font-family:var(--elu-font);font-size:var(--elu-fs-16);font-weight:400;line-height:1.6;color:var(--elu-ink);-webkit-font-smoothing:antialiased;text-align:left}
.elu-chrome *,.elu-chrome *::before,.elu-chrome *::after,.elu-drawer *,.elu-drawer *::before,.elu-drawer *::after,.elu-footer *,.elu-footer *::before,.elu-footer *::after,.elu-chrome,.elu-drawer,.elu-footer{box-sizing:border-box}
:where(.elu-chrome,.elu-drawer,.elu-footer) :is(h1,h2,h3,h4,p,ul,ol,figure,dl,dd){margin:0;padding:0;border:0;background:none;font-family:inherit;letter-spacing:normal;text-transform:none}
:where(.elu-chrome,.elu-drawer,.elu-footer) :is(ul,ol){list-style:none}
:where(.elu-chrome,.elu-drawer,.elu-footer) a{color:inherit;text-decoration:none;font-family:inherit;box-shadow:none}
:where(.elu-chrome,.elu-drawer,.elu-footer) :is(img,svg){display:block;max-width:100%}
:where(.elu-chrome,.elu-drawer,.elu-footer) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;margin:0;box-shadow:none;min-width:0;text-transform:none;letter-spacing:normal}
:where(.elu-chrome,.elu-drawer,.elu-footer) :focus-visible{outline:2px solid var(--elu-teal-700);outline-offset:2px}
.elu-sprite{position:absolute;width:0;height:0;overflow:hidden}
.elu-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elu-footer .elu-container{width:100%;max-width:var(--elu-w-page);margin-inline:auto;padding-inline:var(--elu-gutter)}
/* eyebrow look for chrome labels (shared.css .elu-eyebrow, copied onto the chrome classes; see header note) */
.elu-drawer__label,.elu-footer__label{font-size:var(--elu-fs-12);font-weight:600;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:var(--elu-ink-muted)}
/* logo sizes restated at chrome specificity (0,2,0): WooCommerce pages carry `.woocommerce-page img{height:auto}` (0,1,1),
   which beat the single-class sizes below on /my-account (found in wave 1 shots) */
.elu-chrome .elu-lockup__mark,.elu-drawer .elu-lockup__mark{height:32px;width:auto}
.elu-chrome .elu-lockup__full{height:40px;width:auto}
.elu-footer .elu-footer__logo{height:44px;width:auto}
/* WordPress admin bar (logged-in staff): keep the sticky chrome below it */
body.admin-bar .elu-chrome{top:32px}
@media (max-width:782px){body.admin-bar .elu-chrome{top:46px}}
@media (max-width:600px){body.admin-bar .elu-chrome{top:0}}

/* 2 icons (Lucide, 1.75 stroke, currentColor) --------------------------------- */
.elu-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.elu-icon--20{width:20px;height:20px}
.elu-icon--14{width:14px;height:14px}
.elu-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--elu-btn-h);height:var(--elu-btn-h);border-radius:var(--elu-r-pill);color:var(--elu-ink);transition:background-color .15s,color .15s}
.elu-icon-btn:hover{background:var(--elu-burgundy-100);color:var(--elu-burgundy-700)}
.elu-cart[data-count]::after{content:attr(data-count);position:absolute;top:var(--elu-sp-1);right:var(--elu-sp-1);min-width:20px;height:20px;padding:0 var(--elu-sp-1);display:flex;align-items:center;justify-content:center;border-radius:var(--elu-r-pill);background:var(--elu-burgundy-700);color:var(--elu-white);font-size:var(--elu-fs-12);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;border:2px solid var(--elu-white);box-sizing:content-box}
.elu-cart[data-count="0"]::after{display:none}

/* 3a announcement bar + header (one sticky chrome block, 24 + 56 = 80) ---------- */
.elu-chrome{position:sticky;top:0;z-index:40}
.elu-announce{height:var(--elu-chrome-bar);display:flex;align-items:center;justify-content:center;padding-inline:var(--elu-gutter);background:var(--elu-charcoal);color:var(--elu-cream)}
.elu-announce p{font-size:var(--elu-fs-12);font-weight:500;line-height:1;white-space:nowrap}
@media (max-width:359.98px){
  .elu-announce{height:auto;min-height:var(--elu-chrome-bar);padding-block:var(--elu-sp-1)}
  .elu-announce p{line-height:1.3;white-space:normal;text-align:center;text-wrap:balance}
}
.elu-header{height:var(--elu-chrome-header);background:color-mix(in srgb,var(--elu-white) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--elu-line)}
.elu-header__bar{height:100%;max-width:var(--elu-w-page);margin-inline:auto;padding-inline:var(--elu-gutter);display:grid;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-areas:"menu lockup tools"}
.elu-header__menu{grid-area:menu;justify-self:start;margin-inline-start:calc(var(--elu-sp-2) * -1)}
.elu-lockup{grid-area:lockup;display:inline-flex;align-items:center;gap:var(--elu-sp-2);min-height:var(--elu-btn-h);color:var(--elu-ink);font-size:var(--elu-fs-18);font-weight:800;letter-spacing:.08em;line-height:1}
.elu-drawer__head .elu-lockup{grid-area:auto}
/* approved logo assets (assets/elutide-emark.png 227x237, assets/elutide-lockup.png 760x237). Phone header: E mark 32 tall + wordmark text.
   From 768: the full lockup 40 tall. Footer: the full lockup 44 tall. Never crop or recolor the PNGs. */
.elu-lockup__mark{display:block;height:32px;width:auto;flex:none}
.elu-lockup__word{font-size:var(--elu-fs-18);font-weight:800;letter-spacing:0;line-height:1;color:var(--elu-ink)}
.elu-lockup__full--show{display:block}
.elu-lockup__full{display:none;height:40px;width:auto;flex:none}
@media (min-width:768px){
  .elu-header .elu-lockup__mark,.elu-header .elu-lockup__word{display:none}
  .elu-header .elu-lockup__full{display:block}
}
.elu-footer__logo{display:block;height:44px;width:auto}
.elu-nav{grid-area:nav;display:none}
.elu-header__tools{grid-area:tools;justify-self:end;display:flex;align-items:center;margin-inline-end:calc(var(--elu-sp-2) * -1)}
.elu-nav__link{display:inline-flex;align-items:center;height:40px;padding:0 var(--elu-sp-4);border-radius:var(--elu-r-pill);font-size:var(--elu-fs-14);font-weight:500;line-height:1;color:var(--elu-ink);transition:background-color .15s,color .15s}
.elu-nav__link:hover{background:var(--elu-burgundy-100);color:var(--elu-burgundy-700)}
.elu-nav__link[aria-current="page"]{background:var(--elu-burgundy-100);color:var(--elu-burgundy-700);font-weight:600}
@media (min-width:1024px){
  .elu-header__bar{grid-template-columns:auto 1fr auto;grid-template-areas:"lockup nav tools";column-gap:var(--elu-sp-6)}
  .elu-header__menu{display:none}
  .elu-nav{display:flex;align-items:center;gap:var(--elu-sp-1)}
}

/* 3b mobile drawer (left sheet, scrim, 48px rows) ------------------------------- */
.elu-scrim{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--elu-charcoal) 55%,transparent);opacity:0;visibility:hidden;transition:opacity .24s,visibility 0s .24s}
.elu-scrim.is-open{opacity:1;visibility:visible;transition:opacity .24s}
.elu-drawer{position:fixed;z-index:70;top:0;bottom:0;left:0;width:85.9vw;max-width:calc(var(--elu-w-form) * .7);display:flex;flex-direction:column;background:var(--elu-white);border-radius:0 var(--elu-r-lg) var(--elu-r-lg) 0;box-shadow:var(--elu-sh-2);transform:translateX(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s .28s;overscroll-behavior:contain}
.elu-drawer.is-open{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.elu-drawer__head{display:flex;align-items:center;justify-content:space-between;height:var(--elu-chrome-header);padding:0 var(--elu-sp-2) 0 var(--elu-sp-4);border-bottom:1px solid var(--elu-line);flex:none}
.elu-drawer__scroll{flex:1;overflow-y:auto;padding:var(--elu-sp-2) var(--elu-sp-4) var(--elu-sp-5)}
.elu-drawer__label{padding:var(--elu-sp-4) 0 var(--elu-sp-1)}
.elu-drawer__row{display:flex;align-items:center;gap:var(--elu-sp-3);min-height:var(--elu-sp-7);padding:0 var(--elu-sp-1);border-bottom:1px solid var(--elu-line);font-size:var(--elu-fs-16);font-weight:500;line-height:1.15;transition:color .15s,background-color .15s}
.elu-drawer__row:hover{color:var(--elu-burgundy-700)}
.elu-drawer__row .elu-icon{color:var(--elu-ink-muted)}
.elu-drawer__row-main{flex:1}
.elu-drawer__count{font-size:var(--elu-fs-14);font-weight:400;color:var(--elu-ink-muted);font-variant-numeric:tabular-nums}
.elu-drawer__row--lead{margin-top:var(--elu-sp-2);padding-inline:var(--elu-sp-3);border:0;border-radius:var(--elu-r-md);background:var(--elu-burgundy-100);color:var(--elu-burgundy-700);font-weight:600}
.elu-drawer__row--lead .elu-icon{color:var(--elu-burgundy-700)}

body.is-locked{overflow:hidden}
/* v2 addition, wave 3 (chief ruling 1): FunnelKit's floating cart bubble is hidden on every page that prints the v2 chrome
   (body.elu-sf2: flag on, every front-end page except /enter, /inventory and FunnelKit canvases, which keep their own
   chrome). The header bag (a.elu-cart.fkcart-mini-open) opens the same drawer. Replaces the wave 1 is-locked rule and
   the page-local hides in shop.css / product.css. */
body.elu-sf2 #fkcart-floating-toggler{display:none!important}
/* v2 addition, rc2. CR-13: from 768 the header image (.elu-lockup__full) is elutide-lockup-notag-v1.png, the E mark and the
   "Elutide" wordmark cut from the approved lockup artwork (tools/coderA-lockup-notag.py: pixels copied, no recolor, tagline
   left out; 385x120 = 3x the 40 px display height). The tagline lockup stays in the footer (44 px). Phone header unchanged.
   Header tap targets at least 44 px at every width: desktop nav pills take the button height (mock 40).
   CR-18: Research Rewards "Sign in" (elutide-rr-fkcart.php, guest hint in the cart drawer) is 44 px tall and wide through
   padding; the negative margins keep the 12 px line and the text position exactly as before. */
.elu-nav__link{height:var(--elu-btn-h)}
body.elu-sf2 #fkcart-modal .elu-rrfk-hint a{display:inline-block;line-height:16px;padding:14px 3px;margin:-14px -3px;vertical-align:baseline}
/* v2 addition, home v3 header pass (d-053; replaces home.css section 4b, so every page with the v2 chrome shows it).
   Military / First Responder pill printed by elutide_svc_header_pill() (elutide-service-rewards.php) inside the header bar,
   between the nav and the account/bag icons; header.php adds .elu-chrome--svc only when the plugin printed something.
   Overrides the plugin's base rule (cream on copper, a banned pair; Montserrat 12.48 px; hanging position):
   below 1024 (home v3b, M-6): the slot inside the sticky chrome is hidden and header.php prints the same pill a second
     time as .elu-svcband directly after .elu-chrome, outside the sticky container: a full-width copper band, ink 12 px,
     44 tall, that scrolls away with the page, so the sticky chrome stays announce + header (under 10% of a 390 screen).
   from 1024: in the header row (Peptira keeps its promo in the nav row): cream pill, copper outline, ink 13 px uppercase
     tracked, 44 tall; never overlaps the page below; the band is hidden. Verified members get the plugin's badge pill
     in the same places. Only one copy is ever rendered (display:none on the other). */
.elu-svcslot{display:flex;align-items:center;justify-content:center;min-width:0}
.elu-svcband{display:none}
:is(.elu-svcslot,.elu-svcband) .elu-svcpill{box-sizing:border-box;height:var(--elu-btn-h);padding:0 var(--elu-sp-5);gap:var(--elu-sp-2);border:0;border-radius:var(--elu-r-pill);background:var(--elu-copper-500);color:var(--elu-ink)!important;font-family:var(--elu-font);font-size:var(--elu-fs-12);font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;box-shadow:none;transform:none;transition:background-color .15s,color .15s}
:is(.elu-svcslot,.elu-svcband) .elu-svcpill:hover,:is(.elu-svcslot,.elu-svcband) .elu-svcpill:focus-visible{background:var(--elu-burgundy-700);color:var(--elu-white)!important;transform:none}
:is(.elu-svcslot,.elu-svcband) .elu-svcpill:focus-visible{outline:2px solid var(--elu-teal-700);outline-offset:2px}
:is(.elu-svcslot,.elu-svcband) .elu-svcbadge--hdr{background:var(--elu-cream);color:var(--elu-burgundy-700)!important;border:1.5px solid var(--elu-copper-500)}
:is(.elu-svcslot,.elu-svcband) .elu-svcbadge--hdr i{font-style:normal;margin-inline:var(--elu-sp-1)}
@media (max-width:1023.98px){
  .elu-chrome--svc .elu-svcslot{display:none}
  .elu-chrome--svc .elu-header{margin-bottom:0}
  .elu-svcband{display:flex;align-items:center;justify-content:center;height:var(--elu-btn-h)}
  .elu-svcband .elu-svcpill{width:100%;border-radius:0}
}
@media (min-width:1024px){
  .elu-chrome--svc .elu-header__bar{grid-template-columns:auto 1fr auto auto;grid-template-areas:"lockup nav svc tools"}
  .elu-svcslot{grid-area:svc}
  .elu-svcslot .elu-svcpill{padding:0 var(--elu-sp-4);border:1.5px solid var(--elu-copper-500);background:var(--elu-cream);font-size:13px}
  .elu-svcslot .elu-svcpill:hover,.elu-svcslot .elu-svcpill:focus-visible{background:var(--elu-copper-500);color:var(--elu-ink)!important}
}
@media (prefers-reduced-motion:reduce){:is(.elu-svcslot,.elu-svcband) .elu-svcpill{transition:none}}

/* 9 footer: 1 col at 390, 2 at 640, 5 at 1024 --------------------------------------------------- */
.elu-footer{margin-top:var(--elu-section);padding-top:var(--elu-sp-7);background:var(--elu-charcoal);color:var(--elu-cream)}
.elu-footer :focus-visible{outline-color:var(--elu-teal-500)}
.elu-footer__grid{display:grid;gap:var(--elu-sp-6)}
.elu-footer__brand .elu-lockup{color:var(--elu-cream);margin-left:calc(var(--elu-sp-1) * -1)}
.elu-footer__tag{margin-top:var(--elu-sp-2);font-size:var(--elu-fs-14);color:color-mix(in srgb,var(--elu-cream) 78%,transparent)}
.elu-footer__label{margin-bottom:var(--elu-sp-2);color:var(--elu-copper-500)}
.elu-footer__label--gap{margin-top:var(--elu-sp-4)}
.elu-footer__list{columns:2;column-gap:var(--elu-sp-4)}
.elu-footer__list li{break-inside:avoid}
.elu-footer__brand .elu-footer__list{columns:1}
.elu-footer__link{display:flex;align-items:center;min-height:var(--elu-btn-h);font-size:var(--elu-fs-14);font-weight:500;color:color-mix(in srgb,var(--elu-cream) 86%,transparent);transition:color .15s}
.elu-footer__link:hover{color:var(--elu-white);text-decoration:underline;text-underline-offset:4px}
.elu-footer__legal{display:grid;gap:var(--elu-sp-2);margin-top:var(--elu-sp-7);padding-block:var(--elu-sp-5);border-top:1px solid color-mix(in srgb,var(--elu-cream) 18%,transparent)}
.elu-footer__ruo{font-size:var(--elu-fs-12);font-weight:600;line-height:1.6;color:var(--elu-cream)}
.elu-footer__copy{font-size:var(--elu-fs-12);line-height:1.6;color:color-mix(in srgb,var(--elu-cream) 72%,transparent)}
@media (min-width:640px){.elu-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elu-footer__list{columns:1}}
@media (min-width:1024px){.elu-footer__grid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:var(--elu-sp-5)}.elu-footer__legal{grid-template-columns:1fr auto;align-items:baseline}}

/* v2 additions (not in the mock): the 503A/B and chargeback notes carried from the theme footer (ARCHITECTURE.md 2.2) */
.elu-footer__note{grid-column:1 / -1}
.elu-footer__note strong{font-weight:600;color:var(--elu-cream)}
.elu-footer__inline{color:var(--elu-cream);text-decoration:underline;text-underline-offset:3px}
.elu-footer__inline:hover{color:var(--elu-white)}
/* v2 addition, footer accordions (HANDOFF-home-v3g decision 2: 390 home height). footer.php wraps each link column
   (Shop, Help, Legal, Account) in a native <details name="elu-ftr"> with the label inside <summary>, so it works without
   app.js. Below 768: one column, 44 px tap rows with a copper chevron, closed by default, one open at a time (the shared
   name; app.js covers browsers without it and syncs aria-expanded). Contact, the RUO line, the legal paragraphs, the
   copyright and the newsletter strip are untouched and always visible.
   From 768: unchanged columns. ::details-content shows every list even before app.js runs (app.js then sets open, so the
   accessibility tree reads expanded); the summary is a plain label (no chevron, no pointer events). */
.elu-footer__acc,.elu-footer__sum{margin:0;padding:0;border:0;background:none}
.elu-footer__sum{display:block;list-style:none}
.elu-footer__sum::-webkit-details-marker{display:none}
.elu-footer__sum::marker{content:""}
.elu-footer__chev{display:none}
@media (max-width:767.98px){
  .elu-footer__grid{grid-template-columns:minmax(0,1fr);gap:0}
  .elu-footer__brand{margin-bottom:var(--elu-sp-5)}
  .elu-footer__grid nav{border-top:1px solid color-mix(in srgb,var(--elu-cream) 18%,transparent)}
  .elu-footer__sum{display:flex;align-items:center;justify-content:space-between;gap:var(--elu-sp-3);min-height:var(--elu-btn-h);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .elu-footer__sum .elu-footer__label{margin:0}
  .elu-footer__chev{display:block;flex:none;width:8px;height:8px;margin-right:var(--elu-sp-2);border-right:1.5px solid var(--elu-copper-500);border-bottom:1.5px solid var(--elu-copper-500);transform:translateY(-2px) rotate(45deg);transition:transform .15s}
  .elu-footer__acc[open] .elu-footer__chev{transform:translateY(2px) rotate(-135deg)}
  .elu-footer__acc .elu-footer__list{columns:2;padding-bottom:var(--elu-sp-2)}
  .elu-footer__legal{margin-top:0}
}
@media (min-width:768px){
  .elu-footer__acc::details-content{content-visibility:visible;display:block}
  .elu-footer__sum{pointer-events:none;cursor:default}
}
@media (prefers-reduced-motion:reduce){.elu-footer__chev{transition:none}}

/* chat (d-035): the Tidio launcher is hidden below 768 unless the visitor opened chat from the drawer or footer (app.js adds
   html.elu-chat-open while the widget is open). Desktop unchanged. */
@media (max-width:767.98px){html:not(.elu-chat-open) #tidio-chat{display:none!important}}

/* v2 addition, wave 3 (chief ruling 6): the newsletter strip (elutide-newsletter-placements.php, wp_footer pri 5) stays
   below the v2 footer and takes the v2 look: Manrope, the type scale, 44 px controls, token colors (the button is the
   .elu-btn--secondary signature). Markup and copy are the plugin's and unchanged (marketing call pending); the plugin's
   uppercase on "Subscribe" is styling, not copy, and is dropped. Scoped to body.elu-sf2: every page with the v2 chrome.
   Row layout at every width (the plugin's own max-width 768/480 rules stack and center it; restated here so they lose).
   The guest pop-up takes the font, the type scale, weights and 44 px controls only; its layout and colors stay. */
body.elu-sf2 #elutide-footer-newsletter{padding:var(--elu-sp-5) 0;background:var(--elu-burgundy-800);font-family:var(--elu-font);-webkit-font-smoothing:antialiased}
body.elu-sf2 #elutide-footer-newsletter .efn-inner{flex-direction:row;flex-wrap:wrap;align-items:center;max-width:var(--elu-w-page);margin-inline:auto;padding-inline:var(--elu-gutter);gap:var(--elu-sp-4) var(--elu-sp-5);text-align:left}
body.elu-sf2 #elutide-footer-newsletter .efn-left{flex:1 1 280px;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;min-width:0;gap:var(--elu-sp-3)}
body.elu-sf2 #elutide-footer-newsletter .efn-icon{font-size:var(--elu-fs-24);line-height:1;opacity:1;color:var(--elu-copper-500)}
body.elu-sf2 #elutide-footer-newsletter .efn-text{font-family:inherit;font-size:var(--elu-fs-14);font-weight:400;line-height:1.6;color:var(--elu-cream)}
body.elu-sf2 #elutide-footer-newsletter .efn-text strong{font-weight:600;color:var(--elu-copper-500)}
body.elu-sf2 #elutide-footer-newsletter .efn-form{flex:1 1 320px;max-width:var(--elu-w-form)}
body.elu-sf2 #elutide-footer-newsletter .efn-input-wrap{flex-direction:row;gap:var(--elu-sp-2);border-radius:0;overflow:visible;box-shadow:none}
body.elu-sf2 #elutide-footer-newsletter .efn-form input[type=email]{flex:1 1 auto;width:auto;min-width:0;min-height:var(--elu-btn-h);margin:0;padding:0 var(--elu-sp-4);border:1px solid color-mix(in srgb,var(--elu-cream) 28%,transparent);border-radius:var(--elu-r-pill);background:color-mix(in srgb,var(--elu-white) 10%,transparent);color:var(--elu-cream);font-family:inherit;font-size:var(--elu-fs-16);line-height:1.2}
body.elu-sf2 #elutide-footer-newsletter .efn-form input[type=email]::placeholder{color:color-mix(in srgb,var(--elu-cream) 66%,transparent)}
body.elu-sf2 #elutide-footer-newsletter .efn-form input[type=email]:focus{background:color-mix(in srgb,var(--elu-white) 16%,transparent)}
body.elu-sf2 #elutide-footer-newsletter .efn-form :is(input,button):focus-visible{outline:2px solid var(--elu-teal-500);outline-offset:2px}
body.elu-sf2 #elutide-footer-newsletter .efn-form button{flex:none;min-height:var(--elu-btn-h);margin:0;padding:0 calc(var(--elu-sp-4) + var(--elu-sp-1));border:0;border-radius:var(--elu-r-pill);background:var(--elu-copper-500);color:var(--elu-ink);font-family:inherit;font-size:var(--elu-fs-14);font-weight:600;line-height:1;letter-spacing:normal;text-transform:none}
body.elu-sf2 #elutide-footer-newsletter .efn-form button:hover{background:var(--elu-copper-600)}
body.elu-sf2 #elutide-footer-newsletter .efn-msg{min-height:0;margin-top:var(--elu-sp-1);font-size:var(--elu-fs-12);line-height:1.6;text-align:left;color:var(--elu-teal-500)}
body.elu-sf2 #elutide-footer-newsletter .efn-msg.error{color:var(--elu-copper-500)}
body.elu-sf2 #elutide-nl-popup :is(div,p,strong,span,h3,a,button,input,label){font-family:var(--elu-font)}
body.elu-sf2 #elutide-nl-popup .enp-label{font-size:var(--elu-fs-12);font-weight:600}
body.elu-sf2 #elutide-nl-popup .enp-content h3{font-size:var(--elu-fs-24)}
body.elu-sf2 #elutide-nl-popup .enp-content > p{font-size:var(--elu-fs-14)}
body.elu-sf2 #enp-popup-form :is(input,button){min-height:var(--elu-btn-h);font-size:var(--elu-fs-16)}
body.elu-sf2 #enp-popup-form button{font-weight:600}
body.elu-sf2 #elutide-nl-popup .enp-close{min-width:var(--elu-btn-h);min-height:var(--elu-btn-h)}

/* 10 motion (chrome part) */
@media (prefers-reduced-motion:reduce){
  .elu-scrim,.elu-drawer,.elu-icon-btn,.elu-nav__link,.elu-drawer__row,.elu-footer__link{transition:none}
}