/** Shopify CDN: Minification failed

Line 1036:2 Unexpected "{"

**/
/* =============================================
   RenewedPrint SHOPIFY THEME CSS v3.0
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#0096d6;--blue-dk:#007ab0;--blue-lt:#e8f5fb;
  --navy:#0b1929;--navy2:#112238;
  --text:#0f172a;--gray:#64748b;--gray2:#94a3b8;
  --border:#e2e8f0;--light:#f8fafc;--white:#fff;
  --green:#059669;--red:#dc2626;--amber:#d97706;
  --sh1:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);
  --sh2:0 4px 12px rgba(0,0,0,.08);--sh3:0 20px 40px rgba(0,0,0,.1);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}

/* ── ANNOUNCEMENT BAR ── */
.announce{background:var(--navy);color:rgba(255,255,255,.75);font-size:12.5px;font-weight:500;padding:9px 16px;text-align:center;line-height:1.4}
.announce-text{display:inline}

/* ── HEADER ── */
.site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:var(--sh1)}
.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px}
.logo-image {
  max-height: 24px;
  width: auto;
  display: block;
  flex-shrink: 0;
}

/* Sticky header fix */
html, body { overflow-x: hidden; }
body { overflow-y: unset; }
.site-header { position: sticky; top: 0; z-index: 200; }

/* Optional: slightly larger on big desktop */
@media (min-width: 1100px) {
  .logo-image {
    max-height: 24px;
  }
}
.logo-mark{width:38px;height:38px;background:linear-gradient(135deg,#0096d6,#0070b0);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-mark svg{width:20px;height:20px;color:white}
.logo-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.2}
.logo-sub{font-size:11px;color:var(--gray);font-weight:400}
.header-nav{display:flex;gap:2px}
.header-nav a{font-size:13.5px;font-weight:500;color:var(--gray);padding:6px 12px;border-radius:7px;transition:all .15s;white-space:nowrap}
.header-nav a:hover{color:var(--text);background:var(--light)}
.header-nav a.active{color:var(--blue);background:var(--blue-lt);font-weight:600}
.btn-shop{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:white;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.btn-shop:hover{background:var(--blue-dk);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,150,214,.35)}
.btn-shop svg{width:15px;height:15px}
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}
.mobile-menu-btn svg{width:22px;height:22px}
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--navy);z-index:300;flex-direction:column;padding:40px 24px;gap:4px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:1.2rem;font-weight:600;color:rgba(255,255,255,.75);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color .15s}
.mobile-menu a:hover{color:white}
.mobile-menu .mobile-cta{margin-top:24px;background:var(--blue);color:white;padding:16px;border-radius:10px;text-align:center;font-size:1rem;border-bottom:none}

/* ── LAYOUT UTILITIES ── */
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.section-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--blue-lt);color:var(--blue);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:100px;margin-bottom:14px}
.section-h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:900;letter-spacing:-.05em;margin-bottom:12px;color:var(--text);line-height:1.15}
.section-p{font-size:1rem;color:var(--gray);max-width:540px;line-height:1.75}

/* ── HERO ── */
.hero{background:var(--navy);min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-ambient{position:absolute;inset:0;pointer-events:none}
.hero-orb1{position:absolute;top:-20%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,150,214,.18) 0%,transparent 70%);border-radius:50%;animation:breathe 8s ease-in-out infinite}
.hero-orb2{position:absolute;bottom:-30%;left:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(10,60,120,.2) 0%,transparent 65%);border-radius:50%;animation:breathe 12s ease-in-out infinite reverse}
.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(255,255,255,.015) 79px,rgba(255,255,255,.015) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.015) 79px,rgba(255,255,255,.015) 80px)}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06) translate(8px,-8px)}}
.hero-inner{max-width:1280px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center;position:relative;z-index:1;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,150,214,.12);border:1px solid rgba(0,150,214,.22);color:#7dd3fc;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;border-radius:100px;margin-bottom:24px}
.hero-eyebrow svg{width:11px;height:11px}
.hero-h1{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.08;color:white;letter-spacing:-.05em;margin-bottom:20px}
.hero-h1 em{font-style:normal;background:linear-gradient(90deg,#38bdf8,#0096d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-p{font-size:1rem;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:32px;max-width:460px}
.hero-pricing{display:flex;align-items:flex-end;gap:20px;margin-bottom:32px;padding:22px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;flex-wrap:wrap}
.hero-price-our{display:flex;flex-direction:column}
.hero-price-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:4px}
.hero-price-amt{font-size:2.8rem;font-weight:900;color:white;letter-spacing:-.05em;line-height:1}
.hero-price-note{font-size:12px;color:rgba(255,255,255,.35);margin-top:4px}
.hero-price-divider{width:1px;height:60px;background:rgba(255,255,255,.12);align-self:center}
.hero-price-retail{display:flex;flex-direction:column;gap:4px}
.hero-price-retail .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3)}
.hero-price-retail .was{font-size:1.25rem;font-weight:700;color:rgba(255,255,255,.35);text-decoration:line-through;letter-spacing:-.02em}
.hero-price-retail .save-badge{display:inline-block;background:linear-gradient(135deg,#16a34a,#059669);color:white;font-size:12px;font-weight:800;padding:4px 10px;border-radius:100px}
.hero-price-retail .save-note{font-size:11px;color:rgba(255,255,255,.3);line-height:1.5;max-width:200px}
.hero-actions{display:flex;gap:12px;margin-bottom:36px;flex-wrap:wrap}
.btn-hero-primary{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0096d6,#0070b0);color:white;padding:14px 26px;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 4px 20px rgba(0,150,214,.4)}
.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,150,214,.5)}
.btn-hero-primary svg{width:16px;height:16px}
.btn-hero-ghost{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);padding:14px 22px;border-radius:10px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-family:inherit;transition:all .2s}
.btn-hero-ghost:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.9)}
.hero-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hero-right{position:relative;display:flex;justify-content:center;align-items:center}
.hero-img-backdrop{position:absolute;inset:-40px;background:radial-gradient(circle at center,rgba(0,150,214,.1) 0%,transparent 70%);border-radius:50%}
.hero-img-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:36px 32px 28px;position:relative;z-index:1;width:100%}
.hero-img-card .hero-printer-img{width:100%;border-radius:10px;filter:drop-shadow(0 16px 36px rgba(0,0,0,.4))}
.hero-img-badge{position:absolute;top:-13px;left:24px;background:linear-gradient(135deg,#059669,#16a34a);color:white;font-size:11.5px;font-weight:800;padding:5px 14px;border-radius:100px;box-shadow:0 4px 12px rgba(5,150,105,.4);letter-spacing:.03em;text-transform:uppercase}
.hero-img-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.hpill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.65);font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:7px;display:flex;align-items:center;gap:5px}
.hpill svg{width:11px;height:11px;color:#7dd3fc}

/* ── TRUST STRIP ── */
.trust-strip{background:var(--white);border-bottom:1px solid var(--border)}
.trust-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;gap:13px;padding:20px 24px;border-right:1px solid var(--border);transition:background .15s}
.trust-item:last-child{border-right:none}
.trust-item:hover{background:var(--light)}
.trust-icon{width:42px;height:42px;background:var(--blue-lt);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-icon svg{width:21px;height:21px;color:var(--blue)}
.trust-txt strong{display:block;font-size:13.5px;font-weight:700;color:var(--text)}
.trust-txt span{font-size:12px;color:var(--gray)}

/* Product page backorder block */
.backorder-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px}
.backorder-card-top{padding:16px 18px;background:var(--light);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.backorder-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pill-sold{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:12px;font-weight:700;padding:5px 11px;border-radius:100px;white-space:nowrap}
.pill-sold svg{flex-shrink:0}
.pill-open{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;border:1px solid #bbf7d0;color:#047857;font-size:12px;font-weight:700;padding:5px 11px;border-radius:100px;white-space:nowrap}
.pill-open svg{flex-shrink:0}
.backorder-ships{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--gray);white-space:nowrap;flex-shrink:0}
.backorder-card-body{padding:16px 18px 18px}
.backorder-desc{font-size:13.5px;color:var(--gray);line-height:1.7;margin-bottom:16px}
.backorder-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:linear-gradient(135deg,var(--navy),#1a3150);color:white;padding:15px 20px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;white-space:nowrap;border:none;cursor:pointer;font-family:inherit}
.backorder-btn:hover{background:linear-gradient(135deg,#1a3150,#243d5c);box-shadow:0 4px 16px rgba(11,25,41,.25)}
.backorder-closed{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px}
.pill-closed{display:inline-flex;align-items:center;gap:5px;background:var(--light);border:1px solid var(--border);color:var(--gray);font-size:12px;font-weight:700;padding:5px 11px;border-radius:100px;width:fit-content}
.btn-add--soldout{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;box-shadow:none;border:1.5px solid var(--border)}
/* delete old prod-backorder-card, prod-backorder-head, prod-backorder-badge, prod-backorder-slots, prod-backorder-text, prod-backorder-btn rules */

/* Reviews load more */
.rev--hidden{display:none}
.rev-load-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--light);border:1.5px solid var(--border);color:var(--text);padding:14px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:16px;transition:all .2s}
.rev-load-more:hover{border-color:var(--blue);color:var(--blue)}

/* ── SHOWCASE (FEATURED PRODUCT) ── */
.showcase{padding:96px 0}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:52px;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--sh3)}
.showcase-img{background:var(--light);position:relative;overflow:hidden;min-height:480px;display:flex;align-items:center;justify-content:center}
.showcase-img-bg{position:absolute;inset:0;background:radial-gradient(circle at 58% 42%,#d0ebf7,#e8f4fb 45%,#f0f7fb)}
.showcase-printer-img{position:relative;z-index:1;width:82%;max-width:380px;filter:drop-shadow(0 20px 40px rgba(0,100,180,.16));transition:transform .4s ease}
.showcase-img:hover .showcase-printer-img{transform:scale(1.03)}
.showcase-img-badge{position:absolute;top:18px;left:18px;background:var(--blue);color:white;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 13px;border-radius:100px;z-index:2}
.showcase-thumbs{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.sthumb{width:62px;height:62px;border-radius:9px;border:2px solid var(--border);background:white;cursor:pointer;overflow:hidden;padding:4px;transition:all .15s}
.sthumb img{width:100%;height:100%;object-fit:contain}
.sthumb.active,.sthumb:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,150,214,.12)}
.showcase-info{padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between}
.sc-type{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);margin-bottom:10px}
.sc-title{font-size:1.6rem;font-weight:900;letter-spacing:-.04em;line-height:1.2;margin-bottom:8px}
.sc-sku{font-size:12px;color:var(--gray2);margin-bottom:18px}
.sc-stars{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.stars{display:flex;gap:1px}
.stars-count{font-size:13px;color:var(--gray);font-weight:500}
.sc-price-card{background:var(--light);border:1px solid var(--border);border-radius:13px;padding:20px 22px;margin-bottom:20px}
.sc-price-main{font-size:2.6rem;font-weight:900;color:var(--text);letter-spacing:-.05em;line-height:1;margin-bottom:8px}
.sc-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sc-was{font-size:13.5px;color:var(--gray);text-decoration:line-through;font-weight:500}
.sc-save{background:#fef3c7;color:#92400e;font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px}
.toner-note{display:flex;align-items:flex-start;gap:8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#9a3412;line-height:1.55}
.toner-note svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#ea580c}
.sc-feat{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--gray)}
.sc-feat:last-of-type{border-bottom:none;margin-bottom:20px}
.sc-feat svg{width:15px;height:15px;color:var(--blue);flex-shrink:0}
.btn-full{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--navy);color:white;padding:16px;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;margin-bottom:12px}
.btn-full:hover{background:#1a3150;transform:translateY(-1px);box-shadow:0 6px 20px rgba(11,25,41,.25)}
.btn-full svg{width:16px;height:16px}
.sc-ship{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.sc-ship-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gray);font-weight:500}
.sc-ship-item svg{width:13px;height:13px;color:var(--green)}

/* ── TONER SECTION ── */
.toner-sec{background-color:#f8fafc;background-image:radial-gradient(ellipse 900px 500px at 0% 0%,rgba(0,150,214,.07) 0%,transparent 60%),radial-gradient(ellipse 700px 400px at 100% 100%,rgba(0,150,214,.05) 0%,transparent 60%),radial-gradient(circle,#c8d8e8 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px;padding:80px 0;border-top:1px solid var(--border)}
.toner-header{margin-bottom:40px}
.toner-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.toner-aff-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:24px;display:block;color:var(--text);text-decoration:none;transition:all .2s;position:relative}
.toner-aff-card:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.toner-aff-card--featured{border-color:var(--blue);background:var(--blue-lt)}
.toner-aff-badge{position:absolute;top:-11px;left:14px;background:var(--green);color:white;font-size:10px;font-weight:800;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em}
.toner-aff-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.toner-aff-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray)}
.toner-aff-pages{font-size:11px;font-weight:700;background:var(--light);color:var(--gray);padding:3px 8px;border-radius:6px;border:1px solid var(--border)}
.toner-aff-name{font-size:.95rem;font-weight:800;margin-bottom:6px;color:var(--text)}
.toner-aff-desc{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:12px}
.toner-aff-price{font-size:1rem;font-weight:800;color:var(--blue);margin-bottom:12px}
.toner-aff-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue)}
.toner-aff-btn--featured{color:#1d4ed8}
.toner-aff-info{background:var(--navy);border-radius:14px;padding:28px}
.toner-aff-info-icon{width:44px;height:44px;background:rgba(0,150,214,.15);border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.toner-aff-info-icon svg{width:22px;height:22px;color:#5bc8f5}
.toner-aff-info h3{font-size:1rem;font-weight:800;color:white;margin-bottom:8px}
.toner-aff-info p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:14px}
.toner-aff-compat{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:8px}
.toner-aff-compat:last-child{margin-bottom:0}
.toner-aff-compat svg{color:var(--green);flex-shrink:0}
.toner-aff-disclosure{font-size:12px;color:var(--gray2);line-height:1.5;padding-top:12px;border-top:1px solid var(--border)}

/* ── WARRANTY PAGE ── */
.warranty-highlights{padding:64px 0;background:var(--white);border-bottom:1px solid var(--border)}
.wh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wh-card{border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s}
.wh-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:#b3d9ec}
.wh-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.wh-icon svg{width:26px;height:26px}
.wh-icon--blue{background:var(--blue-lt)}.wh-icon--blue svg{color:var(--blue)}
.wh-icon--green{background:#f0fdf4}.wh-icon--green svg{color:var(--green)}
.wh-icon--gray{background:var(--light)}.wh-icon--gray svg{color:var(--gray)}
.wh-card h3{font-size:1.05rem;font-weight:800;margin-bottom:9px}
.wh-card p{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:16px}
.wh-badge{display:inline-block;background:#f0fdf4;border:1px solid #bbf7d0;color:var(--green);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:8px}
.wh-badge--green{background:#f0fdf4;border-color:#bbf7d0;color:var(--green)}
.wh-badge--gray{background:var(--light);border-color:var(--border);color:var(--gray)}
.warranty-content{padding:72px 0 96px;background:var(--light)}
.warranty-layout{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start}
.warranty-block{margin-bottom:48px}
.warranty-block:last-child{margin-bottom:0}
.warranty-block h2{font-size:1.15rem;font-weight:900;letter-spacing:-.03em;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--blue);display:inline-block}
.warranty-block>p{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:18px}
.warranty-list{list-style:none;padding:0}
.warranty-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14.5px;color:var(--gray);line-height:1.6}
.warranty-list li:last-child{border-bottom:none}
.warranty-list--yes li svg{width:14px;height:14px;color:var(--blue);flex-shrink:0;margin-top:3px}
.warranty-list--no li svg{width:14px;height:14px;color:var(--gray2);flex-shrink:0;margin-top:3px}
.warranty-steps{list-style:none;padding:0}
.warranty-steps li{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border)}
.warranty-steps li:last-child{border-bottom:none}
.warranty-step-num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:white;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.warranty-steps strong{display:block;font-size:14.5px;font-weight:700;margin-bottom:5px}
.warranty-steps p{font-size:13.5px;color:var(--gray);line-height:1.65;margin:0}
.warranty-steps a{color:var(--blue);text-decoration:underline}
.warranty-callout{display:flex;align-items:flex-start;gap:12px;background:var(--blue-lt);border:1px solid rgba(0,150,214,.2);border-radius:12px;padding:16px 18px;margin-top:16px;font-size:13.5px;color:var(--gray);line-height:1.7}
.warranty-callout svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:1px}
.warranty-callout a{color:var(--blue)}
/* warranty sidebar */
.warranty-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.wsb-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:24px}
.wsb-card--dark{background:var(--navy)}
.wsb-card--dark h3{font-size:1rem;font-weight:800;color:white;margin-bottom:16px}
.wsb-rows{display:flex;flex-direction:column;gap:0}
.wsb-row{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.wsb-row:last-child{border-bottom:none}
.wsb-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.35)}
.wsb-val{font-size:14px;font-weight:600;color:white}
.wsb-card h4{font-size:.95rem;font-weight:800;margin-bottom:8px}
.wsb-card p{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:14px}
.wsb-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--blue);color:white;padding:12px;border-radius:9px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s}
.wsb-btn:hover{background:var(--blue-dk)}
.wsb-btn svg{width:14px;height:14px}
.wsb-btn--outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}
.wsb-btn--outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}

