/* ===== نبض — dark, spec-forward, electric ===== */
@font-face{font-family:Beiruti;src:url(/static/fonts/beiruti-arabic-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Beiruti;src:url(/static/fonts/beiruti-latin-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Beiruti;src:url(/static/fonts/beiruti-arabic-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Beiruti;src:url(/static/fonts/beiruti-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;src:url(/static/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Plex;src:url(/static/fonts/plex-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;src:url(/static/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Plex;src:url(/static/fonts/plex-latin-600.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--bg:#0b0d10;--surface:#14171c;--tile:#1a1e24;--ink:#eef1f3;--muted:#8b939e;--line:#22272e;--line-strong:#343b44;--accent:#c8f43a;--accent-ink:#0b0d10;--accent-2:#c8f43a;
--f-display:Beiruti,serif;--f-text:Plex,serif;--f-num:Beiruti,serif;--display-w:800;--ic-w:1.5;--ic-cap:square;--r-btn:6px;--r-sheet:14px;--r-input:6px;--r-thumb:4px;
--cta-bg:var(--accent);--cta-ink:var(--accent-ink);--price:var(--accent);--ann-bg:#c8f43a;--ann-ink:#0b0d10;--hdr-bg:rgba(11,13,16,.88);--chips-bg:rgba(11,13,16,.92);--sheet-bg:#111418;--input-bg:#0b0d10;--save-bg:#232a12;--save-ink:#c8f43a;--ok-bg:#1d2610;--ok-ink:#c8f43a;--danger:#ff6b5e;--gap:10px;--gap-y:22px;--h2:21px}
.t-tech{font-size:14.5px}
.t-tech .announce{font-family:var(--f-num);font-weight:500;font-size:11.5px;letter-spacing:.02em}
.t-tech .top{backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.t-tech .wm{font-family:var(--f-display);font-weight:800;font-size:27px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:6px}
.t-tech .wm-dot{width:9px;height:9px;background:var(--accent);border-radius:1px;transform:translateY(5px)}

/* hero: copy + square product shot, segmented countdown */
.t-tech .hero{display:grid;gap:22px;padding:26px 16px 30px;border-bottom:1px solid var(--line)}
.t-tech .kicker{font-family:var(--f-num);font-weight:500;font-size:12px;letter-spacing:.18em;color:var(--accent)}
.t-tech .hero h1{font-size:clamp(40px,12vw,68px);letter-spacing:-.015em;margin:10px 0 12px;line-height:1.08}
.t-tech .hero .sub{color:var(--muted);font-size:15px;max-width:34ch}
.t-tech .hero-cd{margin:22px 0 22px}
.t-tech .cd-label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.t-tech .cd{display:flex;align-items:flex-start;gap:6px;direction:ltr;justify-content:flex-end}
.t-tech .cd-u{display:grid;justify-items:center;gap:4px}
.t-tech .cd-u b{font-family:var(--f-num);font-weight:800;font-size:34px;line-height:1;min-width:2.1ch;padding:10px 8px 8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;text-align:center;font-variant-numeric:tabular-nums}
.t-tech .cd-u span{font-size:11px;color:var(--muted)}
.t-tech .cd-sep{font-style:normal;font-family:var(--f-num);font-size:28px;color:var(--line-strong);padding-top:8px}
.t-tech .hero .btn-primary{width:100%}
.t-tech .hero-media{position:relative;aspect-ratio:1/1;background:radial-gradient(120% 90% at 50% 100%,#1f252d 0%,#12151a 60%);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.t-tech .hero-img,.t-tech .hero-media .ph{width:100%;height:100%;object-fit:cover}
.t-tech .hero-tag{position:absolute;bottom:14px;inset-inline-end:14px;background:var(--accent);color:var(--accent-ink);font-size:13px;padding:6px 12px;border-radius:4px;font-weight:600}
.t-tech .hero-tag b{font-family:var(--f-num);font-weight:800;font-size:18px;margin-inline-start:4px}
@media (min-width:860px){.t-tech .hero{grid-template-columns:1fr 1fr;align-items:center;padding:56px 24px}.t-tech .hero .btn-primary{width:auto}}

/* chips as segmented tabs */
.t-tech .chip{border:1px solid var(--line-strong);border-radius:6px;color:var(--muted);font-size:13.5px}
.t-tech .chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* cards */
.t-tech .card-media{border-radius:8px;border:1px solid var(--line);background:radial-gradient(100% 80% at 50% 100%,#20262e,#15181d)}
.t-tech .badge{background:var(--accent);color:var(--accent-ink);font-family:var(--f-num);font-weight:800;font-size:12px;padding:3px 7px;border-radius:3px}
.t-tech .card-name{font-weight:600;font-size:13.5px}
.t-tech .price b{font-family:var(--f-num);font-weight:800;font-size:16px;letter-spacing:-.01em}
.t-tech .add{background:transparent;border:1px solid var(--line-strong);border-radius:6px;font-size:13.5px}
.t-tech .add:hover{border-color:var(--accent);color:var(--accent)}
.t-tech .opts .sz{border:1px solid var(--line-strong);font-size:11.5px}
.t-tech .opts .sz[aria-checked=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.t-tech .opts .sw[aria-checked=true] i{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent)}
.t-tech .ph{background:var(--tile);color:#4c5560;font-weight:800}

/* bundle: split slab */
.t-tech .bundle{background:var(--surface);border:1px solid var(--line);border-radius:10px;border-top:3px solid var(--accent)}
.t-tech .bundle .kicker{color:var(--accent);font-family:var(--f-num);font-weight:500}
.t-tech .bundle-copy>p{color:var(--muted)}
.t-tech .bp img,.t-tech .bp .ph{border-radius:6px;border:1px solid var(--line)}
.t-tech .bp b{color:var(--accent)}
.t-tech .trust .i{color:var(--accent)}
.t-tech .og [aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.t-tech .dots i.on{background:var(--accent)}
.t-tech .gal{background:radial-gradient(100% 80% at 50% 100%,#20262e,#14171c)}
.t-tech .toast{background:var(--accent);color:var(--accent-ink);font-weight:600}
.t-tech .cartbar{background:linear-gradient(to top,var(--bg) 60%,transparent)}
.t-tech #pdp .x{background:var(--surface);color:var(--ink)}
.t-tech .btn-wa{background:#25a35a}
.t-tech .opts .sw i,.t-tech .og .sw i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}