:root{
  --primary:#ef1d24;--primary-dark:#7a070b;--accent:#f7a600;--bg:#070707;--surface:#111;--surface-2:#181818;--text:#f7f7f7;--muted:#aaa8a8;--radius:14px;--glow:.22;
  --line:rgba(255,255,255,.09);--danger:#ff4f56;--ok:#4dd78d;--warning:#ffbd39;--info:#68a7ff;
  --max:1180px;--shadow:0 16px 40px rgba(0,0,0,.34);--header-h:76px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 20% -10%,rgba(239,29,36,.18),transparent 30%),
repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.012) 50%,transparent 50.5%);background-size:26px 26px;opacity:.55;z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 28px));margin:auto}.hidden{display:none!important}.muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-primary{color:var(--primary)}.mt-0{margin-top:0}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:24px}.mb-0{margin-bottom:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:10px}.gap-3{gap:16px}.wrap{flex-wrap:wrap}.w-full{width:100%}

.cyber-frame{position:relative;border:1px solid rgba(239,29,36,.55);background:linear-gradient(160deg,rgba(72,6,9,.34),rgba(12,12,12,.94) 45%,rgba(22,22,22,.94));clip-path:polygon(14px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 16px),calc(100% - 16px) 100%,18px 100%,0 calc(100% - 18px),0 14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 24px rgba(239,29,36,calc(var(--glow)*.55))}.cyber-frame::before,.cyber-frame::after{content:"";position:absolute;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),transparent);top:0;left:22px;right:25%;opacity:.85}.cyber-frame::after{top:auto;bottom:0;left:28%;right:22px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent))}

