/* ═══════════════════════════════════════
   DESIGN DIRECTION: Bold American Tech
   — Midnight blue + signal red + white
   — Barlow Condensed display, confident
   — Geometric, grid-forward, authoritative
═══════════════════════════════════════ */
:root {
  --midnight:   #0A0F1E;
  --navy:       #0D1B3E;
  --navy-md:    #132250;
  --blue:       #1A4FA0;
  --blue-bright:#2563EB;
  --electric:   #00AAFF;
  --red:        #DC2626;
  --red-lt:     #FEE2E2;
  --amber:      #F59E0B;
  --white:      #FFFFFF;
  --off-white:  #F8FAFC;
  --steel:      #E2E8F0;
  --slate:      #64748B;
  --slate-lt:   #CBD5E1;
  --green:      #16A34A;
  --green-lt:   #DCFCE7;
  --radius:     8px;
  --shadow-sm:  0 1px 4px rgba(10,15,30,.08);
  --shadow:     0 4px 20px rgba(10,15,30,.12);
  --shadow-lg:  0 16px 48px rgba(10,15,30,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Barlow',sans-serif;
  font-size:15px;color:#1E293B;
  background:var(--off-white);line-height:1.6;
}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;font-family:'Barlow',sans-serif;}

/* ── TYPE ── */
h1,h2,h3,.condensed{font-family:'Barlow Condensed',sans-serif;line-height:1.1;}
h1{font-size:clamp(36px,5vw,62px);font-weight:900;letter-spacing:-1px;text-transform:uppercase;}
h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;letter-spacing:-.5px;text-transform:uppercase;}
h3{font-size:20px;font-weight:700;}
h4{font-size:14px;font-weight:700;font-family:'Barlow',sans-serif;}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;}

/* ── LAYOUT ── */
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.site{max-width:1440px;margin:0 auto;background:white;box-shadow:var(--shadow-lg);}

/* ── BUTTONS ── */
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:white;border:none;
  padding:13px 28px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;
  transition:all .2s;
}
.btn-primary:hover{background:#B91C1C;transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,38,38,.3);}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:white;
  border:2px solid rgba(255,255,255,.35);
  padding:12px 28px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;
  letter-spacing:.5px;text-transform:uppercase;transition:all .2s;
}
.btn-outline:hover{border-color:white;background:rgba(255,255,255,.08);}
.btn-blue{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue-bright);color:white;border:none;
  padding:13px 28px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;transition:all .2s;
}
.btn-blue:hover{background:var(--blue);}

/* ══════════════════════════════════
   PAGE SWITCHER
══════════════════════════════════ */
.page-switcher{
  display:flex;background:var(--midnight);
  position:sticky;top:0;z-index:1000;
  border-bottom:3px solid var(--red);
}
.page-tab{
  flex:1;padding:11px 8px;background:none;border:none;
  color:rgba(255,255,255,.4);
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  transition:all .2s;border-right:1px solid rgba(255,255,255,.06);
}
.page-tab:last-child{border-right:none;}
.page-tab.active{color:var(--red);background:rgba(220,38,38,.1);}
.page-tab:hover:not(.active){color:white;background:rgba(255,255,255,.05);}

.page{display:none;}
.page.active{display:block;}

/* ══════════════════════════════════
   SHARED HEADER
══════════════════════════════════ */
.topbar{
  background:var(--midnight);padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;}
.topbar-left{display:flex;align-items:center;gap:20px;}
.topbar-item{
  display:flex;align-items:center;gap:6px;
  font-size:12px;font-weight:500;color:rgba(255,255,255,.55);
  transition:color .2s;
}
.topbar-item:hover{color:var(--electric);}
.topbar-sep{color:rgba(255,255,255,.12);}
.topbar-badge{
  background:var(--red);color:white;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:800;letter-spacing:1px;
  padding:3px 12px;border-radius:3px;text-transform:uppercase;
}

