/* ══════════════════════════════════════
   DESIGN TOKENS
══════════════════════════════════════ */
:root{
  --blue:#2563eb;--blue2:#1d4ed8;--blue3:#1e40af;
  --blue-light:#eff6ff;--blue-border:#bfdbfe;
  --green:#16a34a;--green2:#15803d;
  --green-light:#f0fdf4;--green-border:#bbf7d0;
  --gold:#d97706;--gold-light:#fffbeb;
  --red:#dc2626;
}
[data-theme="light"]{
  /* Clean neutral white — no blue tinting on backgrounds */
  --bg:#ffffff;--bg2:#f9fafb;--bg3:#f3f4f6;
  --surface:#ffffff;--surface2:#f9fafb;
  --border:#e5e7eb;--border2:#d1d5db;
  --text:#111827;--text2:#1f2937;--text3:#4b5563;
  --muted:#4b5563;--muted2:#6b7280;
  --nav:rgba(255,255,255,.97);
  --sh:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06);
  --sh2:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.04);
  --sh3:0 24px 64px rgba(0,0,0,.13);
  --blue-light:#eff6ff;--blue-border:#bfdbfe;
  --green-light:#f0fdf4;--green-border:#bbf7d0;
  --gold-light:#fffbeb;
}
[data-theme="dark"]{
  /* Deep charcoal with subtle indigo undertone — premium feel */
  --bg:#0d0d14;--bg2:#13131e;--bg3:#1a1a28;
  --surface:#17172a;--surface2:#1e1e32;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);
  --text:#f0f0ff;--text2:#c8cce8;--text3:#8b90b8;
  --muted:#6b7082;--muted2:#4a4d65;
  --nav:rgba(13,13,20,.97);
  --sh:0 1px 3px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.35);
  --sh2:0 8px 32px rgba(0,0,0,.55);
  --sh3:0 24px 64px rgba(0,0,0,.7);
  --blue-light:rgba(37,99,235,.12);--blue-border:rgba(59,130,246,.22);
  --green-light:rgba(22,163,74,.12);--green-border:rgba(34,197,94,.22);
  --gold-light:rgba(217,119,6,.12);
}

/* ══ RESET ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;transition:background .35s,color .35s;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;}

/* ══ TYPOGRAPHY ══ */
.display{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:900;line-height:1.05;letter-spacing:-2px;}
.heading{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-1px;}
.label-text{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

/* ══ NAV ══ */
.nav{position:sticky;top:0;left:0;right:0;z-index:1000;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .35s;}
.nav-left{display:flex;align-items:center;gap:40px;}
.nav-links{display:flex;gap:4px;list-style:none;}
.nav-links a{font-size:14px;font-weight:500;color:var(--muted);padding:6px 12px;border-radius:7px;transition:all .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--blue);background:var(--blue-light);}
.nav-links a.active{color:var(--blue);font-weight:600;}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-icon-btn{width:38px;height:38px;border-radius:9px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;cursor:pointer;}
.nav-icon-btn:hover{border-color:var(--blue);color:var(--blue);}
.cart-wrap{position:relative;}
.cart-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;border-radius:50%;display:none;align-items:center;justify-content:center;}
.cart-badge.on{display:flex;}

/* Google Sign In */
.g-signin-wrap{display:flex;align-items:center;}
.user-chip{display:none;align-items:center;gap:8px;background:var(--blue-light);border:1px solid var(--blue-border);padding:6px 14px 6px 6px;border-radius:100px;font-size:13px;font-weight:600;color:var(--blue);}
.user-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;}
.user-chip .signout-x{margin-left:4px;font-size:16px;color:var(--muted);cursor:pointer;transition:color .2s;}
.user-chip .signout-x:hover{color:var(--red);}

/* ══ HERO ══ */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;}
.hero-slides{position:absolute;inset:0;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.8s ease;}
.hero-slide.on{opacity:1;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(2,8,30,.85) 0%,rgba(5,15,50,.7) 40%,rgba(2,10,30,.5) 100%);}
.hero-body{position:relative;z-index:2;padding:0 5% 80px;width:100%;max-width:780px;}
.hero-pill{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);color:#fff;padding:8px 18px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:28px;}
.hero-pill-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.hero h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(42px,6.5vw,88px);font-weight:900;line-height:1.0;letter-spacing:-3px;color:#fff;margin-bottom:24px;}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:clamp(16px,1.8vw,20px);color:rgba(255,255,255,.72);line-height:1.7;margin-bottom:40px;max-width:560px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.hero-search{display:flex;align-items:center;background:rgba(255,255,255,.96);border-radius:14px;padding:5px 5px 5px 16px;gap:10px;max-width:540px;width:100%;margin-bottom:40px;box-shadow:0 8px 32px rgba(0,0,0,.25);}
.hero-search-icon{flex-shrink:0;display:flex;align-items:center;opacity:.45;}
.hero-search input{flex:1;background:none;border:none;outline:none;color:#111;font-size:15px;font-weight:500;padding:10px 0;min-width:0;}
.hero-search input::placeholder{color:#9ca3af;}
.hero-search button{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s;flex-shrink:0;}
.hero-search button:hover{background:#1d4ed8;}
.btn-cta{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;padding:15px 32px;border-radius:12px;font-size:15px;font-weight:700;border:none;transition:all .25s;box-shadow:0 4px 20px rgba(37,99,235,.5);}
.btn-cta:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,99,235,.6);}
.btn-outline-white{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3);padding:15px 28px;border-radius:12px;font-size:15px;font-weight:600;backdrop-filter:blur(8px);transition:all .25s;}
.btn-outline-white:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5);}