/* ── TONER SECTION ── */
.toner-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.toner-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.toner-card{background:var(--light);border:1.5px solid var(--border);border-radius:14px;padding:24px;display:block;text-decoration:none;color:var(--text);transition:all .2s;position:relative}
.toner-card:hover{border-color:var(--blue);box-shadow:var(--sh2);transform:translateY(-2px)}
.toner-card--featured{border-color:var(--blue);background:var(--blue-lt)}
.toner-card-recommended{position:absolute;top:-11px;left:14px;background:var(--green);color:white;font-size:10px;font-weight:800;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em}
.toner-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.toner-card-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray)}
.toner-card-badge{font-size:11px;font-weight:700;background:#f1f5f9;color:var(--gray);padding:3px 8px;border-radius:6px}
.toner-card-badge--green{background:#d1fae5;color:#065f46}
.toner-card-name{font-size:.95rem;font-weight:800;margin-bottom:6px;color:var(--text)}
.toner-card-desc{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:12px}
.toner-card-price{font-size:1rem;font-weight:800;color:var(--blue);margin-bottom:12px}
.toner-card-cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue)}
.toner-card-cta svg{width:13px;height:13px}
.toner-setup-card{background:var(--navy);border-radius:16px;padding:28px;margin-bottom:14px}
.toner-setup-icon{width:44px;height:44px;background:rgba(0,150,214,.15);border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.toner-setup-icon svg{width:22px;height:22px;color:#5bc8f5}
.toner-setup-card h3{font-size:1rem;font-weight:800;color:white;margin-bottom:14px}
.toner-steps{list-style:none;padding:0;counter-reset:steps;display:flex;flex-direction:column;gap:10px}
.toner-steps li{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.5;counter-increment:steps}
.toner-steps li::before{content:counter(steps);width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.toner-compat{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;font-weight:600;color:var(--green);padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.toner-compat svg{width:13px;height:13px;flex-shrink:0}
.toner-callout{background:linear-gradient(135deg,var(--green),#047857);border-radius:14px;padding:24px;display:flex;align-items:center;gap:18px}
.toner-callout-num{font-size:2.8rem;font-weight:900;color:white;letter-spacing:-.05em;flex-shrink:0}
.toner-callout-label{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.65}

/* ── BACKGROUND PATTERN — ALL WHITE SECTIONS ──
   This applies to every section that has a white/light background.
   The ::before rule has been corrected so it no longer covers the dots. */
.why-sec,
.revs-sec,
.faq-sec,
.urgency-sec,
.toner-sec,
.value-sec,
.about-mission,
.about-values,
.about-how,
.ship-highlights,
.ship-content,
.contact-sec {
  background-color: #f8fafc;
  background-image:
    radial-gradient(ellipse 900px 500px at 0% 0%, rgba(0, 150, 214, 0.07) 0%, transparent 60%),
    radial-gradient(ellipse 700px 400px at 100% 100%, rgba(0, 150, 214, 0.05) 0%, transparent 60%),
    radial-gradient(circle, #c8d8e8 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 28px 28px;
}

/* ── VALUE COMPARISON — DARK REDESIGN ── */
.value-sec{background-color:#f8fafc;padding:64px 0}
.value-sec .section-eyebrow{background:var(--blue-lt);color:var(--blue);border-color:transparent}
.value-sec .section-h2{color:var(--text)}
.value-sec .section-p{color:var(--gray)}
.value-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:52px}
.value-cards{display:flex;flex-direction:column;gap:16px}
.vcard{border:1.5px solid var(--border);border-radius:16px;padding:28px;position:relative;background:var(--light)}
.vcard.ours{border-color:var(--blue);background:var(--blue-lt);box-shadow:0 0 0 4px rgba(0,150,214,.07)}
.vcard-badge{position:absolute;top:-12px;left:20px;background:var(--blue);color:white;font-size:11px;font-weight:800;padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.vcard-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:6px}
.vcard-price{font-size:2.4rem;font-weight:900;letter-spacing:-.05em;color:var(--text);line-height:1;margin-bottom:6px}
.vcard.ours .vcard-price{color:var(--blue)}
.vcard-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:14px}
.vcard-includes{display:flex;flex-direction:column;gap:7px}
.vincl{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500}
.vincl svg{
  width:16px;
  height:16px;
  flex-shrink:0;
}
.vincl.yes{color:var(--text)}
.vincl.yes svg{color:var(--green);flex-shrink:0}
.vincl.no{color:var(--gray2)}
.vincl.no svg{color:rgba(255,255,255,.2);flex-shrink:0}
.value-right{}
.value-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.vstat{background:var(--light);border:1px solid var(--border);border-radius:13px;padding:24px;text-align:center}
.vstat-num{font-size:2.2rem;font-weight:900;letter-spacing:-.04em;color:var(--blue);margin-bottom:5px}
.vstat-label{font-size:12.5px;color:var(--gray);font-weight:500;line-height:1.4}
.value-callout{background:var(--navy);border-radius:16px;padding:32px}
.value-callout h3{font-size:1.1rem;font-weight:800;margin-bottom:10px;color:white}
.value-callout p{font-size:13.5px;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:18px}
.value-callout-items{display:flex;flex-direction:column;gap:10px}
.vcallout-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.65);font-weight:500}
.vcallout-item svg{width:14px;height:14px;color:#38bdf8;flex-shrink:0}

/* ── WHY REFURB — REDESIGNED ── */
.why-sec{background-color:#f8fafc;padding:96px 0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.why-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:32px;transition:all .2s;position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#38bdf8);opacity:0;transition:opacity .2s}
.why-card:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:#b3d9ec}
.why-card:hover::before{opacity:1}
.why-icon-wrap{width:52px;height:52px;background:var(--blue-lt);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.why-icon-wrap svg{width:26px;height:26px;color:var(--blue)}
.why-card h3{font-size:1rem;font-weight:800;margin-bottom:10px;color:var(--text)}
.why-card p{font-size:14px;color:var(--gray);line-height:1.75}

/* ── REVIEWS ── */
.revs-sec{padding:96px 0}
.revs-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;flex-wrap:wrap;gap:20px}
.revs-summary{display:flex;align-items:center;gap:16px;background:var(--light);border:1px solid var(--border);border-radius:13px;padding:18px 22px}
.revs-num{font-size:3rem;font-weight:900;color:var(--text);letter-spacing:-.05em;line-height:1}
.revs-stars{display:flex;gap:2px}
.revs-meta{font-size:12px;color:var(--gray);margin-top:5px;font-weight:500}
.revs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.rev-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;transition:all .2s;display:flex;
  flex-direction:column;
  height:100%;}
.rev-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.rev-card-stars{display:flex;gap:2px;margin-bottom:14px}
.rev-quote{font-size:14px;color:var(--text);line-height:1.75;margin-bottom:20px;font-style:italic;position:relative;padding-left:4px}
.rev-card-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border);margin-top:auto}
.rev-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0}
.rev-name{font-size:13.5px;font-weight:700;color:var(--text)}
.rev-date{font-size:12px;color:var(--gray2)}
.rev-verified{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--green);font-weight:700;margin-top:3px}

/* ── FAQ ── */
.faq-sec{background-color:#f8fafc;padding:96px 0}
.faq-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start;margin-top:52px}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:box-shadow .15s}
.faq-item.open{box-shadow:var(--sh1)}
.faq-q{padding:17px 20px;font-size:14.5px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--text);transition:color .15s}
.faq-q:hover{color:var(--blue)}
.faq-q-chevron{width:24px;height:24px;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.faq-q-chevron svg{width:13px;height:13px;color:var(--gray);transition:transform .25s}
.faq-item.open .faq-q-chevron{background:var(--blue-lt)}
.faq-item.open .faq-q-chevron svg{transform:rotate(180deg);color:var(--blue)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a-inner{padding:0 20px 16px;font-size:14px;color:var(--gray);line-height:1.8}
.faq-item.open .faq-a{max-height:300px}
.faq-cta-card{background:var(--navy);border-radius:18px;padding:38px;position:sticky;top:90px}
.faq-cta-card h3{font-size:1.35rem;font-weight:900;letter-spacing:-.04em;color:white;margin-bottom:10px}
.faq-cta-card>p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:26px}
.faq-cta-list{display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.faq-cta-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.7);font-weight:500}
.faq-cta-item svg{width:15px;height:15px;color:#38bdf8;flex-shrink:0}
.btn-cta-full{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--blue);color:white;padding:15px;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s}
.btn-cta-full:hover{background:var(--blue-dk);transform:translateY(-1px)}
.btn-cta-full svg{width:15px;height:15px}

/* ── PRODUCT PAGE ── */
.breadcrumb-bar{border-bottom:1px solid var(--border);background:var(--light)}
.breadcrumb{padding:12px 0;font-size:12.5px;color:var(--gray);display:flex;align-items:center;gap:8px}
.breadcrumb a{color:var(--blue);font-weight:500}
.breadcrumb a:hover{text-decoration:underline}
.product-page{display:grid;grid-template-columns:1fr 460px;gap:56px;align-items:start;padding-top:32px;padding-bottom:64px}
.img-col{}
.main-img-wrap{background:var(--light);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;margin-bottom:12px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.main-img-bg{position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,#d0ebf7,#e8f4fb 50%,#f0f7fb)}
.main-img-badge{position:absolute;top:16px;left:16px;background:var(--blue);color:white;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:100px;z-index:2}
.product-main-img{position:relative;z-index:1;width:82%;max-width:360px;filter:drop-shadow(0 16px 32px rgba(0,100,180,.15));transition:opacity .2s}
.thumb-row{display:flex;gap:10px;flex-wrap:wrap}
.thumb{width:74px;height:74px;border-radius:10px;border:2px solid var(--border);background:var(--light);cursor:pointer;overflow:hidden;padding:5px;transition:all .15s}
.thumb img{width:100%;height:100%;object-fit:contain}
.thumb.active,.thumb:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,150,214,.1)}
.prod-type{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);margin-bottom:10px}
.prod-title{font-size:1.6rem;font-weight:900;letter-spacing:-.04em;line-height:1.2;margin-bottom:8px}
.prod-sku{font-size:12px;color:var(--gray2);margin-bottom:18px}
.prod-stars{display:flex;align-items:center;gap:8px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.stars-txt{font-size:13px;color:var(--blue);font-weight:600}

/* ── PRODUCT DESCRIPTION COLLAPSIBLE ── */
.product-desc-wrap{position:relative;margin-bottom:0}
.product-desc{font-size:14.5px;color:var(--gray);line-height:1.85;max-height:0;overflow:hidden;transition:max-height .4s ease}
.product-desc.expanded{max-height:9999px}
.prod-desc-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--light);border:1px solid var(--border);border-radius:10px;padding:11px 16px;font-size:14px;font-weight:600;color:var(--blue);cursor:pointer;font-family:inherit;transition:all .15s;margin-top:12px}
.prod-desc-toggle:hover{background:#e0f0fa;border-color:var(--blue)}
.prod-desc-toggle svg{width:16px;height:16px;transition:transform .25s;flex-shrink:0}

/* STOCK */
.stock-section{margin-bottom:20px}
.stock-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.stock-status{display:flex;align-items:center;gap:8px}
.stock-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.stock-dot.in{background:var(--green);box-shadow:0 0 0 3px rgba(5,150,105,.15);animation:pulse-g 2s infinite}
.stock-dot.low{background:var(--amber);box-shadow:0 0 0 3px rgba(217,119,6,.15);animation:pulse-a 2s infinite}
.stock-dot.out{background:var(--red)}
@keyframes pulse-g{0%,100%{box-shadow:0 0 0 3px rgba(5,150,105,.15)}50%{box-shadow:0 0 0 5px rgba(5,150,105,.06)}}
@keyframes pulse-a{0%,100%{box-shadow:0 0 0 3px rgba(217,119,6,.15)}50%{box-shadow:0 0 0 5px rgba(217,119,6,.06)}}
.stock-label{font-size:13.5px;font-weight:700}
.stock-label.in{color:var(--green)}
.stock-label.low{color:var(--amber)}
.stock-label.out{color:var(--red)}
.stock-reset{font-size:12px;color:var(--gray);font-weight:500}
.stock-bar-track{height:5px;background:var(--border);border-radius:100px;overflow:hidden;margin-bottom:9px}
.stock-bar-fill{height:100%;border-radius:100px;transition:width .6s ease}
.stock-urgency{font-size:12.5px;color:var(--gray);font-weight:500;line-height:1.5}
.stock-urgency strong{color:var(--amber)}

/* PRICE / SHIPPING / BUTTONS */
.price-block{background:var(--light);border:1px solid var(--border);border-radius:13px;padding:20px 22px;margin-bottom:18px}
.price-label{font-size:12px;color:var(--gray);margin-bottom:4px}
.price-main{font-size:2.8rem;font-weight:900;color:var(--text);letter-spacing:-.05em;line-height:1;margin-bottom:8px}
.price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.price-was{font-size:13.5px;color:var(--gray);text-decoration:line-through;font-weight:500}
.price-save{background:#fef3c7;color:#92400e;font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px}
.ship-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;padding:14px 16px;margin-bottom:18px}
.ship-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px;font-size:13.5px}
.ship-row:last-child{margin-bottom:0}
.ship-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--green)}
.ship-text strong{display:block;font-weight:700;color:var(--green)}
.ship-text small{color:var(--gray);font-size:12px}
.btn-add{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,var(--navy),#1a3150);color:white;padding:17px;border-radius:11px;font-size:16px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;margin-bottom:20px;text-decoration:none}
.btn-add svg{width:18px;height:18px;flex-shrink:0}
.btn-add:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 6px 22px rgba(11,25,41,.28)}
.btn-add[disabled]{background:var(--gray2);cursor:not-allowed}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}
.tg-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--light);border:1px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center}
.tg-item svg{width:18px;height:18px;color:var(--blue)}
.tg-item strong{font-size:11.5px;font-weight:700;display:block}
.tg-item span{font-size:10.5px;color:var(--gray)}
.box-wrap{border:1px solid var(--border);border-radius:11px;overflow:hidden}
.box-head{padding:11px 16px;background:var(--light);border-bottom:1px solid var(--border);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray)}
.box-item{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:13.5px}
.box-item:last-child{border-bottom:none}
.box-item svg{width:15px;height:15px;flex-shrink:0}
.box-item.yes svg{color:var(--green)}
.box-item.no{color:var(--gray)}
.box-item.no svg{color:var(--gray2)}
.box-note{font-size:11.5px;color:var(--gray);margin-left:auto}

/* TABS */
.tabs-section{padding-bottom:80px}
.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:36px;gap:0}
.tab{padding:13px 22px;font-size:14.5px;font-weight:600;color:var(--gray);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;user-select:none}
.tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.tab:hover:not(.active){color:var(--text)}
.tab-panel{display:none}
.tab-panel.active{display:block}
.ov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:36px}
.ov-item{background:var(--white);padding:24px 20px;text-align:center}
.ov-icon{font-size:26px;margin-bottom:10px}
.ov-title{font-size:.9rem;font-weight:800;margin-bottom:6px}
.ov-desc{font-size:12.5px;color:var(--gray);line-height:1.55}
.product-desc{font-size:14.5px;color:var(--gray);line-height:1.85;max-width:800px}
.specs-tbl{width:100%;border-collapse:collapse;font-size:14px}
.specs-tbl tr{border-bottom:1px solid var(--border)}
.specs-tbl tr:last-child{border-bottom:none}
.specs-tbl td{padding:12px 16px;vertical-align:top}
.specs-tbl td:first-child{width:220px;font-weight:700;color:var(--gray);background:var(--light)}
.rating-sum{display:flex;gap:36px;align-items:center;padding:22px;background:var(--light);border:1px solid var(--border);border-radius:12px;margin-bottom:26px;flex-wrap:wrap}
.big-num{font-size:3.5rem;font-weight:900;letter-spacing:-.05em;line-height:1}
.big-cnt{font-size:12px;color:var(--gray);margin-top:5px;font-weight:500}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:12px}
.bar-lbl{width:30px;color:var(--blue);font-weight:600}
.bar-track{flex:1;height:8px;background:var(--border);border-radius:100px;overflow:hidden}
.bar-fill{height:100%;background:var(--blue);border-radius:100px}
.bar-cnt{width:28px;color:var(--gray);font-weight:600;text-align:right}
.rev-list{}
.rev{padding:22px 0;border-bottom:1px solid var(--border)}
.rev:last-child{border-bottom:none}
.rev-stars{display:flex;gap:2px;margin-bottom:6px}
.rev-title{font-size:.95rem;font-weight:800;margin-bottom:4px}
.rev-meta{font-size:12px;color:var(--gray);margin-bottom:10px}
.rev-body{font-size:14.5px;line-height:1.75;color:var(--text)}
.rev-ver{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--green);font-weight:700;margin-top:10px}


/* PAGE CONTENT */
.page-content{padding:64px 0 80px}
.page-hero-sm{background:var(--navy);padding:56px 24px;margin-bottom:52px}
.page-hero-sm .section-eyebrow{background:rgba(0,150,214,.12);border:1px solid rgba(0,150,214,.22);color:#7dd3fc}
.page-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:white;letter-spacing:-.05em;margin-top:12px}
.page-subtitle{font-size:1rem;color:rgba(255,255,255,.55);max-width:540px;line-height:1.75;margin-top:10px}
.page-body{font-size:15px;color:var(--gray);line-height:1.85;max-width:800px}
.page-body h2{font-size:1.2rem;font-weight:800;color:var(--text);margin:32px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--blue);display:inline-block}
.page-body p{margin-bottom:18px}
.page-body ul{padding-left:20px;margin-bottom:18px}
.page-body li{margin-bottom:9px;line-height:1.7}

/* CART */
.cart-wrap{padding:60px 0 80px;max-width:760px}
.cart-wrap h1{font-size:2rem;font-weight:900;letter-spacing:-.04em;margin-bottom:32px}
.cart-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);align-items:center}
.cart-item img{width:80px;height:80px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--light)}
.cart-item-title{font-weight:700;margin-bottom:4px;font-size:15px}
.cart-item-price{color:var(--blue);font-weight:700;font-size:1.1rem;margin-bottom:10px}
.cart-item-qty{display:flex;align-items:center;gap:12px}
.cart-item-qty input{width:60px;border:1px solid var(--border);border-radius:7px;padding:5px 8px;font-size:14px;font-family:inherit;color:var(--text)}
.cart-item-qty a{color:var(--gray);font-size:13px;text-decoration:underline}
.cart-total{font-size:1.2rem;font-weight:800;margin:24px 0;letter-spacing:-.02em}
.btn-checkout{display:flex;align-items:center;justify-content:center;width:100%;background:var(--navy);color:white;padding:16px;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s}
.btn-checkout:hover{background:#1a3150}
.cart-empty{color:var(--gray);margin-bottom:24px;font-size:15px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:white;padding:12px 24px;border-radius:9px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .15s}
.btn-primary:hover{background:var(--blue-dk)}

/* 404 */
.not-found{padding:100px 0;text-align:center}
.not-found h1{font-size:2.8rem;font-weight:900;letter-spacing:-.05em;margin-bottom:16px}
.not-found p{color:var(--gray);margin-bottom:28px;font-size:1rem}

/* Urgency unit — bigger with real photo */
.ucc-unit{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:80px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px}
.ucc-unit img{width:60px;height:51px;object-fit:contain}

/* FOOTER */
.footer-logo-image{height:48px;width:auto;display:block;object-fit:contain;max-width:200px;opacity:.99;filter:brightness(0) invert(1)}
.footer-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;text-decoration:none}
.site-footer{background:var(--navy);padding:64px 24px 32px}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-brand-name{font-size:15px;font-weight:800;color:white;letter-spacing:-.3px}
.footer-desc{font-size:13.5px;color:rgba(255,255,255,.38);line-height:1.8;max-width:270px}
.footer-col h4{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.28);margin-bottom:18px}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.5);margin-bottom:12px;font-weight:500;transition:color .15s}
.footer-col a:hover{color:white}
.footer-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin-bottom:22px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:12.5px;color:rgba(255,255,255,.28)}
.footer-links{display:flex;gap:20px}
.footer-links a{font-size:12.5px;color:rgba(255,255,255,.28);transition:color .15s}
.footer-links a:hover{color:rgba(255,255,255,.6)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;gap:0;padding-bottom:56px}
  .hero-right{display:none}
  .showcase-grid{grid-template-columns:1fr}
  .value-inner{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr}
  .faq-cta-card{position:static}
  .product-page{grid-template-columns:1fr;gap:32px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}

@media(max-width:480px){
  .why-grid{grid-template-columns:1fr}
  .sc-ship{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
  .btn-hero-primary,.btn-hero-ghost{width:100%;justify-content:center}
  .hero-trust{gap:12px}
  .hero-trust{justify-content:center}
.htrust-pill{font-size:11.5px;padding:6px 12px}
  .revs-summary{display:none}
}

/* =============================================
   PAGE SECTIONS — Contact, About, Shipping
   ============================================= */

/* ── PAGE HERO ── */
.pg-hero{padding:72px 0;background:var(--light);border-bottom:1px solid var(--border)}
.pg-hero--dark{background:var(--navy);position:relative;overflow:hidden}
.pg-hero-orb{position:absolute;top:-30%;right:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,150,214,.14) 0%,transparent 70%);border-radius:50%}
.pg-hero-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(255,255,255,.015) 79px,rgba(255,255,255,.015) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.015) 79px,rgba(255,255,255,.015) 80px)}
.pg-hero-inner{position:relative;z-index:1}
.pg-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--blue-lt);color:var(--blue);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;border-radius:100px;margin-bottom:20px}
.pg-eyebrow svg{width:11px;height:11px}
.pg-eyebrow--light{background:rgba(0,150,214,.12);border:1px solid rgba(0,150,214,.22);color:#7dd3fc}
.pg-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.05em;line-height:1.1;margin-bottom:14px;color:var(--text)}
.pg-title--white{color:white}
.pg-sub{font-size:1rem;color:var(--gray);line-height:1.8;max-width:540px}
.pg-sub--light{color:rgba(255,255,255,.55)}

/* ═══════════════════════════════════════════════
   CONTRAST FIXES — WCAG AA compliance
   ═══════════════════════════════════════════════ */

/* Fix: section eyebrows (THE MATH, WHY BUY HERE, REVIEWS, FAQ)
   Was: light blue on white — fails contrast
   Now: darker blue text, slightly darker bg */
.section-eyebrow {
  background: #dbeafe;
  color: #1e40af;
}