.main-header{
  background:var(--navy);padding:14px 0;
  border-bottom:2px solid var(--blue);
}
.header-inner{display:flex;align-items:center;gap:20px;}
.logo{flex-shrink:0;}
.logo-mark{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;font-size:26px;letter-spacing:-1px;
  text-transform:uppercase;color:white;line-height:1;
}
.logo-mark span{color:var(--electric);}
.logo-sub{
  font-family:'Barlow',sans-serif;
  font-size:9px;font-weight:600;color:rgba(255,255,255,.35);
  letter-spacing:2px;text-transform:uppercase;margin-top:2px;
}

.header-search{
  flex:1;display:flex;
  background:rgba(255,255,255,.07);
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:var(--radius);overflow:hidden;
  transition:border-color .2s;
}
.header-search:focus-within{border-color:var(--electric);}
.header-search input{
  flex:1;border:none;background:transparent;
  padding:10px 18px;color:white;outline:none;
  font-family:'Barlow',sans-serif;font-size:14px;
}
.header-search input::placeholder{color:rgba(255,255,255,.3);}
.header-search button{
  background:var(--red);border:none;color:white;
  padding:0 22px;font-size:16px;transition:background .2s;
}
.header-search button:hover{background:#B91C1C;}

.header-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.hdr-phone{text-align:right;}
.hdr-ph-label{font-size:9px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1.5px;display:block;}
.hdr-ph-num{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:800;color:white;letter-spacing:.5px;}

.cart-btn{
  display:flex;align-items:center;gap:8px;
  background:var(--red);color:white;border:none;
  padding:10px 20px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  transition:background .2s;
}
.cart-btn:hover{background:#B91C1C;}
.cart-dot{
  background:var(--amber);color:var(--midnight);
  font-size:10px;font-weight:900;
  width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

.main-nav{background:var(--navy-md);border-bottom:1px solid rgba(255,255,255,.06);}
.nav-inner{display:flex;align-items:center;}
.nav-link{
  color:rgba(255,255,255,.65);
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:12px 16px;transition:all .2s;position:relative;white-space:nowrap;
  display:flex;align-items:center;gap:4px;
}
.nav-link:hover,.nav-link.active{color:white;background:rgba(255,255,255,.06);}
.nav-link.active::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:3px;background:var(--red);
}
.nav-dd{font-size:9px;opacity:.5;}
.nav-gap{flex:1;}
.nav-tp{
  display:flex;align-items:center;gap:8px;
  padding:8px 16px;font-size:12px;color:rgba(255,255,255,.45);
}
.tp-pill{background:#00B67A;color:white;font-size:10px;font-weight:800;padding:2px 8px;border-radius:3px;}
.tp-stars{color:#00B67A;letter-spacing:-1px;}

/* Trust strip */
.trust-strip{
  background:var(--off-white);
  border-bottom:1px solid var(--steel);
  padding:9px 0;
}
.trust-inner{
  display:flex;align-items:center;justify-content:space-around;gap:8px;
}
.t-item{display:flex;align-items:center;gap:8px;}
.t-ico{
  width:30px;height:30px;
  background:var(--navy);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;flex-shrink:0;
}
.t-item strong{display:block;font-size:12px;font-weight:700;color:var(--navy);}
.t-item small{font-size:11px;color:var(--slate);}
.t-div{width:1px;height:28px;background:var(--steel);}

/* ══════════════════════════════════
   FOOTER
══════════════════════════════════ */
.site-footer{background:var(--midnight);padding:52px 0 20px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px;}
.f-logo-mark{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;font-size:24px;letter-spacing:-1px;
  text-transform:uppercase;color:white;margin-bottom:4px;
}
.f-logo-mark span{color:var(--electric);}
.f-logo-sub{font-size:9px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:16px;}
.f-contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:7px;}
.f-badges{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.f-badge{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:4px;padding:4px 10px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;
}
.footer-col h4{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;
  color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;
}
.f-link{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:9px;transition:color .2s;}
.f-link:hover{color:var(--electric);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.06);padding-top:16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.2);}
.payment-row{display:flex;gap:6px;}
.pay-badge{
  background:rgba(255,255,255,.07);border-radius:4px;
  padding:3px 9px;font-family:'Barlow Condensed',sans-serif;
  font-size:11px;font-weight:800;color:rgba(255,255,255,.4);letter-spacing:.5px;
}
.soc-row{display:flex;gap:8px;margin-top:14px;}
.soc-btn{
  width:32px;height:32px;border-radius:6px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:rgba(255,255,255,.45);transition:all .2s;
}
.soc-btn:hover{background:var(--red);border-color:var(--red);color:white;}

/* COOKIE */
.cookie-bar{background:var(--navy-md);border-top:2px solid var(--electric);padding:12px 0;}
.cookie-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;}
.cookie-text{font-size:12px;color:rgba(255,255,255,.6);flex:1;}
.cookie-text a{color:var(--electric);}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;}
.btn-ca{
  background:var(--electric);color:var(--midnight);border:none;
  padding:7px 20px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
}
.btn-cr{
  background:transparent;color:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.2);padding:7px 20px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;
}