/* Hero cert badges */
.hero-certs{display:flex;gap:12px;flex-wrap:wrap;}
.hero-cert{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:12px 18px;border-radius:14px;transition:all .3s;}
.hero-cert:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);transform:translateY(-2px);}
.hero-cert-icon{font-size:22px;}
.hero-cert-label{font-size:14px;font-weight:700;color:#fff;}
.hero-cert-sub{font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.5px;text-transform:uppercase;margin-top:1px;}

/* Slide dots */
.hero-dots{position:absolute;bottom:32px;right:5%;z-index:3;display:flex;gap:6px;}
.hero-dot{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s;}
.hero-dot.on{width:22px;background:#fff;}

/* Hero stats strip */
.hero-stats-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(255,255,255,.06);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);padding:20px 5%;display:flex;gap:0;}
.hero-stat{flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.1);}
.hero-stat:last-child{border-right:none;}
.hs-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:28px;font-weight:900;color:#fff;line-height:1;}
.hs-num span{color:#4ade80;}
.hs-label{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:1px;text-transform:uppercase;margin-top:4px;}

/* ══ TICKER ══ */
.ticker{background:var(--blue);overflow:hidden;padding:14px 0;}
.ticker-inner{display:flex;white-space:nowrap;animation:slide 35s linear infinite;}
.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 32px;font-size:13px;font-weight:600;color:#fff;}
.ticker-sep{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);}
@keyframes slide{to{transform:translateX(-50%)}}

/* ══ SECTION LAYOUT ══ */
.section{padding:88px 5%;}
.section-sm{padding:60px 5%;}
.section-inner{max-width:1200px;margin:0 auto;}
.section-chip{display:inline-flex;align-items:center;gap:7px;background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border);padding:5px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;}
.section-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);}
.section-heading{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:-1.5px;line-height:1.1;color:var(--text);margin-bottom:12px;}
.section-heading .muted{color:var(--muted);}
.section-desc{font-size:16px;color:var(--text3);max-width:520px;line-height:1.7;}

/* ══ CERTIFICATION SECTION ══ */
.cert-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.cert-card{background:var(--surface);padding:44px 36px;display:flex;flex-direction:column;gap:16px;transition:background .2s;}
.cert-card:hover{background:var(--bg2);}
.cert-icon-wrap{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;}
.ci-green{background:var(--green-light);border:1.5px solid var(--green-border);}
.ci-blue{background:var(--blue-light);border:1.5px solid var(--blue-border);}
.ci-gold{background:var(--gold-light);border:1.5px solid #fde68a;}
.cert-card-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px;}
.cert-card-desc{font-size:14px;color:var(--text3);line-height:1.7;}
.cert-card-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin-top:4px;}

/* ══ BRANDS ══ */
.brands-section{background:var(--bg2);padding:36px 5%;}
.brands-label{font-size:11px;font-weight:700;color:var(--muted2);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:20px;}
.brands-track{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;}
.brand-pill{padding:10px 24px;border-radius:9px;font-size:14px;font-weight:700;color:var(--muted);border:1px solid transparent;transition:all .2s;cursor:default;}
.brand-pill:hover{color:var(--blue);border-color:var(--blue-border);background:var(--blue-light);}

/* ══ GALLERY STRIP ══ */
.gallery-strip{display:flex;height:260px;overflow:hidden;}
.gs-img{flex:1;min-width:0;object-fit:cover;filter:saturate(.7);transition:flex .5s ease,filter .4s;}
.gs-img:hover{flex:3;filter:saturate(1);}

/* ══ PRODUCT SECTION ══ */
.prod-section{background:var(--bg);}
.new-laptop-banner{background:linear-gradient(135deg,var(--blue-light),var(--bg3));border:1.5px solid var(--blue-border);border-radius:14px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}
.nlb-left{display:flex;align-items:center;gap:14px;}
.nlb-icon{font-size:28px;}
.nlb-title{font-size:14px;font-weight:800;color:var(--blue);}
.nlb-sub{font-size:12px;color:var(--text3);margin-top:2px;}
.nlb-btn{background:var(--blue);color:#fff;border:none;padding:10px 20px;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s;}
.nlb-btn:hover{background:var(--blue2);}

/* Tabs */
.tab-row{display:flex;gap:0;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:4px;margin-bottom:24px;width:fit-content;box-shadow:var(--sh);}
.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:9px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;}
.tab-btn.on{background:var(--blue);color:#fff;box-shadow:0 2px 10px rgba(37,99,235,.35);}
.tab-btn:hover:not(.on){color:var(--text);background:var(--bg2);}
.tab-count{font-size:11px;font-weight:800;background:rgba(255,255,255,.25);padding:1px 7px;border-radius:100px;}
.tab-btn:not(.on) .tab-count{background:var(--bg3);color:var(--muted);}
.tab-panel{display:none;}
.tab-panel.on{display:block;}

/* Search + filters */
.search-wrap{position:relative;margin-bottom:16px;}
.search-wrap input{width:100%;background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:13px 46px 13px 18px;border-radius:11px;font-size:14px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;outline:none;box-shadow:var(--sh);transition:border-color .2s,box-shadow .2s;}
.search-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1);}
.search-wrap input::placeholder{color:var(--muted2);}
.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--muted2);pointer-events:none;}
.filter-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.fl{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;min-width:50px;}
.fb{padding:5px 13px;border-radius:100px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--text3);cursor:pointer;transition:all .2s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;}
.fb:hover{border-color:var(--blue);color:var(--blue);}
.fb.on{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 8px rgba(37,99,235,.3);}

