/* GENERATED by build_chrome_css.py from home.css (banner, header, mobile nav, footer, footer signup) scoped to body.nwn-hfc, plus the sitewide container (Eddy 2026-11-03). Do not hand-edit chrome rules; edit home.css and rebuild. */
@font-face{font-family:"NWN HF Sans";src:url(../nwn-theme-ab/fonts/DMSans-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"NWN HF Sans";src:url(../nwn-theme-ab/fonts/DMSans-700.woff) format("woff");font-weight:600 900;font-display:swap}
body.nwn-hfc{--hf-ink:#111;--hf-navy:#0f1423;--hf-blue:#1f55d0;--hf-green:#67d85f;--hf-mut:#4a5263;--hf-line:#cdd8e8;--hf-box:1200px;--hf-font:"NWN HF Sans","NWN DM Sans",Inter,"Helvetica Neue",Arial,sans-serif}
@media(min-width:1440px){body.nwn-hfc{--hf-box:1280px}}
body.nwn-hfc .hf-footer *{box-sizing:border-box}
body.nwn-hfc .hf-box{width:min(100% - 48px,var(--hf-box));margin:0 auto}
body.nwn-hfc .hf-sr,body.nwn-hfc .hf-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
body.nwn-hfc .hf-footer :is(p,li,a,span,div,h2,ul){font-family:inherit}
body.nwn-hfc .hf-footer a:focus-visible{outline:3px solid var(--hf-blue);outline-offset:3px;border-radius:6px}
body.nwn-hfc .hf-btn{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:12px 18px;background:var(--hf-green);color:var(--hf-ink)!important;border:3px solid var(--hf-ink);border-radius:12px;box-shadow:3px 4px 0 var(--hf-ink);font-family:var(--hf-font);font-weight:800;font-size:clamp(18px,1.55vw,23px);line-height:1.15;letter-spacing:-.01em;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}
body.nwn-hfc .hf-btn:hover{background:#7ade70}
body.nwn-hfc .hf-btn:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--hf-ink)}
body.nwn-hfc .hf-btn[disabled]{opacity:.7;cursor:progress}
body.nwn-hfc .hf-btn-lg{display:inline-flex;width:auto;min-width:min(100%,380px);padding:12px 44px}
body.nwn-hfc .hf-btn-md,body.nwn-hfc .hf-btn-sm,body.nwn-hfc .hf-btn-xs,body.nwn-hfc .hf-cl-btns .hf-btn,body.nwn-hfc .hf-cl-form .hf-btn,body.nwn-hfc .hf-su-form .hf-btn{border:0;box-shadow:none;border-radius:10px;font-weight:700;min-height:48px;width:auto;display:inline-flex;font-size:18px;padding:12px 28px}
body.nwn-hfc .hf-btn-md:active,body.nwn-hfc .hf-btn-sm:active,body.nwn-hfc .hf-btn-xs:active,body.nwn-hfc .hf-cl-btns .hf-btn:active,body.nwn-hfc .hf-cl-form .hf-btn:active{transform:none;box-shadow:none}
body.nwn-hfc .hf-btn-xs{min-height:44px;font-size:16px;padding:8px 22px;margin-top:8px}
body.nwn-hfc .hf-cl-form .hf-btn{width:100%;display:flex}
body.nwn-hfc .hf-banner{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:8px 16px;background:var(--hf-blue);color:#fff;font:700 clamp(15px,1.5vw,19px)/1.2 var(--hf-font);text-decoration:none;text-align:center}
body.nwn-hfc .hf-banner:hover{background:#1a49b3;color:#fff}
body.nwn-hfc .hf-banner:focus-visible{outline:3px solid #fff;outline-offset:-5px}
body.nwn-hfc .hf-star{width:20px;height:19px;fill:#fff;flex:0 0 auto}
body.nwn-hfc .nwn-header-inner{max-width:1400px;gap:12px}
body.nwn-hfc .nwn-logo img{height:42px;width:auto}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:48px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:43px}
body.nwn-hfc .nwn-nav-list{gap:0}
body.nwn-hfc .nwn-nav-list a{font-size:.92rem;padding:8px 10px;color:rgba(255,255,255,.88)}
body.nwn-hfc .nwn-nav-list a:focus-visible,body.nwn-hfc .hf-actions a:focus-visible{outline:3px solid #fff;outline-offset:2px}
body.nwn-hfc .nwn-nav-list .nwn-nav-cta{background:var(--hf-green);color:#111!important;font-weight:700;padding:10px 20px;border-radius:8px;margin-left:10px;font-size:1rem}
body.nwn-hfc .nwn-nav-list .nwn-nav-cta:hover{background:#7ade70;transform:none}
body.nwn-hfc .hf-sep{width:1px;height:26px;background:rgba(255,255,255,.3);margin:0 10px}
body.nwn-hfc .hf-phone{display:inline-flex;align-items:center;gap:7px;font-weight:600}
body.nwn-hfc .hf-wa{display:inline-flex;align-items:center;color:var(--hf-green)!important;padding:6px 8px!important}
body.nwn-hfc .hf-lang{display:flex;align-items:center;margin:0 4px}
body.nwn-hfc .hf-lang a{padding:8px 6px;font-weight:500}
body.nwn-hfc .hf-lang a[aria-current]{color:#fff;font-weight:800}
body.nwn-hfc .hf-lang-sep{color:rgba(255,255,255,.5)}
body.nwn-hfc .nwn-nav-list .nwn-caret{font-size:.7em}
body.nwn-hfc .nwn-mega-col a.hf-mega-all,body.nwn-hfc .nwn-dropdown a.hf-mega-all{color:#1b7a1b!important;font-weight:700}
body.nwn-hfc .nwn-mega-col a,body.nwn-hfc .nwn-dropdown a{color:#2b3445}
body.nwn-hfc .nwn-mega-label{color:#1f3a73}
body.nwn-hfc .hf-actions{display:none;align-items:center;gap:6px;margin-left:auto}
body.nwn-hfc .hf-actions .hf-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;border-radius:8px}
body.nwn-hfc .hf-actions .hf-ic-wa{color:var(--hf-green)}
body.nwn-hfc .hf-actions .hf-fa{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;background:var(--hf-green);color:#111;font-weight:800;font-size:15px;border-radius:8px;white-space:nowrap}
body.nwn-hfc .nwn-mobile-nav .hf-mob-lang{display:flex;gap:6px;padding:14px 20px}
body.nwn-hfc .nwn-mobile-nav .hf-mob-lang a{display:inline-block;padding:10px 14px;border:0;font-weight:600}
body.nwn-hfc .nwn-mobile-nav .hf-mob-lang a[aria-current]{color:#fff;background:rgba(255,255,255,.12);border-radius:8px}
body.nwn-hfc .nwn-mobile-nav .hf-lang-sep{align-self:center;color:rgba(255,255,255,.5)}
@media(max-width:1199px){
body.nwn-hfc .nwn-nav-list{display:none}
body.nwn-hfc .nwn-hamburger{display:flex}
body.nwn-hfc .hf-actions{display:flex}
body.nwn-hfc .nwn-logo img{height:34px}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:40px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:36px}
}
@media(max-width:1199px){
body.nwn-hfc .nwn-header-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:8px}
body.nwn-hfc .nwn-logo{display:flex;align-items:center;min-height:44px;flex:0 0 auto}
body.nwn-hfc .hf-actions{gap:8px;margin-left:auto;flex:0 0 auto}
body.nwn-hfc .hf-actions .hf-ic{flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0!important}
body.nwn-hfc .hf-actions .hf-fa{flex:0 0 auto;min-height:44px;padding:0 14px}
body.nwn-hfc .nwn-hamburger{flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;align-items:center;justify-content:center}
body.nwn-hfc .nwn-mobile-nav .hf-mob-fa{display:none;margin:12px 0;padding:14px 16px;background:var(--hf-green);color:#111!important;font-weight:800;text-align:center;border-radius:10px;border:0}
}
@media(max-width:480px){
body.nwn-hfc .nwn-logo img{height:24px}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:29px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:26px}
body.nwn-hfc .hf-actions .hf-fa{padding:0 10px;font-size:14px}
}
@media(max-width:429px){
body.nwn-hfc .nwn-logo img{height:20px}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:24px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:21px}
}
@media(max-width:413px){
body.nwn-hfc .nwn-logo img{height:18px}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:22px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:20px}
}
@media(max-width:389px){
body.nwn-hfc .nwn-logo img{height:24px}
body.nwn-hfc.hf-logo-v3 .nwn-logo img,body.nwn-hfc.hf-logo-v4 .nwn-logo img{height:29px}
body.nwn-hfc.hf-logo-v5 .nwn-logo img{height:26px}
body.nwn-hfc .hf-actions .hf-fa{display:none}
body.nwn-hfc .nwn-mobile-nav .hf-mob-fa{display:block}
}
body.nwn-hfc .hf-stars{display:block;color:#b8730a;font-size:20px;letter-spacing:2px;line-height:1;margin-bottom:10px}
body.nwn-hfc .hf-morecards li span:not(.hf-mic):not(.hf-sr){display:block;color:var(--hf-mut);font-size:15.5px;line-height:1.3}
body.nwn-hfc .hf-su-row{display:flex;gap:14px}
body.nwn-hfc .hf-su-row input[type=email]{flex:1;min-width:0;min-height:52px;padding:10px 16px;font:inherit;font-size:18px;color:var(--hf-ink);background:#fff;border:1.5px solid #8ea2c4;border-radius:10px}
body.nwn-hfc .hf-su-note{margin:8px 0 0;font-size:15px;color:#34405a}
body.nwn-hfc .hf-su-msg{margin:6px 0 0;font-size:16px;font-weight:600;min-height:1.4em}
body.nwn-hfc .hf-su-msg.ok{color:#14661a}
body.nwn-hfc .hf-su-msg.bad{color:#b00020}
body.nwn-hfc #nwn-footer.hf-footer{background:var(--hf-navy);color:#e8ecf5;font-family:var(--hf-font);padding:56px 0 0;margin:0;border:0}
body.nwn-hfc #nwn-footer.hf-footer li,body.nwn-hfc #nwn-footer.hf-footer p,body.nwn-hfc #nwn-footer.hf-footer span{color:#e8ecf5}
body.nwn-hfc .hf-ft-grid{display:grid;grid-template-columns:1.55fr 1fr .85fr 1.45fr;gap:48px;padding-bottom:40px}
body.nwn-hfc .hf-footer h2{font-size:19px;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.01em}
body.nwn-hfc .hf-footer ul{list-style:none;margin:0;padding:0}
body.nwn-hfc .hf-footer li{font-size:16px;line-height:1.35;margin:0;padding:4px 0}
body.nwn-hfc .hf-footer a{color:#e8ecf5;text-decoration:none;display:inline-block;padding:2px 0}
body.nwn-hfc .hf-footer a:hover{color:#fff;text-decoration:underline}
body.nwn-hfc .hf-ft-quick ul{columns:2;column-gap:28px}
body.nwn-hfc .hf-ft-quick li{break-inside:avoid}
body.nwn-hfc .hf-footer .hf-ft-addr{padding:6px 0 4px}
body.nwn-hfc .hf-ft-city{display:block;font-size:14px;font-weight:800;letter-spacing:.02em;color:#fff;line-height:1.3}
body.nwn-hfc .hf-ft-addr a{display:inline;padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(232,236,245,.45)}
body.nwn-hfc .hf-ft-addr a span{white-space:nowrap}
body.nwn-hfc .hf-ft-addr a:hover{text-decoration-color:#fff}
icons flush-left; brand green only on hover/focus */
body.nwn-hfc .hf-ft-contact{min-width:0}
body.nwn-hfc .hf-ft-contact h2{margin-bottom:8px}
body.nwn-hfc .hf-footer p.hf-ft-any{margin:0 0 4px;font-size:14px;line-height:1.3;color:#c9d1e2}
body.nwn-hfc .hf-footer .hf-ft-contact ul+ul{margin-top:12px}
body.nwn-hfc .hf-footer .hf-ft-rows li{padding:0}
body.nwn-hfc .hf-footer a.hf-ft-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;color:#e8ecf5;text-decoration:none}
body.nwn-hfc .hf-footer a.hf-ft-row span{overflow-wrap:anywhere}
body.nwn-hfc .hf-ft-ic{flex:0 0 20px;width:20px;height:20px;color:#fff}
body.nwn-hfc .hf-footer a.hf-ft-row:hover,body.nwn-hfc .hf-footer a.hf-ft-row:hover .hf-ft-ic,body.nwn-hfc .hf-footer a.hf-ft-row:focus-visible,body.nwn-hfc .hf-footer a.hf-ft-row:focus-visible .hf-ft-ic{color:#64E858;text-decoration:none}
body.nwn-hfc .hf-footer a.hf-ft-row:hover span{text-decoration:underline;text-underline-offset:3px}
body.nwn-hfc .hf-footer .hf-ft-offices li{padding:0 0 12px}
body.nwn-hfc .hf-footer .hf-ft-offices li:last-child{padding-bottom:0}
body.nwn-hfc .hf-footer .hf-ft-offices a:hover{color:#64E858;text-decoration-color:#64E858}
body.nwn-hfc .hf-footer ul.hf-social{display:flex;gap:12px;margin:12px 0 0 -11px}
body.nwn-hfc .hf-footer .hf-social li{padding:0}
body.nwn-hfc .hf-social a,body.nwn-hfc .hf-footer .hf-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#fff}
body.nwn-hfc .hf-footer .hf-social a:hover,body.nwn-hfc .hf-footer .hf-social a:focus-visible{color:#64E858;text-decoration:none}
body.nwn-hfc #nwn-footer.hf-footer a.hf-ft-row:focus-visible,body.nwn-hfc #nwn-footer.hf-footer .hf-social a:focus-visible,body.nwn-hfc #nwn-footer.hf-footer .hf-ft-offices a:focus-visible{outline:2px solid #64E858;outline-offset:2px;border-radius:6px}
body.nwn-hfc .hf-ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.14);padding:20px 0;font-size:15px;color:#c9d1e2}
body.nwn-hfc .hf-ft-bottom a{color:#fff}
@media(max-width:1100px){
body.nwn-hfc .hf-ft-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:700px){
body.nwn-hfc .hf-ft-quick,body.nwn-hfc .hf-ft-contact{grid-column:1/-1}
body.nwn-hfc .hf-box{width:min(100% - 32px,var(--hf-box))}
body.nwn-hfc .hf-su-row{flex-direction:column}
body.nwn-hfc .hf-su-row .hf-btn{width:100%}
body.nwn-hfc .hf-cl-btns .hf-btn{width:100%}
body.nwn-hfc .hf-ft-grid{grid-template-columns:1fr}
body.nwn-hfc .hf-ft-quick ul{columns:2}
body.nwn-hfc .hf-ft-bottom{flex-direction:column;align-items:flex-start;gap:6px}
body.nwn-hfc .hf-btn{white-space:normal}
}
body.nwn-hfc .hf-actions .hf-ic svg{width:22px;height:22px}
body.nwn-hfc .hf-actions .hf-ic-wa svg{width:26px;height:26px}
body.nwn-hfc .hf-ft-su{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:28px 0}
body.nwn-hfc .hf-ft-su .hf-su-note{color:#c9d1e2}
body.nwn-hfc .hf-ft-su .hf-su-msg.ok{color:#9ff29a}
body.nwn-hfc .hf-ft-su .hf-su-msg.bad{color:#ffb3b3}
@media (max-width:900px){
body.nwn-hfc .hf-ft-su{grid-template-columns:1fr;gap:14px}
}

/* ============ SITEWIDE CONTAINER (Eddy 2026-11-03: adopt the home's width) ============
   Home content box = 1200 px (1280 from 1440 up) with 24 px gutters (16 under 700). The theme box was 1180 incl. 28 px padding = 1124 px of content.
   --nwn-max-w is the theme's one container variable (13 uses), so every section moves together. Max-w = content + 2 gutters: 1248 / 1328. */
body.nwn-hfc{--nwn-max-w:1248px}
@media(min-width:1440px){body.nwn-hfc{--nwn-max-w:1328px}}
body.nwn-hfc .nwn-container{padding-left:24px;padding-right:24px}
@media(max-width:700px){body.nwn-hfc .nwn-container{padding-left:16px;padding-right:16px}body.nwn-hfc .nwn-header-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
/* Product grids: never more than 4 across, cards never narrower than before (auto-fill at 220 px would give 5 columns in the wider box); 3 -> 4 across from 1440. Images keep their own aspect (no stretching). */
body.nwn-hfc ul.products{grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 66px)/4)),1fr))!important}
@media(min-width:1440px){body.nwn-hfc ul.products.columns-3{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* Long text stays readable while the grid is wide: ~72ch measure on posts and plain pages (the old cap was 860 px, about 95 characters). */
body.nwn-hfc.single-post .nwn-page-content,body.nwn-hfc.page-template-default .nwn-page-content{max-width:calc(72ch + 48px)}
/* WooCommerce cart/account icons inside the new header */
body.nwn-hfc .nwn-nav-list .nwn-nav-icon a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px}
/* single product: .nwn-wc-wrap already pads the box, div.product padded it a second time (content sat 24 px inside the home's edge) */
body.nwn-hfc .nwn-wc-wrap > div.product{padding-left:0!important;padding-right:0!important}
/* ES header at 390 px: "Auditoría Gratis" pushed the hamburger 14 px past the viewport (EN label is shorter); tighter button under 414 px */
@media(max-width:413px){body.nwn-hfc .hf-actions .hf-fa{padding:0 8px;font-size:13px}}
/* STICKY BAR (v2.1): the home's own rules, lines 'sticky bottom bar' .. +45 and the footer reserve, renamed body.nwn-hf -> body.nwn-hfc. Regenerate with: sed (see README). */
/* ---------- sticky bottom bar (kept from the approved hero build) ---------- */
body.nwn-hfc .nwn-stk{--nwn-green:#67d85f;position:fixed;left:0;right:0;bottom:0;z-index:9000;box-sizing:border-box;height:calc(var(--nwn-bar-h) + var(--nwn-stk-safe));padding-bottom:var(--nwn-stk-safe);background:#0f1423;color:#fff;font:16px/1 var(--hf-font);border-top:1px solid rgba(255,255,255,.08)}
body.nwn-hfc{--nwn-bar-h:58px;--nwn-stk-safe:env(safe-area-inset-bottom,0px);padding-bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe))}
body.nwn-hfc .nwn-stk *{box-sizing:border-box}
body.nwn-hfc .nwn-stk .stk-in{max-width:1240px;height:var(--nwn-bar-h);margin:0 auto;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:18px;white-space:nowrap}
body.nwn-hfc .nwn-stk a{color:#fff;text-decoration:none}
body.nwn-hfc .nwn-stk .stk-logo{display:flex;align-items:center;flex:0 0 auto;min-height:44px}
body.nwn-hfc .nwn-stk .stk-logo img{display:block;height:30px;width:auto;max-width:none}
body.nwn-hfc.hf-logo-v3 .nwn-stk .stk-logo img,body.nwn-hfc.hf-logo-v4 .nwn-stk .stk-logo img{height:36px}
body.nwn-hfc.hf-logo-v5 .nwn-stk .stk-logo img{height:32px}
body.nwn-hfc .nwn-stk .stk-div{flex:0 0 1px;height:28px;background:rgba(255,255,255,.28)}
body.nwn-hfc .nwn-stk .stk-dom{display:flex;align-items:center;min-height:44px;font-size:17px;color:#e8ecf5}
body.nwn-hfc .nwn-stk .stk-links{margin-left:auto;display:flex;align-items:center;gap:6px}
body.nwn-hfc .nwn-stk .stk-links a{display:flex;align-items:center;min-height:44px;padding:0 14px;font-size:16px;color:#e8ecf5;border-radius:8px}
body.nwn-hfc .nwn-stk .stk-links a:hover,body.nwn-hfc .nwn-stk .stk-dom:hover{color:#fff;background:rgba(255,255,255,.08)}
body.nwn-hfc .nwn-stk a:focus-visible{outline:3px solid var(--nwn-green);outline-offset:2px}
body.nwn-hfc .nwn-stk .stk-cta{display:none;margin-left:auto;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:var(--nwn-green);color:#111;font-weight:800;font-size:16px;border-radius:10px}
body.nwn-hfc .nwn-stk .stk-cta:hover{background:#7ade70}
body.nwn-hfc.nwn-hfc-modal .nwn-stk,body.nwn-hfc.nwn-stk-kb .nwn-stk{display:none}
body.nwn-hfc:has(#nwn-cc){--nwn-stk-safe:0px;padding-bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 56px)}
body.nwn-hfc .nwn-cb-launch{bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 14px)}
body.nwn-hfc .nwn-cb-panel{bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 14px);max-height:calc(100vh - var(--nwn-bar-h) - 40px)}
body.nwn-hfc.nwn-hfc-modal,body.nwn-hfc.nwn-stk-kb{padding-bottom:0}
body.nwn-hfc:has(#nwn-cc) .nwn-cb-launch,body.nwn-hfc:has(#nwn-cc) .nwn-cb-panel{bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 56px + 14px)}
body.nwn-hfc.nwn-hfc-modal .nwn-cb-launch{bottom:20px}
body.nwn-hfc #nwn-cc{padding:0!important}
body.nwn-hfc #nwn-cc .w{padding:6px 16px!important;gap:10px!important;min-height:0!important}
body.nwn-hfc #nwn-cc p{font-size:13px!important;line-height:1.25!important;margin:0!important}
body.nwn-hfc #nwn-cc button{min-height:36px!important;padding:4px 14px!important;font-size:14px!important}
/* the proactive chat nudge is OFF on the home (Eddy: pop-up cut; 1 click from 154 shows); the chat launcher itself stays */
body.nwn-hfc #nwn-tw-nudge{display:none!important}
@media(max-width:899px){body.nwn-hfc .nwn-stk .stk-links{display:none}body.nwn-hfc .nwn-stk .stk-dom{margin-left:0}body.nwn-hfc .nwn-stk .stk-cta{display:inline-flex}}
@media(max-width:599px){
 body.nwn-hfc{--nwn-bar-h:60px}
 body.nwn-hfc .nwn-stk .stk-in{padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:12px}
 body.nwn-hfc .nwn-stk .stk-logo img{height:28px}
 body.nwn-hfc.hf-logo-v3 .nwn-stk .stk-logo img,body.nwn-hfc.hf-logo-v4 .nwn-stk .stk-logo img{height:34px}
 body.nwn-hfc.hf-logo-v5 .nwn-stk .stk-logo img{height:30px}
 body.nwn-hfc .nwn-stk .stk-div,body.nwn-hfc .nwn-stk .stk-dom{display:none}
 body.nwn-hfc .nwn-stk .stk-cta{display:inline-flex}
 body.nwn-hfc:has(#nwn-cc) .nwn-cb-launch,body.nwn-hfc:has(#nwn-cc) .nwn-cb-panel{bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 72px + 14px)}
 body.nwn-hfc:has(#nwn-cc){padding-bottom:calc(var(--nwn-bar-h) + var(--nwn-stk-safe) + 92px)}
 body.nwn-hfc #nwn-cc p{font-size:12px!important}
}
@media(max-height:500px) and (orientation:landscape){body.nwn-hfc{--nwn-bar-h:60px}body.nwn-hfc .nwn-stk .stk-in{padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}body.nwn-hfc .nwn-stk .stk-logo img{height:28px}body.nwn-hfc.hf-logo-v3 .nwn-stk .stk-logo img,body.nwn-hfc.hf-logo-v4 .nwn-stk .stk-logo img{height:34px}body.nwn-hfc .nwn-stk .stk-links{display:none}body.nwn-hfc .nwn-stk .stk-cta{display:inline-flex;margin-left:auto}}
body.nwn-hfc.hf-logo-v5 .nwn-stk .stk-logo img{height:30px}
/* 2026-11-03 nav fix: the chat launcher rides above the sticky bar (+12px+safe area) and the footer reserves room for bar + launcher */
body.nwn-hfc .hf-ft-bottom{padding-bottom:calc(20px + var(--nwn-bar-h) + var(--nwn-stk-safe) + 14px)}
/* inner-page extras: cart/my-account = lean (no order CTA; hidden on phones so Woo buttons own the bottom), checkout/order-received = no bar at all (payment focus) */
body.nwn-hfc.nwn-stk-lean .nwn-stk .stk-cta{display:none!important}
@media(max-width:899px){body.nwn-hfc.nwn-stk-lean .nwn-stk{display:none}body.nwn-hfc.nwn-stk-lean{padding-bottom:0}body.nwn-hfc.nwn-stk-lean .hf-ft-bottom{padding-bottom:20px}body.nwn-hfc.nwn-stk-lean .nwn-cb-launch,body.nwn-hfc.nwn-stk-lean .nwn-cb-panel{bottom:20px}body.nwn-hfc.nwn-stk-lean:has(#nwn-cc) .nwn-cb-launch,body.nwn-hfc.nwn-stk-lean:has(#nwn-cc) .nwn-cb-panel{bottom:92px}}
body.nwn-hfc.nwn-stk-none{padding-bottom:0}body.nwn-hfc.nwn-stk-none .hf-ft-bottom{padding-bottom:20px}
body.nwn-hfc.nwn-stk-none .nwn-stk{display:none}body.nwn-hfc.nwn-stk-none .nwn-cb-launch,body.nwn-hfc.nwn-stk-none .nwn-cb-panel{bottom:20px}body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .nwn-cb-launch,body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .nwn-cb-panel{bottom:76px}body.nwn-hfc.nwn-stk-none:has(#nwn-cc){padding-bottom:56px}
@media(max-width:599px){body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .nwn-cb-launch,body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .nwn-cb-panel{bottom:92px}body.nwn-hfc.nwn-stk-none:has(#nwn-cc){padding-bottom:72px}}
/* inner pages: the reserve for bar + cookie notice lives in the FOOTER (dark), never as white body padding under it (the home's body is dark, inner bodies are white) */
body.nwn-hfc,body.nwn-hfc:has(#nwn-cc),body.nwn-hfc.nwn-stk-kb{padding-bottom:0!important}
body.nwn-hfc:has(#nwn-cc) .hf-ft-bottom{padding-bottom:calc(20px + var(--nwn-bar-h) + var(--nwn-stk-safe) + 56px + 14px)}
body.nwn-hfc.nwn-stk-none .hf-ft-bottom{padding-bottom:20px}
body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .hf-ft-bottom{padding-bottom:calc(20px + 56px)}
@media(max-width:599px){
 body.nwn-hfc:has(#nwn-cc) .hf-ft-bottom{padding-bottom:calc(20px + var(--nwn-bar-h) + var(--nwn-stk-safe) + 72px + 14px)}
 body.nwn-hfc.nwn-stk-none:has(#nwn-cc) .hf-ft-bottom{padding-bottom:calc(20px + 72px)}
}
@media(max-width:899px){body.nwn-hfc.nwn-stk-lean .hf-ft-bottom{padding-bottom:20px}body.nwn-hfc.nwn-stk-lean:has(#nwn-cc) .hf-ft-bottom{padding-bottom:calc(20px + 72px)}}