/* ══════════════════════════════════
   ① HOMEPAGE
══════════════════════════════════ */

/* Hero */
.hero{
  background:var(--midnight);
  position:relative;overflow:hidden;
  padding:0;
}
/* Geometric background pattern */
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(135deg, rgba(37,99,235,.15) 0%, transparent 50%),
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 40px,
      rgba(255,255,255,.015) 40px,
      rgba(255,255,255,.015) 41px
    );
}
.hero::after{
  content:'';position:absolute;
  top:-100px;right:-100px;
  width:600px;height:600px;
  background:radial-gradient(circle, rgba(220,38,38,.12) 0%, transparent 65%);
  pointer-events:none;
}
.hero-inner{
  display:grid;grid-template-columns:1fr 420px;
  gap:48px;align-items:center;
  padding:64px 0 56px;
  position:relative;z-index:1;
}
.hero-flag{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);
  color:var(--red);padding:5px 14px;border-radius:3px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  margin-bottom:20px;width:fit-content;
}
.hero h1{color:white;margin-bottom:6px;}
.hero h1 .accent{color:var(--red);}
.hero h1 .electric{color:var(--electric);}
.hero-sub{
  color:rgba(255,255,255,.6);font-size:16px;
  line-height:1.7;margin-bottom:32px;max-width:500px;
}
.hero-ctas{display:flex;gap:12px;margin-bottom:36px;flex-wrap:wrap;}
.hero-checks{display:flex;flex-wrap:wrap;gap:10px 24px;}
.hero-check{
  display:flex;align-items:center;gap:7px;
  font-size:13px;color:rgba(255,255,255,.65);
}
.hero-check .ck{color:var(--electric);font-size:14px;}

/* Hero right — product cards */
.hero-right{
  display:flex;flex-direction:column;gap:8px;
  position:relative;z-index:1;
}
.hr-label{
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:800;color:rgba(255,255,255,.25);
  letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;
}
.h-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius);padding:13px 16px;
  display:flex;align-items:center;gap:12px;
  transition:all .2s;cursor:pointer;
}
.h-card:hover{background:rgba(255,255,255,.09);border-color:rgba(0,170,255,.35);}
.h-card-ico{
  width:40px;height:40px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;flex-shrink:0;
}
.h-card h4{font-size:13px;font-weight:700;color:white;margin-bottom:2px;}
.h-card p{font-size:11px;color:rgba(255,255,255,.4);}
.h-card-price{margin-left:auto;text-align:right;flex-shrink:0;}
.h-card-price .now{
  font-family:'Barlow Condensed',sans-serif;
  font-size:20px;font-weight:900;color:var(--electric);
}
.h-card-price .was{font-size:10px;color:rgba(255,255,255,.25);text-decoration:line-through;display:block;}

