:root {
    --navy: #08192e;
    --navy-2: #102c4b;
    --ice: #54a6d8;
    --ice-light: #dff4ff;
    --white: #ffffff;
    --text: #102033;
    --muted: #6b7888;
    --line: #dbe3ea;
    --panel: #f5f8fb;
    --success: #1d8f5a;
    --danger: #b73a3a;
    --shadow: 0 18px 50px rgba(8, 25, 46, .12);
    --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--white);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px clamp(18px, 4vw, 64px);
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(8,25,46,.08);
    transition: box-shadow .25s ease, padding .25s ease;
}
.site-header.scrolled { box-shadow: 0 10px 30px rgba(8,25,46,.08); padding-block: 6px; }
.brand img { width: 190px; height: 66px; object-fit: contain; object-position: center; }
.main-nav { display: flex; align-items: center; gap: 26px; font-weight: 700; }
.main-nav a { position: relative; }
.main-nav a::after { content:""; position:absolute; left:0; bottom:-7px; width:0; height:2px; background:var(--ice); transition:.25s; }
.main-nav a:hover::after { width:100%; }
.cart-badge { background: var(--navy); color:white; padding:3px 7px; border-radius:999px; font-size:.72rem; }
.menu-toggle { display:none; border:0; background:transparent; font-size:1.6rem; }