/* ══ LAPTOP CARDS ══ */
.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
@media(max-width:600px){
  .grid-4{grid-template-columns:1fr 1fr;gap:10px;}
  .shop-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .lcard{border-radius:12px;}
  .lcard-img{height:140px;}
  .lcard-img img{height:110px;}
  .lcard-body{padding:10px 12px 14px;}
  .lcard-name{font-size:12px;}
  .lcard-brand{font-size:9px;}
  .lcard-specs{gap:3px;margin:6px 0 10px;}
  .lcard-spec{font-size:9px;padding:2px 6px;}
  .lcard-price{font-size:18px;}
  .lcard-mrp{font-size:11px;}
  .lcard-btns{gap:4px;}
  .lcard-btn{font-size:10px;padding:6px 8px;}
  .lcard-perks{display:none;}/* hide perks on very small - too cramped */
  .save-badge{font-size:9px;padding:2px 6px;}
}
.shop-footnotes{margin-top:24px;padding:16px 20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:11.5px;color:var(--muted2);line-height:1.7;}
.shop-footnotes p{margin-bottom:6px;}
.shop-footnotes p:last-child{margin-bottom:0;}
.shop-footnotes a{color:var(--blue);text-decoration:none;}
.shop-footnotes sup{font-size:9px;vertical-align:super;}
.lcard{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:var(--sh);}
.lcard:hover{border-color:var(--blue-border);transform:translateY(-6px);box-shadow:var(--sh2);}
.lcard-img{height:195px;background:linear-gradient(135deg,var(--bg2),var(--bg3));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.lcard-img img{height:150px;width:100%;object-fit:contain;padding:10px;transition:transform .4s;}
.lcard:hover .lcard-img img{transform:scale(1.06);}
.lcard-img-fill{width:100%;height:100%;object-fit:cover;}
.badge{position:absolute;font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;}
.badge-cert{top:10px;right:10px;background:var(--green-light);border:1px solid var(--green-border);color:var(--green);}
.badge-refurb{top:10px;left:10px;background:rgba(22,163,74,.9);color:#fff;}
.badge-grade{bottom:10px;right:10px;color:#fff;font-size:10px;font-weight:800;}
.bg-A{background:var(--green);}
.bg-B{background:var(--blue);}
.bg-C{background:var(--gold);}
.lcard-body{padding:16px 18px 20px;}
.lcard-brand{font-size:10px;font-weight:700;color:var(--blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;}
.lcard-name{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:4px;}
.lcard-specs{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 14px;}
.spec{background:var(--bg2);border:1px solid var(--border);color:var(--text3);font-size:10px;font-weight:600;padding:3px 8px;border-radius:5px;}
.lcard-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;}
.price-now{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:21px;font-weight:900;color:var(--text);}
.price-save{font-size:11px;font-weight:700;background:var(--green-light);color:var(--green);padding:2px 7px;border-radius:4px;margin-left:4px;}
.price-mrp{font-size:11px;color:var(--muted2);text-decoration:line-through;margin-top:1px;}
.lcard-btns{display:flex;flex-direction:column;gap:5px;align-items:flex-end;}
.btn-add{background:var(--blue);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;transition:all .2s;}
.btn-add:hover{background:var(--blue2);}
.btn-call{display:block;text-align:center;background:var(--bg2);color:var(--text3);border:1px solid var(--border2);padding:6px 12px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap;transition:all .2s;}
.btn-call:hover{border-color:var(--blue);color:var(--blue);}
.lcard-perks{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap;}
.perk{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:3px;}

/* Empty state */
.empty-state{text-align:center;padding:64px 20px;}
.empty-state .ei{font-size:52px;margin-bottom:16px;}
.empty-state h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:20px;font-weight:800;color:var(--text2);margin-bottom:8px;}
.empty-state p{font-size:14px;color:var(--muted);}
.empty-state a{display:inline-block;margin-top:16px;background:var(--blue);color:#fff;padding:11px 24px;border-radius:9px;font-weight:700;font-size:14px;}

/* ══ ACCESSORIES ══ */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}
.acard{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:var(--sh);}
.acard:hover{border-color:var(--blue-border);transform:translateY(-4px);box-shadow:var(--sh2);}
.acard-img{height:148px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.acard-img img{height:110px;width:100%;object-fit:contain;padding:8px;transition:transform .3s;}
.acard:hover .acard-img img{transform:scale(1.07);}
.acard-body{padding:13px 15px 16px;}
.acard-cat{font-size:10px;font-weight:700;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}
.acard-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.3;}
.acard-desc{font-size:11px;color:var(--muted);margin-bottom:8px;}
.acard-price{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;font-weight:900;color:var(--blue);margin-bottom:10px;}
.btn-enquire{width:100%;background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border);padding:8px;border-radius:8px;font-size:12px;font-weight:700;transition:all .2s;}
.btn-enquire:hover{background:var(--blue);color:#fff;}

/* ══ WHY SECTION ══ */
/* ── Why Refurbished section ── */
.refurb-why-section{background:var(--bg2);border-top:1px solid var(--border);}
.rw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;}
@media(max-width:700px){.rw-stats{grid-template-columns:repeat(2,1fr);}}
.rw-stat{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center;transition:transform .3s,box-shadow .3s;}
.rw-stat:hover{transform:translateY(-4px);box-shadow:var(--sh2);}
.rw-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:52px;font-weight:900;color:var(--blue);line-height:1;}
.rw-pct{font-size:22px;font-weight:800;color:var(--blue);margin-top:2px;}
.rw-label{font-size:12px;color:var(--muted2);margin-top:8px;line-height:1.4;font-weight:600;}
.rw-compare{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:48px;}
.rw-compare-head{display:flex;border-bottom:1px solid var(--border);}
.rw-tab{flex:1;padding:14px 20px;background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;font-size:14px;font-weight:700;color:var(--muted2);transition:all .2s;}
.rw-tab:last-child{border-right:none;}
.rw-tab.on{background:var(--bg2);color:var(--text);border-bottom:2px solid var(--blue);}
.rw-compare-body{padding:28px;}
.rw-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;}
.rw-row:last-child{border-bottom:none;}
.rw-row-label{color:var(--muted2);font-weight:600;flex:1;}
.rw-row-val{font-weight:700;font-size:15px;text-align:right;}
.rw-row-val.good{color:#16a34a;}
.rw-row-val.warn{color:#dc2626;}
/* Journey */
.rw-journey{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:32px;}
.rw-journey-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;font-weight:800;color:var(--text);margin-bottom:32px;text-align:center;}
.rw-steps{display:flex;align-items:flex-start;gap:0;justify-content:space-between;flex-wrap:wrap;}
.rw-step{flex:1;min-width:140px;text-align:center;padding:0 12px;}
.rw-step-line{width:32px;margin-top:32px;height:2px;background:var(--border);flex-shrink:0;}
.rw-step-num{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:2px;margin-bottom:10px;}
.rw-step-icon{font-size:36px;margin-bottom:10px;}
.rw-step-name{font-size:15px;font-weight:800;color:var(--text);margin-bottom:8px;}
.rw-step-desc{font-size:12px;color:var(--muted2);line-height:1.6;}
@media(max-width:620px){.rw-steps{flex-direction:column;gap:20px;} .rw-step-line{display:none;} .rw-step{text-align:left;display:flex;align-items:flex-start;gap:16px;} .rw-step-icon{font-size:28px;min-width:28px;}}
.why-section{background:var(--surface);border-top:1px solid var(--border);}
.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.wcard{background:var(--bg);border:1.5px solid var(--border);border-radius:18px;padding:24px;transition:all .3s;box-shadow:var(--sh);}
.wcard:hover{border-color:var(--blue-border);transform:translateY(-4px);box-shadow:var(--sh2);}
.wcard.accent{background:var(--blue-light);border-color:var(--blue-border);}
.wcard-icon{font-size:28px;margin-bottom:14px;}
.wcard h4{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;font-weight:800;color:var(--text);margin-bottom:8px;}
.wcard p{font-size:13px;color:var(--text3);line-height:1.65;}
.why-left-desc{font-size:16px;color:var(--text3);line-height:1.8;margin-top:18px;margin-bottom:28px;}

/* ══ PROCESS ══ */
.process-section{background:var(--bg2);}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border-radius:18px;overflow:hidden;margin-top:48px;box-shadow:var(--sh);}
.pstep{background:var(--surface);padding:32px 28px;position:relative;}
.pstep-num{width:48px;height:48px;border-radius:13px;background:var(--blue);color:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 4px 12px rgba(37,99,235,.35);}
.pstep h4{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;font-weight:800;color:var(--text);margin-bottom:8px;}
.pstep p{font-size:13px;color:var(--text3);line-height:1.65;}
.pstep-arrow{position:absolute;top:36px;right:-10px;font-size:18px;color:var(--muted2);z-index:1;}