/* Notice bar */
.notice-bar{
  background:linear-gradient(90deg,var(--red),#9B1C1C);
  padding:10px 0;
}
.notice-inner{
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.5px;text-transform:uppercase;color:white;
}
.notice-sep{opacity:.4;}

/* Brand strip */
.brand-strip{
  background:white;border-bottom:1px solid var(--steel);padding:18px 0;
}
.brand-strip-lbl{
  font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;
  color:var(--slate);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;
}
.brands-row{
  display:flex;align-items:center;
  border:1px solid var(--steel);border-radius:var(--radius);overflow:hidden;
}
.brand-btn{
  flex:1;text-align:center;padding:11px 8px;
  border-right:1px solid var(--steel);
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:800;
  color:var(--slate);background:none;border-top:none;border-bottom:none;
  letter-spacing:.5px;text-transform:uppercase;
  transition:all .2s;cursor:pointer;
}
.brand-btn:last-child{border-right:none;}
.brand-btn:hover{color:var(--blue-bright);background:var(--off-white);}

/* How it works */
.how-section{background:var(--off-white);padding:56px 0;}
.section-hd{margin-bottom:32px;}
.section-hd .eyebrow{color:var(--red);margin-bottom:8px;display:block;}
.section-hd h2{color:var(--navy);}
.section-hd p{font-size:15px;color:var(--slate);margin-top:6px;}
.steps-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--steel);
  border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--steel);
}
.step-card{background:white;padding:28px 22px;text-align:center;position:relative;}
.step-num{
  width:40px;height:40px;background:var(--navy);color:white;
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;
  margin:0 auto 12px;letter-spacing:-.5px;
}
.step-emoji{font-size:26px;margin-bottom:10px;}
.step-card h4{
  font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;
  color:var(--navy);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;
}
.step-card p{font-size:12px;color:var(--slate);line-height:1.55;}
.step-arr{
  position:absolute;right:-13px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;background:var(--red);color:white;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;z-index:2;
}
.step-card:last-child .step-arr{display:none;}

/* Products section */
.products-section{background:white;padding:56px 0;}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;}
.view-all{
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:800;
  color:var(--blue-bright);letter-spacing:.5px;text-transform:uppercase;
  display:flex;align-items:center;gap:5px;
}

/* Product cards */
.products-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.products-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.p-card{
  background:white;border:1.5px solid var(--steel);
  border-radius:var(--radius);overflow:hidden;
  transition:all .2s;position:relative;
  display:flex;flex-direction:column;
}
.p-card:hover{
  border-color:var(--blue-bright);
  box-shadow:0 8px 28px rgba(37,99,235,.1);
  transform:translateY(-2px);
}
.p-badge{
  position:absolute;top:10px;left:10px;
  background:var(--red);color:white;
  font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;
  padding:3px 8px;border-radius:3px;z-index:1;
  letter-spacing:.5px;text-transform:uppercase;
}
.p-badge.hot{background:var(--amber);color:var(--midnight);}
.p-badge.new{background:var(--blue-bright);}
.p-img{
  background:var(--off-white);height:112px;
  display:flex;align-items:center;justify-content:center;
  font-size:44px;border-bottom:1px solid var(--steel);
}
.p-body{padding:14px;flex:1;display:flex;flex-direction:column;}
.p-brand{
  font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;
  color:var(--blue-bright);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px;
}
.p-name{
  font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;
  color:var(--navy);margin-bottom:3px;line-height:1.2;text-transform:uppercase;
  letter-spacing:.2px;
}
.p-meta{font-size:11px;color:var(--slate);margin-bottom:8px;}
.p-rating{display:flex;align-items:center;gap:5px;margin-bottom:10px;}
.p-stars{color:var(--amber);font-size:12px;}
.p-rcount{font-size:11px;color:var(--slate);}
.p-price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;}
.p-price-stack .p-from{font-size:10px;color:var(--slate);}
.p-price-stack .p-was{font-size:11px;color:var(--slate-lt);text-decoration:line-through;}
.p-price-stack .p-now{
  font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;
  color:var(--navy);line-height:1;
}
.add-btn{
  background:var(--blue-bright);color:white;border:none;
  padding:9px 14px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;transition:background .2s;
}
.add-btn:hover{background:var(--blue);}
.p-delivery{
  padding:6px 14px;background:var(--green-lt);
  border-top:1px solid rgba(22,163,74,.15);
  font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;
  color:var(--green);display:flex;align-items:center;gap:5px;
  letter-spacing:.5px;text-transform:uppercase;
}

