:root{--bg:#120e0f;--bg2:#191314;--surface:#1f1718;--card:#261d1f;--card2:#2e2326;--border:#38292c;--border2:#4a3539;--text:#f6efe9;--muted:#b9a9a6;--faint:#8a7774;--burgundy:#7a1426;--burgundy2:#9e1d34;--gold:#d4af37;--gold2:#ffdf98;--green:#10b981;--amber:#f59e0b;--blue:#38bdf8;--red:#e0566c;--radius:16px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Cairo,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.35}p{margin:0}.container{width:min(1200px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.faint{color:var(--faint)}.gold{color:var(--gold)}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{text-align:center}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{cursor:pointer;background:var(--card2);color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .12s,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--burgundy2), var(--burgundy));color:#fff}.btn.gold{background:linear-gradient(135deg, #e8c75a, var(--gold));color:#1a1206}.btn.ghost{border-color:var(--border2);background:0 0}.btn.danger{color:#ff9aa8;background:#3a1a1f;border-color:#5a2630}.btn.green{color:#7ef0c2;background:#0f3b2c;border-color:#145c43}.btn.sm{border-radius:10px;padding:6px 12px;font-size:13px}.btn.lg{border-radius:14px;padding:14px 26px;font-size:17px}.btn.block{width:100%}.icon-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.badge-dot{background:var(--gold);color:#1a1206;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-6px;left:-6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.pad{padding:20px}.chip{background:var(--card2);border:1px solid var(--border2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pill-filter{border:1px solid var(--border2);background:var(--card);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.pill-filter.on{background:var(--gold);color:#1a1206;border-color:var(--gold)}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13.5px;font-weight:700}.input,.select,.textarea{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;outline:none;width:100%;padding:11px 14px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold)}.textarea{resize:vertical;min-height:90px}.input.ltr{text-align:left;direction:ltr}.check{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--gold)}.switch{background:var(--border2);cursor:pointer;border:0;border-radius:13px;flex:none;width:46px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:right .2s;position:absolute;top:3px;right:3px}.switch.on{background:var(--green)}.switch.on:after{right:23px}.alert{border-radius:12px;padding:12px 16px;font-weight:600}.alert.err{color:#ffb3bf;background:#3a1a1f;border:1px solid #5a2630}.alert.ok{color:#9ff5d2;background:#0f3b2c;border:1px solid #145c43}.alert.info{color:var(--gold2);background:#2b2412;border:1px solid #4d3f17}.spinner{border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--card) 0%, var(--card2) 50%, var(--card) 100%);background-size:200% 100%;border-radius:12px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}.toast{background:var(--card2);border:1px solid var(--gold);color:var(--text);box-shadow:var(--shadow);z-index:100;border-radius:14px;padding:12px 22px;font-weight:700;animation:.25s up;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes up{0%{opacity:0;transform:translate(-50%,12px)}}.modal-back{z-index:50;background:#000000b3;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border2);width:min(640px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:20px;overflow:auto}.modal.wide{width:min(900px,100%)}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-foot{border-top:1px solid var(--border);background:var(--surface);gap:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}.drawer-back{z-index:50;background:#0009;animation:.15s fade;position:fixed;inset:0}.drawer{background:var(--surface);border-right:1px solid var(--border2);z-index:51;width:min(560px,100%);animation:.2s slide;position:fixed;top:0;bottom:0;left:0;overflow:auto}@keyframes slide{0%{opacity:0;transform:translate(-30px)}}.grid{gap:18px;display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (width<=1000px){.g4{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.g2,.g3{grid-template-columns:1fr}}.topbar{background:var(--burgundy);color:#fff;text-align:center;padding:6px 12px;font-size:13.5px;font-weight:600}.header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#120e0fe0;position:sticky;top:0}.header .container{align-items:center;gap:24px;height:72px;display:flex}.brand{align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand img{border-radius:50%;width:46px;height:46px}.brand small{color:var(--gold);letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:8px 14px;font-size:15px;font-weight:700}.nav a:hover,.nav a.active{color:var(--text);background:var(--card)}.header .tools{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.menu-btn{display:none}@media (width<=900px){.nav{display:none}.nav.open{background:var(--bg2);border-bottom:1px solid var(--border);flex-direction:column;padding:12px 16px;display:flex;position:absolute;top:72px;left:0;right:0}.menu-btn{display:grid}}.hero{position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding:56px 0 64px;display:grid}.hero h1{font-size:clamp(34px,5vw,56px);font-weight:800}.hero h1 span{color:var(--gold)}.hero p.lead{color:var(--muted);max-width:520px;margin:18px 0 26px;font-size:18px}.hero-img{aspect-ratio:5/4;box-shadow:var(--shadow);border:1px solid var(--border2);border-radius:28px;position:relative;overflow:hidden}.hero-img img{object-fit:cover;width:100%;height:100%}.hero-badge{border:1px solid var(--border2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120e0fd9;border-radius:16px;padding:12px 16px;position:absolute;bottom:18px;right:18px}.hero-glow{pointer-events:none;background:radial-gradient(circle,#9e1d3459,#0000 65%);width:600px;height:600px;position:absolute;inset:-40% -10% auto auto}.stats{gap:28px;margin-top:30px;display:flex}.stats b{color:var(--gold);font-size:26px;display:block}@media (width<=860px){.hero-grid{grid-template-columns:1fr;padding-top:28px}.hero-img{order:-1}}.section{padding:56px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-head h2{font-size:30px;font-weight:800}.section-head p{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:1px;font-size:13px;font-weight:800}.features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.feature .ic{width:48px;height:48px;color:var(--gold);background:#2b2412;border-radius:14px;place-items:center;margin-bottom:12px;display:grid}@media (width<=860px){.features{grid-template-columns:repeat(2,1fr)}}.cat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;font-weight:800;transition:border-color .15s,transform .15s;display:flex}.cat-card:hover{border-color:var(--gold);transform:translateY(-3px)}.cat-card .em{font-size:38px}.p-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.p-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-4px)}.p-card .img{aspect-ratio:4/3;background:var(--card);position:relative}.p-card .img img{object-fit:cover;width:100%;height:100%}.p-card .img .tag{position:absolute;top:12px;right:12px}.p-card .body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.p-card h3{font-size:17px;font-weight:800}.price{color:var(--gold);font-size:19px;font-weight:800}.price s{color:var(--faint);margin-inline-start:6px;font-size:14px;font-weight:600}.tag-green{color:#7ef0c2;background:#0f3b2c;border-color:#145c43}.tag-amber{color:#ffd27e;background:#3b2c0f;border-color:#5c4614}.tag-red{color:#ffb3bf;background:#3a1a1f;border-color:#5a2630}.tag-gold{background:var(--gold);color:#1a1206;border-color:var(--gold)}.offer-banner{border:1px solid var(--border2);background:linear-gradient(135deg,#2a1015,#1a1112);border-radius:24px;grid-template-columns:1fr 1fr;min-height:260px;display:grid;overflow:hidden}.offer-banner img{object-fit:cover;width:100%;height:100%}.offer-banner .txt{flex-direction:column;justify-content:center;gap:12px;padding:32px;display:flex}@media (width<=760px){.offer-banner{grid-template-columns:1fr}.offer-banner img{max-height:220px}}.cta{background:linear-gradient(135deg, var(--burgundy2), #4a0c18);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px;display:flex}.footer{border-top:1px solid var(--border);background:var(--bg2);margin-top:40px;padding:44px 0 24px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;display:grid}.footer h4{margin-bottom:12px;font-size:16px}.footer a{color:var(--muted);padding:3px 0;display:block}.footer a:hover{color:var(--gold)}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}.page-head{padding:36px 0 20px}.page-head h1{font-size:34px;font-weight:800}.layout-2{grid-template-columns:260px 1fr;align-items:start;gap:28px;display:grid}.layout-checkout{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.sticky{position:sticky;top:92px}@media (width<=900px){.layout-2,.layout-checkout{grid-template-columns:1fr}.sticky{position:static}}.side-cats a{color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.side-cats a.on,.side-cats a:hover{background:var(--card);color:var(--text)}.product-page{grid-template-columns:1fr 1fr;gap:40px;padding:36px 0;display:grid}.product-page .gallery{border:1px solid var(--border2);aspect-ratio:1;border-radius:24px;overflow:hidden}.product-page .gallery img{object-fit:cover;width:100%;height:100%}@media (width<=860px){.product-page{grid-template-columns:1fr}}.opt-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.opt{border:1px solid var(--border2);background:var(--card);cursor:pointer;text-align:right;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}.opt.on{border-color:var(--gold);color:var(--gold2);background:#2b2412}.stepper{border:1px solid var(--border2);border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:var(--card);cursor:pointer;border:0;width:42px;height:42px;font-size:20px}.stepper span{text-align:center;min-width:90px;font-weight:800}.cart-row{border-bottom:1px solid var(--border);grid-template-columns:88px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.cart-row img{object-fit:cover;border-radius:14px;width:88px;height:88px}.sum-line{justify-content:space-between;padding:6px 0;display:flex}.sum-line.total{border-top:1px dashed var(--border2);color:var(--gold);margin-top:6px;padding-top:12px;font-size:20px;font-weight:800}.auth-box{width:min(440px,100%);margin:48px auto}.google-btn{color:#1f1f1f;background:#fff}.or{color:var(--faint);align-items:center;gap:12px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.timeline{gap:0;margin:16px 0;display:flex}.timeline .st{text-align:center;color:var(--faint);flex:1;font-size:13px;font-weight:700;position:relative}.timeline .st:before{content:"";background:var(--border2);z-index:1;border-radius:50%;width:18px;height:18px;margin:0 auto 6px;display:block;position:relative}.timeline .st:after{content:"";background:var(--border2);width:100%;height:2px;position:absolute;top:8px;right:50%}.timeline .st:first-child:after{display:none}.timeline .st.done{color:var(--gold2)}.timeline .st.done:before,.timeline .st.done:after{background:var(--gold)}.video-box{aspect-ratio:16/9;border:1px solid var(--border2);background:#000;border-radius:18px;position:relative;overflow:hidden}.video-box iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose h3{color:var(--gold);margin:18px 0 8px}.prose p{color:var(--muted);margin:6px 0}.admin{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.a-side{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:auto}.a-side .brand{padding:4px 8px 16px;font-size:18px}.a-link{color:var(--muted);cursor:pointer;text-align:right;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14.5px;font-weight:700;display:flex}.a-link:hover{background:var(--card);color:var(--text)}.a-link.on{color:#fff;background:linear-gradient(135deg,#9e1d3459,#9e1d341f);border:1px solid #9e1d3480}.a-link .cnt{background:var(--gold);color:#1a1206;border-radius:999px;margin-inline-start:auto;padding:0 8px;font-size:12px;font-weight:800}.a-main{min-width:0}.a-top{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120e0fe6;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.a-top h1{font-size:21px;font-weight:800}.a-content{flex-direction:column;gap:18px;padding:24px;display:flex}.live-dot{color:#7ef0c2;background:#0f3b2c;border:1px solid #145c43;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.live-dot:before{content:"";background:#34d399;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3}}.a-menu{display:none}@media (width<=900px){.admin{grid-template-columns:1fr}.a-side{z-index:60;width:260px;transition:transform .2s;position:fixed;right:0;transform:translate(110%)}.a-side.open{box-shadow:var(--shadow);transform:none}.a-menu{display:grid}.a-content{padding:16px}}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.kpi span{color:var(--muted);font-size:13.5px;font-weight:700}.kpi b{margin-top:4px;font-size:26px;display:block}@media (width<=900px){.kpis{grid-template-columns:repeat(2,1fr)}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{flex:1;min-width:220px;position:relative}.search svg{color:var(--faint);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search .input{padding-right:40px}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:auto}table.t{border-collapse:collapse;width:100%;min-width:760px}.t th{text-align:right;color:var(--muted);background:var(--card);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:13px;font-weight:800}.t td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:14px}.t tr:last-child td{border-bottom:0}.t tr.click{cursor:pointer}.t tr.click:hover td{background:#ffffff06}.t tr.fresh td{background:#d4af3714}.thumb{object-fit:cover;background:var(--card);border-radius:12px;width:48px;height:48px}.mini-input{background:var(--bg2);border:1px solid var(--border2);text-align:center;border-radius:10px;width:96px;padding:6px 10px;font-weight:700}.mini-input:focus{border-color:var(--gold);outline:none}.mini-input.saved{border-color:var(--green)}.status-btns{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.status-btns .btn.on{outline:2px solid var(--gold)}.kv{grid-template-columns:130px 1fr;gap:6px 12px;font-size:14px;display:grid}.kv dt{color:var(--muted);font-weight:700}.kv dd{margin:0}.bars{align-items:flex-end;gap:6px;height:180px;padding-top:10px;display:flex}.bars .bar{background:linear-gradient(to top, var(--burgundy), var(--burgundy2));border-radius:6px 6px 0 0;flex:1;min-height:2px;position:relative}.bars .bar:hover{filter:brightness(1.3)}.bars .bar span{color:var(--faint);white-space:nowrap;font-size:11px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.preview-phone{background:var(--bg);border:1px solid var(--border2);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}