/* Fix: urgency counter card text */
.ucc-label--in { color: #047857; }
.ucc-label--low { color: var(--amber); }
.ucc-label--out { color: var(--red); }
.ucc-reset     { color: #475569; }
.ucc-note      { color: #475569; }
.ucc-unit span { color: #475569; }
.ucc-unit--gone span { color: #94a3b8; }

/* Fix: value comparison card — light text on light bg */
.vcard-badge  { background: #1d4ed8; color: #fff; }
.vcard-label  { color: #374151; }
.vcard-desc   { color: #374151; }
.vcard.ours .vcard-price { color: #1d4ed8; }

/* Fix: value callout (dark card) — text contrast */
.value-callout   { background: #0f2444; }
.value-callout p { color: rgba(255,255,255,.65); }

/* Fix: review cards — date and verified text */
.rev-date     { color: #475569; }
.rev-verified { color: #047857; }

/* Fix: footer — small text needs to be lighter */
.footer-desc    { color: rgba(255,255,255,.55); }
.footer-col a   { color: rgba(255,255,255,.65); }
.footer-col h4  { color: rgba(255,255,255,.45); }
.footer-copy    { color: rgba(255,255,255,.45); }
.footer-links a { color: rgba(255,255,255,.45); }
.footer-links a:hover { color: white; }

/* Fix: header active nav link */
.header-nav a.active { color: #1d4ed8; background: #dbeafe; }

/* Fix: FAQ CTA button */
.btn-cta-full { background: #0077b6; } /* darker blue = better contrast on dark bg */

/* ── CONTACT PAGE ── */
.contact-sec{padding:72px 0 96px;background:var(--light)}
.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
.contact-form-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:44px;box-shadow:var(--sh1)}
.form-title{font-size:1.35rem;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}
.form-sub{font-size:14px;color:var(--gray);line-height:1.65;margin-bottom:32px}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:7px}
.req{color:var(--red);font-weight:700}
.opt{font-weight:400;color:var(--gray2);font-size:12px}
.form-group input,
.form-group select,
.form-group textarea{width:100%;background:var(--light);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--text);outline:none;transition:all .15s;-webkit-appearance:none;appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);background:white;box-shadow:0 0 0 3px rgba(0,150,214,.09)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray2)}
.form-group textarea{resize:vertical;min-height:130px;line-height:1.65}
.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--navy);color:white;padding:15px;border-radius:11px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;margin-bottom:12px}
.form-submit-btn:hover{background:#1a3150;transform:translateY(-1px);box-shadow:0 6px 20px rgba(11,25,41,.24)}
.form-submit-btn svg{width:16px;height:16px}
.form-note{font-size:12px;color:var(--gray2);text-align:center;line-height:1.5}
.form-success-msg{display:flex;align-items:center;gap:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:18px 20px;margin-bottom:24px}
.form-success-msg svg{width:24px;height:24px;color:var(--green);flex-shrink:0}
.form-success-msg strong{display:block;font-size:14.5px;font-weight:700;color:var(--green)}
.form-success-msg span{font-size:13px;color:var(--gray)}
.form-error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:14px 16px;font-size:14px;color:var(--red);margin-bottom:20px}
/* SIDEBAR */
.contact-sidebar{display:flex;flex-direction:column;gap:16px}
.contact-info-block{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.cib-head{background:var(--navy);padding:28px}
.cib-head h3{font-size:1rem;font-weight:800;color:white;margin-bottom:8px;letter-spacing:-.02em}
.cib-head p{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.65}
.cib-items{padding:6px 0}
.cib-item{display:flex;align-items:flex-start;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border);transition:background .15s}
.cib-item:last-child{border-bottom:none}
.cib-item:hover{background:var(--light)}
.cib-icon{width:38px;height:38px;background:var(--blue-lt);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.cib-icon svg{width:18px;height:18px;color:var(--blue)}
.cib-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray2);margin-bottom:3px}
.cib-val{font-size:13.5px;font-weight:700;color:var(--text)}
.cib-note{font-size:12px;color:var(--gray);margin-top:2px}
.contact-faq-mini{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.contact-faq-mini h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);padding:16px 22px;border-bottom:1px solid var(--border)}
.cfm-item{padding:14px 22px;border-bottom:1px solid var(--border)}
.cfm-item:last-child{border-bottom:none}
.cfm-q{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:5px}
.cfm-a{font-size:13px;color:var(--gray);line-height:1.6}

/* ── ABOUT PAGE ── */
.about-mission{padding:80px 0;background:var(--white)}
.about-mission-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.about-mission-body p{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:18px}
.about-mission-body p:last-child{margin-bottom:0}
.about-savings-card{background:var(--navy);border-radius:20px;padding:40px;color:white}
.asc-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:10px}
.asc-num{font-size:3.6rem;font-weight:900;color:#5bc8f5;letter-spacing:-.06em;line-height:1;margin-bottom:8px}
.asc-sub{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:28px}
.asc-divider{height:1px;background:rgba(255,255,255,.1);margin-bottom:24px}
.asc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.asc-stat-num{font-size:1.4rem;font-weight:900;color:white;letter-spacing:-.04em;margin-bottom:4px}
.asc-stat-label{font-size:11px;color:rgba(255,255,255,.4);font-weight:500;line-height:1.4}
.about-stats-bar{background:var(--navy);padding:0}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about-stat{padding:44px 32px;border-right:1px solid rgba(255,255,255,.08);text-align:center}
.about-stat:last-child{border-right:none}
.about-stat-num{font-size:2.6rem;font-weight:900;color:#5bc8f5;letter-spacing:-.05em;line-height:1;margin-bottom:8px}
.about-stat-label{font-size:13px;color:rgba(255,255,255,.45);font-weight:500;line-height:1.4}
.about-values{padding:80px 0;background:var(--light)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.about-value-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;border-top:3px solid var(--blue);transition:all .2s}
.about-value-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.avc-icon{width:50px;height:50px;background:var(--blue-lt);border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.avc-icon svg{width:25px;height:25px;color:var(--blue)}
.about-value-card h3{font-size:1rem;font-weight:800;margin-bottom:9px;color:var(--text)}
.about-value-card p{font-size:14px;color:var(--gray);line-height:1.75}
.about-how{padding:80px 0;background:var(--white)}
.about-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.about-how-grid::before{content:'';position:absolute;top:27px;left:calc(12.5% + 4px);right:calc(12.5% + 4px);height:2px;background:var(--border);z-index:0}
.about-how-step{text-align:center;padding:0 18px;position:relative;z-index:1}
.ahs-num{width:54px;height:54px;border-radius:50%;background:var(--navy);color:white;font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid var(--white);box-shadow:0 0 0 2px var(--border)}
.about-how-step h4{font-size:.95rem;font-weight:800;margin-bottom:8px;color:var(--text)}
.about-how-step p{font-size:13.5px;color:var(--gray);line-height:1.65}
.about-cta{background:var(--navy);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.about-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,150,214,.15),transparent 60%)}
.about-cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.about-cta-inner h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;color:white;letter-spacing:-.05em;margin-bottom:14px}
.about-cta-inner p{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:32px}

/* ── SHIPPING PAGE ── */
.ship-highlights{padding:64px 0;background:var(--white);border-bottom:1px solid var(--border)}
.ship-hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ship-hl-card{border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s}
.ship-hl-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:#b3d9ec}
.ship-hl-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ship-hl-icon svg{width:26px;height:26px}
.ship-hl-icon--blue{background:var(--blue-lt)} .ship-hl-icon--blue svg{color:var(--blue)}
.ship-hl-icon--green{background:#f0fdf4} .ship-hl-icon--green svg{color:var(--green)}
.ship-hl-icon--gray{background:var(--light)} .ship-hl-icon--gray svg{color:var(--gray)}
.ship-hl-card h3{font-size:1.05rem;font-weight:800;margin-bottom:9px}
.ship-hl-card p{font-size:14px;color:var(--gray);line-height:1.75;margin-bottom:16px}
.ship-hl-badge{display:inline-block;background:#f0fdf4;border:1px solid #bbf7d0;color:var(--green);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:8px}
.ship-hl-badge--green{background:#f0fdf4;border-color:#bbf7d0;color:var(--green)}
.ship-hl-badge--gray{background:var(--light);border-color:var(--border);color:var(--gray)}
.ship-content{padding:72px 0 96px;background:var(--light)}
.ship-layout{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start}
.ship-policy-block{margin-bottom:52px}
.ship-policy-block:last-child{margin-bottom:0}
.ship-policy-block h2{font-size:1.15rem;font-weight:900;letter-spacing:-.03em;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--blue);display:inline-block;color:var(--text)}
.ship-policy-block>p{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:18px}
.ship-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}
.ship-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14.5px;color:var(--gray);line-height:1.6}
.ship-list li:last-child{border-bottom:none}
.ship-list li svg{width:15px;height:15px;color:var(--blue);flex-shrink:0;margin-top:3px}
.ship-list-no svg{color:var(--gray2) !important}
.ship-list-no{color:var(--gray2) !important}
.ship-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}
.ship-steps li{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border)}
.ship-steps li:last-child{border-bottom:none}
.ship-step-num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:white;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ship-steps strong{display:block;font-size:14.5px;font-weight:700;margin-bottom:5px;color:var(--text)}
.ship-steps p{font-size:13.5px;color:var(--gray);line-height:1.65;margin:0}
/* shipping sidebar */
.ship-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.ship-sb-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:28px}
.ship-sb-card--dark{background:var(--navy);border-color:transparent}
.ship-sb-card--dark h3{font-size:1.05rem;font-weight:800;color:white;margin-bottom:9px}
.ship-sb-card--dark p{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:22px}
.ship-sb-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--blue);color:white;padding:13px;border-radius:9px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .15s}
.ship-sb-btn:hover{background:var(--blue-dk)}
.ship-sb-btn svg{width:14px;height:14px}
.ship-sb-head{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:16px}
.ship-sb-rows{display:flex;flex-direction:column;gap:0}
.ship-sb-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--border)}
.ship-sb-row:last-child{border-bottom:none}
.ship-sb-icon{width:36px;height:36px;background:var(--blue-lt);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ship-sb-icon svg{width:17px;height:17px;color:var(--blue)}
.ship-sb-rlabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray2);margin-bottom:2px}
.ship-sb-rval{font-size:13.5px;font-weight:700;color:var(--text)}