/* Reviews */
.reviews-section{
  background:var(--navy);padding:56px 0;
  position:relative;overflow:hidden;
}
.reviews-section::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(
    -45deg,transparent,transparent 60px,
    rgba(255,255,255,.012) 60px,rgba(255,255,255,.012) 61px
  );
}
.reviews-inner{position:relative;z-index:1;}
.reviews-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;}
.reviews-section h2{color:white;}
.reviews-section .section-hd p{color:rgba(255,255,255,.4);margin-top:5px;}
.tp-summary{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius);padding:14px 22px;
}
.tp-score{
  font-family:'Barlow Condensed',sans-serif;font-size:44px;font-weight:900;
  color:white;line-height:1;
}
.tp-stars-big{color:#00B67A;font-size:22px;letter-spacing:-2px;display:block;}
.tp-count{font-size:12px;color:rgba(255,255,255,.35);margin-top:3px;}
.tp-logo-big{
  background:#00B67A;color:white;
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;
  padding:3px 10px;border-radius:3px;display:inline-block;margin-top:6px;
  letter-spacing:.5px;text-transform:uppercase;
}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.r-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);padding:22px;transition:border-color .2s;
}
.r-card:hover{border-color:rgba(0,170,255,.25);}
.r-stars{color:var(--amber);font-size:14px;letter-spacing:-1px;margin-bottom:10px;}
.r-text{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:14px;font-style:italic;}
.r-meta{display:flex;align-items:center;gap:8px;}
.r-avatar{
  width:34px;height:34px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:13px;
  color:white;flex-shrink:0;
}
.r-name{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;color:white;letter-spacing:.3px;text-transform:uppercase;}
.r-date{font-size:11px;color:rgba(255,255,255,.3);}
.r-verified{margin-left:auto;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;color:#00B67A;letter-spacing:.5px;text-transform:uppercase;}
.r-product{font-size:11px;color:rgba(255,255,255,.25);margin-top:2px;}

/* Reseller banner */
.reseller-banner{
  background:var(--off-white);border-top:4px solid var(--red);
  padding:28px 0;
}
.reseller-inner{display:flex;align-items:center;gap:28px;}
.reseller-ico{font-size:44px;flex-shrink:0;}
.reseller-text h3{
  font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;
  color:var(--navy);letter-spacing:-.3px;text-transform:uppercase;margin-bottom:4px;
}
.reseller-text p{font-size:13px;color:var(--slate);}
.reseller-badges{display:flex;gap:10px;margin-left:auto;flex-shrink:0;flex-wrap:wrap;}
.res-badge{
  background:white;border:2px solid var(--steel);
  border-radius:var(--radius);padding:8px 14px;
  text-align:center;transition:border-color .2s;
}
.res-badge:hover{border-color:var(--blue-bright);}
.res-badge .rb-ico{font-size:20px;margin-bottom:2px;}
.res-badge .rb-txt{
  font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;
  color:var(--navy);letter-spacing:.5px;text-transform:uppercase;
}

/* ══════════════════════════════════
   ② SHOP PAGE
══════════════════════════════════ */
.shop-hero{
  background:linear-gradient(135deg,var(--midnight) 0%,var(--navy) 100%);
  padding:28px 0;border-bottom:3px solid var(--red);
}
.breadcrumb{
  display:flex;align-items:center;gap:8px;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-bottom:10px;
}
.breadcrumb a{color:rgba(255,255,255,.6);}
.breadcrumb a:hover{color:var(--electric);}
.shop-hero h2{color:white;margin-bottom:4px;}
.shop-hero p{color:rgba(255,255,255,.45);font-size:13px;font-weight:500;}

.shop-body{padding:36px 0;background:var(--off-white);}
.shop-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;}