/* ══ OFFER BANNER ══ */
.offer-section{background:var(--bg);}
.offer-card{background:linear-gradient(135deg,var(--blue) 0%,#1e3a8a 100%);border-radius:24px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;}
.offer-card::before{content:'';position:absolute;top:-60%;right:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.05);}
.offer-card::after{content:'';position:absolute;bottom:-50%;left:5%;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.04);}
.offer-left{position:relative;z-index:1;}
.offer-left h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(22px,3vw,36px);font-weight:900;color:#fff;margin-bottom:10px;letter-spacing:-.5px;}
.offer-left p{color:rgba(255,255,255,.75);font-size:15px;}
.offer-gifts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.offer-gift{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;color:#fff;}
.offer-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--blue);padding:15px 30px;border-radius:12px;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .25s;flex-shrink:0;}
.offer-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);}

/* ══ REVIEWS ══ */
/* ── Founder Story ── */
.founder-section{background:var(--bg2);border-top:1px solid var(--border);}
.founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
@media(max-width:768px){.founder-layout{grid-template-columns:1fr;gap:36px;}}
.founder-img-wrap{position:relative;}
.founder-img-card{background:linear-gradient(135deg,var(--bg3),var(--surface));border:2px solid var(--border);border-radius:24px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:80px;color:var(--muted2);}
.founder-badge{position:absolute;bottom:-16px;right:-16px;background:var(--blue);color:#fff;padding:14px 20px;border-radius:16px;font-size:13px;font-weight:800;text-align:center;box-shadow:0 8px 24px rgba(37,99,235,.4);line-height:1.3;}
.founder-badge-num{font-size:28px;font-weight:900;display:block;}
.founder-quote{font-size:20px;font-weight:700;color:var(--text);line-height:1.5;margin:20px 0;border-left:4px solid var(--blue);padding-left:20px;font-style:italic;}
.founder-bio{font-size:15px;color:var(--text3);line-height:1.8;margin-bottom:12px;}
.founder-sig{margin-top:28px;display:flex;align-items:center;gap:16px;}
.founder-sig-name{font-weight:800;font-size:16px;color:var(--text);}
.founder-sig-title{font-size:13px;color:var(--muted);margin-top:2px;}
.founder-milestones{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;}
.fms{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:16px 18px;}
.fms-num{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:26px;font-weight:900;color:var(--blue);}
.fms-label{font-size:12px;color:var(--muted2);margin-top:2px;font-weight:600;}
/* ── Reviews upgrade ── */
.reviews-section{background:var(--surface);border-top:1px solid var(--border);}
.grating-bar{display:flex;align-items:center;gap:28px;background:var(--bg2);border:1.5px solid var(--border);border-radius:18px;padding:24px 28px;margin-bottom:36px;flex-wrap:wrap;}
.grating-score{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:56px;font-weight:900;color:var(--text);line-height:1;}
.grating-stars{display:flex;gap:3px;margin:6px 0;}
.grating-stars span{font-size:24px;color:#f59e0b;}
.grating-count{font-size:13px;color:var(--muted);font-weight:600;}
.grating-divider{width:1px;height:64px;background:var(--border);}
.grating-badge{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:14px 18px;}
[data-theme="dark"] .grating-badge{background:var(--surface2);border-color:var(--border);}
.grating-badge-icon{font-size:28px;}
.grating-badge-text{font-size:13px;font-weight:700;color:#1f2937;}
[data-theme="dark"] .grating-badge-text{color:var(--text);}
.grating-badge-sub{font-size:11px;color:#6b7280;margin-top:2px;}
.grating-cta{margin-left:auto;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.reviews-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.reviews-grid{grid-template-columns:1fr;}}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.rcard{background:var(--bg);border:1.5px solid var(--border);border-radius:18px;padding:28px;transition:all .3s;box-shadow:var(--sh);}
.rcard:hover{border-color:var(--blue-border);box-shadow:var(--sh2);}
.rcard-stars{display:flex;gap:2px;margin-bottom:14px;}
.star{font-size:16px;color:#fbbf24;}
.rcard-text{font-size:14px;color:var(--text3);line-height:1.75;margin-bottom:20px;font-style:italic;}
.rcard-author{display:flex;align-items:center;gap:12px;}
.avatar{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;}
.av-b{background:var(--blue-light);color:var(--blue);}
.av-g{background:var(--green-light);color:var(--green);}
.av-o{background:var(--gold-light);color:var(--gold);}
.rcard-name{font-weight:700;font-size:14px;color:var(--text);}
.rcard-loc{font-size:11px;color:var(--muted);margin-top:2px;}

/* ══ CONTACT ══ */
.contact-section{background:var(--bg2);}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.contact-info-desc{font-size:15px;color:var(--text3);line-height:1.75;margin:16px 0 32px;}
.contact-items{display:flex;flex-direction:column;gap:16px;}
.ci{display:flex;align-items:flex-start;gap:14px;}
.ci-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-light);border:1px solid var(--blue-border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.ci-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.ci-val{font-size:14px;font-weight:600;color:var(--text);margin-top:3px;}
.contact-form-card{background:var(--surface);border:1.5px solid var(--border);border-radius:22px;padding:36px;box-shadow:var(--sh2);}
.contact-form-card h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:20px;font-weight:800;color:var(--text);margin-bottom:22px;}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.fg label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);}
.fg input,.fg select,.fg textarea{background:var(--bg);border:1.5px solid var(--border);color:var(--text);padding:11px 14px;border-radius:10px;font-size:14px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;outline:none;transition:all .2s;width:100%;}
.fg input::placeholder,.fg textarea::placeholder{color:var(--muted2);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.08);}
.fg select option{background:var(--surface);}
.fg textarea{resize:vertical;min-height:80px;}
.btn-form-submit{width:100%;background:var(--blue);color:#fff;border:none;padding:14px;border-radius:11px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(37,99,235,.35);margin-top:4px;}
.btn-form-submit:hover{background:var(--blue2);transform:translateY(-1px);}
.call-link{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:11px;padding:12px;margin-top:10px;color:var(--blue);font-weight:700;font-size:14px;text-decoration:none;transition:all .2s;}
.call-link:hover{background:var(--blue-light);border-color:var(--blue-border);}

/* ══ CART PANEL ══ */
.cart-overlay{display:none;position:fixed;inset:0;background:rgba(10,15,30,.5);z-index:1998;backdrop-filter:blur(4px);}
.cart-overlay.on{display:block;}
.cart-panel{position:fixed;top:0;right:-460px;width:440px;max-width:100vw;height:100vh;background:var(--surface);border-left:1px solid var(--border2);z-index:1999;transition:right .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--sh3);}
.cart-panel.on{right:0;}
.cart-panel-head{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cart-panel-head h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;font-weight:800;color:var(--text);}
.cart-close{background:var(--bg2);border:none;color:var(--muted);width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;}
.cart-body{flex:1;overflow-y:auto;padding:16px 24px;}
.cart-empty-msg{text-align:center;padding:60px 20px;color:var(--muted);}
.citem{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);}
.citem-img{width:58px;height:46px;border-radius:9px;object-fit:contain;background:var(--bg2);border:1px solid var(--border);padding:3px;flex-shrink:0;}
.citem-info{flex:1;}
.citem-brand{font-size:10px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:1px;}
.citem-name{font-size:13px;font-weight:700;color:var(--text);margin:2px 0;}
.citem-price{font-size:14px;font-weight:800;color:var(--blue);}
.citem-rm{background:none;border:none;color:var(--muted2);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;}
.citem-rm:hover{color:var(--red);}
.cart-foot{padding:18px 24px;border-top:1px solid var(--border);}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.cart-total-row span{font-size:14px;color:var(--muted);}
.cart-total-row strong{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:22px;font-weight:900;color:var(--text);}
.cart-enquire-btn{width:100%;background:var(--blue);color:#fff;border:none;padding:13px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;margin-bottom:8px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 2px 8px rgba(37,99,235,.3);}
.cart-call-a{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--bg2);border:1px solid var(--border2);color:var(--text2);padding:11px;border-radius:10px;font-weight:700;font-size:13px;text-decoration:none;transition:all .2s;}
.cart-call-a:hover{border-color:var(--blue);color:var(--blue);}