.topbar{position:sticky;top:0;z-index:60;background:rgba(5,5,5,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(239,29,36,.36)}.topbar-inner{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.icon-btn{width:46px;height:46px;border:1px solid rgba(239,29,36,.5);background:linear-gradient(180deg,#181818,#0c0c0c);color:white;display:grid;place-items:center;font-size:21px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:.2s}.icon-btn:hover{transform:translateY(-1px);border-color:var(--primary);background:#1d0b0d}.brand{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0}.brand-mark{width:54px;height:54px;flex:none;filter:drop-shadow(0 6px 16px rgba(239,29,36,.24))}.brand-copy{min-width:0}.brand-name{font-weight:950;letter-spacing:-1px;font-size:clamp(19px,4vw,31px);line-height:1;background:linear-gradient(180deg,#fff 0,#d9d9d9 43%,#f8a600 45%,#ffc53d 100%);-webkit-background-clip:text;color:transparent;white-space:nowrap}.brand-tag{font-size:10px;color:#d1d1d1;margin-top:5px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;gap:8px}

.hero{margin:16px auto 0;min-height:390px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px}.hero-copy{padding:48px 46px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border:1px solid rgba(247,166,0,.5);background:rgba(247,166,0,.08);color:#ffd05e;font-size:12px;font-weight:850;letter-spacing:1.3px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero h1{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-2.5px;margin:18px 0 14px;font-weight:1000;text-transform:uppercase}.hero h1 span{background:linear-gradient(180deg,#ffde61 0,#ffad00 45%,#d86e00 100%);-webkit-background-clip:text;color:transparent;text-shadow:none}.hero p{color:#d2d2d2;max-width:680px;font-size:16px;line-height:1.6;margin:0 0 24px}.hero-art{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(239,29,36,.36),transparent 46%)}.hero-art::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(239,29,36,.35);box-shadow:0 0 0 28px rgba(239,29,36,.035),0 0 0 58px rgba(239,29,36,.025);transform:rotate(12deg)}.hero-art::after{content:"JD";font-size:150px;font-weight:1000;letter-spacing:-12px;color:rgba(255,255,255,.045);text-shadow:0 0 32px rgba(239,29,36,.35);transform:skewX(-8deg)}.hero-chip-cloud{position:absolute;inset:0}.hero-chip{position:absolute;padding:12px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(10,10,10,.82);backdrop-filter:blur(10px);font-weight:800;font-size:13px;box-shadow:var(--shadow);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.hero-chip:nth-child(1){left:8%;top:18%}.hero-chip:nth-child(2){right:8%;top:28%}.hero-chip:nth-child(3){left:14%;bottom:22%}.hero-chip:nth-child(4){right:12%;bottom:15%}.hero-dots{display:flex;justify-content:center;gap:8px;padding:12px}.hero-dot{width:26px;height:6px;border-radius:8px;background:#676767;border:0}.hero-dot.active{background:var(--primary);width:34px}.btn{border:1px solid rgba(255,255,255,.12);background:#171717;color:#fff;padding:12px 18px;border-radius:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}.btn-primary{background:linear-gradient(180deg,#f5333a,#bc0d13);border-color:#ff565c;box-shadow:0 10px 24px rgba(239,29,36,.2)}.btn-accent{background:linear-gradient(180deg,#ffc43e,#db8b00);border-color:#ffd76c;color:#17100a}.btn-ghost{background:rgba(255,255,255,.035)}.btn-danger{background:#3a1113;border-color:#7a2025}.btn-sm{padding:8px 12px;font-size:13px}.btn-lg{padding:14px 22px;font-size:15px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.trust-pill{display:flex;align-items:center;gap:8px;color:#d6d6d6;font-size:12px;font-weight:700}.trust-pill b{color:white}

.announcement{margin:14px auto 0;padding:12px 16px;display:flex;align-items:center;gap:12px}.announcement-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#ff3138,#a7090e);font-size:20px;flex:none}.announcement-copy{min-width:0}.announcement-copy b{display:block;font-size:14px}.announcement-copy span{display:block;color:#c9c9c9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.section{margin:22px auto 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;padding:0 4px}.section-title-wrap{min-width:0}.section-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.section h2,.section-title{margin:2px 0 0;font-size:clamp(20px,3vw,30px);letter-spacing:-.6px}.section-sub{color:var(--muted);font-size:13px;margin-top:4px}.section-link{font-size:12px;font-weight:800;color:#fff;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.category-card{padding:15px 9px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:12px;min-width:0;transition:.18s}.category-card:hover{border-color:rgba(239,29,36,.55);transform:translateY(-2px)}.category-icon{width:52px;height:52px;margin:0 auto 9px;display:grid;place-items:center;font-size:25px;border-radius:14px;background:linear-gradient(145deg,#261012,#111);border:1px solid rgba(239,29,36,.3)}.category-name{font-size:12px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}

.flash-card{padding:20px}.flash-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.flash-title{display:flex;align-items:center;gap:14px}.flash-icon{width:54px;height:54px;display:grid;place-items:center;font-size:26px;background:linear-gradient(180deg,#ff2d34,#a5070d);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}.flash-title h3{margin:0;font-size:24px}.flash-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.timer-wrap{text-align:right}.timer-label{font-size:11px;font-weight:800;color:#ddd;margin-bottom:6px}.timer{display:flex;gap:6px;justify-content:flex-end}.timer-unit{min-width:58px;padding:9px 8px;background:linear-gradient(180deg,#c71219,#780509);border:1px solid #ee3a40;border-radius:9px;text-align:center}.timer-unit b{display:block;font-size:19px}.timer-unit small{font-size:9px;color:#e4e4e4}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{overflow:hidden;border:1px solid rgba(239,29,36,.34);background:linear-gradient(180deg,#151515,#0d0d0d);border-radius:14px;transition:.2s;position:relative}.product-card:hover{transform:translateY(-3px);border-color:rgba(239,29,36,.75);box-shadow:0 16px 36px rgba(0,0,0,.32)}.product-cover{aspect-ratio:16/10;position:relative;overflow:hidden;background:
radial-gradient(circle at 72% 24%,rgba(247,166,0,.24),transparent 24%),
linear-gradient(145deg,#31080b 0,#121212 56%,#070707 100%);display:grid;place-items:center}.product-cover img{width:100%;height:100%;object-fit:cover;display:block}.product-cover .fallback{font-size:56px;font-weight:1000;letter-spacing:-5px;color:rgba(255,255,255,.09)}.product-cover::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.72))}.badge{position:absolute;top:10px;left:10px;z-index:3;padding:5px 8px;border-radius:7px;background:linear-gradient(180deg,#f42b32,#b1090f);font-size:9px;font-weight:900;letter-spacing:.5px}.product-body{padding:13px}.product-cat{font-size:10px;color:var(--accent);font-weight:850;letter-spacing:.5px;text-transform:uppercase}.product-title{font-size:15px;font-weight:850;line-height:1.3;margin:5px 0 7px;min-height:38px}.product-desc{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:12px}.price-main{font-size:17px;font-weight:950}.price-old{font-size:11px;color:#777;text-decoration:line-through;margin-top:2px}.mini-action{width:34px;height:34px;border:1px solid rgba(239,29,36,.5);background:#291012;color:white;border-radius:9px;display:grid;place-items:center;font-size:17px}

.reseller-cta{padding:30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;overflow:hidden}.reseller-cta::marker{display:none}.reseller-cta h3{font-size:clamp(24px,4vw,38px);margin:0 0 7px;letter-spacing:-1px}.reseller-cta p{margin:0;color:#ccc;max-width:720px;line-height:1.6}.reseller-stat{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.reseller-stat span{padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:8px;font-size:11px;font-weight:750}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.testimonial{padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018))}.stars{color:#ffc444;letter-spacing:1px;font-size:13px}.quote{color:#ddd;line-height:1.55;font-size:13px;margin:10px 0 14px}.person{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;background:#251013;border:1px solid rgba(239,29,36,.4);display:grid;place-items:center;font-weight:900}.person b{display:block;font-size:12px}.person small{color:var(--muted)}
.faq-list{display:grid;gap:8px}.faq{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden}.faq button{width:100%;background:transparent;border:0;color:white;text-align:left;padding:15px 16px;font-weight:800;display:flex;justify-content:space-between;gap:12px}.faq .faq-answer{display:none;padding:0 16px 16px;color:#bbb;line-height:1.6;font-size:13px}.faq.open .faq-answer{display:block}

.footer{margin-top:34px;padding:32px 0 96px;border-top:1px solid rgba(239,29,36,.28);background:rgba(0,0,0,.28)}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:24px}.footer h4{margin:0 0 10px}.footer p,.footer a{color:#aaa;font-size:13px;line-height:1.7}.footer-links{display:grid;gap:6px}.copyright{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#777}
.bottom-nav{position:fixed;z-index:55;left:0;right:0;bottom:0;height:72px;background:rgba(7,7,7,.96);backdrop-filter:blur(14px);border-top:1px solid rgba(239,29,36,.35);display:none;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;color:#aaa;font-size:10px}.bottom-nav a.active{color:white;background:linear-gradient(180deg,rgba(239,29,36,.3),rgba(239,29,36,.05));border-top:2px solid var(--primary)}.bottom-nav .nav-icon{font-size:21px}

.drawer{position:fixed;inset:0;z-index:90;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(360px,88vw);background:#0d0d0d;border-right:1px solid rgba(239,29,36,.45);padding:22px;overflow:auto}.drawer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.drawer-links{display:grid;gap:7px}.drawer-links a{padding:13px 14px;border:1px solid transparent;border-radius:10px;color:#d8d8d8;font-weight:700;font-size:13px}.drawer-links a:hover{border-color:var(--line);background:rgba(255,255,255,.03)}.drawer-section{margin-top:22px;color:#737373;font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.search-overlay{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);display:none;padding:22px}.search-overlay.open{display:block}.search-box{max-width:760px;margin:8vh auto}.search-input-wrap{display:flex;gap:8px}.search-input{flex:1;padding:16px 17px;background:#111;border:1px solid rgba(239,29,36,.5);color:white;border-radius:12px;outline:none}.search-results{display:grid;gap:8px;margin-top:12px}.search-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#101010}.search-thumb{width:54px;height:54px;border-radius:10px;background:#231013;display:grid;place-items:center;font-weight:900}.search-item b{font-size:13px}.search-item small{display:block;color:var(--muted);margin-top:4px}.search-price{font-size:12px;font-weight:850;color:#ffd05a}

.form-shell{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:30px 14px}.form-card{width:min(560px,100%);padding:24px}.form-card h1{margin:0 0 6px;font-size:30px}.form-card .lead{color:var(--muted);margin:0 0 22px;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#cfcfcf;font-weight:850;letter-spacing:.3px}.input,.select,.textarea{width:100%;background:#0c0c0c;border:1px solid rgba(255,255,255,.11);color:white;border-radius:10px;padding:12px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(239,29,36,.8);box-shadow:0 0 0 3px rgba(239,29,36,.09)}.textarea{min-height:120px;resize:vertical}.help{font-size:10px;color:#777}.form-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.alert{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.5;margin:10px 0}.alert-danger{background:rgba(255,79,86,.08);border-color:rgba(255,79,86,.32);color:#ff9ca1}.alert-success{background:rgba(77,215,141,.08);border-color:rgba(77,215,141,.28);color:#a5f2c7}.alert-warning{background:rgba(255,189,57,.08);border-color:rgba(255,189,57,.3);color:#ffe0a0}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:12px;color:#aaa}

.product-detail{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;margin-top:22px}.detail-cover{aspect-ratio:1/1;min-height:360px;display:grid;place-items:center;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-cover .fallback{font-size:120px;font-weight:1000;color:rgba(255,255,255,.08)}.detail-info{padding:24px}.detail-info h1{font-size:clamp(30px,5vw,52px);line-height:1.02;margin:8px 0 12px;letter-spacing:-1.5px}.detail-desc{color:#c7c7c7;line-height:1.7}.detail-price{font-size:32px;font-weight:950;color:#fff;margin:18px 0 2px}.detail-old{color:#777;text-decoration:line-through}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.detail-meta div{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);font-size:11px}.detail-meta b{display:block;color:white;margin-bottom:3px}.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:22px}.checkout-card{padding:20px}.checkout-card h2{margin:0 0 14px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.09);font-size:13px}.summary-row.total{font-size:17px;font-weight:900;border-bottom:0;padding-top:14px}.payment-list{display:grid;gap:8px}.payment-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px;background:rgba(255,255,255,.02)}.payment-option input{accent-color:var(--primary)}.payment-option b{font-size:13px}.payment-option small{display:block;color:var(--muted);margin-top:2px}.invoice-box{padding:24px;margin-top:22px}.invoice-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.invoice-no{font-size:28px;font-weight:950;letter-spacing:-1px}.status-badge{padding:7px 10px;border-radius:8px;font-size:10px;font-weight:900;text-transform:uppercase;background:#2b2b2b}.status-waiting_payment{background:#3c2b09;color:#ffd46b}.status-paid,.status-completed{background:#0e3723;color:#82ecb3}.status-processing{background:#0c2f43;color:#81d6ff}.status-cancelled,.status-failed{background:#3f1215;color:#ff969c}.delivery-box{padding:16px;border:1px solid rgba(77,215,141,.28);background:rgba(77,215,141,.06);border-radius:11px;margin-top:16px;word-break:break-word}.account-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:22px}.account-side,.account-main{padding:18px}.account-nav{display:grid;gap:6px}.account-nav button{border:1px solid transparent;background:transparent;color:#bbb;text-align:left;padding:11px 12px;border-radius:9px}.account-nav button.active{background:#241012;border-color:rgba(239,29,36,.35);color:white}.order-list{display:grid;gap:8px}.order-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.order-row b{display:block}.order-row small{color:var(--muted)}

.skeleton{position:relative;overflow:hidden;background:#161616!important;color:transparent!important;border-color:#202020!important}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.empty{padding:30px 18px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;text-align:center;color:#858585}.toast-stack{position:fixed;top:92px;right:14px;z-index:150;display:grid;gap:8px;width:min(360px,calc(100% - 28px))}.toast{padding:12px 14px;border-radius:10px;background:#161616;border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px}.toast.ok{border-color:rgba(77,215,141,.4)}.toast.err{border-color:rgba(255,79,86,.4)}

@media(max-width:980px){.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr .65fr}.hero-copy{padding:34px 28px}.testimonial-grid{grid-template-columns:1fr 1fr}.checkout-layout{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-side{display:none}}
@media(max-width:720px){:root{--header-h:66px}.container{width:min(100% - 20px,var(--max))}.topbar-inner{grid-template-columns:44px 1fr auto;gap:8px}.brand-mark{width:43px;height:43px}.brand-tag{display:none}.top-actions .icon-btn:first-child{display:none}.icon-btn{width:42px;height:42px}.hero{margin-top:10px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:28px 22px 18px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero p{font-size:13px}.hero-art{min-height:220px}.hero-art::after{font-size:98px}.hero-art::before{width:250px;height:250px}.hero-chip{font-size:10px;padding:9px 11px}.trust-row{gap:10px}.trust-pill{font-size:10px}.announcement{margin-top:10px}.section{margin-top:18px}.category-grid{display:flex;overflow:auto;scrollbar-width:none;padding-bottom:2px}.category-card{min-width:96px;flex:0 0 96px}.product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.product-body{padding:11px}.product-title{font-size:13px}.product-desc{font-size:10px}.price-main{font-size:14px}.flash-card{padding:15px}.flash-head{grid-template-columns:1fr}.timer-wrap{text-align:left}.timer{justify-content:flex-start}.timer-unit{min-width:51px}.reseller-cta{grid-template-columns:1fr;padding:23px}.testimonial-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.bottom-nav{display:grid}.footer{padding-bottom:94px}.form-grid{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}.detail-cover{min-height:280px}.detail-info{padding:18px}.detail-meta{grid-template-columns:1fr 1fr}.checkout-card{padding:16px}.invoice-no{font-size:21px}}
@media(max-width:390px){.hero h1{font-size:37px}.product-grid{grid-template-columns:1fr 1fr}.category-card{min-width:90px;flex-basis:90px}.brand-name{font-size:18px}.flash-title h3{font-size:20px}.timer-unit{min-width:47px;padding:8px 5px}}