/* Sidebar */
.sb-block{background:white;border:1.5px solid var(--steel);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;}
.sb-head{
  background:var(--navy);color:white;
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;padding:10px 14px;
}
.sb-body{padding:10px 14px;}
.sb-opt{
  display:flex;align-items:center;gap:8px;padding:6px 0;
  font-size:13px;color:#1E293B;border-bottom:1px solid var(--steel);
  cursor:pointer;transition:color .15s;
}
.sb-opt:last-child{border-bottom:none;}
.sb-opt:hover{color:var(--blue-bright);}
.sb-opt input{accent-color:var(--blue-bright);}
.sb-cnt{
  margin-left:auto;font-size:11px;color:var(--slate);
  background:var(--off-white);padding:1px 7px;border-radius:10px;
}
.price-wrap{padding:14px;}
.price-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--slate);margin:8px 0;}
.range-input{width:100%;accent-color:var(--blue-bright);}
.sb-apply{
  width:100%;background:var(--blue-bright);color:white;border:none;
  padding:9px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;margin-top:8px;transition:background .2s;
}
.sb-apply:hover{background:var(--blue);}

/* Products area */
.products-bar{
  background:white;border:1.5px solid var(--steel);
  border-radius:var(--radius);padding:12px 18px;
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;gap:12px;flex-wrap:wrap;
}
.prod-count{font-size:13px;color:var(--slate);}
.prod-count strong{color:var(--navy);}
.bar-right{display:flex;align-items:center;gap:10px;}
.sort-sel{
  border:1.5px solid var(--steel);border-radius:6px;
  padding:7px 12px;font-family:'Barlow',sans-serif;
  font-size:13px;color:#1E293B;background:white;outline:none;cursor:pointer;
}
.v-btn{
  width:32px;height:32px;border-radius:6px;
  border:1.5px solid var(--steel);background:white;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:var(--slate);cursor:pointer;
}
.v-btn.on{background:var(--navy);color:white;border-color:var(--navy);}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;}
.pg-btn{
  width:36px;height:36px;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;
  cursor:pointer;transition:all .2s;letter-spacing:.5px;
}
.pg-btn.on{background:var(--navy);color:white;border:none;}
.pg-btn:not(.on){background:white;color:var(--navy);border:1.5px solid var(--steel);}
.pg-btn:not(.on):hover{border-color:var(--blue-bright);color:var(--blue-bright);}

/* ══════════════════════════════════
   ③ PRODUCT PAGE
══════════════════════════════════ */
.product-page{background:var(--off-white);}
.product-layout{display:grid;grid-template-columns:1fr 400px;gap:40px;padding:36px 0;}

.gallery-main{
  background:white;border:1.5px solid var(--steel);
  border-radius:var(--radius);height:340px;
  display:flex;align-items:center;justify-content:center;
  font-size:100px;margin-bottom:12px;position:relative;
}
.gallery-main .gm-badge{
  position:absolute;top:14px;left:14px;
  background:var(--red);color:white;
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;
  padding:4px 12px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;
}
.gallery-thumbs{display:flex;gap:9px;}
.g-thumb{
  width:68px;height:68px;background:white;
  border:2px solid var(--steel);border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  font-size:26px;cursor:pointer;transition:border-color .2s;
}
.g-thumb.on,.g-thumb:hover{border-color:var(--blue-bright);}

/* Tabs */
.product-tabs{margin-top:28px;}
.tab-nav{display:flex;border-bottom:2px solid var(--steel);margin-bottom:22px;}
.tab-btn{
  background:none;border:none;padding:11px 20px;
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:800;
  color:var(--slate);border-bottom:3px solid transparent;
  margin-bottom:-2px;transition:all .2s;cursor:pointer;
  letter-spacing:.5px;text-transform:uppercase;
}
.tab-btn.active{color:var(--blue-bright);border-bottom-color:var(--blue-bright);}
.tab-content{display:none;}
.tab-content.active{display:block;}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:11px;}
.feature-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14px;color:#1E293B;line-height:1.55;
}
.feature-list li::before{content:'✓';color:var(--blue-bright);font-weight:900;font-size:15px;flex-shrink:0;margin-top:1px;}