.hero {
    min-height: 82vh;
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: 80px 7vw;
    color: white;
    background: radial-gradient(circle at 74% 22%, rgba(84,166,216,.75), transparent 25%), linear-gradient(135deg,#05101e,#0d2c4b 58%,#285d7e);
}
.hero::before,
.hero::after {
    content:"";
    position:absolute;
    left:-10%;
    width:120%;
    height:55%;
    bottom:-28%;
    background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(213,239,252,.75));
    clip-path: polygon(0 66%, 18% 28%, 32% 58%, 48% 10%, 62% 55%, 80% 22%, 100% 62%, 100% 100%, 0 100%);
}
.hero::after { bottom:-35%; opacity:.45; transform:scaleX(-1); }
.snowfield { position:absolute; inset:0; pointer-events:none; background-image: radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px); background-size: 34px 34px; opacity:.18; animation: snowDrift 14s linear infinite; }
@keyframes snowDrift { to { background-position: 80px 160px; } }
.hero-inner { position:relative; z-index:2; max-width:1200px; width:100%; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:800; color:#9ed9fa; }
.hero h1 { font-size:clamp(3rem,8vw,7rem); line-height:.9; margin:18px 0 24px; letter-spacing:-.06em; max-width:900px; }
.hero h1 span { color:#8bd2f8; }
.hero p { max-width:660px; font-size:clamp(1rem,2vw,1.25rem); color:#d5e7f3; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px; border-radius:999px; border:1px solid transparent; font-weight:800; cursor:pointer; transition: transform .2s ease, box-shadow .2s ease; }
.btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.btn-primary { background:var(--ice); color:#061626; }
.btn-dark { background:var(--navy); color:white; }
.btn-light { background:white; color:var(--navy); }
.btn-outline { border-color:var(--line); background:white; }
.btn-danger { background:var(--danger); color:white; }

.section { padding: clamp(64px,9vw,120px) clamp(18px,6vw,90px); }
.section-alt { background:var(--panel); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:34px; }
.section-heading h2 { margin:0; font-size:clamp(2rem,4vw,4rem); letter-spacing:-.04em; }
.section-heading p { max-width:560px; margin:0; color:var(--muted); line-height:1.7; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.category-card { min-height:270px; border-radius:var(--radius); padding:28px; display:flex; flex-direction:column; justify-content:end; color:white; background:linear-gradient(145deg,var(--navy),#16466c); position:relative; overflow:hidden; box-shadow:var(--shadow); }
.category-card:nth-child(2n) { background:linear-gradient(145deg,#174a70,#64b9e6); }
.category-card::before { content:"❄"; position:absolute; font-size:130px; right:-10px; top:-24px; opacity:.1; transform:rotate(15deg); }
.category-card h3 { margin:0 0 7px; font-size:1.4rem; }
.category-card p { margin:0; color:#d6ebf7; }

.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.product-card { background:white; border:1px solid var(--line); border-radius:18px; overflow:hidden; transition:.25s; }
.product-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); }
.product-image { aspect-ratio:4/3; background:#eef3f7; display:grid; place-items:center; overflow:hidden; }
.product-image img { width:100%; height:100%; object-fit:cover; }
.image-placeholder { color:#7f8c99; text-align:center; padding:20px; font-weight:700; }
.product-body { padding:18px; }
.product-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.badge { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; padding:5px 9px; background:#e8f4fb; border-radius:999px; color:#1f6087; }
.badge.used { background:#f2eee8; color:#775a35; }
.product-card h3 { margin:0 0 10px; }
.price { font-size:1.25rem; font-weight:900; color:var(--navy); }
.empty-state { padding:48px; border:1px dashed #bfcbd5; border-radius:20px; text-align:center; color:var(--muted); background:white; }

.filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:18px; background:white; border:1px solid var(--line); border-radius:18px; margin-bottom:26px; }
.field { display:flex; flex-direction:column; gap:7px; }
.field label { font-size:.82rem; font-weight:800; color:#4e6072; }
.field input,.field select,.field textarea { width:100%; padding:12px 14px; border:1px solid #cfd9e2; border-radius:11px; background:white; color:var(--text); }
.field textarea { min-height:140px; resize:vertical; }

.product-detail { display:grid; grid-template-columns:1.15fr .85fr; gap:50px; align-items:start; }
.gallery-main { background:#eef3f7; border-radius:20px; overflow:hidden; aspect-ratio:4/3; }
.gallery-main img { width:100%; height:100%; object-fit:cover; }
.gallery-thumbs { display:flex; gap:10px; overflow:auto; margin-top:12px; }
.gallery-thumb { width:90px; height:70px; flex:0 0 auto; border:2px solid transparent; border-radius:10px; overflow:hidden; padding:0; background:#eef3f7; cursor:pointer; }
.gallery-thumb.active { border-color:var(--ice); }
.gallery-thumb img { width:100%; height:100%; object-fit:cover; }
.product-info h1 { font-size:clamp(2.1rem,4vw,4rem); line-height:1; letter-spacing:-.04em; margin:12px 0 20px; }
.product-info .price { font-size:2rem; }
.spec-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:25px 0; }
.spec-item { background:var(--panel); padding:14px; border-radius:12px; }
.spec-item small { display:block; color:var(--muted); margin-bottom:3px; }

.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; }
table { width:100%; border-collapse:collapse; background:white; }
th,td { padding:14px 16px; border-bottom:1px solid #edf1f4; text-align:left; white-space:nowrap; }
th { font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:#627285; background:#f7f9fb; }
.qty-input { width:74px; padding:8px; border:1px solid var(--line); border-radius:8px; }

.site-footer { padding:50px 6vw; background:#061423; color:#dce9f1; display:grid; grid-template-columns:1fr auto; gap:20px; }
.footer-links { display:flex; gap:18px; }
.copyright { grid-column:1/-1; color:#8195a7; border-top:1px solid rgba(255,255,255,.1); padding-top:20px; }

.reveal { opacity:0; transform:translateY(34px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.reveal-left { opacity:0; transform:translateX(-50px); transition:.8s cubic-bezier(.2,.7,.2,1); }
.reveal-left.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
    .category-grid,.product-grid { grid-template-columns:repeat(2,1fr); }
    .product-detail { grid-template-columns:1fr; }
    .filters { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 720px) {
    .menu-toggle { display:block; }
    .main-nav { position:absolute; top:100%; left:12px; right:12px; flex-direction:column; align-items:stretch; gap:0; padding:12px; background:rgba(255,255,255,.98); border:1px solid var(--line); border-radius:15px; box-shadow:var(--shadow); opacity:0; transform:translateY(-8px); pointer-events:none; transition:.2s; }
    .main-nav.open { opacity:1; transform:none; pointer-events:auto; }
    .main-nav a { padding:13px; }
    .brand img { width:155px; height:56px; }
    .hero { min-height:75vh; padding-top:50px; }
    .category-grid,.product-grid,.filters { grid-template-columns:1fr; }
    .section-heading { align-items:start; flex-direction:column; }
    .site-footer { grid-template-columns:1fr; }
    .copyright { grid-column:1; }
}

/* ==================== NorthFrost V2 ==================== */
.hero-v2{min-height:92vh;place-items:end start;background-image:linear-gradient(90deg,rgba(3,13,25,.92) 0%,rgba(3,13,25,.68) 48%,rgba(3,13,25,.18) 100%),url('https://images.unsplash.com/photo-1766699622545-f8d091e23c61?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000');background-size:cover;background-position:center calc(50% + var(--hero-shift,0px));}
.hero-v2::before,.hero-v2::after{display:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,14,26,.55));pointer-events:none}.hero-v2 .hero-inner{max-width:900px;padding-bottom:5vh}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-chips span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);padding:8px 13px;border-radius:999px;font-size:.82rem}.scroll-cue{position:absolute;right:5vw;bottom:32px;z-index:2;color:white;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.scroll-cue span{width:40px;height:1px;background:white;display:block}
.category-grid-v2{grid-template-columns:repeat(5,1fr)}.category-photo{min-height:360px;background-size:cover!important;background-position:center!important;transition:transform .35s ease,box-shadow .35s ease}.category-photo:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(8,25,46,.18)}.category-0{background-image:url('https://images.unsplash.com/photo-1766699622545-f8d091e23c61?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=1200')!important}.category-1{background:linear-gradient(135deg,#0c2b4a,#4f9ecf)!important}.category-2{background:linear-gradient(135deg,#08192e,#112d48)!important}.category-3{background:linear-gradient(135deg,#294c66,#7bc8ef)!important}.category-4{background:linear-gradient(135deg,#102c4b,#061423)!important}.category-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,10,20,.85))}.category-copy{position:relative;z-index:2}.category-copy small{text-transform:uppercase;letter-spacing:.16em;color:#bfe8ff}
.overflow-hidden{overflow:hidden}.horizontal-products{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 25px;scroll-snap-type:x mandatory;cursor:grab}.horizontal-products.dragging{cursor:grabbing}.horizontal-products::-webkit-scrollbar{height:8px}.horizontal-products::-webkit-scrollbar-thumb{background:#c9d8e3;border-radius:999px}.product-card-wide{min-width:min(380px,82vw);scroll-snap-align:start}.stock-ribbon{position:absolute;right:12px;top:12px;background:#0a1827;color:#fff;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase}.product-image{position:relative}.muted{color:var(--muted)}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-grid a{border:1px solid var(--line);border-radius:16px;padding:24px;font-weight:900;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;transition:.25s}.brand-grid a span{font-size:.72rem;color:var(--muted)}.brand-grid a:hover{background:var(--navy);color:white;transform:translateY(-3px)}.brand-grid a:hover span{color:#aaddfb}
.cinematic-strip{min-height:500px;padding:90px 7vw;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(5,16,30,.95),rgba(5,16,30,.42)),url('https://images.unsplash.com/photo-1766699622545-f8d091e23c61?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000');background-size:cover;background-position:center}.cinematic-strip>div{max-width:680px}.cinematic-strip h2{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.95;margin:15px 0}.cinematic-strip p{color:#d9eaf4;font-size:1.1rem;line-height:1.7}
.shop-hero{padding:110px 6vw 65px;background:linear-gradient(135deg,#061423,#154666);color:white}.shop-hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.95;letter-spacing:-.05em;max-width:900px;margin:15px 0}.shop-hero p{max-width:650px;color:#c8e0ee}.filters-v2{grid-template-columns:2fr repeat(5,1fr) auto auto;align-items:end}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:24px 0;color:var(--muted)}
.gallery-main{position:relative}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:rgba(5,19,35,.8);color:#fff;font-size:2rem;cursor:pointer}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-count{position:absolute;right:16px;bottom:16px;background:rgba(5,19,35,.75);color:#fff;padding:7px 10px;border-radius:999px;font-size:.78rem}.gallery-main img{transition:opacity .12s ease}.gallery-main img.switching{opacity:.25}.badge-danger{background:#f9dddd;color:#9b2f2f}.product-price{margin-bottom:10px}.product-copy{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.product-copy p{color:#526476;line-height:1.75}.btn-large{min-height:56px;padding-inline:30px}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase}.status-active{background:#dff6e9;color:#12663c}.status-out_of_stock{background:#fff0cf;color:#8c5b00}.status-inactive{background:#edf0f3;color:#697785}.action-links{display:flex;gap:10px;flex-wrap:wrap}.danger-link{color:#b73a3a!important}.image-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:.75rem;margin-top:6px}
@media(max-width:1180px){.category-grid-v2{grid-template-columns:repeat(3,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}.filters-v2{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.hero-v2{min-height:84vh;background-position:60% center}.scroll-cue{display:none}.category-grid-v2,.brand-grid{grid-template-columns:1fr}.category-photo{min-height:300px}.filters-v2{grid-template-columns:1fr}.results-bar{align-items:flex-start;flex-direction:column;gap:6px}.gallery-arrow{width:40px;height:40px}.cinematic-strip{min-height:420px}}

/* ==================== NorthFrost V3 ==================== */
.site-header{background:rgba(5,15,26,.92);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 10px 35px rgba(0,0,0,.12)}
.site-header.scrolled{background:rgba(5,15,26,.97);box-shadow:0 14px 38px rgba(0,0,0,.2)}
.brand{background:#fff;border-radius:12px;padding:2px 8px;box-shadow:0 6px 22px rgba(0,0,0,.13)}
.brand img{width:178px;height:58px}.main-nav{color:#f4f9fc}.main-nav a{color:#f4f9fc;text-shadow:0 1px 12px rgba(0,0,0,.2)}.main-nav a::after{background:#7fd1ff}.cart-badge{background:#65bce9;color:#061524}.menu-toggle{color:white}
.hero-v3{min-height:calc(100vh - 79px);place-items:end start;background-image:linear-gradient(90deg,rgba(2,10,18,.88) 0%,rgba(2,10,18,.66) 38%,rgba(2,10,18,.22) 70%,rgba(2,10,18,.08) 100%),url('../images/northfrost-hero.webp');background-size:cover;background-position:center calc(50% + var(--hero-shift,0px));padding-bottom:7vh}
.hero-v3::before,.hero-v3::after{display:none}.hero-v3 .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(1,8,15,.15) 55%,rgba(1,8,15,.72));}.hero-v3 .hero-inner{max-width:830px;padding:0}.hero-v3 h1{max-width:820px;text-shadow:0 8px 35px rgba(0,0,0,.28)}.hero-lead{max-width:720px!important;color:#e4eff6!important;text-shadow:0 2px 16px rgba(0,0,0,.24)}.btn-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:white;backdrop-filter:blur(10px)}.hero-caption{position:absolute;right:6vw;bottom:7vh;z-index:2;text-align:right;max-width:330px;color:white}.hero-caption strong{display:block;font-size:1rem}.hero-caption span{display:block;font-size:.76rem;color:#d2e4ef;margin-top:5px;line-height:1.5}.hero-v3 .scroll-cue{bottom:20px}
.intro-story{background:#fff}.intro-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:900;color:#4d93bb;margin-bottom:22px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:start}.intro-grid h2{font-size:clamp(2.6rem,5vw,5.6rem);line-height:.95;letter-spacing:-.055em;margin:0;max-width:760px}.intro-copy{font-size:1.04rem;color:#5c6b79;line-height:1.85}.intro-copy p:first-child{margin-top:4px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:65px}.experience-grid article{border-top:1px solid #d9e1e7;padding-top:18px}.experience-grid article>strong{color:#63aad2;font-size:.72rem;letter-spacing:.12em}.experience-grid h3{margin:12px 0 8px;font-size:1.1rem}.experience-grid p{margin:0;color:#6b7888;line-height:1.65;font-size:.9rem}.heading-copy{max-width:520px}.heading-copy p{margin:0 0 18px}
.why-section{display:grid;grid-template-columns:1.1fr .9fr;min-height:680px;background:#071624;color:white}.why-media{background:linear-gradient(0deg,rgba(5,18,31,.16),rgba(5,18,31,.02)),url('../images/northfrost-hero.webp') center/cover no-repeat;min-height:620px}.why-copy{padding:clamp(55px,8vw,110px);align-self:center}.why-copy h2{font-size:clamp(2.4rem,4vw,4.7rem);line-height:.98;letter-spacing:-.05em;margin:16px 0 26px}.why-copy p{color:#b8cad7;line-height:1.8}.text-link{display:inline-flex;gap:8px;color:#8ed9ff;font-weight:900;margin-top:18px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}
.condition-feature{padding:clamp(55px,8vw,95px) clamp(18px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:18px}.condition-card{min-height:390px;border-radius:24px;padding:clamp(30px,5vw,60px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:white}.condition-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,13,23,.92));z-index:0}.condition-card>*{position:relative;z-index:1}.condition-card h2{font-size:clamp(2.4rem,4vw,4rem);margin:10px 0;letter-spacing:-.04em}.condition-card p{max-width:530px;color:#d8e6ee;line-height:1.7}.condition-card>a{font-weight:900;margin-top:10px}.condition-new{background:linear-gradient(120deg,#153e5e,#63b4df)}.condition-used{background:linear-gradient(120deg,#131b25,#34485b)}
.cinematic-v3{background-image:linear-gradient(90deg,rgba(4,14,25,.92),rgba(4,14,25,.34)),url('../images/northfrost-hero.webp');background-position:center 66%}
.site-footer{grid-template-columns:1.5fr .65fr .65fr;gap:40px;padding-top:65px}.footer-brand-block{max-width:520px}.footer-brand-block strong{font-size:1.2rem}.footer-brand-block p,.footer-note p{color:#91a5b5;line-height:1.75}.footer-column{display:grid;align-content:start;gap:10px}.footer-column strong{color:white;margin-bottom:5px}.footer-column a{color:#a8bac7;font-size:.9rem}.footer-column a:hover{color:white}.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-note span{font-weight:900;color:white}.footer-note p{margin:0;max-width:560px;text-align:right}.site-footer .copyright{grid-column:1/-1;margin:0}
@media(max-width:900px){.intro-grid,.why-section,.condition-feature{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr}.why-media{min-height:430px}.why-copy{padding:60px 8vw}.site-footer{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1}.footer-note{grid-column:1/-1}}
@media(max-width:720px){.site-header{padding-inline:14px}.brand img{width:145px;height:50px}.main-nav{background:rgba(5,15,26,.985);border-color:rgba(255,255,255,.1)}.main-nav a{color:white}.hero-v3{min-height:84vh;background-position:64% center;padding-top:55px}.hero-caption{display:none}.hero-v3 .hero-inner{padding-right:4vw}.hero-v3 h1{font-size:clamp(3rem,16vw,5rem)}.intro-grid h2{font-size:clamp(2.5rem,12vw,4rem)}.experience-grid{margin-top:42px}.condition-card{min-height:320px}.footer-note{display:block}.footer-note p{text-align:left;margin-top:8px}.site-footer{grid-template-columns:1fr}}

/* =========================================================
   NORTHFROST V4 STOREFRONT
   Cinematic winter dealership homepage + checkout
   ========================================================= */

.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    min-height:78px;
    padding:8px clamp(18px,4vw,64px);
    background:rgba(4,13,23,.94);
    border-bottom:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
}
.site-header .brand img{width:190px;height:56px;object-fit:contain;object-position:left center}
.site-header .main-nav a{color:#fff;font-weight:700;letter-spacing:.01em}
.site-header .main-nav a:hover{color:#75c9f4}
.site-header .cart-badge{background:#4aa8d8;color:#04111d}
.menu-toggle{color:#fff;border-color:rgba(255,255,255,.22)}

.nf-hero{
    position:relative;
    min-height:calc(100vh - 78px);
    background:url('../images/northfrost-hero-original.png') center 45%/cover no-repeat;
    color:#fff;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:clamp(70px,10vw,140px) clamp(22px,6vw,100px) 130px;
}
.nf-hero-shade{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg,rgba(2,10,18,.88) 0%,rgba(2,10,18,.68) 32%,rgba(2,10,18,.2) 65%,rgba(2,10,18,.05) 100%),
        linear-gradient(180deg,rgba(3,12,22,.08) 45%,rgba(3,12,22,.78) 100%);
}
.nf-hero-content{position:relative;z-index:2;max-width:820px}
.nf-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#a7ddf8}
.nf-kicker::before{content:'';width:34px;height:1px;background:currentColor}
.nf-kicker.dark{color:#327fa7}
.nf-hero h1{margin:18px 0 24px;font-size:clamp(4rem,8.7vw,8.7rem);line-height:.82;letter-spacing:-.065em;color:#fff;max-width:850px}
.nf-hero h1 em{font-style:normal;color:#76c7ee}
.nf-hero-content>p{max-width:650px;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.8;color:#e7f0f5}
.nf-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.nf-btn-primary{background:#67bee9;color:#03111c;border-color:#67bee9;font-weight:800}
.nf-btn-primary:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.nf-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px)}
.nf-btn-ghost:hover{background:#fff;color:#071725}
.nf-hero-side{position:absolute;z-index:2;right:5.5vw;bottom:115px;text-align:right;max-width:330px}
.nf-hero-side>span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#aedbf1}
.nf-hero-side strong{display:block;font-size:1.15rem;line-height:1.45;margin:8px 0 16px}
.nf-hero-side a{color:#fff;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}
.nf-hero-rail{position:absolute;bottom:0;left:0;right:0;z-index:3;min-height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(3,12,20,.83);border-top:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}
.nf-hero-rail span{display:flex;align-items:center;justify-content:center;padding:20px;border-right:1px solid rgba(255,255,255,.09);font-size:.72rem;letter-spacing:.17em;font-weight:800;color:#d8e8f0}

.nf-intro{padding:clamp(80px,11vw,160px) clamp(22px,6vw,100px);background:#fff}
.nf-intro-label{display:flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:800;color:#56819a;margin-bottom:46px}
.nf-intro-label span{font-size:1.8rem;letter-spacing:-.05em;color:#0c2233}
.nf-intro-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:8vw;align-items:start}
.nf-intro h2{margin:0;font-size:clamp(3rem,5.7vw,6.2rem);line-height:.96;letter-spacing:-.055em;color:#071724;max-width:950px}
.nf-intro-text{padding-top:10px}
.nf-intro-text p{font-size:1rem;line-height:1.9;color:#516574;margin:0 0 22px}

.nf-stat-band{display:grid;grid-template-columns:repeat(4,1fr);background:#081925;color:#fff;padding:0 clamp(22px,5vw,80px)}
.nf-stat-band>div{padding:38px 24px;border-right:1px solid rgba(255,255,255,.09)}
.nf-stat-band>div:last-child{border-right:0}
.nf-stat-band strong{display:block;font-size:clamp(1.5rem,2.5vw,2.5rem);letter-spacing:-.04em;color:#7bc8eb}
.nf-stat-band span{display:block;margin-top:6px;color:#a9bbc7;font-size:.82rem}

.nf-category-section,.nf-brands-section{padding:clamp(80px,10vw,145px) clamp(22px,6vw,100px);background:#f4f7f9}
.nf-section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}
.nf-section-top h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 0;color:#071724}
.nf-section-top>p{max-width:480px;line-height:1.8;color:#617482;margin:0 0 7px}
.nf-section-top.light h2{color:#fff}.nf-section-top.light>p{color:#a9becb}
.nf-category-list{border-top:1px solid #cbd6dc}
.nf-category-row{display:grid;grid-template-columns:80px minmax(230px,.7fr) minmax(280px,1fr) 70px;gap:28px;align-items:center;min-height:120px;border-bottom:1px solid #cbd6dc;color:#071724;transition:.3s ease}
.nf-category-row:hover{padding-left:18px;background:#fff}
.nf-category-number{color:#6f8b9c;font-size:.78rem;font-weight:800}
.nf-category-row h3{font-size:clamp(1.6rem,2.5vw,2.55rem);letter-spacing:-.035em;margin:0}
.nf-category-row p{color:#637783;line-height:1.65;margin:0}
.nf-category-arrow{justify-self:end;font-size:1.7rem;color:#3b90ba}

.nf-featured-section{background:#061521;color:#fff;padding:clamp(80px,10vw,145px) 0}
.nf-featured-section>.nf-section-top{padding:0 clamp(22px,6vw,100px)}
.nf-featured-track{display:flex;gap:24px;overflow-x:auto;padding:5px clamp(22px,6vw,100px) 26px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.nf-featured-track::-webkit-scrollbar{display:none}
.nf-feature-card{flex:0 0 min(520px,84vw);scroll-snap-align:start;background:#0b2030;border:1px solid rgba(255,255,255,.08);color:#fff;transition:.3s ease;overflow:hidden}
.nf-feature-card:hover{transform:translateY(-7px);border-color:rgba(118,199,238,.45)}
.nf-feature-image{height:360px;background:#eef3f5;position:relative;overflow:hidden}
.nf-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.nf-feature-card:hover .nf-feature-image img{transform:scale(1.035)}
.nf-feature-badges{position:absolute;left:18px;top:18px;display:flex;gap:8px}
.nf-feature-badges span{background:#071724;color:#fff;padding:8px 10px;font-size:.67rem;font-weight:800;letter-spacing:.08em}
.nf-feature-body{padding:24px}
.nf-feature-body>span{font-size:.73rem;color:#7ea9bf;text-transform:uppercase;letter-spacing:.11em}
.nf-feature-body h3{font-size:1.5rem;line-height:1.25;margin:10px 0 25px;color:#fff}
.nf-feature-body>div{display:flex;align-items:center;justify-content:space-between;gap:20px}
.nf-feature-body strong{font-size:1.45rem;color:#86cff1}.nf-feature-body em{font-style:normal;color:#d4e2e9;font-size:.82rem}

.nf-editorial-section{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px;background:#fff}
.nf-editorial-image{background:linear-gradient(180deg,rgba(2,12,20,.03),rgba(2,12,20,.28)),url('../images/northfrost-hero-original.png') 70% center/cover no-repeat;min-height:680px}
.nf-editorial-copy{padding:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:center}
.nf-editorial-copy h2{font-size:clamp(2.8rem,4.4vw,5rem);line-height:.98;letter-spacing:-.052em;margin:18px 0 28px;color:#071724}
.nf-editorial-copy p{color:#5f7280;line-height:1.85;margin:0 0 18px}
.nf-editorial-links{display:flex;flex-wrap:wrap;gap:30px;margin-top:25px}
.nf-editorial-links a{font-weight:800;color:#1b6d98;border-bottom:1px solid #a9c8d8;padding-bottom:5px}

.nf-brands-section{background:#fff}
.nf-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #d4dde2;border-top:1px solid #d4dde2}
.nf-brand-grid a{min-height:150px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #d4dde2;border-bottom:1px solid #d4dde2;color:#071724;transition:.3s ease}
.nf-brand-grid a:hover{background:#071724;color:#fff}
.nf-brand-grid strong{font-size:clamp(1.4rem,2.2vw,2.15rem)}
.nf-brand-grid span{font-size:.78rem;color:#6293ad}.nf-brand-grid a:hover span{color:#9fd9f5}

.nf-buying-section{background:#0a1d2a;color:#fff;padding:clamp(80px,10vw,145px) clamp(22px,6vw,100px)}
.nf-buying-head h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:15px 0 60px;color:#fff}
.nf-buying-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}
.nf-buying-grid article{padding:40px 40px 10px 0;border-right:1px solid rgba(255,255,255,.13);margin-right:40px}
.nf-buying-grid article:last-child{border-right:0}
.nf-buying-grid span{font-size:.72rem;color:#76c7ee;font-weight:800}.nf-buying-grid h3{font-size:1.65rem;margin:18px 0 14px;color:#fff}.nf-buying-grid p{line-height:1.75;color:#aabcc7}

.nf-final-cta{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;padding:clamp(80px,11vw,160px) clamp(22px,6vw,100px);background:linear-gradient(90deg,rgba(3,12,20,.91),rgba(3,12,20,.58)),url('../images/northfrost-hero-original.png') center 52%/cover no-repeat;color:#fff}
.nf-final-cta h2{font-size:clamp(3.4rem,6vw,6.8rem);line-height:.88;letter-spacing:-.06em;margin:16px 0 0;color:#fff}
.nf-final-cta>div:last-child{max-width:430px;justify-self:end}.nf-final-cta p{line-height:1.8;color:#d1e1e9;margin-bottom:25px}

/* Checkout */
.checkout-page{padding:clamp(60px,8vw,110px) clamp(20px,5vw,80px);background:#f2f6f8;min-height:80vh}
.checkout-heading{max-width:1250px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.checkout-heading h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95;letter-spacing:-.055em;margin:14px 0;color:#071724}.checkout-heading p{color:#627582;max-width:650px;line-height:1.7}
.checkout-total{text-align:right;background:#071724;color:#fff;padding:20px 24px;min-width:210px}.checkout-total span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#91acbb}.checkout-total strong{display:block;font-size:1.9rem;margin-top:5px;color:#7cccf1}
.checkout-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:28px;align-items:start}
.checkout-form-card,.order-summary-card{background:#fff;border:1px solid #dce5ea;box-shadow:0 18px 55px rgba(7,23,36,.07)}
.checkout-form-card{padding:clamp(24px,4vw,48px)}.order-summary-card{padding:30px;position:sticky;top:105px}
.checkout-step{display:flex;gap:18px;align-items:start;margin-bottom:24px}.checkout-step>span{display:grid;place-items:center;min-width:42px;height:42px;background:#071724;color:#84d1f4;font-size:.72rem;font-weight:900}.checkout-step h2{margin:0 0 4px;font-size:1.45rem}.checkout-step p{margin:0;color:#6a7d88;font-size:.88rem}.payment-step{margin-top:45px;padding-top:35px;border-top:1px solid #e2e9ed}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-fields label{font-size:.78rem;font-weight:800;color:#344d5d}.checkout-fields .full{grid-column:1/-1}.checkout-fields input,.checkout-fields textarea{width:100%;margin-top:7px;border:1px solid #cfdae0;background:#f9fbfc;padding:13px 14px;font:inherit;color:#071724}.checkout-fields input:focus,.checkout-fields textarea:focus{outline:2px solid #84cceb;border-color:#84cceb}.checkout-fields label small{font-weight:500;color:#82939d}
.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-option{position:relative;border:1px solid #d4dfe5;padding:18px;cursor:pointer;min-height:125px;display:flex;flex-direction:column;gap:9px;transition:.2s}.payment-option:hover{border-color:#6fbce2}.payment-option:has(input:checked){border:2px solid #2f95c7;background:#f1faff}.payment-option input{position:absolute;right:14px;top:14px}.payment-brand{font-size:1rem;font-weight:900;color:#071724}.payment-brand b{margin-right:7px}.google-pay b{color:#4285f4}.payment-option small{color:#6e818d;line-height:1.4;padding-right:12px}.payment-security{margin:18px 0;color:#647884;font-size:.8rem;line-height:1.55;background:#f5f8fa;padding:12px 14px}.checkout-submit{width:100%;background:#071724;color:#fff;border-color:#071724;padding:16px;font-size:1rem;font-weight:800}.checkout-submit:hover{background:#2a91c3;border-color:#2a91c3;color:#fff}
.order-summary-card h2{font-size:1.8rem;margin:10px 0 24px}.checkout-items{display:flex;flex-direction:column;gap:16px}.checkout-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #e6ecef}.checkout-item-image{width:64px;height:58px;background:#eef2f4;display:grid;place-items:center;overflow:hidden}.checkout-item-image img{width:100%;height:100%;object-fit:cover}.checkout-item strong{display:block;font-size:.86rem;line-height:1.35}.checkout-item small{display:block;margin-top:4px;color:#7a8c97}.checkout-item>b{font-size:.86rem}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:22px;border-top:2px solid #071724}.summary-total strong{font-size:1.5rem}.summary-note{font-size:.78rem;line-height:1.55;color:#7b8c96;margin:20px 0 0}.checkout-success{max-width:1000px;margin:35px auto;background:#fff;border:1px solid #dce5e9;padding:clamp(30px,5vw,60px);display:flex;gap:30px;box-shadow:0 20px 60px rgba(5,24,37,.08)}.success-mark{display:grid;place-items:center;flex:0 0 70px;height:70px;border-radius:50%;background:#e6f8f0;color:#16704c;font-size:2rem}.checkout-success h2{font-size:2rem;margin:10px 0}.checkout-success p{color:#637784;line-height:1.7}.checkout-mail-note{background:#fff6df;padding:12px 14px;color:#725511!important;font-size:.86rem}

@media(max-width:980px){
    .nf-hero-side{display:none}.nf-hero-content{max-width:720px}.nf-intro-copy,.nf-editorial-section,.nf-final-cta,.checkout-grid{grid-template-columns:1fr}.nf-intro-copy{gap:34px}.nf-editorial-image{min-height:520px}.nf-editorial-copy{padding:70px 7vw}.nf-brand-grid{grid-template-columns:repeat(2,1fr)}.nf-buying-grid{grid-template-columns:1fr}.nf-buying-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);margin:0;padding:30px 0}.nf-final-cta>div:last-child{justify-self:start}.order-summary-card{position:static}.payment-options{grid-template-columns:1fr}
}
@media(max-width:720px){
    .site-header .brand img{width:160px;height:48px}.nf-hero{min-height:83vh;background-position:68% center;padding:80px 20px 110px}.nf-hero h1{font-size:clamp(3.7rem,17vw,5.6rem)}.nf-hero-content>p{max-width:95%}.nf-hero-rail{grid-template-columns:1fr 1fr}.nf-hero-rail span{padding:12px;font-size:.58rem}.nf-hero-rail span:nth-child(3),.nf-hero-rail span:nth-child(4){display:none}.nf-intro-copy{grid-template-columns:1fr}.nf-stat-band{grid-template-columns:1fr 1fr}.nf-stat-band>div{padding:25px 15px}.nf-section-top,.checkout-heading{display:block}.nf-section-top>p{margin-top:22px}.nf-category-row{grid-template-columns:45px 1fr 40px;gap:12px;padding:22px 0}.nf-category-row p{grid-column:2/3}.nf-category-arrow{grid-column:3;grid-row:1/3}.nf-feature-image{height:280px}.nf-brand-grid{grid-template-columns:1fr}.nf-editorial-image{min-height:430px}.checkout-total{text-align:left;margin-top:20px;display:inline-block}.checkout-fields{grid-template-columns:1fr}.checkout-fields .full{grid-column:auto}.checkout-success{display:block}.success-mark{margin-bottom:20px}
}
.wishlist-btn.saved{font-weight:800}.announcement-bar{background:#07172b;color:#fff;text-align:center;padding:8px 16px;font-size:.84rem;letter-spacing:.02em}.snow-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:2}.snow-layer span{position:absolute;top:-10%;font-size:12px;opacity:.6;animation:nfSnow linear infinite}.snow-layer span:nth-child(1){left:8%;animation-duration:9s}.snow-layer span:nth-child(2){left:24%;animation-duration:12s}.snow-layer span:nth-child(3){left:43%;animation-duration:10s}.snow-layer span:nth-child(4){left:66%;animation-duration:14s}.snow-layer span:nth-child(5){left:86%;animation-duration:11s}@keyframes nfSnow{to{transform:translateY(110vh) rotate(240deg)}}

/* ============================================================
   NorthFrost mobile storefront pass — staging build
   Mobile-specific polish; desktop visual identity is preserved.
   ============================================================ */
.mobile-shop-dock{display:none}
@media(max-width:720px){
  html{scroll-padding-top:78px} body{padding-bottom:68px;background:#f4f7f9}
  .announcement-bar{font-size:.7rem;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-header{position:sticky;top:0;z-index:1000;min-height:64px;padding:7px 14px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .site-header .brand img{width:138px!important;height:46px!important}
  .menu-toggle{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:0}
  .menu-toggle:after{content:'☰';font-size:1.35rem}
  .menu-toggle.active:after{content:'×';font-size:1.8rem;line-height:1}
  .main-nav{position:fixed!important;top:70px!important;left:12px!important;right:12px!important;padding:10px!important;border-radius:20px!important;background:rgba(5,15,26,.985)!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;transform:translateY(-12px) scale(.98)!important;transform-origin:top;max-height:calc(100vh - 90px);overflow:auto}
  .main-nav.open{transform:none!important}.main-nav a{padding:15px 16px!important;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem}.main-nav a:last-child{border:0}.main-nav a::after{display:none}

  .nf-hero{min-height:76svh!important;padding:74px 18px 105px!important;background-position:66% center!important}.nf-hero:before{background:linear-gradient(90deg,rgba(3,12,20,.9) 0%,rgba(3,12,20,.64) 55%,rgba(3,12,20,.2) 100%)!important}.nf-hero-content{max-width:94%!important}.nf-hero h1{font-size:clamp(3.25rem,16vw,5rem)!important;line-height:.88!important}.nf-hero-content>p{font-size:.93rem;line-height:1.65}.nf-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}.nf-hero-actions a{padding:13px 10px!important;text-align:center;font-size:.76rem!important}.nf-hero-rail{min-height:58px!important}.nf-hero-rail span{padding:10px 6px!important}
  .nf-intro,.nf-category-section,.nf-brands-section,.nf-buying-section,.nf-final-cta{padding-left:18px!important;padding-right:18px!important}.nf-intro{padding-top:68px!important;padding-bottom:68px!important}.nf-intro-label{margin-bottom:25px!important}.nf-intro h2,.nf-section-top h2,.nf-buying-head h2{font-size:clamp(2.45rem,12vw,3.7rem)!important}.nf-intro-text p,.nf-section-top>p{font-size:.92rem;line-height:1.7}.nf-stat-band{padding:0 10px!important}.nf-stat-band>div{padding:20px 10px!important}.nf-stat-band strong{font-size:1.45rem!important}.nf-stat-band span{font-size:.7rem!important}
  .nf-category-section,.nf-brands-section{padding-top:65px!important;padding-bottom:65px!important}.nf-section-top{margin-bottom:30px!important}.nf-category-row{min-height:94px!important}.nf-category-row h3{font-size:1.35rem!important}.nf-category-row p{font-size:.78rem!important;line-height:1.45}.nf-featured-section{padding-top:65px!important;padding-bottom:65px!important}.nf-featured-section>.nf-section-top{padding:0 18px!important}.nf-featured-track{padding-left:18px!important;padding-right:18px!important;gap:14px!important}.nf-feature-card{flex-basis:82vw!important;border-radius:16px}.nf-feature-image{height:235px!important}.nf-feature-body{padding:18px!important}.nf-feature-body h3{font-size:1.18rem!important;margin-bottom:18px!important}.nf-feature-body strong{font-size:1.15rem!important}
  .nf-editorial-section{min-height:0!important}.nf-editorial-image{min-height:330px!important}.nf-editorial-copy{padding:55px 18px!important}.nf-editorial-copy h2{font-size:2.7rem!important}.nf-brand-grid a{min-height:105px!important;padding:22px!important}.nf-buying-head h2{margin-bottom:35px!important}.nf-final-cta{padding-top:75px!important;padding-bottom:75px!important}.nf-final-cta h2{font-size:3.55rem!important}.nf-final-cta>div:last-child{margin-top:25px}

  .shop-hero{padding:58px 18px 34px!important}.shop-hero h1{font-size:2.8rem!important;line-height:.94}.shop-hero p{font-size:.9rem;line-height:1.6}.shop-section{padding:20px 14px 55px!important}.filters-v2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:12px!important;border-radius:16px!important;margin-bottom:14px!important;box-shadow:0 8px 28px rgba(7,23,36,.06)}.filters-v2 .search-field{grid-column:1/-1}.filters-v2 .field label{font-size:.69rem}.filters-v2 input,.filters-v2 select{min-height:44px;font-size:.82rem;padding:9px!important}.filters-v2 .btn{min-height:44px;padding:10px!important;font-size:.78rem}.results-bar{margin:16px 2px!important;font-size:.78rem}
  .shop-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-card{border-radius:14px!important;box-shadow:0 5px 18px rgba(7,23,36,.05)}.product-card:hover{transform:none}.product-card .product-image{aspect-ratio:1/1;height:auto!important}.product-card .product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:12px!important}.product-meta{gap:5px!important}.badge{font-size:.55rem!important;padding:5px 7px!important}.product-card h3{font-size:.86rem!important;line-height:1.3;margin:8px 0 5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.25em}.product-card .muted{font-size:.65rem}.product-card .price{font-size:1rem!important;margin-top:8px}.stock-ribbon{right:7px!important;top:7px!important;padding:5px 7px!important;font-size:.52rem!important}

  .product-section{padding:20px 14px 45px!important}.product-detail{display:block!important}.gallery-main{border-radius:16px!important;overflow:hidden;aspect-ratio:1/1}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{gap:8px!important;overflow-x:auto;padding:9px 2px 2px;scroll-snap-type:x mandatory}.gallery-thumb{flex:0 0 66px!important;height:58px!important;scroll-snap-align:start}.product-info{padding-top:22px!important}.product-info h1{font-size:2rem!important;line-height:1.05!important}.product-price{font-size:1.65rem!important}.spec-list{grid-template-columns:1fr 1fr!important;gap:8px!important}.spec-item{padding:12px!important}.spec-item small{font-size:.62rem}.spec-item strong{font-size:.78rem}.product-copy p{font-size:.88rem;line-height:1.65}.product-info form .btn-large,.product-info>.btn-large{width:100%;min-height:50px}.wishlist-btn{width:100%;margin-bottom:9px}

  .checkout-page{padding:35px 14px 55px!important}.checkout-heading h1{font-size:2.7rem!important}.checkout-form-card,.order-summary-card{border-radius:16px!important}.checkout-form-card{padding:20px!important}.order-summary-card{padding:20px!important}.payment-options{grid-template-columns:1fr!important}.checkout-item{grid-template-columns:58px 1fr auto!important}.checkout-submit{min-height:52px;border-radius:10px}
  .cart-page,.section{scroll-margin-top:70px}.site-footer{padding-bottom:38px!important}

  .mobile-shop-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1200;height:64px;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(5,15,26,.97);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-shop-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#d9e9f1;font-size:.58rem;font-weight:800;letter-spacing:.02em}.mobile-shop-dock b{font-size:1.12rem;line-height:1}.mobile-shop-dock .dock-cart{position:relative}.mobile-shop-dock .dock-count{position:absolute;top:0;left:calc(50% + 7px);min-width:16px;height:16px;border-radius:999px;background:#65bce9;color:#061524;font-size:.55rem;display:grid;place-items:center;padding:0 4px}
}
@media(max-width:380px){.filters-v2{grid-template-columns:1fr!important}.filters-v2 .search-field{grid-column:auto}.shop-section .product-grid{gap:8px!important}.product-body{padding:10px!important}.product-card h3{font-size:.8rem!important}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-left{transition:none!important;transform:none!important}.snow-layer{display:none!important}}

/* ========================================================================
   NORTHFROST V7 PREMIUM UI
   Desktop refinement + premium footer + support center + mobile app feel
   ======================================================================== */

:root {
    --nf-night: #04111c;
    --nf-navy: #071724;
    --nf-panel: #0a2232;
    --nf-blue: #68c7ef;
    --nf-blue-2: #91ddfb;
    --nf-text-soft: #91a8b6;
    --nf-border-dark: rgba(255, 255, 255, 0.12);
    --nf-shadow: 0 24px 70px rgba(4, 17, 28, 0.18);
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

::selection {
    background: var(--nf-blue);
    color: var(--nf-night);
}

/* ------------------------- PREMIUM DESKTOP ------------------------- */

@media (min-width: 981px) {
    .site-header {
        top: 14px;
        width: min(94%, 1500px);
        margin: 14px auto 0;
        padding: 8px 24px;
        border: 1px solid rgba(8, 25, 46, 0.09);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 14px 46px rgba(4, 17, 28, 0.09);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        transition: 0.3s ease;
    }

    .site-header.scrolled {
        top: 8px;
        width: min(96%, 1560px);
        margin-top: 8px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 18px 55px rgba(4, 17, 28, 0.14);
    }

    .main-nav {
        gap: 7px;
        padding: 5px;
        border-radius: 14px;
    }

    .main-nav a {
        padding: 10px 13px;
        border-radius: 10px;
        transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .main-nav a::after {
        display: none;
    }

    .main-nav a:hover {
        color: #0b5d86;
        background: #edf8fd;
        transform: translateY(-1px);
    }

    .product-card {
        border-color: rgba(8, 25, 46, 0.09);
        box-shadow: 0 10px 34px rgba(7, 23, 36, 0.05);
        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }

    .product-card:hover {
        transform: translateY(-8px);
        border-color: rgba(84, 166, 216, 0.48);
        box-shadow: 0 28px 65px rgba(7, 23, 36, 0.14);
    }

    .product-image {
        overflow: hidden;
    }

    .product-image img {
        transition: transform 0.5s ease;
    }

    .product-card:hover .product-image img {
        transform: scale(1.035);
    }

    .nf-feature-card,
    .nf-brand-grid a,
    .filters-v2,
    .gallery-main {
        transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    }
}

/* ------------------------- PREMIUM FOOTER ------------------------- */

.site-footer.nf-premium-footer,
.nf-premium-footer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 72px clamp(24px, 6vw, 92px) 28px;
    color: #dceaf1;
    background:
        radial-gradient(circle at 12% 0%, rgba(64, 169, 218, 0.22), transparent 31%),
        linear-gradient(145deg, #071a28 0%, #04111c 55%, #02090f 100%);
    border-top: 1px solid rgba(126, 205, 242, 0.18);
    overflow: hidden;
}

.nf-premium-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 7%;
    right: 7%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(116, 210, 250, 0.65), transparent);
}

.nf-footer-top {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(520px, 1.6fr);
    gap: clamp(50px, 8vw, 120px);
    max-width: 1500px;
    margin: 0 auto;
}

.nf-footer-brand {
    min-width: 0;
}

.nf-footer-brand img {
    display: block;
    width: 215px;
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
    filter: brightness(0) invert(1);
}

.nf-footer-brand p {
    max-width: 440px;
    margin: 0;
    color: #9bb0bc;
    font-size: 0.92rem;
    line-height: 1.8;
}

.nf-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.nf-footer-socials a {
    display: grid;
    place-items: center;
    width: 41px;
    height: 41px;
    padding: 0;
    color: #f6fbfd;
    font-size: 0.95rem;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    transition: 0.2s ease;
}

.nf-footer-socials a:hover {
    color: var(--nf-night);
    background: var(--nf-blue);
    border-color: var(--nf-blue);
    transform: translateY(-3px);
}

.nf-footer-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px;
}

.nf-footer-links > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    min-width: 0;
}

.nf-footer-links strong {
    display: block;
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.nf-footer-links a,
.nf-footer-links span,
.footer-text-btn {
    display: block;
    margin: 0;
    padding: 0;
    color: #96acb9;
    font-family: inherit;
    font-size: 0.87rem;
    font-weight: 500;
    line-height: 1.55;
    text-align: left;
    text-decoration: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    overflow-wrap: anywhere;
    transition: color 0.2s ease, transform 0.2s ease;
}

.nf-footer-links a:hover,
.footer-text-btn:hover {
    color: #7dd1f5;
    transform: translateX(3px);
}

.nf-footer-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    max-width: 1500px;
    margin: 58px auto 0;
    padding-top: 23px;
    color: #718895;
    font-size: 0.72rem;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.nf-footer-bottom span:last-child {
    color: #77cdf2;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* ------------------------- SUPPORT BUTTON ------------------------- */

.nf-support-orb {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1250;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    padding: 7px 16px 7px 7px;
    color: #ffffff;
    font-family: inherit;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(5, 19, 30, 0.96);
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    cursor: pointer;
    transition: 0.25s ease;
}

.nf-support-orb:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34), 0 0 0 5px rgba(93, 194, 239, 0.10);
}

.nf-support-orb span {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    color: var(--nf-night);
    font-size: 1rem;
    font-weight: 950;
    border-radius: 50%;
    background: var(--nf-blue);
}

.nf-support-orb em {
    color: #ffffff;
    font-size: 0.79rem;
    font-style: normal;
    font-weight: 850;
}

/* ------------------------- SUPPORT OVERLAY ------------------------- */

.nf-support-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: block;
    opacity: 0;
    background: rgba(2, 9, 15, 0.48);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: opacity 0.25s ease;
}

.nf-support-backdrop[hidden] {
    display: none !important;
}

.nf-support-backdrop.open {
    opacity: 1;
}

.nf-support-panel {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1310;
    display: block;
    width: min(400px, calc(100vw - 32px));
    padding: 25px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(93, 194, 239, 0.15), transparent 30%),
        linear-gradient(155deg, #0b2638, #05131e);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.44);
    transform: translateY(30px) scale(0.96);
    transform-origin: bottom right;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.nf-support-panel.open {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.nf-support-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.nf-support-head small {
    display: block;
    margin-bottom: 7px;
    color: #6fc9f1;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.nf-support-head strong {
    display: block;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.nf-support-head button {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

.nf-support-panel > p {
    margin: 19px 0;
    color: #a3b6c1;
    font-size: 0.86rem;
    line-height: 1.7;
}

.nf-support-actions {
    display: grid;
    gap: 10px;
}

.nf-support-actions a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15px 16px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    transition: 0.2s ease;
}

.nf-support-actions a:hover {
    border-color: rgba(104, 199, 239, 0.8);
    background: rgba(104, 199, 239, 0.10);
    transform: translateY(-1px);
}

.nf-support-actions b {
    color: #ffffff;
    font-size: 0.91rem;
}

.nf-support-actions span {
    color: #91a8b6;
    font-size: 0.73rem;
}

.nf-support-actions .nf-support-whatsapp b {
    color: #7ee0a5;
}

.nf-support-note {
    margin-top: 18px;
    color: #718995;
    font-size: 0.68rem;
}

.nf-support-note i {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #4bd285;
    box-shadow: 0 0 0 4px rgba(75, 210, 133, 0.10);
}

/* ------------------------- INSTALL PROMPT ------------------------- */

.nf-install-toast {
    position: fixed;
    left: 50%;
    bottom: 26px;
    z-index: 1400;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 13px;
    width: min(650px, calc(100vw - 30px));
    padding: 13px 14px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    background: rgba(5, 18, 29, 0.97);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.nf-install-toast[hidden],
.nf-ios-install[hidden] {
    display: none !important;
}

.nf-install-toast img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.nf-install-toast strong {
    display: block;
    color: #ffffff;
    font-size: 0.9rem;
}

.nf-install-toast span {
    display: block;
    margin-top: 3px;
    color: #96abb7;
    font-size: 0.71rem;
    line-height: 1.4;
}

.nf-install-primary {
    padding: 11px 16px;
    color: var(--nf-night);
    font-family: inherit;
    font-weight: 900;
    border: 0;
    border-radius: 10px;
    background: var(--nf-blue);
    cursor: pointer;
}

.nf-install-close {
    padding: 5px;
    color: #8299a6;
    font-size: 1.3rem;
    line-height: 1;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.nf-ios-install {
    position: fixed;
    right: 14px;
    bottom: 84px;
    left: 14px;
    z-index: 1400;
    padding: 18px 46px 18px 18px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 18px;
    background: #071724;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.36);
}

.nf-ios-install strong,
.nf-ios-install span {
    display: block;
}

.nf-ios-install span {
    margin-top: 7px;
    color: #a6bac5;
    font-size: 0.78rem;
}

.nf-ios-install button {
    position: absolute;
    top: 10px;
    right: 12px;
    padding: 4px;
    color: #ffffff;
    font-size: 1.3rem;
    border: 0;
    background: transparent;
}

/* ------------------------- MOBILE GOD MODE ------------------------- */

@media (max-width: 720px) {
    body {
        padding-bottom: 78px;
        background: linear-gradient(180deg, #f7fafb 0%, #eef3f6 100%);
    }

    .site-header {
        background: rgba(5, 18, 29, 0.96) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 14px 42px rgba(4, 17, 28, 0.22) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .site-header .brand img {
        filter: brightness(0) invert(1);
    }

    .menu-toggle,
    .menu-toggle::after {
        color: #ffffff !important;
    }

    .main-nav {
        border: 1px solid rgba(111, 202, 241, 0.16) !important;
    }

    .main-nav a {
        color: #e9f5fa !important;
    }

    .nf-hero {
        border-radius: 0 0 28px 28px;
        box-shadow: 0 24px 65px rgba(4, 17, 28, 0.20);
    }

    .nf-feature-card {
        border-radius: 20px !important;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16);
    }

    .shop-section .product-card {
        overflow: hidden;
        border: 1px solid rgba(8, 25, 46, 0.08) !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 12px 30px rgba(7, 23, 36, 0.08) !important;
    }

    .product-card .product-image {
        background: linear-gradient(145deg, #f8fafb, #e9f0f4);
    }

    .product-card .price {
        color: #0b6b98 !important;
    }

    .filters-v2 {
        border: 1px solid rgba(8, 25, 46, 0.08) !important;
        background: rgba(255, 255, 255, 0.92) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .gallery-main {
        box-shadow: 0 18px 45px rgba(7, 23, 36, 0.12);
    }

    .mobile-shop-dock {
        position: fixed !important;
        right: 8px !important;
        bottom: 8px !important;
        left: 8px !important;
        z-index: 1200 !important;
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        height: 70px !important;
        padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 20px !important;
        background: rgba(4, 16, 26, 0.97) !important;
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.34) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .mobile-shop-dock a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: #dcebf2 !important;
        font-size: 0.58rem;
        font-weight: 850;
        text-decoration: none;
        border-radius: 14px;
    }

    .mobile-shop-dock a:active {
        background: rgba(101, 188, 233, 0.13);
        transform: scale(0.95);
    }

    .mobile-shop-dock b {
        color: #72cbf2;
        font-size: 1.12rem;
        line-height: 1;
    }

    .nf-support-orb {
        right: 14px;
        bottom: 90px;
        width: 52px;
        height: 52px;
        min-height: 52px;
        padding: 6px;
        border-radius: 50%;
    }

    .nf-support-orb span {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .nf-support-orb em {
        display: none;
    }

    .nf-support-panel {
        right: 10px;
        bottom: 88px;
        left: 10px;
        width: auto;
        border-radius: 22px;
        transform-origin: bottom center;
    }

    .site-footer.nf-premium-footer,
    .nf-premium-footer {
        padding: 58px 20px 112px;
    }

    .nf-footer-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .nf-footer-brand img {
        width: 185px;
    }

    .nf-footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 36px 24px;
    }

    .nf-footer-links > div:last-child {
        grid-column: 1 / -1;
    }

    .nf-footer-bottom {
        display: block;
        margin-top: 42px;
    }

    .nf-footer-bottom span {
        display: block;
        margin-top: 7px;
    }

    .nf-install-toast {
        bottom: 90px;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        padding: 11px;
        border-radius: 16px;
    }

    .nf-install-toast img {
        width: 40px;
        height: 40px;
    }

    .nf-install-toast .nf-install-close {
        position: absolute;
        top: -34px;
        right: 4px;
        display: grid;
        place-items: center;
        width: 29px;
        height: 29px;
        color: #ffffff;
        border-radius: 50%;
        background: #071724;
    }
}

@media (max-width: 390px) {
    .nf-footer-links {
        grid-template-columns: 1fr;
    }

    .nf-footer-links > div:last-child {
        grid-column: auto;
    }

    .nf-install-toast {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .nf-install-primary {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nf-support-orb,
    .nf-support-panel,
    .nf-support-backdrop,
    .nf-footer-socials a,
    .product-card,
    .product-image img {
        transition: none !important;
    }
}

/* Search-friendly editorial content */
.nf-seo-content{background:#f7fafc}
.nf-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);max-width:1180px}
.nf-seo-grid p{margin:0;color:#536875;line-height:1.85;font-size:.96rem}
@media(max-width:720px){.nf-seo-grid{grid-template-columns:1fr;gap:18px}.nf-seo-grid p{font-size:.9rem}}

/* ========================================================================
   NORTHFROST HEADER FINAL FIX — production override
   ======================================================================== */
.site-header,
.site-header.scrolled {
    background: rgba(4,17,28,.97) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #fff !important;
}
.site-header .main-nav,
.site-header .main-nav a { color:#fff !important; }
.site-header .main-nav a:hover,
.site-header .main-nav a:focus-visible {
    color:#68c7ef !important;
    background:rgba(104,199,239,.10) !important;
}
.site-header .cart-badge { background:#68c7ef !important; color:#04111c !important; }
.site-header .menu-toggle { color:#fff !important; }
@media (min-width:981px) {
    .site-header,
    .site-header.scrolled {
        background:rgba(4,17,28,.95) !important;
        border:1px solid rgba(255,255,255,.11) !important;
        box-shadow:0 18px 55px rgba(2,10,17,.24) !important;
    }
    .site-header .main-nav a { color:#fff !important; text-shadow:none !important; }
}
@media (max-width:720px) {
    .site-header,
    .site-header.scrolled { background:rgba(4,17,28,.98) !important; }
    .site-header .main-nav {
        background:rgba(4,17,28,.99) !important;
        border-color:rgba(255,255,255,.10) !important;
    }
    .site-header .main-nav a { color:#fff !important; }
}