/* ══ ADMIN + FOOTER ══ */
.admin-bar{padding:12px 5%;background:#060c1a;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:10px;}
[data-theme="light"] .admin-bar{background:#1e293b;border-color:rgba(255,255,255,.06);}
/* Footer SVG logo — force Tech text white since footer is always dark */
footer svg text{fill:rgba(255,255,255,.88)!important;}
footer svg text[fill="#22a34a"]{fill:#22a34a!important;}
footer svg text[fill="#fff"]{fill:#fff!important;}
.admin-a{font-size:11px;color:var(--muted2);text-decoration:none;opacity:.4;transition:opacity .2s;}
.admin-a:hover{opacity:1;color:var(--blue);}
footer{background:#060c1a;padding:56px 5% 28px;border-top:1px solid rgba(255,255,255,.08);}
footer .footer-brand-text{color:rgba(255,255,255,.6);}
footer .footer-since{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.2);}
footer h5{color:rgba(255,255,255,.55);}
footer ul a{color:rgba(255,255,255,.7);}
footer ul a:hover{color:#60a5fa;}
footer .footer-bottom{color:rgba(255,255,255,.45);}
[data-theme="light"] footer{background:#f1f5f9;border-top:1px solid #e2e8f0;}
[data-theme="light"] footer .footer-brand-text{color:#475569;}
[data-theme="light"] footer .footer-since{color:#64748b;border-color:#cbd5e1;}
[data-theme="light"] footer h5{color:#94a3b8;}
[data-theme="light"] footer ul a{color:#475569;}
[data-theme="light"] footer ul a:hover{color:#2563eb;}
[data-theme="light"] footer .footer-bottom{color:#94a3b8;border-top-color:#e2e8f0;}
[data-theme="light"] footer .footer-bottom .accent{color:#2563eb;}
[data-theme="light"] .footer-social a{background:#e2e8f0;border-color:#cbd5e1;}
[data-theme="light"] .footer-social a:hover{background:#cbd5e1;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px;}
.footer-brand-text{font-size:13px;line-height:1.75;margin:14px 0 16px;max-width:260px;}
.footer-since{font-size:10px;display:inline-block;padding:4px 12px;border-radius:5px;border:1px solid;}
footer h5{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
footer ul a{font-size:13px;text-decoration:none;transition:color .2s;}
.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;border-top:1px solid rgba(255,255,255,.07);}
.footer-bottom .accent{color:#60a5fa;}


/* ══ TOAST ══ */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(60px);background:var(--text);color:var(--bg);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:9999;transition:all .35s;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--sh3);max-width:90vw;}
.toast.on{transform:translateX(-50%) translateY(0);opacity:1;}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .cert-grid{grid-template-columns:1fr;}
  .why-layout{grid-template-columns:1fr;gap:40px;}
  .process-grid{grid-template-columns:repeat(2,1fr);}
  .pstep-arrow{display:none;}
  .contact-layout{grid-template-columns:1fr;gap:40px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .hero-stats-strip{display:none;}
  .cert-grid,.reviews-grid{grid-template-columns:1fr;}
  .why-cards{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .offer-card{flex-direction:column;padding:36px 28px;}
  .cart-panel{width:100%;right:-100%;}
  .gallery-strip{height:180px;}
  .gs-img{min-width:33%;}
  .form-2col{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hero-certs{gap:8px;}
  .hero-cert{padding:10px 14px;}
  .tab-row{flex-wrap:wrap;}
  .tab-btn{padding:8px 16px;font-size:13px;}
  .hero h1{letter-spacing:-1.5px;}
}

/* ══ ANNOUNCEMENT BAR ══ */
.announce-bar{background:var(--blue);color:#fff;text-align:center;font-size:12px;font-weight:600;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;letter-spacing:.3px;}
.announce-bar a{color:#fff;text-decoration:underline;}
.ab-sep{opacity:.4;margin:0 4px;}

/* ══ TRUST BAR ══ */
.trust-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 5%;}
.trust-bar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:12px;}
.tb-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text2);}
.tb-icon{font-size:20px;}
.tb-sub{font-size:11px;color:var(--muted);font-weight:400;margin-top:1px;}

/* ══ BUDGET SECTION ══ */
.budget-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}
@media(max-width:900px){.budget-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.budget-grid{grid-template-columns:1fr 1fr;gap:10px;}}
.bcard{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .25s;box-shadow:var(--sh);text-decoration:none;display:block;}
.bcard:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--sh2);}
.bcard-icon{font-size:28px;margin-bottom:10px;}
.bcard-range{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;font-weight:900;color:var(--blue);margin-bottom:4px;}
.bcard-label{font-size:12px;color:var(--text3);font-weight:500;margin-bottom:8px;}
.bcard-tag{display:inline-block;background:var(--blue-light);border:1px solid var(--blue-border);color:var(--blue);font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;}

/* ══ B2B SECTION ══ */
.b2b-section{background:linear-gradient(135deg,#0f1f5c 0%,#1a3a8f 100%);padding:72px 5%;}
.b2b-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
@media(max-width:768px){.b2b-inner{grid-template-columns:1fr;gap:32px;}}
.b2b-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:900;color:#fff;margin-bottom:14px;letter-spacing:-.5px;}
.b2b-desc{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:28px;}
.b2b-points{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.b2b-point{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.85);}
.b2b-point-icon{width:32px;height:32px;background:rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.b2b-cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1a3a8f;padding:14px 28px;border-radius:11px;font-weight:800;font-size:15px;transition:all .25s;text-decoration:none;}
.b2b-cta:hover{background:#f0f4ff;transform:translateY(-2px);}
.b2b-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.b2bcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:22px;backdrop-filter:blur(10px);}
.b2bcard-icon{font-size:26px;margin-bottom:10px;}
.b2bcard-title{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;font-weight:800;color:#fff;margin-bottom:6px;}
.b2bcard-text{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6;}

/* ══ FAQ ══ */
.faq-section{background:var(--surface);border-top:1px solid var(--border);}
.faq-list{margin-top:40px;display:flex;flex-direction:column;gap:0;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-item:last-child{border-bottom:none;}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text);transition:background .2s;gap:16px;background:none;border:none;width:100%;text-align:left;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;}
.faq-q:hover{background:var(--bg2);}
.faq-icon{font-size:20px;color:var(--blue);flex-shrink:0;transition:transform .3s;line-height:1;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{display:none;padding:0 24px 20px;font-size:14px;color:var(--text3);line-height:1.8;}
.faq-item.open .faq-a{display:block;}

/* ══ WHATSAPP FLOAT ══ */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;align-items:center;gap:8px;background:#2563eb;color:#fff;padding:13px 22px;border-radius:100px;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(37,99,235,.45);transition:all .3s;}
.wa-float:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 28px rgba(37,99,235,.55);}
.wa-float-icon{font-size:22px;line-height:1;}

/* ══ FOOTER SOCIAL ══ */
.footer-social{display:flex;gap:10px;margin-top:16px;}
.footer-social a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;text-decoration:none;}
.footer-social a:hover{background:rgba(255,255,255,.18);}

/* ══ RRR TAGLINE BANNER ══ */
.rrr-banner{background:#060c1a;border-top:3px solid var(--blue);border-bottom:1px solid rgba(255,255,255,.05);}
.rrr-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;}
.rrr-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;position:relative;}
.rrr-step::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;border-radius:100px;}
.rrr-step:nth-child(1)::after{background:var(--blue);}
.rrr-step:nth-child(3)::after{background:var(--green);}
.rrr-step:nth-child(5)::after{background:var(--gold);}
.rrr-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:rgba(255,255,255,.2);font-weight:300;}
.rrr-icon{font-size:36px;margin-bottom:12px;display:block;}
.rrr-num{font-size:10px;font-weight:800;letter-spacing:3px;color:rgba(255,255,255,.25);text-transform:uppercase;margin-bottom:8px;}
.rrr-word{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:900;color:#fff;margin-bottom:10px;letter-spacing:-.5px;}
.rrr-word em{font-style:normal;}
.rrr-step:nth-child(1) .rrr-word em{color:#60a5fa;}
.rrr-step:nth-child(3) .rrr-word em{color:#4ade80;}
.rrr-step:nth-child(5) .rrr-word em{color:#fbbf24;}
.rrr-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;max-width:200px;}
@media(max-width:768px){
  .rrr-inner{grid-template-columns:1fr;gap:0;}
  .rrr-arrow{display:none;}
  .rrr-step{padding:32px 24px;border-bottom:1px solid rgba(255,255,255,.06);}
}

/* ══ GALLERY STRIP ══ */
.gallery-strip{display:flex;height:280px;overflow:hidden;position:relative;}
.gs-img{flex:1;min-width:0;object-fit:cover;filter:saturate(.65) brightness(.9);transition:flex .5s ease,filter .4s;}
.gs-img:hover{flex:3.5;filter:saturate(1) brightness(1);}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,12,26,.4) 0%,transparent 20%,transparent 80%,rgba(6,12,26,.4) 100%);pointer-events:none;}

/* ══ SHOP SIDEBAR LAYOUT ══ */
.shop-section{background:var(--bg);padding:64px 5%;}
.shop-section-inner{max-width:1240px;margin:0 auto;}
.shop-header{margin-bottom:32px;}
.shop-header h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(24px,3vw,36px);font-weight:900;color:var(--text);letter-spacing:-.5px;}
.shop-layout{display:grid;grid-template-columns:256px 1fr;gap:28px;align-items:start;}
@media(max-width:960px){.shop-layout{grid-template-columns:1fr;}}

/* Sidebar */
.shop-sidebar{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:22px;position:sticky;top:76px;box-shadow:var(--sh);}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1.5px solid var(--border);}
.sidebar-top-title{font-size:13px;font-weight:800;color:var(--text);letter-spacing:.3px;text-transform:uppercase;}
.clear-all{font-size:11px;font-weight:700;color:var(--blue);cursor:pointer;border:none;background:none;padding:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;}
.clear-all:hover{text-decoration:underline;}
.sidebar-search{position:relative;margin-bottom:20px;}
.sidebar-search input{width:100%;background:var(--bg2);border:1.5px solid var(--border);color:var(--text);padding:10px 38px 10px 14px;border-radius:10px;font-size:13px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;outline:none;transition:border-color .2s;}
.sidebar-search input:focus{border-color:var(--blue);}
.sidebar-search input::placeholder{color:var(--muted2);}
.sidebar-search-icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted2);pointer-events:none;}
.sf-group{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.sf-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.sf-label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
.sf-pills{display:flex;flex-wrap:wrap;gap:6px;}
.sf-pill{padding:5px 11px;border-radius:100px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--bg2);color:var(--text3);cursor:pointer;transition:all .18s;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.4;}
.sf-pill:hover{border-color:var(--blue);color:var(--blue);}
.sf-pill.on{border-color:var(--blue);background:var(--blue);color:#fff;}

/* Shop main area */
.shop-main{}
.shop-main-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
.shop-result-count{font-size:13px;color:var(--muted);font-weight:500;}
.shop-result-count strong{color:var(--text);font-weight:700;}
.shop-sort-row{display:flex;align-items:center;gap:8px;}
.shop-sort{background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:8px 14px;border-radius:9px;font-size:13px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;outline:none;}
.cert-notice{background:linear-gradient(135deg,var(--green-light),var(--bg2));border:1.5px solid var(--green-border);border-radius:12px;padding:12px 18px;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.cert-notice-text{font-size:13px;font-weight:700;color:var(--green);}
.cert-notice-sub{font-size:12px;color:var(--text3);font-weight:400;margin-left:4px;}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;}
.shop-empty{text-align:center;padding:64px 24px;color:var(--muted);}
.shop-empty-icon{font-size:48px;margin-bottom:16px;}
.shop-empty h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px;}

/* ══ MOBILE FILTER TOGGLE ══ */
.mob-filter-bar{display:none;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.mob-filter-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;flex:1;}
.mob-filter-count{background:var(--blue);color:#fff;border-radius:100px;font-size:10px;font-weight:800;padding:2px 7px;display:none;margin-left:4px;}
.mob-filter-count.on{display:inline-block;}
.mob-filter-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:890;backdrop-filter:blur(2px);}
.mob-filter-overlay.on{display:block;}
.mob-sidebar-close-row{display:none;align-items:center;justify-content:space-between;padding:16px 0 14px;border-bottom:1.5px solid var(--border);margin-bottom:14px;}
.mob-sidebar-close-title{font-size:15px;font-weight:800;color:var(--text);}
.mob-sidebar-close-btn{background:none;border:1.5px solid var(--border);border-radius:8px;color:var(--text3);font-size:18px;line-height:1;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mob-sidebar-done-btn{display:none;width:100%;padding:14px;background:var(--blue);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:20px;}

@media(max-width:960px){
  /* Show filter toggle bar in shop-main */
  .mob-filter-bar{display:flex;}
  /* Hide sidebar by default, show as bottom sheet when open */
  .shop-sidebar{
    position:fixed;
    left:0;right:0;bottom:0;
    max-height:82vh;
    z-index:900;
    border-radius:20px 20px 0 0;
    border-left:none;border-right:none;border-bottom:none;
    overflow-y:auto;
    padding:0 20px 32px;
    transform:translateY(100%);
    transition:transform .32s cubic-bezier(.4,0,.2,1);
    display:block;
  }
  .shop-sidebar.mob-open{transform:translateY(0);}
  .mob-sidebar-close-row,.mob-sidebar-done-btn{display:flex;}
  .sidebar-top{display:none;} /* replaced by close row */
}

/* Active filter chips (top of shop main) */
.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.af-chip{display:flex;align-items:center;gap:5px;background:var(--blue-light);border:1.5px solid var(--blue-border);color:var(--blue);padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;}
.af-chip:hover{background:#dbeafe;}
.af-chip-x{font-size:14px;line-height:1;margin-left:2px;font-weight:400;}

/* ══ NEW LAPTOPS SECTION ══ */
.new-section{background:linear-gradient(160deg,#060c1a 0%,#0f1a3a 60%,#0a1628 100%);padding:72px 5%;border-top:1px solid rgba(255,255,255,.06);}
.new-section-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
@media(max-width:768px){.new-section-inner{grid-template-columns:1fr;gap:36px;}}
.new-section-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(37,99,235,.2);border:1px solid rgba(37,99,235,.4);color:#93c5fd;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;}
.new-section-badge-dot{width:6px;height:6px;background:#60a5fa;border-radius:100px;animation:pulse 2s infinite;}
.new-section h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(26px,3.5vw,42px);font-weight:900;color:#fff;margin-bottom:14px;letter-spacing:-.5px;line-height:1.15;}
.new-section p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:28px;}
.new-brands{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}
.new-brand-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);padding:7px 16px 7px 8px;border-radius:100px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(4px);transition:background .18s,border .18s;}.new-brand-chip:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);}
.brand-logo{width:28px;height:28px;object-fit:contain;border-radius:6px;flex-shrink:0;image-rendering:auto;background:#fff;padding:2px;}
.brand-logo-t{width:28px;height:28px;background:#cc0000;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;flex-shrink:0;line-height:1;}
.new-cta{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;padding:14px 28px;border-radius:11px;font-weight:800;font-size:15px;text-decoration:none;transition:all .25s;box-shadow:0 4px 20px rgba(37,99,235,.4);}
.new-cta:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,99,235,.5);}
.new-features{display:flex;flex-direction:column;gap:14px;}
.new-feat{display:flex;align-items:flex-start;gap:14px;padding:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:13px;}
.new-feat-icon{width:42px;height:42px;background:rgba(37,99,235,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.new-feat-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px;}
.new-feat-desc{font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;}


#contact-float-panel.open{display:flex!important;}
#contact-float-panel a{text-decoration:none;}
.cfp-row{display:flex;align-items:flex-start;gap:12px;}
.cfp-ico{font-size:20px;flex-shrink:0;line-height:1.4;}
.cfp-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted,#9ca3af);margin-bottom:2px;}
.cfp-val{font-size:14px;font-weight:600;color:var(--text,#111);}
.cfp-val a{color:var(--blue,#2563eb);}
.cfp-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted,#9ca3af);}

/* ══════════════════════════════════════════
   HAMBURGER MENU
══════════════════════════════════════════ */
.hamburger{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:38px;height:38px;background:var(--surface2);border:1.5px solid var(--border2);border-radius:9px;cursor:pointer;flex-shrink:0;padding:0;}
.hamburger span{display:block;width:18px;height:2px;background:var(--text3);border-radius:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ══ MOBILE NAV DRAWER ══ */
.mobile-nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--bg);z-index:997;transform:translateX(105%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-top:1px solid var(--border);}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav-inner{padding:20px 5% 48px;}
.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:2px;}
.mobile-nav-links a{display:flex;align-items:center;font-size:17px;font-weight:600;color:var(--text);padding:14px 18px;border-radius:12px;transition:all .18s;border:1.5px solid transparent;text-decoration:none;}
.mobile-nav-links a:active,.mobile-nav-links a:hover{color:var(--blue);background:var(--blue-light);border-color:var(--blue-border);}
.mobile-nav-links a.active{color:var(--blue);font-weight:700;}
.mob-nav-divider{height:1px;background:var(--border);margin:18px 0;}
.mob-nav-cta{display:flex;flex-direction:column;gap:10px;}
.mob-cta-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;}
.mob-cta-primary{background:var(--blue);color:#fff;}
.mob-cta-secondary{background:var(--blue-light);color:var(--blue);border:1.5px solid var(--blue-border);}
body.nav-open{overflow:hidden;}

/* ══════════════════════════════════════════
   MOBILE OVERRIDES (≤768px)
══════════════════════════════════════════ */
@media(max-width:768px){
  /* Show hamburger, hide desktop links */
  .hamburger{display:flex;}
  /* Hide google signin on mobile — too wide for nav */
  .g-signin-wrap,.user-chip{display:none!important;}
  /* Reduce nav padding */
  .nav{padding:0 4%;}
  .nav-left{gap:16px;}

  /* Announce bar — hide pipe separators, wrap naturally */
  .ab-sep{display:none;}
  .announce-bar{font-size:11px;padding:7px 4%;gap:6px;}

  /* ── Hero ── */
  .hero-body{padding:0 4% 56px;}
  .hero h1{letter-spacing:-2px;}
  .hero-sub{font-size:15px;margin-bottom:28px;}
  .hero-certs{gap:8px;}
  .hero-cert{padding:10px 14px;}
  .hero-cert-label{font-size:13px;}
  .hero-cert-sub{font-size:9px;}
  .hero-dots{bottom:18px;right:4%;}

  /* ── Section spacing ── */
  .section{padding:52px 4%;}
  .section-sm{padding:40px 4%;}

  /* ── Grids that need extra help ── */
  .acc-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
  .cert-grid{grid-template-columns:1fr;}
  .cert-card{padding:32px 24px;}
  .why-layout{grid-template-columns:1fr;gap:32px;}
  .contact-layout{grid-template-columns:1fr;gap:32px;}
  .footer-grid{grid-template-columns:1fr;}
  .rw-steps{flex-direction:column;gap:20px;}
  .rw-step-line{display:none;}
  .rw-step{text-align:left;display:flex;align-items:flex-start;gap:16px;}
  .rw-step-icon{font-size:28px;min-width:28px;}
  .process-grid{grid-template-columns:1fr;}
  .pstep-arrow{display:none;}
  .founder-layout{grid-template-columns:1fr;gap:36px;}
  .reviews-grid{grid-template-columns:1fr;}
  .form-2col{grid-template-columns:1fr;}
  .offer-card{flex-direction:column;padding:28px 22px;}
  .cart-panel{width:100%;right:-100%;}
  .gallery-strip{height:180px;}
  .gs-img{min-width:33%;}
  .hero-stats-strip{display:none;}

  /* ── Budget cards: 2 per row ── */
  .budget-grid{grid-template-columns:1fr 1fr;}

  /* ── B2B ── */
  .b2b-inner{grid-template-columns:1fr;gap:28px;}

  /* ── Shop page ── */
  .shop-layout{grid-template-columns:1fr;}
  .shop-filters{position:static;top:auto;}

  /* ── New laptops section ── */
  .new-section-inner{grid-template-columns:1fr;gap:36px;}
}

/* ══════════════════════════════════════════
   SMALL PHONES (≤480px)
══════════════════════════════════════════ */
@media(max-width:480px){
  .nav{height:60px;}
  .mobile-nav{top:60px;}
  .announce-bar{font-size:10px;padding:6px 4%;}

  /* Hero */
  .hero h1{font-size:clamp(34px,9vw,52px);letter-spacing:-1.5px;}
  .hero-pill{font-size:11px;padding:6px 14px;}
  .hero-certs{flex-direction:column;gap:8px;}
  .hero-cert{width:100%;}

  /* Buttons full width in hero */
  .btn-cta,.btn-outline-white{width:100%;justify-content:center;}

  /* Section headings */
  .section-heading{font-size:clamp(24px,7vw,36px);}
  .section{padding:40px 4%;}

  /* Accessor cards 2-col on very small */
  .acc-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .acard-img{height:110px;}

  /* Budget */
  .budget-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .bcard{padding:18px 12px;}
  .bcard-range{font-size:14px;}

  /* Cert grid */
  .cert-card{padding:24px 18px;}

  /* FAQ */
  .faq-q{font-size:14px;padding:16px 18px;}

  /* Trust bar */
  .trust-bar-inner{gap:8px;}
  .tb-item{font-size:12px;}
}