/* Buy box */
.buy-box{
  background:white;border:1.5px solid var(--steel);
  border-radius:var(--radius);overflow:hidden;
  position:sticky;top:60px;box-shadow:var(--shadow);
}
.buy-box-head{
  background:var(--navy);padding:18px 22px;
  border-bottom:3px solid var(--red);
}
.bb-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);
  color:var(--red);font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:800;padding:3px 10px;border-radius:3px;
  margin-bottom:9px;letter-spacing:1px;text-transform:uppercase;
}
.buy-box-head h3{
  color:white;font-family:'Barlow Condensed',sans-serif;
  font-size:22px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;margin-bottom:3px;
}
.buy-box-head p{color:rgba(255,255,255,.45);font-size:12px;}
.buy-box-body{padding:22px;}
.price-block{margin-bottom:18px;}
.price-block .was-price{font-size:13px;color:var(--slate-lt);text-decoration:line-through;}
.price-block .now-price{
  font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:900;
  color:var(--navy);line-height:1;
}
.save-pill{
  background:var(--red);color:white;
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;
  padding:3px 10px;border-radius:3px;margin-left:6px;
  letter-spacing:.5px;text-transform:uppercase;
}
.bb-label{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;
  color:var(--slate);text-transform:uppercase;letter-spacing:1.5px;
  margin-bottom:7px;display:block;margin-top:14px;
}
.qty-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.qty-btn{
  width:34px;height:34px;border:1.5px solid var(--steel);border-radius:6px;
  background:white;font-size:18px;font-weight:700;color:var(--navy);transition:all .2s;
}
.qty-btn:hover{border-color:var(--blue-bright);color:var(--blue-bright);}
.qty-num{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:900;min-width:28px;text-align:center;}
.add-to-basket{
  width:100%;background:var(--red);color:white;border:none;
  padding:15px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:900;
  letter-spacing:1px;text-transform:uppercase;
  margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;
  transition:all .2s;
}
.add-to-basket:hover{background:#B91C1C;box-shadow:0 6px 20px rgba(220,38,38,.3);}
.buy-now-btn{
  width:100%;background:var(--navy);color:white;border:none;
  padding:13px;border-radius:var(--radius);
  font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;margin-top:8px;transition:background .2s;
}
.buy-now-btn:hover{background:var(--blue);}
.buy-trust{
  padding:16px 22px;background:var(--off-white);
  border-top:1px solid var(--steel);display:flex;flex-direction:column;gap:9px;
}
.bt-item{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--slate);}
.bt-item .bticon{font-size:15px;}

/* CCPA banner */
.ccpa-bar{
  background:var(--off-white);border-top:1px solid var(--steel);
  border-bottom:1px solid var(--steel);padding:8px 0;
}
.ccpa-inner{
  display:flex;align-items:center;gap:12px;
  font-size:11px;color:var(--slate);
}
.ccpa-inner a{color:var(--blue-bright);}

/* Related */
.related-section{background:white;padding:40px 0;border-top:1px solid var(--steel);}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.page.active .hero h1,
.page.active .hero-sub,
.page.active .hero-ctas{animation:fadeUp .4s ease forwards;}
.page.active .hero-sub{animation-delay:.08s;opacity:0;}
.page.active .hero-ctas{animation-delay:.16s;opacity:0;}

/* WordPress template visibility override */
.wp-template-page.page{display:block;}

/* WordPress template safety: single WP template pages should be visible without JS page switcher. */
body.page-template-page-shop .wp-template-page, body.page-template-page-product .wp-template-page, body.page-template-page-home .wp-template-page { display:block; }