@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');
:root{--bg:#020617;--card:#0f172a;--line:#1e293b;--muted:#94a3b8;--blue:#2563eb;--green:#10b981;--gold:#f59e0b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8fafc;font-family:'Plus Jakarta Sans',sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.mono{font-family:'JetBrains Mono',monospace}.container{width:min(1180px,calc(100% - 32px));margin:auto}.glass{background:rgba(15,23,42,.72);border:1px solid rgba(51,65,85,.7);backdrop-filter:blur(14px)}.card{background:rgba(15,23,42,.65);border:1px solid var(--line);border-radius:24px}.card:hover{border-color:rgba(59,130,246,.5);transform:translateY(-2px)}.muted{color:var(--muted)}.topbar{border-bottom:1px solid var(--line);padding:8px 16px;text-align:center;font-size:12px;color:#a7f3d0;background:linear-gradient(90deg,#082f49,#0f172a,#064e3b)}header.nav{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brandmark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#10b981);color:#020617;display:grid;place-items:center;font-weight:900;font-size:20px}.navlinks{display:flex;gap:18px;font-size:13px;color:#cbd5e1}.navlinks a:hover{color:#fff}.actions{display:flex;align-items:center;gap:8px}.select,.input,.textarea{width:100%;background:#020617;color:#f8fafc;border:1px solid #334155;border-radius:12px;padding:11px 12px;outline:0}.select{width:auto;padding:9px 10px;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18)}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#2563eb;color:white}.btn-success{background:#10b981;color:#020617}.btn-dark{background:#1e293b;color:white}.btn-danger{background:#7f1d1d;color:#fecaca}.hero{text-align:center;padding:70px 0 35px}.eyebrow{display:inline-block;color:#6ee7b7;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:999px;padding:7px 12px;font:700 11px 'JetBrains Mono',monospace;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;margin:18px auto 0;max-width:820px}.gradient{background:linear-gradient(90deg,#60a5fa,#34d399,#5eead4);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:680px;margin:18px auto;color:#94a3b8;font-size:15px;line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px 0}.filter{padding:9px 13px;border-radius:12px;border:1px solid var(--line);background:#0f172a;color:#94a3b8;font-size:12px;font-weight:800}.filter.active{background:#2563eb;border-color:#3b82f6;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{padding:22px;display:flex;flex-direction:column;min-height:260px;transition:.2s}.product h3{margin:12px 0 5px;font-size:20px}.product p{font-size:12px;line-height:1.7;color:#94a3b8}.tag{font:700 10px 'JetBrains Mono',monospace;color:#93c5fd;background:rgba(37,99,235,.1);padding:6px 8px;border-radius:7px;text-transform:uppercase}.product-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:10px}.price{font-size:24px;font-weight:900}.small{font-size:10px;color:#64748b;text-transform:uppercase}.footer{margin-top:70px;padding:36px 0;border-top:1px solid var(--line);color:#64748b;font-size:12px}.footerin{display:flex;justify-content:space-between;gap:20px}.footerlinks{display:flex;gap:18px;flex-wrap:wrap}.page{padding:42px 0}.two{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.panel{padding:24px;border-radius:24px;background:#0f172a;border:1px solid var(--line)}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#020617;margin-top:10px}.option.active{border-color:#3b82f6;background:rgba(37,99,235,.1)}.option input{accent-color:#2563eb}.reviews{margin-top:30px}.review{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(15,23,42,.5);margin:8px 0}.review div{display:flex;justify-content:space-between;gap:12px}.review span{color:#fbbf24;font-size:12px}.review p{color:#94a3b8;font-size:12px;line-height:1.6}.cartrow{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0f172a}.qty{display:flex;align-items:center;border:1px solid #334155;border-radius:10px;overflow:hidden}.qty button,.qty span{padding:8px 11px;background:#020617;color:white;border:0}.summary{position:sticky;top:95px}.line{display:flex;justify-content:space-between;gap:15px;margin:10px 0;color:#94a3b8;font-size:13px}.total{font-size:28px;font-weight:900;color:white}.notice{padding:12px 14px;border:1px solid #334155;border-radius:12px;background:#020617;color:#94a3b8;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#10b981;color:#020617;font-weight:900;padding:11px 16px;border-radius:12px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:60px 20px}.error{color:#fca5a5}.legal h1{font-size:38px}.legal h2{font-size:20px;margin-top:30px}.legal p,.legal li{color:#94a3b8;line-height:1.8;font-size:14px}.legal ul{padding-left:22px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.navlinks{display:none}}@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.grid{grid-template-columns:1fr}.hero{padding-top:42px}.navin{min-height:62px}.cartrow,.footerin{flex-direction:column;align-items:stretch}.summary{position:static}.actions .select{max-width:88px}.product{min-height:0}}
.variation-group{margin-top:12px}.variation-title{font-weight:800;color:#d8b45a;margin-bottom:8px}.variation-options{display:flex;flex-wrap:wrap;gap:8px}.variation-chip{border:1px solid rgba(212,176,90,.28);background:#0f0f12;color:#eee;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.2s}.variation-chip:hover,.variation-chip.selected{border-color:#d8b45a;box-shadow:0 0 0 1px rgba(216,180,90,.3),0 8px 24px rgba(0,0,0,.25);color:#d8b45a}
/* DSR4U premium upgrade */
:root{--bg:#050505;--card:#0d0d0d;--line:#272116;--muted:#aaa18e;--gold:#d8b45a;--gold2:#f2d58a}
body{background:radial-gradient(circle at 15% 0%,rgba(216,180,90,.08),transparent 28%),radial-gradient(circle at 85% 20%,rgba(216,180,90,.05),transparent 24%),#050505}
header.nav{background:rgba(5,5,5,.9);border-bottom-color:rgba(216,180,90,.18)}
.brandmark{background:linear-gradient(135deg,#f2d58a,#8e6b24);color:#090909;box-shadow:0 0 28px rgba(216,180,90,.18)}
.btn-primary,.filter.active{background:linear-gradient(135deg,#f2d58a,#b8892e);color:#090909}.btn-success{background:linear-gradient(135deg,#e7c86d,#a87a20);color:#090909}.btn-dark{background:#141414;border:1px solid rgba(216,180,90,.2)}
.card,.panel{background:linear-gradient(145deg,rgba(18,18,18,.96),rgba(9,9,9,.96));border-color:rgba(216,180,90,.14);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.card:hover{border-color:rgba(216,180,90,.48);box-shadow:0 20px 70px rgba(216,180,90,.08)}
.gradient{background:linear-gradient(90deg,#fff3c4,#d8b45a,#9b762c);background-clip:text;-webkit-background-clip:text}
.eyebrow,.tag{color:var(--gold2);background:rgba(216,180,90,.08);border-color:rgba(216,180,90,.18)}
.price,.total{color:var(--gold2)}
.select,.input,.textarea{background:#090909;border-color:#3b3120}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,180,90,.12)}
.variation-chip{border-color:rgba(216,180,90,.28);background:#0b0b0b}.variation-chip:hover,.variation-chip.selected{border-color:var(--gold);color:var(--gold2);box-shadow:0 0 0 1px rgba(216,180,90,.3),0 8px 24px rgba(216,180,90,.08)}
.product-image{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid rgba(216,180,90,.16);border-radius:22px;background:#080808;margin-bottom:18px;padding:12px}
.product-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.meta-card{padding:14px;border:1px solid rgba(216,180,90,.14);border-radius:16px;background:#090909}.meta-card span{display:block;color:#817965;font-size:10px;text-transform:uppercase}.meta-card strong{display:block;color:#eee;margin-top:6px;font-size:13px}.info-accordions{margin-top:18px}.info-accordions details{border:1px solid rgba(216,180,90,.14);border-radius:16px;background:#090909;margin-top:10px;overflow:hidden}.info-accordions summary{cursor:pointer;padding:16px;color:var(--gold2);font-weight:800;list-style:none}.info-accordions summary::-webkit-details-marker{display:none}.rich-text{padding:0 16px 16px;color:#b9b09e;line-height:1.8;font-size:13px}.payment-warning{margin-top:12px;padding:12px;border:1px solid rgba(216,180,90,.25);border-radius:12px;color:#f2d58a;background:rgba(216,180,90,.06)}
.bottom-nav{display:none}
@media(max-width:620px){body{padding-bottom:74px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:10px;height:62px;z-index:90;border:1px solid rgba(216,180,90,.22);border-radius:20px;background:rgba(10,10,10,.94);backdrop-filter:blur(18px);box-shadow:0 15px 45px rgba(0,0,0,.55)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#958c7b}.bottom-nav a strong{font-size:20px;line-height:1;color:var(--gold2)}.bottom-nav a.active,.bottom-nav a:hover{color:var(--gold2)}.product-meta-grid{grid-template-columns:1fr}.hero{padding-bottom:20px}}

/* ===== DSR4U V12 SIGNATURE THEME ===== */
:root{
  --bg:#040307;--card:#0b0a0f;--line:rgba(235,205,120,.15);--muted:#aaa5b4;
  --gold:#e8c66a;--gold2:#fff0ad;--violet:#8b5cf6;--cyan:#22d3ee;--rose:#fb7185;
  --green:#25d366;--shadow:0 25px 90px rgba(0,0,0,.5)
}
html{background:#040307}
body{background:
 radial-gradient(900px 500px at -5% -10%,rgba(232,198,106,.14),transparent 55%),
 radial-gradient(800px 500px at 105% 8%,rgba(139,92,246,.13),transparent 55%),
 radial-gradient(700px 500px at 50% 105%,rgba(34,211,238,.07),transparent 55%),#040307;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
.topbar{background:linear-gradient(90deg,rgba(232,198,106,.08),rgba(139,92,246,.08),rgba(34,211,238,.07));color:#ddd2b1;border-bottom-color:rgba(232,198,106,.14)}
header.nav{box-shadow:0 12px 45px rgba(0,0,0,.28);border-bottom-color:rgba(232,198,106,.16)}
.brandmark{background:conic-gradient(from 210deg,#fff0ad,#c18a27,#8b5cf6,#22d3ee,#fff0ad);box-shadow:0 0 34px rgba(232,198,106,.22),0 0 45px rgba(139,92,246,.12)}
.brand:hover .brandmark{transform:rotate(-8deg) scale(1.04)}
.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--gold),var(--violet),var(--cyan));transform:scaleX(0);transition:.25s}.navlinks a:hover:after{transform:scaleX(1)}
.select,.input,.textarea{background:rgba(5,4,8,.8);border-color:rgba(232,198,106,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,198,106,.11),0 0 28px rgba(139,92,246,.08)}
.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3),transparent 65%);transform:translateX(-70%) rotate(8deg);transition:.5s}.btn:hover:before{transform:translateX(70%) rotate(8deg)}
.btn-primary,.btn-success{background:linear-gradient(135deg,#fff0ad 0%,#e8c66a 38%,#9a6a1f 100%);box-shadow:0 10px 30px rgba(232,198,106,.13)}
.btn-dark{background:linear-gradient(135deg,#15121b,#0b0a0f);border:1px solid rgba(232,198,106,.2)}
.hero{position:relative}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:3%;top:15%;background:radial-gradient(circle,rgba(139,92,246,.13),transparent 65%);filter:blur(10px);pointer-events:none}
.card,.panel{border-color:rgba(232,198,106,.14);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025);position:relative;overflow:hidden}.card:before,.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--violet),var(--cyan),transparent);opacity:.55}
.card:hover{border-color:rgba(232,198,106,.4);transform:translateY(-5px)}
.product{background:linear-gradient(145deg,rgba(17,14,22,.96),rgba(7,7,10,.96))}.product h3{letter-spacing:-.02em}.product-bottom{border-top-color:rgba(232,198,106,.12)}
.price,.total{color:var(--gold2);text-shadow:0 0 25px rgba(232,198,106,.12)}
.eyebrow,.tag{color:var(--gold2);border-color:rgba(232,198,106,.22);background:linear-gradient(90deg,rgba(232,198,106,.08),rgba(139,92,246,.07))}
.variation-title{color:var(--gold2)}.variation-chip{background:linear-gradient(145deg,#100e14,#08080b);border-color:rgba(232,198,106,.2)}.variation-chip:hover,.variation-chip.selected{color:var(--gold2);border-color:var(--gold);box-shadow:0 0 0 1px rgba(232,198,106,.25),0 0 30px rgba(139,92,246,.1)}
.product-image{background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.1),transparent 45%),#07070a;border-color:rgba(232,198,106,.2);box-shadow:0 25px 70px rgba(0,0,0,.45)}
.info-accordions details{background:linear-gradient(145deg,#100e14,#08080b);border-color:rgba(232,198,106,.15);box-shadow:0 12px 35px rgba(0,0,0,.25)}
.info-accordions summary{background:linear-gradient(90deg,rgba(232,198,106,.05),transparent);padding:18px}.info-accordions summary:after{content:"+";float:right;color:var(--gold)}.info-accordions details[open] summary:after{content:"−"}
.notice{background:rgba(10,9,13,.8);border-color:rgba(232,198,106,.15)}
.bottom-nav{background:linear-gradient(135deg,rgba(12,10,16,.97),rgba(5,5,8,.97));border-color:rgba(232,198,106,.24);box-shadow:0 20px 60px rgba(0,0,0,.65),0 0 40px rgba(139,92,246,.08)}
.bottom-nav a strong{color:var(--gold2)}
.footer{border-top-color:rgba(232,198,106,.14)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.contact-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(232,198,106,.15);border-radius:18px;background:linear-gradient(145deg,#110f15,#08080b);transition:.25s;min-height:76px}.contact-card:hover{transform:translateY(-4px);border-color:rgba(232,198,106,.42);box-shadow:0 18px 45px rgba(0,0,0,.35)}.contact-card .contact-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;font-size:21px;font-weight:900;color:#09080b;background:linear-gradient(135deg,var(--gold2),#9d6d20);box-shadow:0 8px 22px rgba(232,198,106,.12)}.contact-card.whatsapp .contact-icon{background:linear-gradient(135deg,#8fffb0,#25d366);}.contact-card span:nth-child(2){display:flex;flex-direction:column;min-width:0}.contact-card strong{font-size:13px}.contact-card small{color:#948c9d;margin-top:4px;line-height:1.4}.contact-card>b{margin-left:auto;color:var(--gold2)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.contact-grid{grid-template-columns:1fr}.contact-card{min-height:70px}}

.delivery-badge{display:inline-flex;align-items:center;gap:7px;margin:8px 0 2px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;color:#fff0ad;background:linear-gradient(90deg,rgba(232,198,106,.1),rgba(139,92,246,.1));border:1px solid rgba(232,198,106,.2)}

/* DSR4U Signature UX */
:root{--gold:#e8c66a;--gold2:#ffd978;--violet:#8b5cf6;--cyan:#22d3ee;--bg:#060608;--panel:#0c0b10}
body{background:radial-gradient(circle at 15% 10%,rgba(139,92,246,.10),transparent 28%),radial-gradient(circle at 85% 20%,rgba(34,211,238,.08),transparent 25%),linear-gradient(145deg,#050507,#0a090d 52%,#050507);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(255,217,120,.08),transparent 32%);z-index:-1}
.nav,.topbar{border-color:rgba(232,198,106,.18)}
.panel,.contact-card,.cartrow{box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.btn-primary,.btn-success{box-shadow:0 10px 30px rgba(139,92,246,.18),0 0 0 1px rgba(255,217,120,.10);}
.brand-logo-img{width:36px;height:36px;object-fit:contain;border-radius:10px;display:block}
.brandmark{display:grid;place-items:center;overflow:hidden}
.product-info-bottom{margin-top:22px}
.product-info-bottom .info-accordions{display:grid;gap:12px}
.variation-title{display:flex;align-items:center;gap:8px}
.variation-title svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.5}
.payment-warning{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,180,60,.08);border:1px solid rgba(255,180,60,.22)}
.notice.success{border-color:rgba(34,211,238,.35);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(139,92,246,.07))}
@media(max-width:620px){.product-info-bottom{margin-bottom:20px}.brand-logo-img{width:34px;height:34px}}