/* ── STOCK URGENCY SECTION ── */
.urgency-sec{background-color:#f8fafc;padding:80px 0;position:relative;overflow:hidden}
.urgency-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}
.urgency-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray)}.urgency-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.urgency-dot--pulse{animation:pulse-g 2s infinite;box-shadow:0 0 0 3px rgba(5,150,105,.2)}
.urgency-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:#0f172a;letter-spacing:-.05em;line-height:1.12;margin-bottom:16px}
.urgency-sub{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:32px;max-width:420px}
.urgency-cta{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:white;padding:14px 26px;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none;box-shadow:0 4px 20px rgba(0,150,214,.35)}
.urgency-cta:hover{background:var(--blue-dk);transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,150,214,.45)}
.urgency-cta svg{width:16px;height:16px}
/* counter card */
.urgency-counter-card{background:#112238;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:32px;backdrop-filter:blur(8px);margin-bottom:16px}
.ucc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.ucc-stock{display:flex;align-items:center;gap:9px}
.ucc-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse-g 2s infinite}
.ucc-dot--in{background:var(--green)}
.ucc-dot--low{background:var(--amber)}
.ucc-dot--out{background:var(--red);animation:none;box-shadow:none}
.ucc-label{font-size:14px;font-weight:700;color:var(--green)}
.ucc-label--in{color:#047857}
.ucc-label--low{color:var(--amber) !important}
.ucc-label--out{color:var(--red) !important}
.ucc-reset{font-size:12px;color:rgba(255,255,255,.35);font-weight:500}
.ucc-bar-track{height:5px;background:rgba(255,255,255,.1);border-radius:100px;overflow:hidden;margin-bottom:20px}
.ucc-bar-fill{height:100%;border-radius:100px;transition:width .5s ease}
.ucc-units{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.ucc-unit{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:80px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 10px}
.ucc-unit svg{width:24px;height:24px;color:rgba(255,255,255,.5)}
.ucc-unit--available svg{color:var(--green)}
.ucc-unit--available{border-color:rgba(5,150,105,.3);background:rgba(5,150,105,.08)}
.ucc-unit--gone svg{color:rgba(255,255,255,.2)}
.ucc-unit span{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;text-align:center}
.ucc-unit--available span{color:rgba(255,255,255,.7)}
.ucc-note{font-size:12px;color:rgba(255,255,255,.3);line-height:1.5;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
/* urgency stats row */
.urgency-stats{display:flex;gap:0;background:#0b1929;border:1px solid #0b1929;border-radius:14px;overflow:hidden}
.urgency-stat{flex:1;padding:20px 16px;text-align:center}
.urgency-stat-divider{width:1px;background:rgba(255,255,255,.08)}
.urgency-stat-num{font-size:1.3rem;font-weight:900;color:#94a3b8;letter-spacing:-.04em;margin-bottom:4px}
.urgency-stat-label{font-size:11.5px;color:#94a3b8;font-weight:500}

/* ── URGENCY: why block ── */
.urgency-why-block{display:flex;align-items:flex-start;gap:12px;background:rgba(0,150,214,.07);border:1px solid rgba(0,150,214,.15);border-radius:12px;padding:14px 16px;margin-bottom:20px}
.urgency-why-icon{width:34px;height:34px;background:var(--blue-lt);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.urgency-why-icon svg{width:17px;height:17px;color:var(--blue)}
.urgency-why-block p{font-size:13.5px;color:var(--gray);line-height:1.7;margin:0}

/* ── URGENCY: drop badge ── */
.urgency-drop-badge{display:flex;align-items:center;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;margin-bottom:24px}
.urgency-drop-badge svg{width:17px;height:17px;color:#d97706;flex-shrink:0}
.urgency-drop-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#92400e;margin-bottom:2px}
.urgency-drop-time{font-size:14px;font-weight:800;color:#92400e}

/* ── URGENCY: in-stock sub text ── */
.urgency-cta-sub{font-size:13px;color:var(--gray);margin-top:12px;line-height:1.5}

/* ── URGENCY: sold-out state ── */
.urgency-sold-out{display:flex;flex-direction:column;gap:16px}
.urgency-sold-badge{display:inline-flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:var(--red);font-size:13px;font-weight:700;padding:8px 14px;border-radius:9px;width:fit-content}
.urgency-sold-badge svg{width:15px;height:15px}
.urgency-next-drop{font-size:14px;color:var(--gray);line-height:1.5}
.urgency-next-drop strong{color:var(--text)}

/* ── URGENCY: waitlist ── */
.urgency-waitlist{background:var(--light);border:1px solid var(--border);border-radius:14px;padding:22px}
.urgency-waitlist-head{display:flex;align-items:center;gap:9px;font-size:.95rem;font-weight:800;color:var(--text);margin-bottom:8px}
.urgency-waitlist-head svg{width:17px;height:17px;color:var(--blue)}
.urgency-waitlist-sub{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:14px}
.urgency-waitlist-form{display:flex;gap:8px}
.urgency-waitlist-input{flex:1;background:var(--white);border:1.5px solid var(--border);border-radius:9px;padding:10px 13px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border .15s}
.urgency-waitlist-input:focus{border-color:var(--blue)}
.urgency-waitlist-btn{background:var(--blue);color:white;padding:10px 18px;border-radius:9px;font-size:13.5px;font-weight:700;border:none;cursor:pointer;font-family:inherit;white-space:nowrap}

/* ── URGENCY: backorder ── */
.urgency-backorder{background:var(--navy);border-radius:14px;padding:22px}
.urgency-backorder-head{display:flex;align-items:center;gap:9px;font-size:.95rem;font-weight:800;color:white;margin-bottom:8px}
.urgency-backorder-head svg{width:17px;height:17px;color:#5bc8f5}
.urgency-backorder-sub{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:14px}
.urgency-backorder-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--blue);color:white;padding:13px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s}
.urgency-backorder-btn:hover{background:var(--blue-dk)}
.urgency-backorder-btn svg{width:15px;height:15px}

/* mobile urgency waitlist */
@media(max-width:480px){
  .urgency-waitlist-form{flex-direction:column}
  .urgency-waitlist-btn{text-align:center}
}

/* Mobile */
.mobile-menu-btn svg{width:22px;height:22px}
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--navy);z-index:300;flex-direction:column;padding:0 24px 32px;gap:0;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu-close{display:flex;justify-content:flex-end;padding:20px 0 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.mobile-menu-close button{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);padding:8px}
.mobile-menu-close button svg{width:22px;height:22px}
.mobile-menu a{font-size:1.1rem;font-weight:600;color:rgba(255,255,255,.75);padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .15s;text-decoration:none}
.mobile-menu a:hover{color:white}
.mobile-menu .mobile-login{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6);font-size:1rem;margin-top:4px}
.mobile-menu .mobile-login svg{width:18px;height:18px}
.mobile-menu .mobile-cta{margin-top:20px;background:var(--blue);color:white;padding:16px;border-radius:10px;text-align:center;font-size:1rem;border-bottom:none;justify-content:center}



/* ── MOBILE RESPONSIVE — PAGES ── */
@media(max-width:1024px){
  .contact-grid{grid-template-columns:1fr}
  .about-mission-grid{grid-template-columns:1fr}
  .about-how-grid{grid-template-columns:1fr 1fr;gap:28px}
  .about-how-grid::before{display:none}
  .ship-layout{grid-template-columns:1fr}
  .ship-sidebar{position:static}
  .urgency-inner{grid-template-columns:1fr}
  .value-inner{grid-template-columns:1fr}
  .about-values-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:480px){
  .contact-form-card{padding:28px 20px}
  .about-savings-card{padding:28px}
  .asc-stats{grid-template-columns:1fr 1fr}
  .urgency-counter-card{padding:24px 20px}
  .ucc-units{gap:8px}
}
.header-login-btn{width:36px;height:36px;border-radius:50%;background:var(--white);border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.header-login-btn:hover{background:var(--blue-lt);border-color:var(--blue);box-shadow:0 2px 8px rgba(0,150,214,.15)}
.header-login-btn svg{width:17px;height:17px;color:#475569;flex-shrink:0}
.header-login-btn:hover svg{color:var(--blue)}
.mobile-menu .mobile-login{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6);font-size:1rem;margin-top:4px}
.mobile-menu .mobile-login svg{width:18px;height:18px}
.mobile-menu .mobile-cta{margin-top:20px;background:var(--blue);color:white;padding:16px;border-radius:10px;text-align:center;font-size:1rem;border-bottom:none;justify-content:center}

.hero-trust-b{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:8px}
.htb-item{display:flex;align-items:center;gap:10px}
.htb-icon{width:32px;height:32px;background:rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.htb-icon svg{width:15px;height:15px;color:rgba(255,255,255,.45)}
.htb-text strong{display:block;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75);line-height:1.3}
.htb-text small{font-size:11px;font-weight:400;color:rgba(255,255,255,.35);line-height:1.4}

/* ═══════════════════════════════════════════════════
   FIX: Broken urgency CSS rules (lines 746 + 748)
   ═══════════════════════════════════════════════════ */
.urgency-sec::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(ellipse 300px 200px at 90% 20%,rgba(0,150,214,.06),transparent 65%);pointer-events:none}
.urgency-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray)}

/* ═══════════════════════════════════════════════════
   FIX: vincl.no SVG — white icon invisible on light bg
   ═══════════════════════════════════════════════════ */
.vincl.no svg{color:var(--gray2) !important;flex-shrink:0}

/* ═══════════════════════════════════════════════════
   HERO MOBILE SLOT — printer image between text + pricing
   ═══════════════════════════════════════════════════ */
.hero-mobile-slot{display:none}

/* ── MOBILE HERO PRICING FIX — remove empty left space ── */
@media (max-width: 768px) {
  .hero-pricing {
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
  }
  .hero-price-divider {
    display: none;
  }
  .hero-price-our,
  .hero-price-retail {
    width: 100%;
  }
  .hero-price-amt {
    font-size: 2.2rem;
  }
}

/* ── FOOTER BADGES ── */
.footer-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 16px 0 14px;
}
.footer-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.6);
  font-size: 11.5px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 8px;
}
.footer-badge svg {
  color: rgba(255,255,255,.4);
  flex-shrink: 0;
}

/* ── FOOTER PAYMENTS ── */
.footer-payments {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.fpay {
  display: block;
  width: 38px;
  height: 24px;
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden;
}

/* ── FOOTER BRAND COL ── */
.footer-brand-col { max-width: 280px; }

@media(max-width:768px){
    .footer-brand-col { max-width: 100%; }
  .footer-badges { gap: 6px; }
  .hero-trust-b{gap:14px}
  .htb-text strong{font-size:12px}
  {.toner-grid{grid-template-columns:1fr}}
  .header-nav{display:none}
  .mobile-menu-btn{display:block}
  .btn-shop{display:none}
  .announce{font-size:11.5px;padding:8px 12px}
  .hero{min-height:auto}
  .hero-inner{padding:56px 16px}
  .hero-h1{font-size:2rem}
  .hero-pricing{flex-direction:column;gap:14px}
  .hero-price-divider{width:80px;height:1px;align-self:auto}
  .trust-inner{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(2){border-right:none}
  .trust-item:nth-child(3){border-right:1px solid var(--border);border-top:1px solid var(--border)}
  .trust-item:nth-child(4){border-top:1px solid var(--border)}
  .showcase-info{padding:28px 24px}
  .why-grid{grid-template-columns:1fr}
  .revs-grid{grid-template-columns:1fr}
  .revs-top{flex-direction:column;align-items:flex-start}
  .ov-grid{grid-template-columns:1fr 1fr}
  .trust-grid{grid-template-columns:1fr 1fr}
  .value-stat-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
  .container{padding:0 16px}
  .pg-hero{padding:52px 0}
  .ship-hl-grid{grid-template-columns:1fr}
  .about-stats-grid{grid-template-columns:1fr 1fr}
  .about-stat{border-bottom:1px solid rgba(255,255,255,.08)}
  .about-stat:nth-child(even){border-right:none}
  .about-values-grid{grid-template-columns:1fr}
  .form-row-2{grid-template-columns:1fr}
  .urgency-stats{flex-wrap:wrap}
  .urgency-stat{min-width:calc(50% - 1px)}
  .value-stat-grid{grid-template-columns:1fr}
  .about-how-grid{grid-template-columns:1fr}
  .header-nav{display:none}
  .mobile-menu-btn{display:block}
  .btn-shop{display:none}
  .header-login-btn{display:none}
  .hero-right{display:none}
  .hero-mobile-img{display:block}
  .hero-inner{grid-template-columns:1fr;padding-bottom:48px}
    .hero-actions{flex-direction:column}
  .btn-hero-primary,.btn-hero-ghost{width:100%;justify-content:center}
  .hero-trust{gap:12px}
  .hero-mobile-slot{display:block;margin:0 0 24px}
  .hero-mobile-slot-inner{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px 16px 14px;text-align:center;position:relative}
  .hero-mobile-slot-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#059669,#16a34a);color:white;font-size:9px;font-weight:800;padding:3px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
  .hero-mobile-slot-img{width:78%;max-width:260px;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
  .hero-mobile-slot-pills{display:flex;justify-content:center;gap:5px;margin-top:12px;flex-wrap:wrap}
  .hero-mobile-slot-pills span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:9px;font-weight:600;padding:3px 8px;border-radius:6px}
  .toner-grid{grid-template-columns:1fr}
}

/* ============================================================
   PREMIUM UPGRADE OVERRIDES (v4.1 — appended)
   Refines palette, typography, buttons, eyebrows, cards.
   All original class names preserved; only visual polish added.
   ============================================================ */

:root {
  --blue: #0078b8;
  --blue-dk: #005a8c;
  --blue-lt: #EAF4F9;
  --navy: #0A1428;
  --navy2: #142340;
  --text: #131A2C;
  --gray: #5F6573;
  --gray2: #9AA0AC;
  --border: #E5E2DA;
  --light: #F5F2EC;
  --white: #FFFFFF;
  --paper: #FBFAF6;
  --gold: #C8A559;
  --gold-dk: #A88845;
  --green: #047857;
  --red: #B91C1C;
  --amber: #B45309;
  --sh1: 0 1px 2px rgba(10,20,40,0.04), 0 1px 3px rgba(10,20,40,0.06);
  --sh2: 0 4px 16px -2px rgba(10,20,40,0.08);
  --sh3: 0 24px 56px -16px rgba(10,20,40,0.18);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

body { background: var(--paper); font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1; color: var(--text); }

/* Typography weight discipline — drop 800/900, max at 700 */
.section-h2, .hero-h1, .sc-title, .pg-title, .footer-title,
.about-mission h2, .about-values h2, .about-how h2, .about-cta h2,
.value-card h2, .why-card h3, .toner-aff-card h3,
.urgency-title, .faq-q, .feature h3, .ph-h1, .pull-h2 {
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}
.hero-h1 { font-weight: 700 !important; letter-spacing: -0.032em !important; line-height: 1.05 !important; }
.section-h2 { font-weight: 700 !important; }

/* PREMIUM SECTION EYEBROWS */
.section-eyebrow {
  background: transparent !important;
  color: var(--gray) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  margin-bottom: 22px !important;
  display: inline-flex !important;
  align-items: center;
}
.section-eyebrow::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background: var(--gold);
  margin-right: 14px;
}

/* PREMIUM BUTTONS — solid navy with refined hover */
.btn-shop, .btn-hero-primary, .btn-full, .btn-add, .btn-cta-full,
.btn-checkout, .btn-primary {
  background: var(--navy) !important;
  background-image: none !important;
  color: white !important;
  border-radius: 6px !important;
  padding: 16px 32px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  border: 0 !important;
  box-shadow: var(--sh1) !important;
  transition: background 200ms var(--ease), box-shadow 200ms var(--ease) !important;
  transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.btn-shop:hover, .btn-hero-primary:hover, .btn-full:hover, .btn-add:hover,
.btn-cta-full:hover, .btn-checkout:hover, .btn-primary:hover {
  background: #050D1F !important;
  box-shadow: var(--sh2) !important;
  transform: none !important;
  color: white !important;
}

.btn-shop {
  padding: 11px 20px !important;
  font-size: 13.5px !important;
  border-radius: 5px !important;
}
.btn-hero-primary {
  padding: 18px 34px !important;
  font-size: 15px !important;
  position: relative;
}
.btn-hero-primary::after {
  content: '';
  position: absolute;
  bottom: 6px; left: 34px; right: 56px;
  height: 1px;
  background: var(--gold);
  opacity: 0;
  transition: opacity 200ms var(--ease);
}
.btn-hero-primary:hover::after { opacity: 0.8; }

.btn-full, .btn-cta-full {
  padding: 18px 32px !important;
  width: 100%;
  justify-content: center;
  font-size: 15px !important;
}

.btn-hero-ghost {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 17px 28px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  transition: border-color 200ms var(--ease), background 200ms var(--ease), color 200ms var(--ease) !important;
}
.btn-hero-ghost:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(200,165,89,0.4) !important;
  color: white !important;
  transform: none !important;
}

.backorder-btn {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 14px 28px !important;
}
.backorder-btn:hover {
  background: var(--gold-dk) !important;
  color: var(--navy) !important;
}

/* PREMIUM HEADER */
.site-header {
  background: rgba(251,250,246,0.9) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.header-inner { height: 76px !important; }
.logo-mark {
  background: var(--navy) !important;
  background-image: none !important;
  border-radius: 7px !important;
  width: 36px !important;
  height: 36px !important;
}
.logo-name { font-weight: 700 !important; letter-spacing: -0.02em; font-size: 16px !important; }
.logo-sub { font-size: 11px; color: var(--gray) !important; }
.header-nav { gap: 4px !important; }
.header-nav a {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 9px 16px !important;
  border-radius: 5px !important;
  color: var(--text) !important;
  opacity: 0.7;
  position: relative;
}
.header-nav a:hover { background: transparent !important; opacity: 1; color: var(--navy) !important; }
.header-nav a.active {
  background: transparent !important;
  color: var(--navy) !important;
  font-weight: 600 !important;
  opacity: 1;
}
.header-nav a.active::after {
  content: '';
  display: block;
  height: 2px;
  width: 18px;
  background: var(--gold);
  position: absolute;
  left: 0; right: 0; bottom: 2px;
  margin: 0 auto;
}
.header-login-btn {
  width: 38px !important; height: 38px !important;
  border-radius: 5px !important;
  color: var(--gray) !important;
  display: inline-flex; align-items: center; justify-content: center;
}
.header-login-btn:hover { color: var(--navy) !important; background: var(--light) !important; }

/* HERO */
.hero {
  background: linear-gradient(180deg, #08111F 0%, var(--navy) 50%, #0F1B33 100%) !important;
  min-height: 86vh !important;
}
.hero-orb1, .hero-orb2 { opacity: 0.45 !important; animation: none !important; }
.hero-lines { display: none !important; }
.hero-eyebrow {
  background: rgba(200,165,89,0.08) !important;
  border: 1px solid rgba(200,165,89,0.22) !important;
  color: #DCB873 !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  font-size: 11px !important;
  padding: 7px 14px !important;
  border-radius: 5px !important;
}
.hero-eyebrow svg { color: var(--gold) !important; }
.hero-h1 em {
  color: var(--gold) !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
.hero-p { color: rgba(255,255,255,0.72) !important; font-size: 17px !important; max-width: 38ch !important; line-height: 1.6 !important; }

.hero-pricing {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 22px 26px !important;
}
.hero-price-label { color: rgba(255,255,255,0.55) !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase; font-weight: 600 !important; }
.hero-price-amt { font-weight: 700 !important; letter-spacing: -0.028em !important; color: white !important; }
.hero-price-note { color: rgba(255,255,255,0.6) !important; font-size: 12.5px !important; }
.hero-price-divider { background: rgba(255,255,255,0.1) !important; }
.hero-price-retail .label { color: rgba(255,255,255,0.5) !important; }
.hero-price-retail .was { color: rgba(255,255,255,0.55) !important; text-decoration: line-through; }
.save-badge {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  font-size: 11.5px !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}
.save-note { color: rgba(255,255,255,0.55) !important; font-size: 11.5px !important; }

.hero-img-card, .hero-mobile-slot-inner {
  border-radius: 14px !important;
  background: white !important;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.55), 0 8px 32px -8px rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}
.hero-img-backdrop { display: none !important; }
.hero-img-badge, .hero-mobile-slot-badge {
  background: var(--navy) !important;
  background-image: none !important;
  color: white !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.1em !important;
  padding: 5px 11px !important;
}
.hpill, .hero-mobile-slot-pills span {
  background: var(--paper) !important;
  color: var(--text) !important;
  border-radius: 4px !important;
  border: 1px solid var(--border) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.hpill svg { color: var(--gold) !important; }

.hero-trust-b {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 28px !important;
  margin-top: 32px !important;
  gap: 28px !important;
}
.htb-icon {
  background: rgba(200,165,89,0.1) !important;
  color: var(--gold) !important;
  border: 1px solid rgba(200,165,89,0.22) !important;
  border-radius: 6px !important;
  width: 38px !important;
  height: 38px !important;
}
.htb-text strong { color: white !important; font-weight: 600 !important; font-size: 13.5px !important; }
.htb-text small { color: rgba(255,255,255,0.55) !important; font-size: 11.5px !important; }

/* TRUST STRIP */
.trust-strip {
  background: white !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 24px 0 !important;
}
.trust-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; gap: 28px !important; }
.trust-item {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
}
.trust-icon {
  background: var(--light) !important;
  color: var(--navy) !important;
  border-radius: 6px !important;
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0;
}
.trust-icon svg { width: 17px !important; height: 17px !important; }
.trust-txt strong { color: var(--text) !important; font-weight: 600 !important; font-size: 13.5px !important; }
.trust-txt small { color: var(--gray) !important; font-size: 11.5px !important; }

/* SECTIONS — generous spacing */
.value-sec, .why-sec, .toner-sec, .revs-sec, .faq-sec, .urgency-sec,
.showcase, .about-mission, .about-values, .about-how, .about-stats-bar, .about-cta {
  padding: 96px 0 !important;
}
.value-sec, .why-sec, .toner-sec, .revs-sec, .faq-sec, .urgency-sec, .showcase,
.about-mission, .about-values, .about-how { background: var(--paper); }

@media (max-width: 768px) {
  .value-sec, .why-sec, .toner-sec, .revs-sec, .faq-sec, .urgency-sec,
  .showcase, .about-mission, .about-values, .about-how, .about-cta { padding: 64px 0 !important; }
}

/* CARDS — refined corners and subtle shadows */
.vcard, .why-card, .toner-aff-card, .rev-card, .urgency-counter-card,
.showcase-img, .showcase-info, .faq-cta-card, .backorder-card,
.about-value-card, .about-savings-card, .pg-highlight-card, .form-success {
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  background: white !important;
  box-shadow: var(--sh1) !important;
  transition: box-shadow 240ms var(--ease), border-color 240ms var(--ease) !important;
}
.vcard:hover, .why-card:hover, .toner-aff-card:hover, .rev-card:hover, .about-value-card:hover {
  box-shadow: var(--sh2) !important;
  border-color: #D4D0C5 !important;
}

/* VALUE COMPARISON */
.value-cards { gap: 28px !important; }
.vcard { padding: 36px !important; }
.vcard h3 { font-weight: 700 !important; letter-spacing: -0.015em; font-size: 18px !important; margin-bottom: 8px !important; }
.vcard--ours {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: white;
}
.vcard--ours h3, .vcard--ours .vprice { color: white !important; }
.vcard--ours .vincl { color: rgba(255,255,255,0.85) !important; }
.vcard--ours .vincl.no { color: rgba(255,255,255,0.4) !important; }
.vprice { font-weight: 700 !important; letter-spacing: -0.025em !important; }
.vstat-grid { gap: 20px !important; }
.value-callout {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 6px !important;
  padding: 24px 28px !important;
}
.value-callout h4 { font-weight: 700 !important; color: var(--text) !important; }

/* WHY-REFURB */
.why-grid { gap: 20px !important; }
.why-card { padding: 32px !important; }
.why-icon-wrap {
  background: var(--navy) !important;
  background-image: none !important;
  color: var(--gold) !important;
  border-radius: 8px !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
}
.why-icon-wrap svg { width: 22px !important; height: 22px !important; }
.why-card h3 {
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  font-size: 17px !important;
  margin-bottom: 10px !important;
  color: var(--text) !important;
}
.why-card p { color: var(--gray) !important; font-size: 14.5px !important; line-height: 1.65 !important; }

/* URGENCY */
.urgency-counter-card {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: white;
  padding: 36px !important;
}
.urgency-counter-card .ucc-bar-track { background: rgba(255,255,255,0.08) !important; }
.urgency-counter-card .bar-fill { background: var(--gold) !important; background-image: none !important; }
.urgency-counter-card h3, .urgency-counter-card .big-num { color: white !important; }
.urgency-dot--pulse {
  background: var(--gold) !important;
}
.urgency-cta {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 16px 32px !important;
}
.urgency-cta:hover { background: var(--gold-dk) !important; color: var(--navy) !important; }
.urgency-stats { gap: 18px !important; }
.urgency-stats > div { background: rgba(255,255,255,0.04) !important; border-radius: 8px !important; padding: 14px !important; }

/* REVIEWS */
.revs-num { font-weight: 700 !important; letter-spacing: -0.03em !important; font-size: 64px !important; color: var(--text) !important; }
.revs-stars svg { color: var(--gold) !important; fill: var(--gold) !important; }
.rev-card { padding: 28px !important; }
.rev-card .stars svg { color: var(--gold) !important; fill: var(--gold) !important; }
.rev-card p { color: var(--text) !important; font-size: 14.5px !important; line-height: 1.7 !important; }
.rev-av {
  background: var(--navy) !important;
  background-image: none !important;
  color: var(--gold) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}
.rev-verified {
  background: rgba(4,120,87,0.08) !important;
  color: var(--green) !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
}

/* TONER */
.toner-grid { gap: 24px !important; }
.toner-aff-card { padding: 28px !important; border-radius: 12px !important; }
.toner-aff-card--featured {
  border: 1px solid var(--gold) !important;
  position: relative;
}
.toner-aff-badge {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.08em !important;
  padding: 4px 10px !important;
  text-transform: uppercase;
}
.toner-aff-pages { color: var(--gold-dk) !important; font-weight: 700 !important; }
.toner-aff-card a {
  color: var(--text) !important;
  font-weight: 600 !important;
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 4px;
}
.toner-aff-card a:hover { color: var(--gold-dk) !important; }

/* FAQ */
.faq-item {
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: white !important;
  margin-bottom: 12px !important;
  transition: border-color 200ms var(--ease), box-shadow 200ms var(--ease) !important;
}
.faq-item.open { border-color: var(--gold) !important; box-shadow: var(--sh1) !important; }
.faq-q {
  padding: 22px 26px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  font-size: 16px !important;
  color: var(--text) !important;
}
.faq-q-chevron { color: var(--gold) !important; }
.faq-a { padding: 0 26px 22px !important; color: var(--gray) !important; font-size: 14.5px !important; line-height: 1.7 !important; }

.faq-cta-card {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: white;
  padding: 36px !important;
  border-radius: 12px !important;
}
.faq-cta-card h3 { color: white !important; font-weight: 700 !important; }
.faq-cta-card p { color: rgba(255,255,255,0.8) !important; }

/* SHOWCASE / FEATURED PRODUCT */
.showcase-img {
  background: white !important;
  padding: 32px !important;
  border-radius: 14px !important;
  position: relative;
}
.showcase-img-bg { display: none !important; }
.showcase-img-badge {
  background: var(--navy) !important;
  background-image: none !important;
  color: white !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.1em !important;
  padding: 5px 11px !important;
}
.showcase-info { padding: 36px !important; }
.sc-type { color: var(--gold-dk) !important; font-weight: 700 !important; letter-spacing: 0.12em !important; font-size: 11px !important; text-transform: uppercase; }
.sc-title { font-weight: 700 !important; letter-spacing: -0.025em !important; }
.sc-sku { color: var(--gray) !important; font-size: 13px !important; }
.sc-stars svg { color: var(--gold) !important; fill: var(--gold) !important; }
.stars-count { color: var(--gray) !important; font-weight: 500 !important; }

.sc-price-card {
  background: var(--paper) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 22px !important;
}
.sc-price-main { font-weight: 700 !important; letter-spacing: -0.028em !important; color: var(--text) !important; }
.sc-was { color: var(--gray) !important; text-decoration: line-through; }
.sc-save {
  background: var(--gold) !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
}
.toner-note {
  background: rgba(200,165,89,0.06) !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 4px !important;
  padding: 14px 16px !important;
  color: var(--text) !important;
  font-size: 13.5px !important;
}
.toner-note svg { color: var(--gold) !important; }
.sc-feat { color: var(--text) !important; font-size: 14.5px !important; }
.sc-feat svg { color: var(--green) !important; flex-shrink: 0; }
.sc-ship { gap: 14px !important; flex-wrap: wrap; }
.sc-ship-item { color: var(--gray) !important; font-size: 13px !important; }
.sc-ship-item svg { color: var(--green) !important; }

/* ANNOUNCEMENT BAR */
.announce {
  background: var(--navy) !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 10px 16px !important;
}

/* FOOTER */
.site-footer {
  background: var(--navy) !important;
  color: rgba(255,255,255,0.65) !important;
  padding: 72px 0 32px !important;
  margin-top: 0 !important;
}
.footer-brand-name { color: white !important; font-weight: 700 !important; font-size: 17px !important; }
.footer-desc { color: rgba(255,255,255,0.55) !important; font-size: 13.5px !important; line-height: 1.65 !important; }
.footer-col h4 {
  color: white !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  margin-bottom: 18px !important;
}
.footer-col h4::after { display: none !important; }
.footer-col a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 14px !important;
  padding: 6px 0 !important;
  display: block;
  transition: color 200ms var(--ease) !important;
}
.footer-col a:hover { color: var(--gold) !important; }
.footer-divider { border-color: rgba(255,255,255,0.08) !important; margin: 56px 0 24px !important; }
.footer-bottom { color: rgba(255,255,255,0.45) !important; font-size: 12.5px !important; }
.footer-copy { color: rgba(255,255,255,0.45) !important; }
.footer-links a { color: rgba(255,255,255,0.5) !important; font-size: 12.5px !important; }
.footer-links a:hover { color: var(--gold) !important; }

/* STATIC PAGES — Hero treatments */
.pg-hero, .pg-hero--dark {
  background: var(--navy) !important;
  padding: 96px 0 !important;
}
.pg-hero-orb { display: none !important; }
.pg-hero-grid { display: none !important; }
.pg-eyebrow {
  background: rgba(200,165,89,0.1) !important;
  border: 1px solid rgba(200,165,89,0.22) !important;
  color: #DCB873 !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  font-size: 11px !important;
  border-radius: 5px !important;
  padding: 6px 14px !important;
  text-transform: uppercase;
}
.pg-hero h1, .ph-h1, .pg-title { color: white !important; font-weight: 700 !important; letter-spacing: -0.03em !important; }
.pg-hero p, .ph-sub, .pg-subtitle { color: rgba(255,255,255,0.7) !important; font-size: 16.5px !important; line-height: 1.6 !important; }

/* ABOUT */
.about-mission h2, .about-values h2, .about-how h2, .about-cta h2 { font-weight: 700 !important; letter-spacing: -0.025em !important; }
.about-savings-card {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: white;
  padding: 36px !important;
  border-radius: 14px !important;
}
.asc-num { color: var(--gold) !important; font-weight: 700 !important; }
.asc-stat-num { color: white !important; font-weight: 700 !important; }
.asc-stat-label, .asc-sub, .asc-label { color: rgba(255,255,255,0.65) !important; }
.asc-divider { background: rgba(255,255,255,0.1) !important; }
.about-value-card { padding: 32px !important; }
.avc-icon {
  background: var(--navy) !important;
  background-image: none !important;
  color: var(--gold) !important;
  border-radius: 8px !important;
  width: 48px !important;
  height: 48px !important;
}
.about-value-card h3 { font-weight: 700 !important; }
.about-stats-bar {
  background: var(--paper) !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
}
.about-stat-num, .ahs-num { font-weight: 700 !important; color: var(--navy) !important; letter-spacing: -0.02em !important; }
.about-stat-label { color: var(--gray) !important; font-weight: 500 !important; }
.about-how-step {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 28px !important;
}
.about-how-step .ahs-num { font-size: 38px !important; color: var(--gold) !important; }
.about-how-step h4 { font-weight: 700 !important; }
.about-cta {
  background: var(--navy) !important;
  color: white;
}
.about-cta-inner { color: white; }
.about-cta-inner h2 { color: white !important; }
.about-cta-inner p { color: rgba(255,255,255,0.75) !important; }

/* CONTACT */
.pg-contact-form { background: white !important; padding: 36px !important; border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: var(--sh1) !important; }
.pg-contact-form input, .pg-contact-form textarea, .pg-contact-form select {
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 14.5px !important;
  background: var(--paper) !important;
  transition: border-color 180ms var(--ease) !important;
}
.pg-contact-form input:focus, .pg-contact-form textarea:focus, .pg-contact-form select:focus {
  border-color: var(--navy) !important;
  outline: none !important;
}

/* SHIPPING / WARRANTY */
.pg-highlight-card { padding: 28px !important; border-radius: 12px !important; }
.policy-section h2 { font-weight: 700 !important; letter-spacing: -0.02em !important; }

/* CART */
.cart-item {
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  background: white !important;
}
.btn-checkout { width: 100% !important; padding: 18px !important; font-size: 15px !important; }

/* 404 */
.not-found { padding: 120px 24px !important; text-align: center; }
.not-found h1 { font-weight: 700 !important; letter-spacing: -0.03em !important; }

/* SECTION INTROS */
.section-p { color: var(--gray) !important; font-size: 16px !important; line-height: 1.7 !important; }

/* INLINE BUY (added on home) */
.home-buy { background: var(--paper); padding: 96px 0; border-top: 1px solid var(--border); }
.home-buy-inner { max-width: 1180px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.home-buy-img { background: white; border-radius: 14px; padding: 40px; border: 1px solid var(--border); box-shadow: var(--sh1); }
.home-buy-img img { width: 100%; height: auto; display: block; }
.home-buy-side { max-width: 480px; }
.home-buy-eyebrow { color: var(--gold-dk); font-weight: 700; letter-spacing: 0.16em; font-size: 11px; text-transform: uppercase; margin-bottom: 12px; }
.home-buy-title { font-weight: 700; letter-spacing: -0.028em; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.15; margin-bottom: 8px; color: var(--text); }
.home-buy-meta { color: var(--gray); font-size: 13.5px; margin-bottom: 24px; }
.home-buy-price { font-size: 44px; font-weight: 700; letter-spacing: -0.03em; color: var(--text); line-height: 1; margin-bottom: 8px; }
.home-buy-savings { color: var(--gray); font-size: 14px; margin-bottom: 32px; }
.home-buy-savings .save-pill { background: var(--gold); color: var(--navy); padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 11.5px; margin-left: 8px; letter-spacing: 0.04em; }
.home-buy-features { list-style: none; padding: 0; margin: 0 0 32px; border-top: 1px solid var(--border); }
.home-buy-features li { padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 14.5px; color: var(--text); display: flex; align-items: center; gap: 10px; }
.home-buy-features li::before { content: '✓'; color: var(--green); font-weight: 700; }
.home-buy-qty { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; color: var(--gray); font-size: 13.5px; }
.home-buy-qty input { width: 64px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: white; text-align: center; font: inherit; color: var(--text); }
.home-buy-reassure { color: var(--gray); font-size: 12.5px; text-align: center; margin-top: 16px; line-height: 1.5; }

@media (max-width: 880px) {
  .home-buy-inner { grid-template-columns: 1fr; gap: 40px; }
  .home-buy-img { padding: 28px; }
  .home-buy-side { max-width: 100%; }
  .home-buy-price { font-size: 36px; }
}

/* MOBILE polish */
@media (max-width: 768px) {
  .header-inner { height: 64px !important; }
  .logo-mark { width: 32px !important; height: 32px !important; }
  .logo-name { font-size: 15px !important; }
  .btn-shop { padding: 9px 14px !important; font-size: 12.5px !important; }
  .btn-hero-primary { padding: 16px 26px !important; font-size: 14.5px !important; }
  .btn-full, .btn-cta-full { padding: 16px 24px !important; }
  .vcard, .why-card, .urgency-counter-card, .about-savings-card { padding: 26px !important; }
  .footer-divider { margin: 36px 0 20px !important; }
}

/* Subtle scroll-fade utility */
[data-fade] { opacity: 0; transform: translateY(8px); transition: opacity 600ms var(--ease), transform 600ms var(--ease); }
[data-fade].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  [data-fade] { opacity: 1; transform: none; transition: none; }
}


/* ============================================================
   PREMIUM FIXES (v4.2 — patches over v4.1 overrides)
   ============================================================ */

/* HEADER cart button */
.header-cart {
  position: relative;
  width: 38px; height: 38px;
  border-radius: 5px;
  color: var(--gray);
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none !important;
  transition: color 200ms var(--ease), background 200ms var(--ease);
}
.header-cart:hover { color: var(--navy); background: var(--light); }
.header-cart svg { width: 18px; height: 18px; }
.header-cart-count {
  position: absolute;
  top: 4px; right: 2px;
  background: var(--accent, var(--gold));
  color: var(--navy);
  font-size: 10px;
  font-weight: 700;
  border-radius: 100px;
  padding: 1px 5px;
  min-width: 16px; text-align: center;
  line-height: 1.4;
}

/* HERO — kill the white card around the image */
.hero-img-backdrop, .hero-img-card { all: unset !important; display: contents !important; }
.hero-right { position: relative; min-height: 460px; display: flex; align-items: center; justify-content: center; }
.hero-img-glow {
  position: absolute;
  inset: 8% 5%;
  background: radial-gradient(circle at 50% 55%, rgba(0,150,214,0.22) 0%, rgba(200,165,89,0.06) 35%, transparent 65%);
  filter: blur(40px);
  z-index: 0;
  pointer-events: none;
}
.hero-img-stage {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.hero-img-stage .hero-img-badge {
  position: relative !important;
  top: auto !important; left: auto !important; transform: none !important;
  margin: 0 0 8px;
  align-self: center;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(200,165,89,0.32) !important;
  color: #DCB873 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.12em !important;
}
.hero-img-stage .hero-printer-img {
  width: 100%; max-width: 480px; height: auto;
  display: block;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,0.55)) drop-shadow(0 8px 18px rgba(0,150,214,0.18));
  z-index: 1;
  margin: 0 auto;
}
.hero-img-stage .hero-img-pills {
  display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 8px;
}
.hero-img-stage .hpill {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.78) !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.hero-img-stage .hpill svg { width: 12px; height: 12px; color: var(--gold) !important; }

/* Restore subtle radial orbs in hero (more visible than before) */
.hero-orb1, .hero-orb2 { opacity: 0.5 !important; animation: none !important; display: block !important; }

/* Hero CTA — remove the redundant gold underline since label is just "Shop Now" now */
.btn-hero-primary::after { display: none !important; }

/* VALUE COMPARISON — fix invisible text in callout, refine the "Why so much less" */
.value-callout {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 10px !important;
  padding: 28px 32px !important;
  color: var(--text) !important;
}
.value-callout h3, .value-callout h4 { font-weight: 700 !important; color: var(--text) !important; margin-bottom: 12px !important; font-size: 18px !important; letter-spacing: -0.015em; }
.value-callout p { color: var(--gray) !important; font-size: 14.5px !important; line-height: 1.65 !important; margin-bottom: 16px !important; }
.value-callout-items { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.vcallout-item {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.vcallout-item svg { color: var(--green) !important; width: 16px; height: 16px; flex-shrink: 0; }

/* Value cards refinement — make right-column stat grid tidy */
.value-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.vstat {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  text-align: center;
}
.vstat-num { font-weight: 700 !important; letter-spacing: -0.025em !important; color: var(--navy) !important; font-size: 28px !important; margin-bottom: 4px; }
.vstat-label { color: var(--gray) !important; font-size: 12.5px !important; line-height: 1.4 !important; }

/* Value cards (left column) - refine */
.value-cards { display: flex; flex-direction: column; gap: 18px; }
.vcard { padding: 28px !important; }
.vcard-label { color: var(--gray) !important; font-weight: 600 !important; letter-spacing: 0.12em !important; font-size: 11px !important; text-transform: uppercase; margin-bottom: 8px; }
.vcard-price { font-weight: 700 !important; letter-spacing: -0.028em !important; color: var(--text) !important; font-size: 36px !important; margin-bottom: 4px; }
.vcard-desc { color: var(--gray) !important; font-size: 13.5px !important; margin-bottom: 18px; }
.vcard-includes { display: flex; flex-direction: column; gap: 8px; }
.vincl { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.vincl svg { width: 16px; height: 16px; flex-shrink: 0; }
.vincl.yes { color: var(--text); }
.vincl.yes svg { color: var(--green); }
.vincl.no { color: var(--gray); text-decoration: line-through; opacity: 0.7; }
.vincl.no svg { color: var(--gray); }

.vcard.ours { background: var(--navy) !important; border-color: var(--navy) !important; color: white; position: relative; }
.vcard.ours .vcard-label { color: rgba(255,255,255,0.65) !important; }
.vcard.ours .vcard-price { color: white !important; }
.vcard.ours .vcard-desc { color: rgba(255,255,255,0.7) !important; }
.vcard.ours .vincl.yes { color: rgba(255,255,255,0.92); }
.vcard.ours .vincl.yes svg { color: var(--gold) !important; }
.vcard.ours .vincl.no { color: rgba(255,255,255,0.4); }
.vcard.ours .vincl.no svg { color: rgba(255,255,255,0.4) !important; }
.vcard-badge {
  position: absolute; top: 16px; right: 20px;
  background: var(--gold); color: var(--navy);
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 4px; padding: 4px 10px;
}

.value-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: start; }
.value-right { display: flex; flex-direction: column; gap: 20px; }
@media (max-width: 900px) {
  .value-inner { grid-template-columns: 1fr; }
  .value-stat-grid { grid-template-columns: 1fr 1fr; }
  .vcard-price { font-size: 28px !important; }
}

/* STOCK URGENCY — make it a unified dark "stadium" section */
.urgency-sec {
  background: linear-gradient(180deg, var(--navy) 0%, #0F1B33 100%) !important;
  color: white;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.urgency-sec .container { max-width: 1240px; }
.urgency-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; }
@media (max-width: 900px) { .urgency-inner { grid-template-columns: 1fr; gap: 40px; } }

.urgency-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11.5px; font-weight: 600;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--gold) !important;
  margin-bottom: 18px;
}
.urgency-dot {
  width: 8px; height: 8px; border-radius: 100px; background: var(--gold);
  display: inline-block;
}
.urgency-dot--pulse {
  box-shadow: 0 0 0 0 rgba(200,165,89,0.5);
  animation: urgPulse 2.4s ease-in-out infinite;
}
@keyframes urgPulse {
  0%   { box-shadow: 0 0 0 0 rgba(200,165,89,0.55); }
  70%  { box-shadow: 0 0 0 10px rgba(200,165,89,0); }
  100% { box-shadow: 0 0 0 0 rgba(200,165,89,0); }
}

.urgency-title { color: white !important; font-weight: 700 !important; letter-spacing: -0.025em !important; font-size: clamp(1.7rem, 3vw, 2.4rem) !important; line-height: 1.12 !important; margin-bottom: 24px; }

.urgency-why-block { display: flex; gap: 16px; padding: 20px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; margin: 0 0 28px; }
.urgency-why-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 6px; background: rgba(200,165,89,0.12); border: 1px solid rgba(200,165,89,0.22); color: var(--gold); display: flex; align-items: center; justify-content: center; }
.urgency-why-icon svg { width: 18px; height: 18px; }
.urgency-why-block p { margin: 0; color: rgba(255,255,255,0.78); font-size: 14.5px; line-height: 1.6; }

.urgency-cta {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 16px 30px !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: background 200ms var(--ease), box-shadow 200ms var(--ease) !important;
  box-shadow: 0 6px 18px -8px rgba(200,165,89,0.6);
}
.urgency-cta:hover { background: var(--gold-dk) !important; color: var(--navy) !important; box-shadow: 0 10px 24px -8px rgba(200,165,89,0.7); }
.urgency-cta-sub { color: rgba(255,255,255,0.55) !important; font-size: 12.5px !important; margin: 12px 0 0 !important; }

/* Counter card */
.urgency-counter-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  padding: 28px !important;
  color: white;
  margin-bottom: 20px;
}
.ucc-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.ucc-stock { display: flex; align-items: center; gap: 10px; }
.ucc-dot { width: 9px; height: 9px; border-radius: 100px; }
.ucc-dot--in { background: var(--green); box-shadow: 0 0 0 0 rgba(4,120,87,0.6); animation: urgPulse 2.4s ease-in-out infinite; }
.ucc-dot--low { background: var(--gold); }
.ucc-dot--out { background: var(--red); }
.ucc-label { font-weight: 600 !important; font-size: 13.5px !important; letter-spacing: 0.01em; }
.ucc-label--in { color: white !important; }
.ucc-label--low { color: var(--gold) !important; }
.ucc-label--out { color: #FCA5A5 !important; }
.ucc-reset { color: rgba(255,255,255,0.45) !important; font-size: 12px !important; }

.ucc-bar-track {
  background: rgba(255,255,255,0.08) !important;
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
  margin-bottom: 22px;
}
.ucc-bar-fill { height: 100%; border-radius: 100px; transition: width 280ms var(--ease); }

.ucc-units { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.ucc-unit {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 8px 10px;
  text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.ucc-unit img, .ucc-unit svg { width: 50px; height: 42px; }
.ucc-unit svg { color: rgba(255,255,255,0.4); }
.ucc-unit span { font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: 0.06em; text-transform: uppercase; }
.ucc-unit--available { border-color: rgba(4,120,87,0.3); }
.ucc-unit--available span { color: var(--green); }
.ucc-unit--gone { opacity: 0.4; }
.ucc-unit--gone span { color: rgba(255,255,255,0.5); }
.ucc-note { color: rgba(255,255,255,0.5) !important; font-size: 11.5px !important; text-align: center; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.06); }

/* Urgency stats — flat horizontal, no boxes */
.urgency-stats {
  background: transparent !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0 !important;
  padding: 4px 0 !important;
}
.urgency-stats > div { background: transparent !important; border: 0 !important; padding: 0 !important; flex: 1; text-align: center; }
.urgency-stat { display: flex !important; flex-direction: column; gap: 4px; }
.urgency-stat-num { color: white !important; font-weight: 700 !important; font-size: 22px !important; letter-spacing: -0.02em; }
.urgency-stat-label { color: rgba(255,255,255,0.55) !important; font-size: 11.5px !important; letter-spacing: 0.04em; }
.urgency-stat-divider { width: 1px; height: 36px; background: rgba(255,255,255,0.1); flex: 0 0 1px !important; padding: 0 !important; }

/* Sold-out / waitlist */
.urgency-sold-out { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; }
.urgency-sold-badge { background: rgba(220,38,38,0.1); border: 1px solid rgba(220,38,38,0.25); color: #FCA5A5 !important; padding: 12px 16px; border-radius: 8px; font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 10px; }
.urgency-sold-badge svg { width: 16px; height: 16px; }
.urgency-drop-badge { display: flex; align-items: center; gap: 14px; padding: 16px; background: rgba(200,165,89,0.08); border: 1px solid rgba(200,165,89,0.22); border-radius: 8px; }
.urgency-drop-badge svg { width: 22px; height: 22px; color: var(--gold); }
.urgency-drop-label { color: rgba(255,255,255,0.6); font-size: 11.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.urgency-drop-time { color: white; font-weight: 600; font-size: 15px; }

.urgency-waitlist { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 22px; }
.urgency-waitlist-head { color: white; font-weight: 600; font-size: 14.5px; display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.urgency-waitlist-head svg { color: var(--gold); width: 18px; height: 18px; }
.urgency-waitlist-sub { color: rgba(255,255,255,0.6); font-size: 13px; line-height: 1.5; margin: 0 0 14px; }
.urgency-waitlist-form { display: flex; gap: 10px; }
.urgency-waitlist-input { flex: 1; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: white; border-radius: 6px; padding: 12px 14px; font-size: 14px; outline: none; transition: border-color 180ms var(--ease); }
.urgency-waitlist-input:focus { border-color: var(--gold); }
.urgency-waitlist-input::placeholder { color: rgba(255,255,255,0.4); }
.urgency-waitlist-btn { background: var(--gold) !important; color: var(--navy) !important; border: 0; border-radius: 6px; padding: 12px 22px; font-weight: 700; font-size: 13.5px; cursor: pointer; transition: background 180ms var(--ease); }
.urgency-waitlist-btn:hover { background: var(--gold-dk) !important; }

.urgency-backorder { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 22px; }
.urgency-backorder-head { color: white; font-weight: 600; font-size: 14.5px; display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.urgency-backorder-head svg { color: var(--gold); width: 18px; height: 18px; }
.urgency-backorder-sub { color: rgba(255,255,255,0.65); font-size: 13px; line-height: 1.55; margin: 0 0 14px; }
.urgency-backorder-btn { background: var(--gold) !important; color: var(--navy) !important; padding: 12px 22px !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 13.5px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; transition: background 180ms var(--ease); }
.urgency-backorder-btn:hover { background: var(--gold-dk) !important; }

/* REVIEWS — better count messaging */
.revs-count-line { color: var(--gray); font-size: 14.5px; margin-top: 8px; }
.revs-foot {
  text-align: center;
  margin-top: 36px;
  padding: 20px;
  background: var(--paper);
  border: 1px dashed var(--border);
  border-radius: 8px;
  color: var(--gray);
  font-size: 14px;
}
.revs-foot strong { color: var(--text); font-weight: 600; }

/* FAQ accordion behavior + CTA card refinement */
.faq-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; align-items: start; }
@media (max-width: 900px) { .faq-layout { grid-template-columns: 1fr; gap: 28px; } }
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item {
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: white !important;
  overflow: hidden;
  transition: border-color 200ms var(--ease), box-shadow 200ms var(--ease) !important;
}
.faq-item:hover { border-color: #D4D0C5 !important; }
.faq-item.open { border-color: var(--gold) !important; box-shadow: var(--sh1) !important; }
.faq-q {
  padding: 20px 24px !important;
  font-weight: 600 !important;
  font-size: 15.5px !important;
  letter-spacing: -0.005em !important;
  color: var(--text) !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
}
.faq-q-chevron {
  width: 28px; height: 28px;
  border-radius: 100px;
  background: var(--paper);
  display: flex; align-items: center; justify-content: center;
  color: var(--gray) !important;
  transition: transform 220ms var(--ease), background 200ms var(--ease), color 200ms var(--ease);
  flex-shrink: 0;
}
.faq-item.open .faq-q-chevron { transform: rotate(180deg); background: var(--gold); color: var(--navy) !important; }
.faq-q-chevron svg { width: 14px; height: 14px; }

.faq-a { max-height: 0; overflow: hidden; transition: max-height 320ms var(--ease); padding: 0 !important; }
.faq-item.open .faq-a { max-height: 600px; }
.faq-a-inner { padding: 0 24px 22px !important; color: var(--gray) !important; font-size: 14.5px !important; line-height: 1.7 !important; border-top: 1px solid var(--border); padding-top: 16px !important; margin-top: 4px; }

.faq-cta-card {
  background: var(--navy) !important;
  border: 1px solid var(--navy) !important;
  color: white;
  padding: 32px !important;
  border-radius: 12px !important;
  position: sticky;
  top: 100px;
}
.faq-cta-card h3 { color: white !important; font-weight: 700 !important; letter-spacing: -0.02em !important; font-size: 22px !important; margin-bottom: 12px !important; }
.faq-cta-card p { color: rgba(255,255,255,0.75) !important; font-size: 14px !important; line-height: 1.65 !important; margin-bottom: 20px !important; }
.faq-cta-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
.faq-cta-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 13.5px !important;
}
.faq-cta-item svg { width: 14px; height: 14px; color: var(--gold) !important; flex-shrink: 0; }

.btn-cta-full {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  width: 100%;
  padding: 16px 24px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: background 200ms var(--ease) !important;
}
.btn-cta-full:hover { background: var(--gold-dk) !important; color: var(--navy) !important; transform: none !important; }

/* Sold-out button */
.btn-add--soldout, .btn-full[disabled] {
  background: var(--paper-2, #EFE9DB) !important;
  color: var(--gray) !important;
  cursor: not-allowed !important;
  pointer-events: none;
  border: 1px solid var(--border) !important;
}

/* Featured-product showcase: white card stays on cream bg, refined */
.showcase-img { background: white !important; border: 1px solid var(--border) !important; }

/* Mobile hero slot — kill white card here too */
.hero-mobile-slot-inner {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: none !important;
  padding: 24px 16px 18px !important;
}
.hero-mobile-slot-img {
  filter: drop-shadow(0 14px 28px rgba(0,0,0,0.4));
}


/* ============================================================
   PREMIUM FIXES v4.3 — answers to feedback round 3
   ============================================================ */

/* HERO image stage — give it a refined frame + spec callouts so it doesn't look empty */
.hero-right {
  position: relative;
  min-height: 540px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-img-glow {
  position: absolute;
  inset: 12% 4% 18% 4%;
  background:
    radial-gradient(circle at 50% 45%, rgba(0,150,214,0.30) 0%, transparent 55%),
    radial-gradient(circle at 80% 80%, rgba(200,165,89,0.18) 0%, transparent 50%);
  filter: blur(36px);
  z-index: 0;
  pointer-events: none;
}
.hero-img-stage {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 36px 24px 32px;
  border: 1px solid rgba(200,165,89,0.18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,150,214,0.10) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%);
  backdrop-filter: blur(2px);
}
.hero-img-stage::before {
  content: 'HP Color LaserJet Pro · 499Q5F';
  position: absolute;
  top: -10px; left: 50%;
  transform: translateX(-50%);
  background: var(--navy);
  color: rgba(255,255,255,0.55);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 3px 14px;
  border: 1px solid rgba(200,165,89,0.32);
  border-radius: 100px;
  white-space: nowrap;
}
.hero-img-stage .hero-img-badge {
  position: relative !important;
  top: auto !important; left: auto !important; transform: none !important;
  margin: 0;
  background: rgba(200,165,89,0.1) !important;
  border: 1px solid rgba(200,165,89,0.28) !important;
  color: #DCB873 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.14em !important;
  font-weight: 600;
  padding: 5px 12px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
}
.hero-img-stage .hero-printer-img {
  width: 100%;
  max-width: 460px;
  height: auto;
  display: block;
  filter: drop-shadow(0 24px 40px rgba(0,0,0,0.5)) drop-shadow(0 6px 14px rgba(0,150,214,0.22));
  margin: 0 auto;
}
.hero-img-stage .hero-img-pills {
  display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.06);
  width: 100%;
}
.hero-img-stage .hpill {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.78) !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.hero-img-stage .hpill svg { width: 12px; height: 12px; color: var(--gold) !important; }

/* FEATURED-PRODUCT — backorder banner + sub-text styling */
.sc-soldout-banner {
  background: rgba(220,38,38,0.06);
  border: 1px solid rgba(220,38,38,0.18);
  color: #B91C1C;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sc-soldout-banner svg { color: #B91C1C; flex-shrink: 0; }
.sc-soldout-banner strong { color: #B91C1C; font-weight: 700; }

.btn-full--gold {
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy) !important;
  font-weight: 700 !important;
}
.btn-full--gold:hover { background: var(--gold-dk) !important; color: var(--navy) !important; }

.sc-soldout-sub {
  font-size: 12.5px !important;
  color: var(--gray) !important;
  text-align: center !important;
  margin: 12px 0 0 !important;
  line-height: 1.5 !important;
}

/* STOCK URGENCY — revert section bg to cream paper, counter card stays as navy focal */
.urgency-sec {
  background: var(--paper) !important;
  background-image: none !important;
  color: var(--text);
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
}

.urgency-eyebrow { color: var(--gold-dk) !important; }
.urgency-dot { background: var(--gold-dk); }
@keyframes urgPulse2 {
  0%   { box-shadow: 0 0 0 0 rgba(168,136,69,0.5); }
  70%  { box-shadow: 0 0 0 10px rgba(168,136,69,0); }
  100% { box-shadow: 0 0 0 0 rgba(168,136,69,0); }
}
.urgency-dot--pulse { animation: urgPulse2 2.4s ease-in-out infinite; }

.urgency-title { color: var(--text) !important; }

.urgency-why-block {
  background: white !important;
  border: 1px solid var(--border) !important;
  margin: 0 0 28px;
  padding: 20px 22px;
}
.urgency-why-icon {
  background: rgba(200,165,89,0.1) !important;
  border: 1px solid rgba(200,165,89,0.22) !important;
  color: var(--gold-dk) !important;
}
.urgency-why-block p { color: var(--gray) !important; }

.urgency-cta {
  background: var(--navy) !important;
  color: white !important;
  box-shadow: 0 6px 18px -8px rgba(10,20,40,0.45);
}
.urgency-cta:hover { background: #050D1F !important; color: white !important; box-shadow: 0 10px 24px -8px rgba(10,20,40,0.55); }
.urgency-cta-sub { color: var(--gray) !important; }

/* COUNTER CARD stays navy as focal */
.urgency-counter-card {
  background: linear-gradient(180deg, var(--navy) 0%, #0F1B33 100%) !important;
  border: 1px solid rgba(200,165,89,0.18) !important;
  color: white;
}
.urgency-counter-card .ucc-stock,
.urgency-counter-card .ucc-label,
.urgency-counter-card .ucc-reset { color: white; }

/* Backorder counter card variant */
.urgency-counter-card--backorder {
  background: linear-gradient(180deg, #1A1410 0%, #2A1F14 100%) !important;
  border: 1px solid rgba(200,165,89,0.32) !important;
}
.ucc-dot--bo {
  background: var(--gold) !important;
  box-shadow: 0 0 0 0 rgba(200,165,89,0.55);
  animation: urgPulse 2.4s ease-in-out infinite;
}
.ucc-label--bo { color: var(--gold) !important; font-weight: 600 !important; }
.ucc-bar-fill--bo {
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold-dk) 100%) !important;
}
.ucc-unit--bo {
  border-color: rgba(200,165,89,0.18) !important;
  background: rgba(200,165,89,0.04) !important;
}
.ucc-unit--bo svg { color: rgba(200,165,89,0.4); }
.ucc-unit--bo-open {
  border-color: rgba(200,165,89,0.45) !important;
  background: rgba(200,165,89,0.1) !important;
}
.ucc-unit--bo-open svg { color: var(--gold); }
.ucc-unit--bo-open span { color: var(--gold) !important; }
.ucc-unit--bo-taken { opacity: 0.45; }
.ucc-unit--bo-taken span { color: rgba(255,255,255,0.45) !important; }

.urgency-counter-card--backorder .ucc-note {
  color: rgba(255,255,255,0.65) !important;
  border-top-color: rgba(200,165,89,0.18) !important;
}
.urgency-counter-card--backorder .ucc-note strong { color: var(--gold) !important; }

/* Stats row — light bg variant since section is now light */
.urgency-stats {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  margin-top: 16px;
}
.urgency-stat-num { color: var(--text) !important; }
.urgency-stat-label { color: var(--gray) !important; }
.urgency-stat-divider { background: var(--border) !important; }

/* Sold-out blocks on light bg */
.urgency-sold-badge { background: rgba(220,38,38,0.06) !important; border-color: rgba(220,38,38,0.2) !important; color: #B91C1C !important; }
.urgency-drop-badge { background: white !important; border-color: var(--border) !important; }
.urgency-drop-label { color: var(--gray) !important; }
.urgency-drop-time { color: var(--text) !important; }
.urgency-waitlist {
  background: white !important;
  border: 1px solid var(--border) !important;
}
.urgency-waitlist-head { color: var(--text) !important; }
.urgency-waitlist-sub { color: var(--gray) !important; }
.urgency-waitlist-input {
  background: var(--paper) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.urgency-waitlist-input:focus { border-color: var(--navy) !important; }
.urgency-waitlist-input::placeholder { color: var(--gray) !important; }
.urgency-waitlist-btn { background: var(--navy) !important; color: white !important; }
.urgency-waitlist-btn:hover { background: #050D1F !important; }

.urgency-backorder {
  background: white !important;
  border: 1px solid var(--border) !important;
}
.urgency-backorder-head { color: var(--text) !important; }
.urgency-backorder-sub { color: var(--gray) !important; }
.urgency-backorder-btn { background: var(--gold) !important; color: var(--navy) !important; }
.urgency-backorder-btn:hover { background: var(--gold-dk) !important; }

/* MATH SECTION — fix the OUR PRICE pill stretching across full width */
.vcard-badge {
  position: absolute !important;
  top: -12px !important;
  left: 20px !important;
  right: auto !important;
  width: auto !important;
  display: inline-block !important;
  background: var(--gold) !important;
  color: var(--navy) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 5px 14px !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  box-shadow: 0 4px 12px -4px rgba(168,136,69,0.5);
}

/* REVIEWS — show-all expand button + initially hide cards 4+ */
.revs-grid .rev-card--more { display: none; }
.revs-grid.is-expanded .rev-card--more { display: flex; }

.revs-foot {
  margin-top: 36px;
  text-align: center;
  background: white;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}
.revs-expand-btn {
  background: var(--navy) !important;
  color: white !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 14px 28px !important;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background 200ms var(--ease) !important;
  display: inline-flex; align-items: center; gap: 8px;
}
.revs-expand-btn:hover { background: #050D1F !important; }
.revs-expand-btn.is-expanded { background: var(--gold) !important; color: var(--navy) !important; }
.revs-expand-btn.is-expanded:hover { background: var(--gold-dk) !important; color: var(--navy) !important; }
.revs-foot-meta { color: var(--gray); font-size: 14px; }
.revs-foot-meta strong { color: var(--text); font-weight: 700; }

/* MOBILE polish for hero stage */
@media (max-width: 760px) {
  .hero-right { display: none !important; }   /* mobile uses hero-mobile-slot inside left col */
  .hero-img-stage { padding: 28px 16px 24px; }
}

/* Email popup success/error states */
.epop-success {
  background: rgba(4,120,87,0.06);
  border: 1px solid rgba(4,120,87,0.22);
  color: var(--green);
  padding: 22px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.epop-success svg { width: 32px; height: 32px; color: var(--green); margin-bottom: 4px; }
.epop-success strong { color: var(--text); font-weight: 700; font-size: 16px; }
.epop-success span { color: var(--gray); font-size: 13.5px; line-height: 1.5; }
.epop-error {
  background: rgba(220,38,38,0.06);
  border: 1px solid rgba(220,38,38,0.22);
  color: #B91C1C;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13.5px;
  margin-top: 12px;
}
.epop-form-el { margin: 0; }
.epop-btn:disabled, #wl-btn:disabled { opacity: 0.7; cursor: wait; }


/* ============================================================
   PREMIUM FIXES v4.4 — sold-out states unified, ambient bg,
   more gold accents, balanced navy
   ============================================================ */

/* =====================================================
   AMBIENT BACKGROUND — radial glows + dots, everywhere
   ===================================================== */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse 60% 40% at 12% 18%, rgba(200,165,89,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 50% 35% at 88% 80%, rgba(10,20,40,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 70% 50% at 50% 50%, rgba(200,165,89,0.025) 0%, transparent 70%);
  background-attachment: fixed;
}
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(10,20,40,0.045) 1px, transparent 1.5px);
  background-size: 28px 28px;
  background-position: 0 0;
  opacity: 0.55;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 90%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 90%);
}

/* Ensure sections sit transparently so the body ambient shows through */
.value-sec, .why-sec, .toner-sec, .revs-sec, .faq-sec,
.urgency-sec, .showcase, .about-mission, .about-values,
.about-how, .about-cta, .about-stats-bar, .pg-hero, .policy-page {
  background: transparent !important;
  position: relative;
  isolation: isolate;
}

/* Each major section gets its own subtle radial glow — gold-leaning */
.value-sec::before, .why-sec::before, .toner-sec::before,
.revs-sec::before, .faq-sec::before, .urgency-sec::before,
.showcase::before, .about-mission::before, .about-values::before,
.about-how::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.value-sec::before    { background: radial-gradient(ellipse 70% 50% at 80% 30%, rgba(200,165,89,0.05) 0%, transparent 60%); }
.why-sec::before      { background: radial-gradient(ellipse 60% 50% at 20% 70%, rgba(10,20,40,0.045) 0%, transparent 65%); }
.toner-sec::before    { background: radial-gradient(ellipse 60% 40% at 70% 50%, rgba(200,165,89,0.06) 0%, transparent 60%); }
.revs-sec::before     { background: radial-gradient(ellipse 70% 50% at 30% 30%, rgba(200,165,89,0.04) 0%, transparent 60%); }
.faq-sec::before      { background: radial-gradient(ellipse 65% 45% at 60% 70%, rgba(200,165,89,0.05) 0%, transparent 65%); }
.showcase::before     { background: radial-gradient(ellipse 70% 50% at 50% 20%, rgba(200,165,89,0.05) 0%, transparent 60%); }
.about-mission::before{ background: radial-gradient(ellipse 60% 50% at 75% 30%, rgba(200,165,89,0.05) 0%, transparent 65%); }

/* Dark sections (urgency was wrong) — keep light */
.urgency-sec {
  background: transparent !important;
  position: relative;
}
.urgency-sec::before {
  background: radial-gradient(ellipse 75% 50% at 25% 30%, rgba(200,165,89,0.07) 0%, transparent 60%);
}

/* Restore HERO orbs as a more visible layer */
.hero { position: relative; overflow: hidden; }
.hero-orb1, .hero-orb2 { display: block !important; opacity: 0.5 !important; animation: heroOrb 14s ease-in-out infinite !important; }
.hero-orb1 { background: radial-gradient(circle, rgba(0,150,214,0.22) 0%, transparent 70%) !important; }
.hero-orb2 { background: radial-gradient(circle, rgba(200,165,89,0.16) 0%, transparent 65%) !important; }
@keyframes heroOrb { 0%,100% { transform: scale(1) translate(0,0); } 50% { transform: scale(1.08) translate(8px,-12px); } }
.hero-lines {
  display: block !important;
  background:
    radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  background-attachment: scroll !important;
  opacity: 0.5;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
}

/* Static page heroes — restore orb + dots */
.pg-hero, .pg-hero--dark { position: relative; overflow: hidden; }
.pg-hero-orb {
  display: block !important;
  position: absolute !important;
  top: -25% !important; right: -10% !important;
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(200,165,89,0.18) 0%, transparent 70%) !important;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  animation: heroOrb 16s ease-in-out infinite;
}
.pg-hero-grid {
  display: block !important;
  position: absolute !important;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1.2px) !important;
  background-size: 28px 28px;
  opacity: 0.5;
  pointer-events: none;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
  z-index: 0;
}
.pg-hero > .container, .pg-hero--dark > .container { position: relative; z-index: 1; }

/* =====================================================
   FEATURED-PRODUCT — unified state blocks
   ===================================================== */
.sc-state-block {
  background: linear-gradient(180deg, var(--navy) 0%, #142340 100%);
  border-radius: 12px;
  padding: 22px 22px 18px;
  color: white;
  margin: 0 0 14px;
  position: relative;
  overflow: hidden;
}
.sc-state-block::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 70% 50% at 80% 0%, rgba(200,165,89,0.12) 0%, transparent 65%),
              radial-gradient(circle at 20% 100%, rgba(200,165,89,0.08) 0%, transparent 50%);
}
.sc-state-block > * { position: relative; z-index: 1; }

.sc-state-block--gold { border: 1px solid rgba(200,165,89,0.32); }
.sc-state-block--red { border: 1px solid rgba(220,38,38,0.28); }

.sc-state-head {
  display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap;
  font-size: 14px; color: white;
}
.sc-state-head strong { color: white; font-weight: 700; }
.sc-state-meta {
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--gold);
  letter-spacing: 0.02em;
}
.sc-state-block--red .sc-state-meta { color: #FCA5A5; }
.sc-state-dot { width: 9px; height: 9px; border-radius: 100px; flex-shrink: 0; }
.sc-state-dot--gold { background: var(--gold); box-shadow: 0 0 0 0 rgba(200,165,89,0.55); animation: urgPulse 2.4s ease-in-out infinite; }
.sc-state-dot--red  { background: #EF4444; box-shadow: 0 0 0 0 rgba(239,68,68,0.55); animation: urgPulse 2.4s ease-in-out infinite; }
.sc-state-rule {
  height: 1px;
  background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);
  margin: 14px 0;
}
.sc-state-block--red .sc-state-rule { background: linear-gradient(90deg, #EF4444 0%, transparent 100%); }
.sc-state-text {
  color: rgba(255,255,255,0.78) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
}
.sc-state-block .btn-full,
.sc-state-block .btn-full--gold,
.sc-state-block .btn-full--ghost { margin-top: 0; }

.btn-full--ghost {
  background: rgba(255,255,255,0.06) !important;
  background-image: none !important;
  color: white !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  font-weight: 600 !important;
}
.btn-full--ghost:hover { background: rgba(255,255,255,0.1) !important; border-color: var(--gold) !important; color: white !important; }

.sc-buy-assure {
  text-align: center;
  margin-top: 14px;
  font-size: 12.5px;
  color: var(--gray);
  letter-spacing: 0.01em;
}

/* Hide the standalone soldout banner / sub now that we're using sc-state-block */
.sc-soldout-banner, .sc-soldout-sub { display: none !important; }

/* sc-ship spacing — clean separation from state block */
.sc-ship {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--border) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 24px !important;
}
.sc-ship-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--gray) !important;
}
.sc-ship-item svg { width: 14px !important; height: 14px !important; flex-shrink: 0; }

/* =====================================================
   STOCK URGENCY — unified counter card design
   All three states (in-stock / backorder / sold-out) share
   the same dark-card-with-icon-and-bold-label pattern.
   ===================================================== */
.urgency-counter-card {
  position: relative;
  border-radius: 14px !important;
  padding: 24px 24px 22px !important;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid rgba(200,165,89,0.18);
  color: white;
}
.urgency-counter-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 40% at 80% 0%, rgba(200,165,89,0.12) 0%, transparent 65%),
    radial-gradient(circle at 15% 100%, rgba(0,150,214,0.08) 0%, transparent 55%);
  z-index: 0;
}
.urgency-counter-card > * { position: relative; z-index: 1; }

/* Per-state base bg + accent */
.urgency-counter-card--in {
  background: linear-gradient(180deg, var(--navy) 0%, #0F1B33 100%) !important;
  border-color: rgba(200,165,89,0.22);
}
.urgency-counter-card--backorder {
  background: linear-gradient(180deg, #1A1410 0%, #2A1F14 100%) !important;
  border-color: rgba(200,165,89,0.36);
}
.urgency-counter-card--out {
  background: linear-gradient(180deg, #1A0F10 0%, #2A1818 100%) !important;
  border-color: rgba(220,38,38,0.32);
}
.urgency-counter-card--out::before {
  background:
    radial-gradient(ellipse 60% 40% at 80% 0%, rgba(220,38,38,0.12) 0%, transparent 65%),
    radial-gradient(circle at 15% 100%, rgba(220,38,38,0.08) 0%, transparent 55%);
}

/* Top row */
.ucc-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  margin-bottom: 16px !important;
  flex-wrap: wrap;
}
.ucc-stock { display: flex; align-items: center; gap: 10px; }
.ucc-dot { width: 9px; height: 9px; border-radius: 100px; flex-shrink: 0; }
.ucc-dot--in  { background: #22C55E; box-shadow: 0 0 0 0 rgba(34,197,94,0.55); animation: urgPulse 2.4s ease-in-out infinite; }
.ucc-dot--bo  { background: var(--gold); box-shadow: 0 0 0 0 rgba(200,165,89,0.55); animation: urgPulse 2.4s ease-in-out infinite; }
.ucc-dot--out { background: #EF4444; box-shadow: 0 0 0 0 rgba(239,68,68,0.55); animation: urgPulse 2.4s ease-in-out infinite; }

.ucc-label { font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.005em; }
.ucc-label--in  { color: white !important; }
.ucc-label--bo  { color: var(--gold) !important; }
.ucc-label--out { color: #FCA5A5 !important; }
.ucc-reset {
  color: rgba(255,255,255,0.55) !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Hairline rule (gold gradient) above units */
.ucc-bar-track {
  position: relative;
  background: rgba(255,255,255,0.06) !important;
  height: 1.5px !important;
  border-radius: 100px;
  overflow: hidden;
  margin-bottom: 18px !important;
}
.ucc-bar-fill {
  height: 100%;
  border-radius: 100px;
  transition: width 280ms var(--ease);
}
.ucc-bar-fill--in  { background: linear-gradient(90deg, #22C55E 0%, #16A34A 100%) !important; }
.ucc-bar-fill--bo  { background: linear-gradient(90deg, var(--gold) 0%, var(--gold-dk) 100%) !important; }
.ucc-bar-fill--out { background: linear-gradient(90deg, #EF4444 0%, #B91C1C 100%) !important; }

/* Unit grid — IDENTICAL pattern across all 3 states */
.ucc-units {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}
.ucc-unit {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  padding: 22px 8px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center;
  transition: border-color 200ms var(--ease), background 200ms var(--ease);
  min-height: 110px;
}
.ucc-unit svg, .ucc-unit img {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}
.ucc-unit span {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  display: block;
}

/* IN-STOCK unit states */
.ucc-unit--in-ready {
  background: rgba(34,197,94,0.08) !important;
  border-color: rgba(34,197,94,0.42) !important;
}
.ucc-unit--in-ready svg { color: #4ADE80; }
.ucc-unit--in-ready span { color: #4ADE80 !important; }

.ucc-unit--in-gone {
  opacity: 0.4;
  background: rgba(255,255,255,0.02) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
.ucc-unit--in-gone svg { color: rgba(255,255,255,0.4); }
.ucc-unit--in-gone span { color: rgba(255,255,255,0.45) !important; }

/* BACKORDER unit states */
.ucc-unit--bo {
  background: rgba(200,165,89,0.04) !important;
  border-color: rgba(200,165,89,0.18) !important;
}
.ucc-unit--bo-open {
  background: rgba(200,165,89,0.1) !important;
  border-color: rgba(200,165,89,0.45) !important;
}
.ucc-unit--bo-open svg { color: var(--gold); }
.ucc-unit--bo-open span { color: var(--gold) !important; }

.ucc-unit--bo-taken { opacity: 0.4; }
.ucc-unit--bo-taken svg { color: rgba(200,165,89,0.4); }
.ucc-unit--bo-taken span { color: rgba(200,165,89,0.5) !important; }

/* OUT-OF-STOCK unit states (all gone, red theme) */
.ucc-unit--out {
  background: rgba(220,38,38,0.05) !important;
  border-color: rgba(220,38,38,0.24) !important;
}
.ucc-unit--out svg { color: #F87171; }
.ucc-unit--out span { color: #FCA5A5 !important; }

/* Bottom note */
.ucc-note {
  color: rgba(255,255,255,0.6) !important;
  font-size: 12px !important;
  text-align: center;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.06);
  font-weight: 500;
  letter-spacing: 0.005em;
}
.ucc-note strong { color: var(--gold) !important; font-weight: 700; }
.urgency-counter-card--out .ucc-note strong { color: #FCA5A5 !important; }

/* =====================================================
   MORE GOLD ACCENTS (balanced)
   ===================================================== */

/* Value comparison stats — gold numbers */
.vstat-num { color: var(--gold-dk) !important; }
.about-stat-num, .ahs-num { color: var(--gold-dk) !important; }

/* Section H2 — gold underline accent */
.section-h2 {
  position: relative;
  display: inline-block;
}

/* Showcase price-card — refined gold */
.sc-price-card {
  background: linear-gradient(180deg, var(--paper) 0%, white 100%) !important;
  border-left: 3px solid var(--gold) !important;
}
.sc-price-main { color: var(--text) !important; }
.sc-save { background: var(--gold) !important; color: var(--navy) !important; }

/* Trust strip — gold check icons */
.trust-icon { color: var(--gold-dk) !important; background: rgba(200,165,89,0.08) !important; border: 1px solid rgba(200,165,89,0.18) !important; }
.trust-icon svg { color: var(--gold-dk) !important; }

/* Toner section — single navy callout to break cream rhythm */
.toner-info {
  background: var(--navy) !important;
  background-image: none !important;
  color: white !important;
  border: 1px solid rgba(200,165,89,0.22) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  position: relative;
  overflow: hidden;
}
.toner-info::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 50% at 80% 0%, rgba(200,165,89,0.16) 0%, transparent 65%);
}
.toner-info > * { position: relative; z-index: 1; }
.toner-info h4 { color: var(--gold) !important; font-weight: 700 !important; }
.toner-info p { color: rgba(255,255,255,0.75) !important; }

/* Toner aff-card "BEST VALUE" badge */
.toner-aff-badge { background: var(--gold) !important; color: var(--navy) !important; }
.toner-aff-pages { color: var(--gold-dk) !important; }

/* Reviews show-all button keeps navy/gold pattern (already set) */
.revs-expand-btn { background: var(--navy) !important; }
.revs-expand-btn:hover { background: var(--gold) !important; color: var(--navy) !important; }
.revs-expand-btn.is-expanded { background: var(--gold) !important; color: var(--navy) !important; }

/* Save badge in hero pricing card */
.save-badge { background: var(--gold) !important; color: var(--navy) !important; }

/* Footer link hover gold (already set, reaffirm) */
.footer-col a:hover { color: var(--gold) !important; }
.footer-links a:hover { color: var(--gold) !important; }

/* Section eyebrow gold rule (already set, reaffirm + thicker) */
.section-eyebrow::before { background: linear-gradient(90deg, var(--gold) 0%, transparent 100%) !important; height: 1.5px !important; }

/* Mobile: stack ucc-top items */
@media (max-width: 600px) {
  .ucc-top { gap: 8px; }
  .ucc-units { gap: 8px !important; }
  .ucc-unit { padding: 18px 6px 12px !important; min-height: 96px; }
  .ucc-unit svg { width: 26px !important; height: 26px !important; }
  .ucc-unit span { font-size: 10px !important; }
  .sc-state-meta { margin-left: 0 !important; flex-basis: 100%; }
}

/* ============================================================
   PREMIUM FIXES v4.5 — emergency patches
   ============================================================ */

/* BUG 1: .section-h2 was display:inline-block, sat next to eyebrow.
   Restore block display so titles wrap below eyebrow. */
.section-h2 {
  display: block !important;
  position: static !important;
}

/* BUG 2: .pg-hero / .pg-hero--dark and .about-cta had navy bg in original.
   I made them transparent — white text vanished on cream body.
   Restore their dark backgrounds. */
.pg-hero, .pg-hero--dark {
  background: linear-gradient(180deg, var(--navy) 0%, #142340 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.pg-hero h1, .pg-hero p, .pg-hero .pg-eyebrow,
.pg-hero--dark h1, .pg-hero--dark p, .pg-hero--dark .pg-eyebrow,
.ph-h1, .pg-title, .ph-sub, .pg-subtitle { position: relative; z-index: 2; }

.about-cta {
  background: linear-gradient(180deg, var(--navy) 0%, #142340 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
.about-cta::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 80% 0%, rgba(200,165,89,0.16) 0%, transparent 65%),
    radial-gradient(circle at 20% 100%, rgba(0,150,214,0.10) 0%, transparent 55%),
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1.2px);
  background-size: auto, auto, 28px 28px;
  z-index: 0;
}
.about-cta > * { position: relative; z-index: 1; }
.about-cta-inner h2 { color: white !important; }
.about-cta-inner p { color: rgba(255,255,255,0.78) !important; }

/* Keep ALL .pg-hero text white */
.pg-hero h1, .pg-hero--dark h1,
.ph-h1, .pg-title { color: white !important; }
.pg-hero p, .pg-hero--dark p,
.ph-sub, .pg-subtitle { color: rgba(255,255,255,0.75) !important; }

/* Restore dot pattern + radial glows in pg-hero (was lost when bg went transparent) */
.pg-hero::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 75% 25%, rgba(200,165,89,0.18) 0%, transparent 65%),
    radial-gradient(circle at 15% 75%, rgba(0,150,214,0.08) 0%, transparent 50%),
    radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1.2px);
  background-size: auto, auto, 28px 28px;
  z-index: 0;
}
.pg-hero > .container { position: relative; z-index: 2; }
.pg-hero-orb, .pg-hero-grid { display: none !important; }   /* superseded by ::before */

/* BUG 3: ambient gradient + dots not visible because body::before with z-index:-1
   sat behind body bg-color. Move directly onto body background. */
body::before, body::after { display: none !important; }

body {
  background-color: var(--paper) !important;
  background-image:
    radial-gradient(ellipse 55% 45% at 12% 18%, rgba(200,165,89,0.14) 0%, transparent 60%),
    radial-gradient(ellipse 45% 35% at 88% 82%, rgba(10,20,40,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 65% 50% at 50% 50%, rgba(200,165,89,0.04) 0%, transparent 70%),
    radial-gradient(circle, rgba(10,20,40,0.07) 1px, transparent 1.6px) !important;
  background-size: auto, auto, auto, 28px 28px !important;
  background-attachment: fixed !important;
  background-position: 0 0, 100% 100%, center, 0 0 !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

/* Make sections that should let the ambient show through clearly transparent.
   Listed sections render light content on the cream/ambient body. */
.value-sec, .why-sec, .toner-sec, .revs-sec, .faq-sec,
.urgency-sec, .showcase, .about-mission, .about-values,
.about-stats-bar, .about-how, .policy-page {
  background: transparent !important;
}

/* ============================================================
   PREMIUM FIXES v4.6 — make dots actually visible + hero pattern
   ============================================================ */

/* Body ambient — bump dot opacity from 0.07 → 0.14 (twice as visible) */
body {
  background-image:
    radial-gradient(ellipse 55% 45% at 12% 18%, rgba(200,165,89,0.16) 0%, transparent 60%),
    radial-gradient(ellipse 45% 35% at 88% 82%, rgba(10,20,40,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 65% 50% at 50% 50%, rgba(200,165,89,0.05) 0%, transparent 70%),
    radial-gradient(circle, rgba(10,20,40,0.14) 1.2px, transparent 1.8px) !important;
  background-size: auto, auto, auto, 26px 26px !important;
  background-attachment: fixed !important;
  background-position: 0 0, 100% 100%, center, 0 0 !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

/* HERO — restore visible dot pattern + ambient orbs */
.hero { position: relative !important; overflow: hidden !important; isolation: isolate; }
.hero-ambient {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.hero-inner { position: relative !important; z-index: 1 !important; }

.hero-orb1 {
  position: absolute !important;
  top: -20% !important; right: 8% !important;
  width: 620px !important; height: 620px !important;
  background: radial-gradient(circle, rgba(0,150,214,0.32) 0%, transparent 65%) !important;
  border-radius: 50% !important;
  display: block !important;
  opacity: 1 !important;
  animation: heroOrb 14s ease-in-out infinite !important;
  filter: blur(8px);
}
.hero-orb2 {
  position: absolute !important;
  bottom: -30% !important; left: -5% !important;
  width: 720px !important; height: 720px !important;
  background: radial-gradient(circle, rgba(200,165,89,0.26) 0%, transparent 65%) !important;
  border-radius: 50% !important;
  display: block !important;
  opacity: 1 !important;
  animation: heroOrb 18s ease-in-out infinite reverse !important;
  filter: blur(8px);
}

/* Hero dot pattern — actually visible now */
.hero-lines {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.18) 1.4px, transparent 1.8px) !important;
  background-size: 26px 26px !important;
  background-position: 0 0 !important;
  background-attachment: scroll !important;
  opacity: 1 !important;
  mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 30%, transparent 90%) !important;
  -webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 30%, transparent 90%) !important;
  pointer-events: none;
}

/* Static page heroes (shipping / warranty / about) — bump dot visibility too */
.pg-hero::before {
  background:
    radial-gradient(ellipse 60% 50% at 75% 25%, rgba(200,165,89,0.22) 0%, transparent 65%),
    radial-gradient(circle at 15% 75%, rgba(0,150,214,0.10) 0%, transparent 50%),
    radial-gradient(circle, rgba(255,255,255,0.16) 1.4px, transparent 1.8px) !important;
  background-size: auto, auto, 26px 26px !important;
  z-index: 0;
  opacity: 1;
}

/* About-CTA — same dot bump */
.about-cta::before {
  background:
    radial-gradient(ellipse 60% 50% at 80% 0%, rgba(200,165,89,0.20) 0%, transparent 65%),
    radial-gradient(circle at 20% 100%, rgba(0,150,214,0.12) 0%, transparent 55%),
    radial-gradient(circle, rgba(255,255,255,0.14) 1.4px, transparent 1.8px) !important;
  background-size: auto, auto, 26px 26px !important;
  z-index: 0;
}

/* Footer — also navy, give it the same dot ambient */
.site-footer { position: relative; overflow: hidden; isolation: isolate; }
.site-footer::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 50% 60% at 90% 0%, rgba(200,165,89,0.10) 0%, transparent 60%),
    radial-gradient(circle, rgba(255,255,255,0.10) 1.2px, transparent 1.6px);
  background-size: auto, 26px 26px;
}
.site-footer .footer-inner { position: relative; z-index: 1; }

/* Urgency counter card — bump internal dot pattern slightly */
.urgency-counter-card::before {
  background:
    radial-gradient(ellipse 60% 40% at 80% 0%, rgba(200,165,89,0.16) 0%, transparent 65%),
    radial-gradient(circle at 15% 100%, rgba(0,150,214,0.10) 0%, transparent 55%),
    radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1.4px) !important;
  background-size: auto, auto, 24px 24px !important;
}

/* Featured-product state-blocks — same pattern overlay */
.sc-state-block::before {
  background:
    radial-gradient(ellipse 70% 50% at 80% 0%, rgba(200,165,89,0.16) 0%, transparent 65%),
    radial-gradient(circle at 20% 100%, rgba(200,165,89,0.10) 0%, transparent 50%),
    radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1.4px) !important;
  background-size: auto, auto, 22px 22px !important;
}



/* ============================================================
   MOBILE COMPATIBILITY LAYER — appended over existing theme.css
   3 breakpoints: 1024 (tablet), 768 (small tablet / large phone), 480 (phone)
   ============================================================ */

/* Global: prevent horizontal scroll, smooth touch scroll */
html, body { overflow-x: hidden; -webkit-overflow-scrolling: touch; }
img, video, canvas, svg { max-width: 100%; height: auto; }
*, *::before, *::after { -webkit-tap-highlight-color: rgba(200,165,89,0.18); }

/* === TABLET / 1024px === */
@media (max-width: 1024px) {
  :root { --gutter: clamp(20px, 4vw, 48px); }

  .container,
  .header-inner,
  .footer-inner,
  .hero-inner { max-width: 100% !important; }

  .hero-inner { grid-template-columns: 1fr 380px !important; gap: 36px !important; padding: 56px var(--gutter) !important; }
  .urgency-inner, .value-inner, .faq-layout, .about-mission-grid,
  .pg-contact-grid, .contact-grid, .ship-layout, .warranty-layout,
  .showcase-grid, .toner-grid, .why-grid, .wh-grid, .ship-hl-grid,
  .about-values-grid { gap: 28px !important; }

  .why-grid, .wh-grid, .ship-hl-grid, .about-values-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .toner-grid { grid-template-columns: 1fr 1fr !important; }
  .toner-grid > .toner-aff-info { grid-column: 1 / -1; }
  .about-how-grid { grid-template-columns: repeat(2, 1fr) !important; }

  .footer-grid, .footer-top { grid-template-columns: 1.4fr 1fr 1fr !important; gap: 32px !important; }
}

/* === LARGE PHONE / SMALL TABLET — 768px === */
@media (max-width: 768px) {
  :root { --gutter: 20px; }
  body { font-size: 15.5px; }

  /* HEADER → mobile menu */
  .header-nav,
  .header-login-btn,
  .header-cart,
  .header-actions .btn-shop { display: none !important; }
  .mobile-menu-btn { display: inline-flex !important; align-items: center; justify-content: center; }
  .header-inner { height: 64px !important; padding: 0 var(--gutter) !important; gap: 12px !important; }
  .logo { gap: 10px !important; }
  .logo-mark { width: 32px !important; height: 32px !important; }
  .logo-name { font-size: 15px !important; }
  .logo-sub { display: none; }
  .logo-image { max-height: 26px !important; }

  /* Mobile menu — full coverage panel */
  .mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999 !important;
    background: linear-gradient(180deg, var(--navy, #0A1428) 0%, #142340 100%) !important;
    padding: 24px 20px 36px !important;
    transform: translateX(100%);
    transition: transform 320ms cubic-bezier(0.2, 0.7, 0.2, 1);
    display: flex !important;
    flex-direction: column;
    overflow-y: auto;
  }
  .mobile-menu.open { transform: translateX(0); }
  .mobile-menu a {
    color: rgba(255,255,255,0.85) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    text-decoration: none !important;
    display: flex; align-items: center; gap: 12px;
  }
  .mobile-menu a:hover { color: var(--gold, #C8A559) !important; }
  .mobile-menu .mobile-cta {
    background: var(--gold, #C8A559) !important;
    color: var(--navy, #0A1428) !important;
    padding: 16px !important;
    border-radius: 8px !important;
    text-align: center !important;
    border: 0 !important;
    margin-top: 20px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    justify-content: center;
  }

  /* HERO — stacks single column with image first */
  .hero { min-height: auto !important; padding: 32px 0 !important; }
  .hero-inner { grid-template-columns: 1fr !important; gap: 28px !important; padding: 28px var(--gutter) !important; }
  .hero-right { display: none !important; }
  .hero-left { order: 2; }
  .hero-mobile-slot { display: block !important; order: 1; margin-bottom: 8px; }
  .hero-h1 { font-size: clamp(1.85rem, 7vw, 2.4rem) !important; line-height: 1.1 !important; }
  .hero-p { font-size: 16px !important; max-width: 100% !important; }
  .hero-eyebrow { font-size: 10.5px !important; padding: 6px 12px !important; }

  .hero-pricing {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    padding: 18px 20px !important;
  }
  .hero-price-divider { width: 100% !important; height: 1px !important; }
  .hero-price-amt { font-size: clamp(1.6rem, 6vw, 2rem) !important; }

  .hero-actions { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  .hero-actions .btn-hero-primary,
  .hero-actions .btn-hero-ghost { width: 100% !important; padding: 16px 22px !important; font-size: 14.5px !important; justify-content: center; }

  .hero-trust-b {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding-top: 22px !important;
  }
  .htb-item { padding: 10px 14px !important; background: rgba(255,255,255,0.04); border-radius: 8px; }

  /* TRUST STRIP */
  .trust-strip { padding: 22px 0 !important; }
  .trust-inner {
    grid-template-columns: 1fr 1fr !important;
    display: grid !important;
    gap: 12px !important;
    padding: 0 var(--gutter) !important;
  }
  .trust-item {
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 12px 14px !important;
    gap: 10px !important;
  }
  .trust-icon { width: 38px !important; height: 38px !important; }
  .trust-icon svg { width: 18px !important; height: 18px !important; }
  .trust-txt strong { font-size: 13px !important; }
  .trust-txt span, .trust-txt small { font-size: 11.5px !important; }

  /* SHOWCASE / FEATURED-PRODUCT */
  .showcase-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .showcase-img { padding: 28px 20px 96px !important; min-height: 380px !important; }
  .showcase-img::after { width: 40px !important; height: 40px !important; }
  .showcase-info { padding: 24px !important; gap: 18px !important; }
  .sc-title { font-size: clamp(1.25rem, 4.5vw, 1.6rem) !important; }
  .sc-price-card { padding: 20px !important; }
  .sc-price-main { font-size: clamp(1.8rem, 6vw, 2.2rem) !important; }
  .sc-ship { grid-template-columns: 1fr 1fr !important; gap: 10px 20px !important; }
  .sthumb { width: 52px !important; height: 52px !important; }

  /* URGENCY */
  .urgency-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .urgency-counter-card { padding: 20px !important; }
  .ucc-top { flex-wrap: wrap !important; gap: 8px !important; }
  .ucc-units { gap: 8px !important; }
  .ucc-unit { padding: 16px 6px 12px !important; min-height: 90px !important; }
  .ucc-unit svg, .ucc-unit img { width: 26px !important; height: 26px !important; }
  .ucc-unit span { font-size: 10px !important; }
  .urgency-stats { padding: 14px 16px !important; flex-wrap: wrap; }
  .urgency-stat-num { font-size: 18px !important; }
  .urgency-stat-label { font-size: 10.5px !important; }
  .urgency-waitlist-form { flex-direction: column !important; gap: 8px !important; }
  .urgency-waitlist-btn,
  .urgency-waitlist-input { width: 100% !important; }
  .urgency-cta { padding: 14px 22px !important; font-size: 14px !important; }
  .urgency-title { font-size: clamp(1.5rem, 5vw, 1.9rem) !important; }
  .urgency-why-block { padding: 16px 18px !important; }

  /* VALUE COMPARISON */
  .value-inner { grid-template-columns: 1fr !important; gap: 24px !important; }
  .vcard { padding: 22px !important; }
  .vcard-price { font-size: 28px !important; }
  .value-stat-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .vstat-num { font-size: 22px !important; }
  .value-callout { padding: 18px 20px !important; }
  .value-callout h3, .value-callout h4 { font-size: 16px !important; }

  /* WHY-REFURB */
  .why-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .why-card { padding: 24px !important; }

  /* TONER */
  .toner-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .toner-aff-card { padding: 22px !important; }
  .toner-aff-info { padding: 22px !important; }

  /* REVIEWS */
  .revs-top { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; margin-bottom: 28px !important; }
  .revs-num { font-size: 44px !important; }
  .revs-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .rev-card { padding: 22px !important; }
  .rev-quote { font-size: 14px !important; }
  .revs-foot { padding: 20px !important; }

  /* FAQ */
  .faq-layout { grid-template-columns: 1fr !important; gap: 28px !important; }
  .faq-q { padding: 18px 20px 18px 24px !important; font-size: 14.5px !important; gap: 12px !important; }
  .faq-q-chevron { width: 26px !important; height: 26px !important; }
  .faq-a-inner { padding: 14px 22px 20px 24px !important; font-size: 14px !important; }
  .faq-cta-card { position: static !important; padding: 24px !important; }
  .faq-cta-card h3 { font-size: 18px !important; }
  .btn-cta-full { padding: 14px 22px !important; font-size: 14px !important; }

  /* FOOTER */
  .footer-grid, .footer-top { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; padding: 20px 0 !important; }
  .site-footer { padding: 56px 0 28px !important; }

  /* STATIC PAGES */
  /* Page hero shrink */
  .pg-hero, .pg-hero--dark { padding: 48px 0 !important; }
  .pg-title, .pg-title--white, .ph-h1, .pg-hero h1 { font-size: clamp(1.75rem, 6vw, 2.4rem) !important; }
  .pg-sub, .pg-sub--light, .pg-hero p, .ph-sub { font-size: 15px !important; }
  .pg-eyebrow { font-size: 10.5px !important; padding: 5px 12px !important; }

  /* About */
  .about-mission-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .about-savings-card { padding: 26px !important; }
  .asc-num { font-size: 44px !important; }
  .asc-stats { grid-template-columns: 1fr 1fr 1fr !important; gap: 12px !important; }
  .about-stats-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; padding: 0 var(--gutter) !important; }
  .about-stat-num, .ahs-num { font-size: 28px !important; }
  .about-values-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .about-value-card { padding: 24px !important; }
  .about-how-grid { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  .about-how-step { padding: 22px !important; }
  .about-cta { padding: 64px 0 !important; }
  .about-cta-inner h2 { font-size: clamp(1.5rem, 5vw, 2rem) !important; }

  /* Shipping */
  .ship-hl-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .ship-hl-card { padding: 24px !important; }
  .ship-layout { grid-template-columns: 1fr !important; gap: 24px !important; }
  .ship-policies { gap: 18px !important; }
  .ship-policy-block { padding: 24px !important; }
  .ship-sb-card { position: static !important; padding: 24px !important; }

  /* Warranty */
  .wh-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .wh-card { padding: 24px !important; }
  .warranty-layout { grid-template-columns: 1fr !important; gap: 24px !important; }
  .warranty-block { padding: 24px !important; }
  .warranty-sidebar { position: static !important; padding: 24px !important; }
  .warranty-list li, .warranty-list--yes li, .warranty-list--no li { font-size: 13.5px !important; }

  /* Contact */
  .contact-grid, .pg-contact-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .contact-form-card, .pg-contact-form { padding: 24px !important; }
  .form-row-2 { grid-template-columns: 1fr !important; }
  .contact-info-block { padding: 22px !important; }
  .contact-faq-mini { padding: 22px !important; }

  /* Cart */
  .cart-wrap { padding: 32px var(--gutter) !important; }
  .cart-item { grid-template-columns: 80px 1fr !important; gap: 12px !important; padding: 14px !important; }
  .cart-item img { width: 80px !important; height: 80px !important; }
  .cart-item .cart-item-info { grid-column: 2 !important; }
  .cart-item .cart-item-price { grid-column: 1 / -1 !important; text-align: left !important; padding-top: 8px; border-top: 1px solid var(--border, #E5E2DA); }

  /* 404 */
  .not-found { padding: 64px var(--gutter) !important; }
  .not-found h1 { font-size: clamp(1.6rem, 5vw, 2rem) !important; }

  /* Email popup */
  .epop { padding: 28px 22px !important; max-width: 92vw !important; }
  .epop-title { font-size: 19px !important; }
  .epop-field { flex-direction: column !important; gap: 10px !important; }
  .epop-input, .epop-btn { width: 100% !important; }
  .epop-stock-row { gap: 6px !important; }
}

/* === SMALL PHONE — 480px === */
@media (max-width: 480px) {
  :root { --gutter: 16px; }
  body { font-size: 15px; }

  .announce { font-size: 11.5px !important; padding: 9px 14px !important; }

  .header-inner { height: 60px !important; gap: 8px !important; }
  .logo-mark { width: 30px !important; height: 30px !important; }
  .logo-name { font-size: 14.5px !important; }

  /* TRUST → single column */
  .trust-inner { grid-template-columns: 1fr !important; gap: 8px !important; }
  .trust-item { padding: 12px 14px !important; }

  /* Hero */
  .hero-inner { padding: 24px var(--gutter) !important; gap: 24px !important; }
  .hero-h1 { font-size: clamp(1.65rem, 7.5vw, 2.1rem) !important; }
  .hero-eyebrow { font-size: 10px !important; letter-spacing: 0.1em !important; }
  .hero-pricing { padding: 16px 18px !important; gap: 12px !important; }

  /* Showcase */
  .showcase-img { padding: 24px 16px 92px !important; min-height: 320px !important; }
  .showcase-info { padding: 22px !important; gap: 16px !important; }
  .sc-price-card { padding: 18px !important; }
  .sc-ship { grid-template-columns: 1fr !important; gap: 10px !important; }

  /* Urgency */
  .urgency-counter-card { padding: 18px !important; }
  .ucc-top { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
  .ucc-stock { width: 100% !important; }
  .ucc-units { gap: 6px !important; }
  .ucc-unit { padding: 14px 4px 10px !important; min-height: 80px !important; }
  .urgency-stats { gap: 12px !important; padding: 12px 14px !important; }
  .urgency-stats > div, .urgency-stat { font-size: 12px !important; }
  .urgency-stat-num { font-size: 16px !important; }

  /* Value */
  .vcard { padding: 18px !important; }
  .vcard-price { font-size: 26px !important; }
  .value-stat-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .vstat { padding: 16px 14px !important; }
  .vstat-num { font-size: 20px !important; }

  /* Reviews */
  .revs-num { font-size: 38px !important; }
  .rev-card { padding: 20px !important; }

  /* Toner */
  .toner-aff-card { padding: 20px !important; }
  .toner-aff-info { padding: 20px !important; }

  /* FAQ */
  .faq-q { padding: 16px 18px 16px 20px !important; font-size: 14px !important; }
  .faq-a-inner { padding: 12px 20px 18px 20px !important; font-size: 13.5px !important; }
  .faq-cta-card { padding: 22px !important; }

  /* Footer */
  .footer-grid, .footer-top { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-divider { margin: 28px 0 18px !important; }

  /* Static pages */
  .pg-hero, .pg-hero--dark { padding: 40px 0 !important; }
  .pg-title, .pg-title--white { font-size: clamp(1.55rem, 7vw, 2rem) !important; }

  .about-stats-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .about-how-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .asc-stats { grid-template-columns: 1fr !important; gap: 14px !important; text-align: left !important; }

  .ship-policy-block, .warranty-block, .wh-card, .ship-hl-card,
  .about-value-card, .about-how-step, .about-savings-card,
  .contact-form-card, .contact-info-block, .contact-faq-mini { padding: 20px !important; }

  /* Cart on smallest screens */
  .cart-item { padding: 12px !important; }
  .cart-item img { width: 70px !important; height: 70px !important; }

  /* Email popup */
  .epop { padding: 24px 18px !important; }
  .epop-title { font-size: 18px !important; }

  /* Mobile menu items more readable */
  .mobile-menu a { font-size: 1.15rem !important; padding: 14px 0 !important; }
}

/* === TOUCH-FRIENDLY: bigger tap targets on touch devices === */
@media (hover: none) and (pointer: coarse) {
  .btn, .btn-shop, .btn-hero-primary, .btn-hero-ghost, .btn-full, .btn-add,
  .btn-cta-full, .btn-checkout, .btn-primary, .urgency-cta,
  .urgency-backorder-btn, .urgency-waitlist-btn, .form-submit-btn,
  .toner-aff-btn, .ship-sb-btn, .epop-btn, .revs-expand-btn { min-height: 48px !important; }

  .header-login-btn, .header-cart, .mobile-menu-btn,
  .epop-close, .mobile-menu-close button { min-width: 44px !important; min-height: 44px !important; }

  .faq-q { min-height: 56px !important; }
  .sthumb { min-width: 48px !important; min-height: 48px !important; }

  /* Reduce hover-only effects on touch */
  .vcard:hover, .why-card:hover, .toner-aff-card:hover, .rev-card:hover,
  .trust-item:hover, .wh-card:hover, .ship-hl-card:hover, .about-value-card:hover,
  .showcase-img:hover .showcase-printer-img { transform: none !important; }
}

/* === SAFETY: Liquid template stops layout from breaking on narrow viewports === */
table { max-width: 100%; overflow-x: auto; display: block; }
pre, code { white-space: pre-wrap; word-wrap: break-word; }
input, textarea, select, button { max-width: 100%; }


/* ============================================================
   FOOTER MOBILE FIX — overrides previous footer mobile rules
   ============================================================ */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr !important;
    gap: 28px !important;
  }
}

@media (max-width: 880px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 24px !important;
    margin-bottom: 32px !important;
  }
  .footer-brand-col {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  .footer-desc { max-width: 100% !important; }
  .footer-col { min-width: 0 !important; }
  .site-footer { padding: 48px 0 28px !important; }
  .footer-inner { padding: 0 var(--gutter) !important; }
  .footer-divider { margin: 28px 0 18px !important; }
  .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    text-align: left !important;
  }
  .footer-links { flex-wrap: wrap !important; gap: 14px 18px !important; }
  .footer-logo-image { max-height: 36px !important; }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 20px !important;
  }
  .footer-brand-col { margin-bottom: 4px !important; }
  .footer-col h4 {
    font-size: 11px !important;
    margin-bottom: 12px !important;
    letter-spacing: 0.12em !important;
  }
  .footer-col a {
    font-size: 13.5px !important;
    padding: 5px 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
  }
  .footer-desc {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .footer-brand-name { font-size: 16px !important; }
  .footer-copy {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  .footer-links a { font-size: 12px !important; padding: 4px 0 !important; }
  .site-footer { padding: 40px 0 24px !important; }
}

@media (max-width: 380px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .footer-brand-col { grid-column: 1 !important; }
  .footer-col h4 { margin-bottom: 8px !important; }
  .footer-col a { padding: 6px 0 !important; }
}
/* Trust bar — center the cluster regardless of how many items */
.trust-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px 48px !important;
  grid-template-columns: none !important;
  max-width: 1280px;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.trust-item {
  flex: 0 0 auto !important;
  width: auto !important;
}

/* Mobile: stay centered, 2-up wrap */
@media (max-width: 768px) {
  .trust-inner {
    grid-template-columns: none !important;
    gap: 14px 24px !important;
  }
  .trust-item {
    flex: 0 0 calc(50% - 12px) !important;
    justify-content: center;
  }
}

/* Phone: single centered column */
@media (max-width: 480px) {
  .trust-item { flex: 0 0 100% !important; justify-content: flex-start; }
}
@media (max-width: 768px) {
  .hero-trust-b {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding-top: 24px !important;
    align-items: stretch !important;
  }
  .hero-trust-b .htb-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 10px !important;
    padding: 18px 14px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    height: 100% !important;
    width: 100% !important;
  }
  .hero-trust-b .htb-icon {
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
  .hero-trust-b .htb-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .hero-trust-b .htb-text strong {
    font-size: 13px !important;
    line-height: 1.3 !important;
    display: block !important;
    text-align: center !important;
  }
  .hero-trust-b .htb-text small {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    display: block !important;
    text-align: center !important;
  }
  /* Third item: centered on its own row, same width as the others */
  .hero-trust-b .htb-item:nth-child(3) {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: calc(50% - 6px) !important;
    min-width: 200px !important;
    max-width: calc(50% - 6px) !important;
  }
}
.header-inner {
  max-width: 1140px !important;
  padding: 0 32px !important;
  height: 60px !important;
  gap: 28px !important;
}
.logo-mark { width: 32px !important; height: 32px !important; }
.logo-mark svg { width: 18px !important; height: 18px !important; }
.logo-name { font-size: 15px !important; }
.header-nav { gap: 2px !important; }
.header-nav a { font-size: 13.5px !important; padding: 8px 14px !important; }
.header-actions { gap: 8px !important; }

@media (max-width: 960px) {
  .header-inner {
    max-width: 100% !important;
    padding: 0 20px !important;
    height: 50px !important;
  }
}
/* Hero printer stage — auto-size to fit the actual image, no empty padding */
.hero-img-stage {
  min-height: auto !important;
  height: auto !important;
  padding: 32px 22px 22px !important;
  gap: 14px !important;
  max-width: 480px !important;
  margin: 0 auto;
}

.hero-img-stage .hero-img-badge {
  margin: 4px 0 0 !important;
}

.hero-printer-img,
.hero-img-stage img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1250 / 1157 !important;
  max-height: 420px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

.hero-img-stage .hero-img-pills {
  padding-top: 14px !important;
  margin-top: 4px !important;
  gap: 6px !important;
}

.hero-img-stage .hpill {
  padding: 5px 10px !important;
  font-size: 10.5px !important;
}

.hero-right {
  min-height: auto !important;
  padding: 10px 0;
}

/* Mobile slot uses the same logic so the small phone hero looks right too */
.hero-mobile-slot-inner {
  min-height: auto !important;
  height: auto !important;
  padding: 26px 16px 18px !important;
}
.hero-mobile-slot-img {
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  aspect-ratio: 1250 / 1157 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}
/* ============================================================
   CONTACT PAGE — Live chat callout (Shopify Inbox compatible)
   ============================================================ */

.contact-chat-card {
  position: relative;
  background: linear-gradient(180deg, var(--navy) 0%, #142340 100%) !important;
  border: 1px solid rgba(200,165,89,0.32) !important;
  color: white !important;
  padding: 26px !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-radius: 14px;
}
.contact-chat-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 65% 55% at 80% 0%, rgba(200,165,89,0.18) 0%, transparent 65%),
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1.4px);
  background-size: auto, 22px 22px;
}
.contact-chat-card > * { position: relative; z-index: 1; }

.contact-chat-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(34,197,94,0.10);
  border: 1px solid rgba(34,197,94,0.32);
  padding: 5px 11px;
  border-radius: 100px;
  align-self: flex-start;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #4ADE80;
}
.contact-chat-dot {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #22C55E;
  animation: chatPulse 2.4s ease-in-out infinite;
}
@keyframes chatPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.55); }
  70%      { box-shadow: 0 0 0 8px rgba(34,197,94,0); }
}

.contact-chat-title {
  color: white !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  letter-spacing: -0.018em;
  margin: 0 !important;
}
.contact-chat-sub {
  color: rgba(255,255,255,0.78) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.contact-chat-perks {
  list-style: none;
  padding: 0;
  margin: 4px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-chat-perks li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  line-height: 1.4;
}
.contact-chat-perks svg {
  color: var(--gold);
  flex-shrink: 0;
}

.contact-chat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(180deg, var(--gold) 0%, var(--gold-dk) 100%);
  color: var(--navy);
  font-weight: 700;
  font-size: 14px;
  padding: 13px 22px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  transition: background var(--t-fast), transform var(--t-fast);
  box-shadow: 0 6px 16px -4px rgba(200,165,89,0.4);
  width: 100%;
}
.contact-chat-btn:hover {
  background: var(--gold-dk);
  transform: translateY(-1px);
}
.contact-chat-btn svg { color: var(--navy); flex-shrink: 0; }

.contact-chat-fine {
  font-size: 11.5px !important;
  color: rgba(255,255,255,0.55) !important;
  text-align: center;
  margin: 0 !important;
  font-style: italic;
}

/* Fallback "look at the chat bubble" glow that pulses in the bottom-right
   corner when the JS can't programmatically open the Inbox widget. */
.chat-bubble-locator {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 70px;
  height: 70px;
  border-radius: 100px;
  background: transparent;
  border: 3px solid var(--gold, #C8A559);
  pointer-events: none;
  z-index: 9999;
  animation: chatLocator 1s ease-out 3;
  box-shadow: 0 0 0 0 rgba(200,165,89,0.8);
}
@keyframes chatLocator {
  0%   { transform: scale(0.8); opacity: 0; box-shadow: 0 0 0 0 rgba(200,165,89,0.85); }
  40%  { transform: scale(1.0); opacity: 1; box-shadow: 0 0 0 12px rgba(200,165,89,0.0); }
  100% { transform: scale(1.4); opacity: 0; box-shadow: 0 0 0 22px rgba(200,165,89,0.0); }
}

@media (max-width: 480px) {
  .contact-chat-card { padding: 22px !important; }
  .contact-chat-title { font-size: 17px !important; }
  .chat-bubble-locator { width: 60px; height: 60px; bottom: 12px; right: 12px; }
}
.chat-bubble-locator-tip {
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  background: var(--navy, #0A1428);
  color: white;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 12px;
  border-radius: 8px;
  white-space: nowrap;
  border: 1px solid var(--gold, #C8A559);
  box-shadow: 0 6px 16px -4px rgba(10,20,40,0.4);
  animation: chatLocatorTip 5s ease-out 1 forwards;
  pointer-events: none;
}
.chat-bubble-locator-tip::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: var(--navy, #0A1428);
  border-right: 1px solid var(--gold, #C8A559);
  border-top: 1px solid var(--gold, #C8A559);
}
@keyframes chatLocatorTip {
  0%   { opacity: 0; transform: translateY(-50%) translateX(8px); }
  10%  { opacity: 1; transform: translateY(-50%) translateX(0); }
  85%  { opacity: 1; transform: translateY(-50%) translateX(0); }
  100% { opacity: 0; transform: translateY(-50%) translateX(8px); }
}

@media (max-width: 480px) {
  .chat-bubble-locator-tip { font-size: 12px; padding: 6px 10px; }
}
@media (max-width: 768px) {
  .urgency-stats {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 14px 12px !important;
    align-items: center !important;
  }
  .urgency-stats > .urgency-stat {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  .urgency-stat-num {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  .urgency-stat-label {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.02em !important;
  }
  .urgency-stat-divider {
    flex: 0 0 1px !important;
    width: 1px !important;
    height: 32px !important;
    background: var(--border) !important;
  }
}
@media (max-width: 380px) {
  .urgency-stat-num { font-size: 13.5px !important; }
  .urgency-stat-label { font-size: 9.5px !important; }
}
@media (max-width: 768px) {
  .asc-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
    text-align: left !important;
  }
  .asc-stat { text-align: left !important; }
  .asc-stat-num { font-size: 16px !important; line-height: 1.2 !important; }
  .asc-stat-label { font-size: 10.5px !important; line-height: 1.3 !important; }
}
@media (max-width: 380px) {
  .asc-stats { gap: 8px !important; }
  .asc-stat-num { font-size: 14px !important; }
  .asc-stat-label { font-size: 10px !important; }
}
@media (max-width: 768px) {
  .trust-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 var(--gutter) !important;
  }
  .trust-item {
    width: 100% !important;
    flex: unset !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    padding: 16px 12px !important;
    background: white !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
  }
  .trust-icon {
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  .trust-icon svg { width: 18px !important; height: 18px !important; }
  .trust-txt {
    align-items: center !important;
    text-align: center !important;
    gap: 2px !important;
  }
  .trust-txt strong { font-size: 13px !important; line-height: 1.3 !important; }
  .trust-txt span, .trust-txt small { font-size: 11px !important; line-height: 1.4 !important; }
}
@media (max-width: 380px) {
  .trust-inner { gap: 10px !important; }
  .trust-item { padding: 14px 10px !important; }
  .trust-icon { width: 36px !important; height: 36px !important; }
}
/* Header live-chat indicator — fills the empty right side */
.header-chat-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  background: rgba(34,197,94,0.06);
  border: 1px solid rgba(34,197,94,0.28);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: 0.005em;
  cursor: default;
  transition: background var(--t-fast), border-color var(--t-fast);
}
.header-chat-indicator:hover {
  background: rgba(34,197,94,0.10);
  border-color: rgba(34,197,94,0.42);
}
.header-chat-dot {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background: #22C55E;
  flex-shrink: 0;
  animation: chatPulse 2.4s ease-in-out infinite;
}
.header-chat-label {
  white-space: nowrap;
  color: var(--ink);
}

/* Hide the indicator on tablets and below to keep header clean on mobile */
@media (max-width: 1100px) {
  .header-chat-label { font-size: 11.5px; }
}
@media (max-width: 960px) {
  .header-chat-indicator { display: none; }
}
/* Header — span full viewport width, no centered max-width box */
.header-inner {
  max-width: 100% !important;
  padding: 0 clamp(20px, 3vw, 48px) !important;
}
/* Buy box trust row — 2-column grid on mobile (was 1-column stacked) */
@media (max-width: 768px) {
  .sc-ship {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 18px !important;
    padding-top: 14px !important;
    margin-top: 14px !important;
    border-top: 1px solid var(--border) !important;
  }
  .sc-ship-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--gray) !important;
    line-height: 1.3 !important;
    white-space: nowrap;
  }
  .sc-ship-item svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 380px) {
  .sc-ship {
    gap: 8px 12px !important;
  }
  .sc-ship-item {
    font-size: 12px !important;
    white-space: normal;
  }
}
@media (max-width: 480px) {
  .sc-buy-assure,
  .showcase-info form + p,
  .showcase-info .buy-cta-form + p {
    text-align: center !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    padding: 0 8px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }
}
button.header-chat-indicator {
  cursor: pointer;
  border: 1px solid rgba(34,197,94,0.28);
  font-family: inherit;
}
button.header-chat-indicator:hover {
  background: rgba(34,197,94,0.10) !important;
  border-color: rgba(34,197,94,0.42) !important;
}
button.header-chat-indicator:active {
  transform: scale(0.98);
}