:root{
  --bg:#fffaf4;
  --bg2:#fff2e2;
  --panel:#f97316;
  --panel2:#fb923c;
  --ink:#1f2937;
  --card:#ffffff;
  --card2:#fff7ed;
  --cyan:#ea580c;
  --gold:#f59e0b;
  --green:#16a34a;
  --danger:#ef4444;
  --text:#1f2937;
  --muted:#7c2d12;
  --line:#fed7aa;
  --soft:rgba(249,115,22,.075);
  --soft2:rgba(249,115,22,.13);
  --shadow:0 18px 54px rgba(154,52,18,.16);
  --glow:0 0 34px rgba(249,115,22,.15);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --font-main:Tahoma,Arial,sans-serif;
  --font-title:Tahoma,Arial,sans-serif;
  --font-tagline:Tahoma,Arial,sans-serif;
  --font-product:Tahoma,Arial,sans-serif;
  --shop-size:29px;
  --tagline-size:12px;
  --product-size:13px;
  --icon-size:28px;
}


*{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth;background:var(--bg2)}
body{
  margin:0;
  min-height:100%;
  font-family:var(--font-main);
  color:var(--text);
  background:
    radial-gradient(circle at 18% -10%,color-mix(in srgb,var(--panel2) 30%,transparent),transparent 34%),
    radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--panel) 24%,transparent),transparent 32%),
    radial-gradient(circle at 50% 98%,rgba(255,190,88,.10),transparent 30%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background:
    radial-gradient(circle,rgba(255,244,224,.22) 0 1px,transparent 2px) 20px 28px/170px 240px,
    linear-gradient(rgba(255,245,225,.022) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(255,245,225,.018) 1px,transparent 1px) 0 0/28px 28px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 54%,transparent 100%);
}

body.effect-none::before{display:none}
body.effect-snow::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(circle,#fff 0 1px,transparent 2px) 20px 20px/115px 170px,
    radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 2px) 80px 90px/150px 210px;
  animation:snow 12s linear infinite;
}
body.effect-neon .surface,body.effect-neon .product-card{box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 25%,transparent),var(--shadow)}
body.effect-gold .ribbon,body.effect-gold .coupon-strip{filter:drop-shadow(0 0 18px rgba(250,204,21,.35))}
@keyframes snow{to{background-position:20px 640px,80px 780px}}

.hidden{display:none!important}
[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}
button,input,select,textarea{font-family:inherit;direction:rtl} input,textarea,select{unicode-bidi:plaintext}
button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}button:active{transform:scale(.985)}button:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.2)}
img,video{max-width:100%;display:block}

.boot{min-height:100dvh;display:grid;place-items:center;padding:22px}
.boot-card{width:min(350px,100%);background:rgba(5,8,16,.84);border:1px solid var(--line);border-radius:30px;padding:26px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.boot-logo{width:66px;height:66px;border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--panel2));display:grid;place-items:center;margin:0 auto 12px;font-size:30px}
.boot h1{font-size:18px;margin:0 0 7px}.boot p{font-size:12px;color:var(--muted);margin:0}
.dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:bounce .9s infinite}.dots i:nth-child(2){animation-delay:.14s}.dots i:nth-child(3){animation-delay:.28s}@keyframes bounce{50%{transform:translateY(-7px);opacity:.45}}

.app{position:relative;z-index:1;width:min(430px,100%);margin:0 auto;padding:12px 10px calc(118px + var(--safe-bottom))}

.hero-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,239,213,.105),rgba(255,224,178,.042));border-radius:30px;padding:14px;box-shadow:var(--shadow),var(--glow);margin-bottom:14px;overflow:hidden;isolation:isolate}.hero-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%,rgba(255,207,126,.08));pointer-events:none;z-index:-1}.hero-card::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,160,.38),transparent)}
.brand-line{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;margin-bottom:12px;direction:ltr}.brand-line>*{direction:rtl}
.logo-box{width:60px;height:60px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035));display:grid;place-items:center;overflow:hidden;font-weight:950;font-size:11px;flex:0 0 auto;border:1px solid rgba(255,226,188,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.24)}
.logo-box img,.logo-box video{width:100%;height:100%;object-fit:cover}
.brand-copy{text-align:right;min-width:0}.brand-copy h1{font-family:var(--font-title);font-size:var(--shop-size);line-height:1.12;margin:0;font-weight:950;letter-spacing:-.9px;text-shadow:0 10px 30px rgba(0,0,0,.28)}.brand-copy p{font-family:var(--font-tagline);font-size:var(--tagline-size);color:color-mix(in srgb,var(--muted) 88%,#fff);margin:6px 0 0;line-height:1.7}
.top-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.profile-pill,.wallet-pill{min-height:56px;border-radius:21px;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.18));border:1px solid rgba(255,227,192,.105);display:flex;align-items:center;gap:9px;padding:9px 10px;overflow:hidden;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--panel2),var(--panel));display:grid;place-items:center;overflow:hidden;flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.055)}.avatar img{width:100%;height:100%;object-fit:cover}
.profile-pill b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.profile-pill span{display:block;font-size:10px;color:var(--muted);direction:ltr;text-align:right;margin-top:2px}
.wallet-pill{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label btn" "value btn";align-content:center;padding:9px 10px}.wallet-pill span{grid-area:label;color:var(--muted);font-size:10px}.wallet-pill b{grid-area:value;font-size:13px;color:var(--gold);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-charge-mini{grid-area:btn;border:0;border-radius:13px;padding:8px 10px;background:linear-gradient(180deg,#fff9f0,#f2dac0);color:#17100b;font-size:11px;font-weight:950;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.18)}

.mood-mini{min-height:56px;border-radius:21px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 78%,#301a07),color-mix(in srgb,var(--panel2) 70%,#140c05));display:grid;grid-template-columns:42px 1fr 78px;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(255,233,200,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px rgba(0,0,0,.18)}.play-btn{width:37px;height:37px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28);color:#fff;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}.mood-mini b{font-size:12px;display:block}.mood-mini span{font-size:10px;color:rgba(255,255,255,.76);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.eq-box{height:34px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(0,0,0,.20);display:grid;place-items:center;padding:5px 8px;box-shadow:inset 0 0 16px rgba(0,0,0,.18)}.eq{height:23px;display:flex;align-items:end;gap:4px;direction:ltr}.eq i{display:block;width:5px;border-radius:5px;background:#fff;height:6px;opacity:.92;transition:height .12s ease}.mood-playing .eq i{box-shadow:0 0 10px rgba(255,255,255,.35)}@keyframes eq{50%{height:22px;opacity:.55}}

.banner-slider{aspect-ratio:16/9;height:auto;min-height:0;border-radius:24px;overflow:hidden;margin:13px 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,226,188,.13);box-shadow:0 18px 46px rgba(0,0,0,.26);position:relative}.banner-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.banner-slide{min-width:100%;height:100%;position:relative;display:grid;place-items:center;text-align:center;padding:18px;overflow:hidden}.banner-slide img,.banner-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.36))}.banner-slide>*{position:relative;z-index:1}.banner-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px}.banner-dots i,.banner-dots button{width:7px;height:7px;border-radius:999px;border:0;background:rgba(255,255,255,.48);padding:0}.banner-dots i.active,.banner-dots button.active{width:20px;background:#fff}
.banner-16x9{aspect-ratio:16/9;width:100%;height:auto;border-radius:24px;overflow:hidden;background:var(--soft)}

.coupon-strip,.coupon-bar{border:1px solid rgba(255,226,188,.13);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 60%,#17100a),color-mix(in srgb,var(--panel2) 44%,#120b06));border-radius:19px;padding:11px 13px;margin:11px 0;display:flex;align-items:center;justify-content:space-between;gap:9px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.coupon-strip h3{font-size:12px;margin:0}.coupon-strip p{font-size:11px;margin:0;color:rgba(255,255,255,.82)}.coupon-main{display:flex;align-items:center;gap:9px}.coupon-gift{font-size:20px}.coupon-copy{display:flex;gap:6px;align-items:center}.coupon-code{border-radius:10px;background:rgba(0,0,0,.28);padding:6px 8px;font-size:11px}.coupon-timer,.timer{font-size:10px;color:rgba(255,255,255,.78)}

.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 14px}
.quick-grid button,.quick-btn{
  position:relative;height:74px;border:1px solid rgba(255,255,255,.12);border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.065));
  box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text);overflow:hidden;padding:8px 6px;
  backdrop-filter:blur(12px);
}
.quick-grid button::before,.quick-btn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--panel2) 32%,transparent),transparent 58%);pointer-events:none}
.quick-grid button::after,.quick-btn::after{content:"";position:absolute;inset:auto 12px 0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--panel2),transparent);opacity:.85}
.quick-grid button:active,.quick-btn:active{filter:brightness(1.08);transform:translateY(1px) scale(.99)}
.quick-grid span,.quick-btn span{position:relative;z-index:1;font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 8px rgba(0,0,0,.32)}
.quick-grid img,.quick-grid video,.quick-btn img,.quick-btn video{position:relative;z-index:1;width:34px;height:34px;object-fit:cover;border-radius:15px;background:rgba(255,255,255,.12);box-shadow:0 10px 18px rgba(0,0,0,.22)}
.quick-emoji{position:relative;z-index:1;width:36px;height:36px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:24px;line-height:1;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}

.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;position:relative;z-index:1}.section-head h2{font-size:16px;margin:0 0 4px;font-weight:950;letter-spacing:-.2px}.section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.section-head span{border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);padding:6px 10px;font-size:10px;color:var(--muted);white-space:nowrap}

.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;position:relative;z-index:1}.product-card{position:relative;min-width:0;border-radius:22px;background:linear-gradient(180deg,rgba(255,245,230,.085),rgba(255,222,177,.034));border:1px solid rgba(255,226,188,.13);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;display:flex;flex-direction:column}.product-card:active{filter:brightness(1.04)}.product-media{aspect-ratio:16/9;height:auto;min-height:0;background:rgba(255,255,255,.06);position:relative;overflow:hidden}.product-media img,.product-media video{width:100%;height:100%;object-fit:cover}.product-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18));pointer-events:none}.product-media .placeholder,.placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.48);font-size:20px;text-align:center}.product-card .card{display:flex;flex-direction:column;gap:7px;min-height:128px;padding:10px}.product-card h3,.product-card b,.product-card .detail-title{font-family:var(--font-product);font-size:var(--product-size);line-height:1.55;font-weight:950;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-desc{font-size:11px;color:var(--muted);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-line{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.price,.final,.final-total{color:var(--price-text,var(--gold));font-weight:950}.old{color:var(--muted);text-decoration:line-through;font-size:10px}.badge,.discount,.mini-discount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 7px;border-radius:999px;background:rgba(15,57,116,.92);color:#fff;font-size:10px;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.20)}.product-card .mini-actions{margin-top:auto;display:grid;gap:7px}.view-btn,.mini-actions button,.btn-wide,.cart-pay,.cart-main,.back-btn,.btn-ghost,.admin-actions button,.pay-method-tile642,.wallet-charge-box button,.pay-method-card{border:0;border-radius:15px;min-height:43px;padding:10px 12px;font-weight:950;color:var(--button-text,#17100b);background:linear-gradient(135deg,var(--panel2),var(--panel));box-shadow:0 12px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.16);text-align:center}.view-btn{width:100%;font-size:12px}.btn-ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);box-shadow:none;color:var(--text)}.danger,.admin-actions button.danger,.btn-ghost.danger{background:linear-gradient(135deg,#ef4444,#991b1b)!important;color:#fff!important}.ok,.admin-actions button.ok{background:linear-gradient(135deg,#22c55e,#059669)!important;color:#fff!important}.bad{background:linear-gradient(135deg,#ef4444,#991b1b)!important}.product-card h3{margin:9px 10px 0;min-height:39px}.product-card .price-full{font-size:11px;padding:0 10px 10px}.product-card .price-line{font-size:10px}.product-card .price-line strong,.product-card .price-line b{font-size:11px}.product-card .view-btn{margin:0 10px 10px;width:calc(100% - 20px);min-height:38px;border-radius:14px}.product-card>.badge{position:absolute;z-index:2;top:8px;right:8px}

.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:1}.category-card{min-height:78px;border:1px solid rgba(255,226,188,.13);border-radius:22px;padding:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 50%,#20130a),color-mix(in srgb,var(--panel) 52%,#120b07));display:flex;align-items:center;gap:10px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09)}.category-card:nth-child(2n){background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 52%,#1a1009),color-mix(in srgb,var(--panel2) 42%,#100a06))}.category-card img,.category-card video{width:44px;height:44px;border-radius:15px;object-fit:cover;flex:0 0 auto;background:rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(0,0,0,.18)}.category-card b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card small{font-size:10px;color:rgba(255,255,255,.78)}
.row-list{display:grid;gap:8px;position:relative;z-index:1}.row-card,.table-item,.topup-row640{border:1px solid rgba(255,226,188,.11);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.034));padding:8px;display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;box-shadow:0 12px 26px rgba(0,0,0,.17)}.product-row{display:grid;grid-template-columns:64px 1fr 66px;align-items:center}.row-thumb{width:64px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}.row-thumb img,.row-thumb video{width:100%;height:100%;object-fit:cover}.row-info{min-width:0}.row-info h3,.row-card h3{margin:0 0 3px;font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-info p,.row-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.row-meta b{font-size:11px;color:var(--gold)}.row-card small,.table-item small,.muted-note{color:var(--muted);font-size:11px;line-height:1.7}.row-card .timer,.card-timer{border-radius:10px;background:rgba(255,255,255,.10);padding:4px 7px;direction:ltr;white-space:nowrap;font-size:10px}.row-view,.row-card>button{border:0;border-radius:13px;min-height:35px;padding:8px 9px;background:linear-gradient(135deg,var(--panel2),var(--panel));color:var(--button-text,#17100b);font-weight:950;font-size:10.5px;box-shadow:0 10px 20px rgba(0,0,0,.16)}.small-list{gap:8px}.vertical-banner{width:min(302px,82vw);aspect-ratio:9/16;height:auto;margin:18px auto;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 68%,#fff4e2),color-mix(in srgb,var(--panel2) 62%,#140c05));box-shadow:0 24px 70px rgba(0,0,0,.34);overflow:hidden;text-align:center;border:1px solid rgba(255,226,188,.12)}.vertical-banner img,.vertical-banner video{width:100%;height:100%;object-fit:cover}.auto-banner{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.08)}
.special-offer-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,#111827),color-mix(in srgb,var(--panel2) 54%,#0f172a));padding:10px;border:1px solid rgba(255,255,255,.10)}.special-offer-top{display:flex;gap:10px;align-items:center}.special-price{font-weight:950;color:var(--gold)}.special-timer{direction:ltr;border-radius:10px;background:rgba(255,255,255,.14);padding:6px 8px}.special-empty-note,.empty-note{border:1px dashed rgba(255,255,255,.18);border-radius:16px;padding:13px;text-align:center;color:var(--muted);font-size:12px;background:rgba(255,255,255,.045)}

#pageView{min-height:calc(100dvh - 24px);padding-bottom:calc(104px + var(--safe-bottom))}.page-head{display:flex;align-items:center;gap:10px;margin:4px 0 12px;border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,226,188,.12);padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.page-head h2{margin:0;font-size:17px}.page-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.back-btn{width:80px;flex:0 0 auto;background:rgba(255,255,255,.10);box-shadow:none;border:1px solid rgba(255,255,255,.12);color:var(--text)}.search-bar{display:grid;grid-template-columns:1fr 125px;gap:8px;margin-bottom:12px}.search-bar input,.search-bar select,input,select,textarea{width:100%;min-height:44px;border:1px solid rgba(255,226,188,.12);border-radius:15px;background:rgba(255,255,255,.075);color:var(--text);padding:10px 12px;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}.search-bar select,select{appearance:none}.page-products{padding-bottom:20px}


.cart-dock{position:fixed;z-index:30;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translateX(-50%);width:min(430px,calc(100% - 22px));display:grid;grid-template-columns:1fr 112px;gap:8px;padding:8px;border:1px solid rgba(255,226,188,.14);border-radius:24px;background:rgba(15,10,7,.78);box-shadow:0 20px 58px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.cart-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.08);box-shadow:none;text-align:right;color:var(--text);border:1px solid rgba(255,255,255,.07)}
.cart-main span{width:24px;height:24px;border-radius:50%;background:var(--danger);display:grid;place-items:center;font-size:11px;color:#fff}.cart-main small{color:var(--gold);font-size:11px;white-space:nowrap}.cart-pay{background:linear-gradient(135deg,#22c55e,#f2a51d);color:#17100b}
.admin-floating-dock{display:none!important}
.admin-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
.admin-dock,.receipt-dock,.admin-action-bar button{border:1px solid rgba(255,255,255,.14);border-radius:22px;color:#fff;padding:12px 13px;font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(16px);white-space:nowrap;min-height:52px;font-size:13px}
.admin-action-bar button:first-child{background:linear-gradient(135deg,rgba(124,58,237,.76),rgba(14,165,233,.70));}
.admin-action-bar button:nth-child(2){background:linear-gradient(135deg,rgba(34,197,94,.84),rgba(250,204,21,.76));color:#15100b}
body.drawer-open .cart-dock,body.drawer-open .admin-floating-dock,body.admin-open .cart-dock,body.admin-open .admin-floating-dock{display:none!important}

.overlay{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(7px)}.drawer{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);height:min(88dvh,760px);max-height:calc(100dvh - 18px);border-radius:30px 30px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,#2b1a10),var(--card2));border:1px solid rgba(255,226,188,.14);border-bottom:0;box-shadow:0 -28px 90px rgba(0,0,0,.50);display:flex;flex-direction:column;overflow:hidden;padding-top:52px}.close-btn{position:absolute;top:12px;left:12px;width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:26px;line-height:1}.drawer h2{margin:0 0 12px;font-size:18px}.drawer h3{font-size:15px;margin:13px 0 8px}.drawer p{color:var(--muted);line-height:1.8;font-size:12px}.drawer #drawerContent{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 14px calc(122px + var(--safe-bottom));scrollbar-width:thin}.drawer #drawerContent>.btn-wide:last-child,.pay-action-box642 .btn-wide:last-child,.wallet-charge-box .btn-wide:last-child{position:static;z-index:1;margin-top:14px;width:100%}.checkout-final-btn{width:100%;min-height:52px;border-radius:18px;margin-top:14px}.drawer input,.drawer textarea,.drawer select{background:rgba(255,255,255,.075)}
.detail-hero{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08);margin-bottom:12px;aspect-ratio:16/9}.detail-hero img,.detail-hero video{width:100%;height:100%;object-fit:cover}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spec{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.065);padding:10px}.spec small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.spec b{font-size:13px}.cart-line{align-items:flex-start}.invoice-line643,.invoice-line644{display:grid;grid-template-columns:1fr auto;gap:8px}.cart-info{min-width:0}.cart-info b{font-size:12px}.cart-info small{display:block;color:var(--muted);font-size:10px}.qty-control{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border-radius:14px;padding:4px}.qty-control button{width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:18px}.qty-control span{min-width:22px;text-align:center}.remove-mini{grid-column:1/-1;min-height:36px}.coupon-entry-card,.invoice-form643,.invoice-form644,.cart-answer643,.cart-answer644{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.06);padding:11px;margin:10px 0}.coupon-entry-head{display:flex;align-items:center;gap:10px}.coupon-entry-head>div{display:grid;gap:3px;min-width:0}.coupon-entry-head b{font-size:13px}.coupon-entry-head small{display:block;font-size:11px;color:var(--muted);line-height:1.7}.coupon-entry-row,.coupon-apply-row{display:grid;grid-template-columns:1fr 88px;gap:8px;margin-top:10px}.coupon-entry-row button,.coupon-apply-row button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--panel),var(--panel2));color:#fff;font-weight:950}.coupon-msg{font-size:11px;color:var(--gold);margin-top:8px}.invoice-form-title644{margin:8px 0 0;font-size:13px}.q-required640{color:var(--gold)}

.wallet-topup-v642,.wallet-topup-v643,.wallet-topup-v645,.wallet-charge-box{display:grid;gap:12px}.charge-hero642,.charge-hero645{border:1px solid rgba(255,226,188,.13);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 52%,#19100a),color-mix(in srgb,var(--panel2) 36%,#100906));padding:14px;box-shadow:0 16px 34px rgba(0,0,0,.22)}.charge-hero642 b,.charge-hero645 b{display:block;font-size:20px;color:var(--gold);margin-top:6px}.quick-amounts642{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-amounts642 button{border:1px solid rgba(255,226,188,.12);border-radius:16px;background:rgba(255,255,255,.075);color:#fff;min-height:44px;font-weight:950}.amount-field642{display:grid;gap:8px}.pay-gateway-groups642,.pay-gateway-groups645,.pay-method-list{display:grid;gap:10px}.pay-group642{border:1px solid rgba(255,226,188,.11);border-radius:21px;background:rgba(255,255,255,.052);padding:10px}.pay-group-head642{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pay-group-head642 b{font-size:13px}.pay-group-head642 small{font-size:10px;color:var(--muted)}.pay-method-tile642,.pay-method-card{width:100%;display:grid;gap:3px;text-align:right;margin:7px 0;background:rgba(255,255,255,.074);border:1px solid rgba(255,226,188,.11);box-shadow:none;color:var(--text)}.pay-method-tile642 span{font-size:13px}.pay-method-tile642 small,.pay-method-card small{font-size:10px;color:var(--muted)}.pay-action-box642{border:1px solid rgba(255,226,188,.12);border-radius:23px;background:rgba(255,255,255,.06);padding:12px;margin-top:10px;display:grid;gap:10px}.pay-summary642,.crypto-info642{border:1px solid rgba(255,226,188,.11);border-radius:18px;background:rgba(0,0,0,.20);padding:10px;display:grid;gap:6px}.crypto-info642 code{direction:ltr;text-align:left;word-break:break-all;background:rgba(255,255,255,.08);border-radius:12px;padding:8px;font-size:11px;color:#d9f99d}.bank-card-no{direction:ltr;text-align:center;letter-spacing:2px;border-radius:16px;background:rgba(0,0,0,.24);padding:12px;font-size:18px;font-weight:950;color:var(--gold)}.gateway-box,.cardpay-box{border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,226,188,.11);padding:12px;margin:10px 0}.topup-review642{display:grid;gap:10px}.review-stats642{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:rgba(255,255,255,.075);padding:10px 12px}.review-stats642 b{font-size:22px;color:var(--gold)}.topup-card642{border:1px solid rgba(255,226,188,.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.034));padding:11px;display:grid;gap:10px;box-shadow:0 16px 34px rgba(0,0,0,.20)}.topup-card642 .mini-actions,.topup-row640 .mini-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.topup-card642 .mini-actions button,.topup-row640 .mini-actions button{min-height:44px;border-radius:15px;border:0;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--panel),var(--panel2));padding:10px}.topup-card642 .mini-actions button:nth-child(1),.topup-row640 .mini-actions button:nth-child(1){background:linear-gradient(135deg,#22c55e,#059669)}.topup-card642 .mini-actions button:nth-child(2),.topup-row640 .mini-actions button:nth-child(2){background:linear-gradient(135deg,#f59e0b,#d97706)}.topup-card642 .mini-actions button:nth-child(3),.topup-row640 .mini-actions button:nth-child(3){background:linear-gradient(135deg,#ef4444,#991b1b);grid-column:auto}.receipt-preview644{order:-2;border:1px solid rgba(255,226,188,.13);border-radius:19px;overflow:hidden;background:rgba(0,0,0,.22);min-height:150px;display:grid;place-items:center;position:relative}.receipt-preview644 img{width:100%;max-height:280px;object-fit:contain;background:#111}.receipt-preview644 span{position:absolute;right:10px;top:10px;border-radius:999px;background:rgba(15,23,42,.78);padding:5px 9px;font-size:10px;color:#fff}.receipt-preview644.receipt-file{min-height:80px}.receipt-preview644.receipt-file::after{content:"فایل رسید قابل پیش‌نمایش نیست";color:var(--muted);font-size:12px}.topup-meta644{display:grid;gap:6px}.receipt-actions644{grid-template-columns:1fr!important}.receipt-actions644 button{width:100%;min-height:46px}.topup-card642.pending{border-color:rgba(250,204,21,.22)}.topup-review-dock{position:sticky;bottom:calc(18px + var(--safe-bottom));border-radius:16px;background:rgba(15,23,42,.92);padding:8px;z-index:2}

.admin-panel{position:fixed;z-index:80;inset:0;background:radial-gradient(circle at 18% -8%,color-mix(in srgb,var(--panel2) 18%,transparent),transparent 32%),radial-gradient(circle at 90% 0%,rgba(124,58,237,.12),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2));display:flex;flex-direction:column;overflow:hidden}.admin-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%),radial-gradient(circle at 86% 6%,rgba(255,211,122,.10),transparent 26%)}.admin-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 14px;border-bottom:1px solid rgba(255,226,188,.12);background:rgba(255,255,255,.055);backdrop-filter:blur(18px)}.admin-header h2{margin:0 0 4px;font-size:19px;letter-spacing:-.3px}.admin-header p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.close-admin{width:42px;height:42px;border:1px solid rgba(255,226,188,.12);border-radius:16px;background:rgba(255,255,255,.10);color:#fff;font-size:24px;flex:0 0 auto}.admin-tabs{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid rgba(255,226,188,.08);scrollbar-width:none;background:rgba(0,0,0,.13)}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{flex:0 0 auto;border:1px solid rgba(255,226,188,.13);border-radius:999px;background:rgba(255,255,255,.072);color:#fff;padding:10px 13px;font-weight:900;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.admin-tabs button.active{background:linear-gradient(135deg,var(--panel2),var(--panel));color:var(--button-text,#17100b);box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08) inset}.admin-content{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:13px 12px calc(56px + var(--safe-bottom));width:min(760px,100%);margin:0 auto}.admin-card{border:1px solid rgba(255,226,188,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));padding:14px;margin-bottom:12px;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}.admin-card h3{margin:0 0 12px;font-size:15px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-grid label,.field,label{display:grid;gap:6px;font-size:11px;color:var(--muted);min-width:0}.admin-grid .wide-field,.wide-field{grid-column:1/-1}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-actions button{min-width:108px;flex:1}.admin-empty,.admin-hint,.admin-note644{border:1px dashed rgba(255,226,188,.18);border-radius:17px;padding:12px;color:var(--muted);font-size:12px;line-height:1.8;background:rgba(255,255,255,.035)}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto;min-height:auto}.product-form-625,.product-form-640,.category-editor,.quick-editor-card,.inline-editor640,.pay-editor642,.custom-theme-ui{display:grid;gap:10px}.category-admin-list,.audio-list,.font-library,.theme-list{display:grid;gap:9px}.font-card,.theme-row,.tp-card{border:1px solid rgba(255,226,188,.11);border-radius:18px;background:rgba(255,255,255,.055);padding:10px;display:grid;gap:8px}.font-control-grid,.color-grid,.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.swatches button{height:40px;border-radius:14px;border:1px solid rgba(255,226,188,.14)}.theme-preview{height:58px;border-radius:16px;border:1px solid rgba(255,226,188,.12)}.theme-effect-box,.advanced-theme{border-radius:18px;background:rgba(255,255,255,.052);border:1px solid rgba(255,226,188,.11);padding:10px}.pay-mode-fields642{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-checks640{display:grid;gap:8px}.promoChannel640,.featCheck{display:flex!important;align-items:center;gap:8px;border:1px solid rgba(255,226,188,.11);border-radius:15px;padding:9px;background:rgba(255,255,255,.052)}.upload{border-style:dashed!important}.qb-icon{width:44px;height:44px;border-radius:14px;object-fit:cover;background:rgba(255,255,255,.10)}.qb-emoji{font-size:26px}.tp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview{border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,226,188,.11);padding:10px}.only{white-space:nowrap}.final-total{font-size:18px}.discount-total{color:var(--green);font-weight:950}.price-full{font-size:18px;color:var(--gold)}.soft{color:var(--muted)}
.toast{position:fixed;z-index:90;left:50%;bottom:calc(100px + var(--safe-bottom));transform:translateX(-50%);width:min(390px,calc(100% - 24px));border-radius:18px;background:rgba(15,23,42,.94);color:#fff;border:1px solid rgba(255,255,255,.12);padding:12px 14px;text-align:center;box-shadow:var(--shadow);font-size:13px}

@media (min-width:700px){.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid .wide-field{grid-column:1/-1}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app{width:min(540px,100%)}.cart-dock,.drawer{width:min(540px,100%)}}
@media (max-width:390px){.app{padding-inline:10px;padding-bottom:calc(132px + var(--safe-bottom))}.top-mini-row{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-grid button,.quick-btn{height:68px;border-radius:20px}.quick-grid span,.quick-btn span{font-size:10px}.quick-emoji{width:32px;height:32px;font-size:22px}.product-grid{gap:10px}.product-media{height:auto}.category-grid{gap:9px}.search-bar{grid-template-columns:1fr}.cart-dock{grid-template-columns:1fr}.cart-pay{display:none}.admin-grid,.pay-mode-fields642{grid-template-columns:1fr}.topup-card642 .mini-actions,.topup-row640 .mini-actions{grid-template-columns:1fr}.topup-card642 .mini-actions button:nth-child(3),.topup-row640 .mini-actions button:nth-child(3){grid-column:auto}.quick-amounts642{grid-template-columns:1fr 1fr}.font-control-grid,.color-grid,.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.product-row{grid-template-columns:60px 1fr 62px}.row-thumb{width:60px}.row-view{padding-inline:8px}}
@media (max-width:390px){.admin-action-bar{grid-template-columns:1fr 1fr}.admin-dock,.receipt-dock{padding:9px 11px;font-size:11px}}
@media (max-width:330px){.product-grid,.category-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-line{grid-template-columns:54px 1fr}.logo-box{width:54px;height:54px}.brand-copy h1{font-size:24px}.mood-mini{grid-template-columns:38px 1fr 62px}.eq-box{padding-inline:5px}.coupon-entry-row,.coupon-apply-row{grid-template-columns:1fr}.admin-actions button{min-width:100%}}

/* 6.7.2: داک شناور مدیریت/رسید حذف شده؛ دکمه‌ها فقط داخل صفحه اصلی می‌مانند */
#adminFloatingDock,.admin-floating-dock,.topup-review-dock{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* 6.7.2 quick four */

.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.quick-grid button,.quick-btn,.quick-tile{min-width:0;border-radius:20px;padding:12px 8px;min-height:72px}
.quick-grid span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:380px){.quick-grid{gap:8px}.quick-grid button,.quick-btn,.quick-tile{min-height:66px;padding:10px 6px}.quick-grid span{font-size:11px}}

/* 6.7.2 admin action */

.admin-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}
.admin-action-bar.hidden{display:none!important}
.admin-action-bar button{border:0;border-radius:18px;padding:14px 10px;font-weight:900;background:linear-gradient(135deg,var(--panel2),var(--cyan));color:var(--button-text,#fff);box-shadow:0 12px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.18)}


/* === 6.9.6 CLEAN DESIGN LAYER: one active visual system === */
:root{
  --normal-card:var(--card);
  --normal-card2:var(--card2);
  --category:var(--panel);
  --category2:var(--panel2);
  --offer:var(--gold);
  --offer2:var(--panel2);
  --box:color-mix(in srgb,var(--card) 88%,rgba(255,255,255,.08));
  --box2:color-mix(in srgb,var(--card2) 86%,rgba(255,255,255,.035));
  --badge-new:var(--green);
  --badge-discount:#ef4444;
  --badge-soon:#64748b;
  --input-bg:color-mix(in srgb,var(--card2) 82%,rgba(255,255,255,.08));
  --drawer-bg:color-mix(in srgb,var(--bg2) 88%,rgba(255,255,255,.04));
  --admin-bg:color-mix(in srgb,var(--bg) 92%,rgba(255,255,255,.05));
  --glow-color:color-mix(in srgb,var(--panel2) 18%,transparent);
  --glass:rgba(255,255,255,.075);
  --glass2:rgba(255,255,255,.035);
  --fast:cubic-bezier(.2,.75,.2,1);
}
html,body{overscroll-behavior:none}
body{
  background:
    radial-gradient(circle at 18% -12%, color-mix(in srgb,var(--panel2) 34%,transparent), transparent 34%),
    radial-gradient(circle at 88% 10%, color-mix(in srgb,var(--category) 24%,transparent), transparent 32%),
    radial-gradient(circle at 50% 102%, color-mix(in srgb,var(--offer) 13%,transparent), transparent 34%),
    linear-gradient(180deg,var(--bg),var(--bg2) 76%,color-mix(in srgb,var(--bg2) 86%,#000));
  color:var(--text);
}
body::before{opacity:.16;animation:ambientMove 18s var(--fast) infinite alternate;will-change:transform,opacity}
@keyframes ambientMove{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-18px,0) scale(1.025)}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 26%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--offer) 10%,transparent),transparent 24%);animation:softGlow696 9s ease-in-out infinite alternate}
@keyframes softGlow696{to{opacity:.34;filter:saturate(1.08) blur(.2px)}}
body.effect-none::before,body.effect-none::after{display:none!important}
body.effect-rain::after{opacity:.18;background:linear-gradient(110deg,transparent 0 42%,color-mix(in srgb,var(--cyan) 18%,transparent) 42% 43%,transparent 43% 100%) 0 0/120px 180px;animation:rain696 1.6s linear infinite}
@keyframes rain696{to{background-position:-120px 180px}}
body.effect-embers::after{opacity:.26;background:radial-gradient(circle,color-mix(in srgb,var(--offer) 70%,transparent) 0 1px,transparent 2px) 20px 120px/130px 180px,radial-gradient(circle,color-mix(in srgb,var(--panel2) 60%,transparent) 0 1px,transparent 2px) 90px 30px/180px 240px;animation:embers696 8s linear infinite}
@keyframes embers696{to{background-position:20px -400px,90px -360px}}
body.effect-bubbles::after{opacity:.18;background:radial-gradient(circle,rgba(255,255,255,.36) 0 1px,transparent 3px) 24px 180px/140px 220px,radial-gradient(circle,color-mix(in srgb,var(--cyan) 28%,transparent) 0 2px,transparent 5px) 80px 80px/180px 260px;animation:bubbles696 10s linear infinite}
@keyframes bubbles696{to{background-position:24px -360px,80px -420px}}

button,.view-btn,.row-view,.btn-wide,.cart-pay,.cart-main,.back-btn,.btn-ghost,.admin-actions button,.mini-actions button,.admin-tabs button{
  border:0;min-height:40px;border-radius:15px;padding:10px 12px;font-size:12px;font-weight:900;letter-spacing:-.15px;
  background:linear-gradient(135deg,var(--panel2),var(--panel));color:var(--button-text,#08111f);
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .16s var(--fast),box-shadow .16s var(--fast),filter .16s var(--fast),opacity .16s var(--fast);
}
button:hover,.product-card:hover,.category-card:hover,.special-offer-card:hover,.row-card:hover{filter:saturate(1.06)}
button:active,.product-card:active,.category-card:active,.row-card:active{transform:scale(.985)}
input,select,textarea{
  background:linear-gradient(180deg,var(--input-bg),color-mix(in srgb,var(--input-bg) 76%,rgba(255,255,255,.04)))!important;
  color:var(--text)!important;border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;border-radius:15px!important;
  min-height:42px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.08)!important;
}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.surface,.hero-card,.admin-card,.theme-effect-box,.advanced-theme,.coupon-strip,.mood-mini,.profile-pill,.wallet-pill,.category-card,.row-card,.product-card,.drawer,.cart-dock{
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.surface,.admin-card,.hero-card{
  background:linear-gradient(180deg,var(--box),var(--box2));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 34px var(--glow-color),inset 0 1px 0 rgba(255,255,255,.065);
}
.hero-card{border-radius:30px;transform:translateZ(0)}
.logo-box,.avatar{box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.12)}
.wallet-charge-mini{background:linear-gradient(135deg,var(--cyan),var(--panel2));color:var(--button-text,#06121d)}

.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 16px}
.quick-grid button,.quick-btn{
  min-width:0;min-height:70px;border-radius:21px;padding:10px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--category) 44%,var(--glass)),color-mix(in srgb,var(--category2) 28%,var(--glass2)));
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);color:var(--text);position:relative;overflow:hidden;
}
.quick-grid button::after,.category-card::after,.product-card::after,.special-offer-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.11) 46%,transparent 56%);transform:translateX(130%);transition:transform .65s var(--fast);pointer-events:none}
.quick-grid button:active::after,.category-card:active::after,.product-card:active::after,.special-offer-card:active::after{transform:translateX(-130%)}
.quick-emoji{width:32px;height:32px;font-size:22px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.quick-grid span{font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.banner-slider{border-radius:26px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);box-shadow:0 20px 52px rgba(0,0,0,.26),0 0 32px var(--glow-color)}
.banner-track{transition:transform .55s var(--fast);will-change:transform}.banner-slide::after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.30))}
.coupon-strip{border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--offer) 24%,var(--card)),color-mix(in srgb,var(--panel2) 22%,var(--card2)));border:1px solid color-mix(in srgb,var(--offer) 32%,var(--line));box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 26px color-mix(in srgb,var(--offer) 12%,transparent)}
.coupon-code{background:rgba(0,0,0,.24);border-radius:999px;padding:4px 8px;color:var(--offer)}

.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{
  min-height:92px;position:relative;overflow:hidden;border-radius:24px;padding:13px;background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--category2) 34%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--category) 58%,var(--card)),color-mix(in srgb,var(--category2) 34%,var(--card2)));
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 15px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s var(--fast),box-shadow .18s var(--fast),filter .18s var(--fast);
}
.category-card b{font-size:13.2px}.category-card small{font-size:10.5px;color:color-mix(in srgb,var(--muted) 88%,#fff)}.category-card img,.category-card video{position:absolute;left:8px;bottom:8px;width:52px;height:52px;border-radius:18px;object-fit:cover;opacity:.88;box-shadow:0 12px 26px rgba(0,0,0,.22)}

.product-grid,.special-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{
  position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(180deg,var(--normal-card),var(--normal-card2));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column;transition:transform .18s var(--fast),box-shadow .18s var(--fast),filter .18s var(--fast);contain:layout paint;
}
.product-card:hover{box-shadow:0 20px 44px rgba(0,0,0,.26),0 0 26px var(--glow-color),inset 0 1px 0 rgba(255,255,255,.075)}
.product-media{aspect-ratio:16/10;height:auto!important;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 78%,#111827),color-mix(in srgb,var(--card2) 84%,#020617));border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent);overflow:hidden}.product-media img,.product-media video{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--fast)}.product-card:active .product-media img,.product-card:active .product-media video{transform:scale(1.025)}
.product-body{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:140px}.product-card h3,.product-body h3{font-family:var(--font-product);font-size:var(--product-size);line-height:1.55;min-height:38px;margin:0;color:var(--text);letter-spacing:-.25px}.product-desc-mini{font-size:10px;line-height:1.55;color:var(--muted);height:32px;overflow:hidden}
.badge{position:absolute;top:8px!important;right:8px!important;z-index:2;display:inline-flex;align-items:center;justify-content:center;height:23px;min-width:42px;border-radius:999px;padding:0 9px;font-size:9.5px;font-weight:950;color:#fff;background:rgba(15,23,42,.82);box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(10px)}.badge-new{background:linear-gradient(135deg,var(--badge-new),color-mix(in srgb,var(--badge-new) 65%,#fff));color:#04130c}.badge-discount{background:linear-gradient(135deg,var(--badge-discount),color-mix(in srgb,var(--badge-discount) 70%,var(--offer)));color:#fff}.badge-soon{background:linear-gradient(135deg,var(--badge-soon),color-mix(in srgb,var(--badge-soon) 70%,#111827));color:#fff}
.price-box{display:grid;gap:6px;margin-top:auto}.price-line,.old-price,.final-price{display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:13px;background:rgba(255,255,255,.055);padding:6px 8px}.price-line span,.old-price span,.final-price span{font-size:9.5px;color:var(--muted)}.price-line del,.old-price del{font-size:10px;color:var(--muted)}.price-line strong,.final-price strong,.final-price b{font-size:11.5px;color:var(--price-text,var(--gold));white-space:nowrap}.price-line.discount b{color:var(--badge-discount)}.card-timer,.timer{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;font-size:9.5px;border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--offer) 16%,rgba(255,255,255,.055));color:var(--offer);direction:ltr;align-self:flex-start}.view-btn{width:100%;min-height:37px;margin-top:2px;background:linear-gradient(135deg,var(--cyan),var(--panel2));color:var(--button-text,#06121d)}

#offersSection,.special-offer-section{position:relative;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--offer) 28%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--offer) 12%,var(--offer2)),color-mix(in srgb,var(--card2) 92%,rgba(255,255,255,.035)));border:1px solid color-mix(in srgb,var(--offer) 38%,var(--line));box-shadow:0 22px 52px rgba(0,0,0,.26),0 0 34px color-mix(in srgb,var(--offer) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.07)}
#offersSection .ribbon,.special-ribbon{display:inline-flex;margin-bottom:10px;border-radius:999px;padding:7px 13px;background:linear-gradient(135deg,var(--offer),var(--badge-discount));color:#1b1006;font-size:12px;font-weight:950;box-shadow:0 10px 28px color-mix(in srgb,var(--offer) 24%,transparent)}
.special-offer-card{background:linear-gradient(180deg,color-mix(in srgb,var(--offer) 13%,var(--normal-card)),color-mix(in srgb,var(--offer2) 12%,var(--normal-card2)))!important;border-color:color-mix(in srgb,var(--offer) 34%,var(--line))}.special-offer-top{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px}.special-offer-top span,.special-chip{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid color-mix(in srgb,var(--offer) 28%,transparent);padding:4px 8px;font-size:9.5px;color:var(--offer)}.special-offer-top b{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--badge-discount),var(--offer));color:#fff;font-size:11px}.special-price{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 8px}.special-price del{color:var(--muted);font-size:10px}.special-price strong{color:var(--price-text,var(--offer));font-size:12px}.special-empty-note{grid-column:1/-1;border:1px dashed color-mix(in srgb,var(--offer) 35%,var(--line));border-radius:18px;padding:14px;color:var(--muted);text-align:center;line-height:1.8;background:rgba(255,255,255,.045)}

.row-list{display:grid;gap:9px}.row-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) 62px;gap:9px;align-items:center;border-radius:19px;padding:9px;background:linear-gradient(180deg,var(--box),var(--box2));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 13px 32px rgba(0,0,0,.18);transition:transform .17s var(--fast),box-shadow .17s var(--fast)}.row-thumb{width:66px;aspect-ratio:1;border-radius:15px;overflow:hidden;background:var(--normal-card2)}.row-thumb img,.row-thumb video{width:100%;height:100%;object-fit:cover}.row-info h3{font-size:12px;line-height:1.5;margin:0}.row-info p{font-size:10px;line-height:1.45;color:var(--muted);margin:3px 0;max-height:30px;overflow:hidden}.row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.mini-discount{height:20px;padding:2px 7px;border-radius:999px;background:var(--badge-discount);color:#fff;font-size:9px}.row-meta b{font-size:11px;color:var(--price-text,var(--gold))}.row-view{min-height:35px;padding:7px 8px;font-size:10.5px}

.drawer{background:var(--drawer-bg);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 -22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);border-radius:30px 30px 0 0}.drawer-content{padding-bottom:calc(22px + var(--safe-bottom))}.detail-v696{display:grid;gap:12px}.detail-hero696{position:relative;aspect-ratio:16/10;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,var(--normal-card),var(--normal-card2));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 28px var(--glow-color)}.detail-hero696 img,.detail-hero696 video{width:100%;height:100%;object-fit:cover}.detail-badges696{position:absolute;top:10px;right:10px;left:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.detail-title696{font-size:19px;line-height:1.5;margin:0;color:var(--text)}.detail-desc696{font-size:12px;line-height:1.85;color:var(--muted);margin:0;background:rgba(255,255,255,.045);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:18px;padding:11px}.detail-price696{display:grid;gap:8px;border-radius:21px;padding:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--offer) 10%,var(--box)),var(--box2));border:1px solid color-mix(in srgb,var(--offer) 22%,var(--line))}.detail-price696 .big{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-price696 strong{font-size:18px;color:var(--price-text,var(--offer))}.detail-price696 del{font-size:12px;color:var(--muted)}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spec{border-radius:17px;background:rgba(255,255,255,.052);border:1px solid color-mix(in srgb,var(--line) 75%,transparent);padding:10px}.spec small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.spec b{font-size:12px}.detail-actions696{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:linear-gradient(180deg,transparent,var(--drawer-bg) 34%);padding-top:12px}.detail-actions696 .buy-main696{grid-column:1/-1;min-height:46px;font-size:13px;background:linear-gradient(135deg,var(--green),var(--cyan));color:var(--button-text,#051015)}

.admin-panel{background:radial-gradient(circle at 18% -8%,color-mix(in srgb,var(--panel2) 24%,transparent),transparent 34%),linear-gradient(180deg,var(--admin-bg),var(--bg2));}.admin-header{border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.admin-tabs{gap:7px}.admin-tabs button{background:rgba(255,255,255,.055);color:var(--muted)}.admin-tabs button.active{background:linear-gradient(135deg,var(--panel2),var(--panel));color:var(--button-text,#06121d)}.admin-content{scroll-behavior:smooth}.admin-card{border-radius:24px}.admin-section-title{display:grid;gap:3px;margin-bottom:10px}.admin-section-title b{font-size:14px}.admin-section-title small{font-size:10.5px;color:var(--muted)}.theme-grid696,.clean-theme-list{display:grid;gap:10px}.theme-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:21px;padding:11px;background:linear-gradient(180deg,var(--box),var(--box2));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.16)}.theme-row.active{border-color:color-mix(in srgb,var(--offer) 55%,var(--line));box-shadow:0 14px 36px rgba(0,0,0,.19),0 0 28px color-mix(in srgb,var(--offer) 13%,transparent)}.theme-preview-line{display:grid;gap:5px;min-width:0}.theme-preview-line b{font-size:12.5px}.theme-preview-line small{font-size:10px;color:var(--muted)}.swatches{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:5px!important}.swatches i{display:block;height:22px;border-radius:8px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.theme-builder696{display:grid;gap:12px}.live-theme-preview696{min-height:170px;border-radius:24px;padding:13px;border:1px solid var(--line);display:grid;gap:9px}.preview-grid696{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-category696,.preview-offer696,.preview-normal696,.preview-soon696{border-radius:16px;padding:10px;border:1px solid rgba(255,255,255,.14);min-height:64px;display:grid;align-content:center;gap:4px}.preview-normal696{background:linear-gradient(180deg,var(--normal-card),var(--normal-card2))}.preview-category696{background:linear-gradient(135deg,var(--category),var(--category2))}.preview-offer696{background:linear-gradient(135deg,var(--offer),var(--offer2));color:#1b1208}.preview-soon696{background:linear-gradient(135deg,var(--badge-soon),color-mix(in srgb,var(--badge-soon) 60%,#111827));color:#fff}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group696{border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:20px;padding:10px;background:rgba(255,255,255,.045);display:grid;gap:10px}.field-group696 h4{margin:0;font-size:12px;color:var(--text)}.full-span695,.wide-field{grid-column:1/-1}.sticky-actions695{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--admin-bg) 34%);padding-top:12px;z-index:4}

.cart-dock{background:linear-gradient(180deg,color-mix(in srgb,var(--drawer-bg) 94%,rgba(255,255,255,.06)),var(--drawer-bg));border:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 -16px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}.toast{background:color-mix(in srgb,var(--bg2) 92%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--line) 85%,transparent);backdrop-filter:blur(18px)}
@media(max-width:390px){.app{padding-inline:10px}.product-grid,.special-offer-grid{gap:9px}.product-body{padding:9px;min-height:134px}.product-card h3,.product-body h3{font-size:12px}.category-grid{gap:9px}.quick-grid{gap:8px}.quick-grid button,.quick-btn{min-height:66px}.drawer{border-radius:26px 26px 0 0}.admin-grid,.pay-mode-fields642{grid-template-columns:1fr}.detail-actions696{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.theme-row{grid-template-columns:1fr}.theme-row button{width:100%}.color-grid{grid-template-columns:1fr 1fr}.row-card{grid-template-columns:62px minmax(0,1fr) 58px}.row-thumb{width:62px}}
@media(max-width:335px){.product-grid,.special-offer-grid,.category-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid,.preview-grid696,.color-grid{grid-template-columns:1fr}.mood-mini{grid-template-columns:34px minmax(0,1fr) 58px}.eq-box{width:58px;max-width:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}



/* === 7.0.1 MIXED PREMIUM UI: compact variable-driven visual layer === */
:root{
  --bg:#fff8f2;--bg2:#fff0e4;--panel:#f97316;--panel2:#fb923c;
  --card:rgba(255,255,255,.82);--card2:rgba(255,247,237,.62);
  --normal-card:rgba(255,255,255,.86);--normal-card2:rgba(255,247,237,.62);
  --category:rgba(249,115,22,.12);--category2:rgba(249,115,22,.22);
  --offer:rgba(249,115,22,.92);--offer2:rgba(249,115,22,.18);
  --box:rgba(255,255,255,.78);--box2:rgba(255,247,237,.62);
  --badge-new:#f97316;--badge-discount:#dc2626;--badge-soon:#8b6b55;
  --input-bg:rgba(255,255,255,.92);--drawer-bg:rgba(255,255,255,.94);--admin-bg:rgba(255,250,247,.92);
  --glow-color:rgba(249,115,22,.14);--cyan:#f97316;--gold:#fb923c;--green:#f97316;
  --text:#1f2937;--muted:#7c5a44;--line:rgba(249,115,22,.24);
  --button-text:#ffffff;--price-text:#ea580c;--price-color:#ea580c;
  --shop-size:23px;--tagline-size:11px;--product-size:11.7px;--icon-size:23px;
  --radius-xl:21px;--radius-lg:17px;--radius-md:13px;--radius-sm:10px;
  --shadow:0 10px 24px color-mix(in srgb,var(--panel) 12%,transparent);
}
html{background:var(--bg2)!important}
body,body.theme-light{
  --glass:var(--box);--glass2:var(--box2);
  background:
    radial-gradient(circle at 12% -10%,var(--glow-color),transparent 31%),
    radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--panel2) 18%,transparent),transparent 26%),
    linear-gradient(180deg,var(--bg),var(--bg2) 88%,var(--bg))!important;
  color:var(--text)!important;
}
body::before{opacity:.12!important;background:radial-gradient(circle,var(--glow-color) 0 1px,transparent 1.8px) 18px 26px/155px 230px,linear-gradient(color-mix(in srgb,var(--panel) 5%,transparent) 1px,transparent 1px) 0 0/32px 32px!important;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 54%,transparent 100%)!important}
.app{width:min(430px,100%);padding:10px 9px calc(92px + var(--safe-bottom))!important}.hidden{display:none!important}
button{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s ease,filter .14s ease!important}button:active{transform:scale(.982)!important}
input,select,textarea{min-height:40px!important;border-radius:13px!important;background:linear-gradient(180deg,var(--input-bg),var(--box2))!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32)!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)!important}
.hero-card,.surface,.admin-card,.profile-pill,.wallet-pill,.mood-mini,.coupon-strip,.coupon-bar,.category-card,.product-card,.row-card,.special-offer-card,.drawer{border:1px solid var(--line)!important;background:linear-gradient(180deg,var(--box),var(--box2))!important;color:var(--text)!important;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.30)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-card{border-radius:22px!important;padding:11px!important;margin-bottom:10px!important;overflow:hidden!important}.hero-card::before{background:linear-gradient(135deg,var(--glow-color),transparent 38%,rgba(255,255,255,.18))!important}.hero-card::after{display:none!important}.brand-line{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;margin-bottom:9px!important}.logo-box{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--card),var(--category))!important;border-color:var(--line)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--panel) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important}.brand-copy h1{font-size:var(--shop-size)!important;line-height:1.12!important;color:var(--text)!important;text-shadow:none!important}.brand-copy p{font-size:var(--tagline-size)!important;margin-top:3px!important;color:var(--muted)!important;line-height:1.55!important}
.top-mini-row{gap:8px!important;margin-bottom:8px!important}.profile-pill,.wallet-pill{min-height:46px!important;border-radius:16px!important;padding:7px 8px!important}.avatar{width:31px!important;height:31px!important}.profile-pill b{font-size:11.5px!important}.profile-pill span,.wallet-pill span{font-size:9.5px!important;color:var(--muted)!important}.wallet-pill b{font-size:12px!important;color:var(--price-text)!important}.wallet-charge-mini{min-height:30px!important;border-radius:11px!important;padding:7px 8px!important;font-size:10px!important;color:var(--button-text)!important;background:linear-gradient(135deg,var(--panel),var(--panel2))!important;box-shadow:0 7px 16px color-mix(in srgb,var(--panel) 18%,transparent)!important}
.mood-mini{min-height:46px!important;border-radius:16px!important;padding:7px 8px!important;grid-template-columns:32px minmax(0,1fr) 54px!important;background:linear-gradient(135deg,var(--panel),var(--panel2))!important;color:var(--button-text)!important;border-color:var(--line)!important}.play-btn{width:30px!important;height:30px!important;background:rgba(255,255,255,.18)!important}.mood-mini b{font-size:11.5px!important;color:var(--button-text)!important}.mood-mini span{font-size:9.5px!important;color:color-mix(in srgb,var(--button-text) 82%,transparent)!important}.eq-box{height:29px!important;border-radius:11px!important;background:rgba(255,255,255,.16)!important}.eq{height:19px!important;gap:3px!important}.eq i{width:4px!important;background:var(--button-text)!important}
.banner-slider,.banner-16x9{border-radius:17px!important;margin:9px 0!important;box-shadow:0 10px 22px color-mix(in srgb,var(--panel) 10%,transparent)!important;border-color:var(--line)!important}.banner-slide::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22))!important}.banner-dots i,.banner-dots button{background:color-mix(in srgb,var(--panel) 28%,transparent)!important}.banner-dots i.active,.banner-dots button.active{background:var(--panel)!important}
.coupon-strip,.coupon-bar{border-radius:15px!important;margin:8px 0!important;padding:9px 10px!important;background:linear-gradient(135deg,var(--card),var(--category))!important;color:var(--text)!important}.coupon-strip p,.coupon-timer,.timer{color:var(--muted)!important}.coupon-code{background:var(--card)!important;border:1px dashed var(--panel)!important;color:var(--panel)!important;border-radius:10px!important}.coupon-gift{filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--panel) 18%,transparent))}
.quick-grid{gap:7px!important;margin:11px 0 12px!important}.quick-grid button,.quick-btn{height:56px!important;min-height:56px!important;border-radius:16px!important;padding:7px 5px!important;background:linear-gradient(180deg,var(--card),var(--box2))!important;border:1px solid var(--line)!important;box-shadow:0 7px 17px color-mix(in srgb,var(--panel) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.30)!important;color:var(--text)!important}.quick-grid button::before,.quick-btn::before{background:radial-gradient(circle at 50% 0%,var(--glow-color),transparent 58%)!important}.quick-grid button::after,.quick-btn::after{inset:auto 18px 0!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--panel),transparent)!important;opacity:.65!important}.quick-grid span,.quick-btn span{font-size:10.3px!important;text-shadow:none!important;color:var(--text)!important}.quick-grid img,.quick-grid video,.quick-btn img,.quick-btn video{width:29px!important;height:29px!important;border-radius:11px!important;box-shadow:0 6px 13px color-mix(in srgb,var(--panel) 12%,transparent)!important}.quick-emoji{width:29px!important;height:29px!important;border-radius:12px!important;font-size:20px!important;background:var(--category)!important;color:var(--panel)!important}
.section-head{margin:12px 0 9px!important}.section-head h2{font-size:15px!important}.section-head p{font-size:10.4px!important;color:var(--muted)!important}.section-head span{background:var(--card)!important;border-color:var(--line)!important;color:var(--panel)!important;padding:5px 9px!important}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.category-card{min-height:64px!important;border-radius:17px!important;padding:9px!important;gap:8px!important;background:linear-gradient(135deg,var(--category),var(--category2))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--panel) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.24)!important;overflow:hidden!important}.category-card img,.category-card video{width:37px!important;height:37px!important;border-radius:12px!important;box-shadow:0 6px 14px color-mix(in srgb,var(--panel) 12%,transparent)!important}.category-card b{font-size:11.7px!important;color:var(--text)!important}.category-card small{font-size:9.2px!important;color:var(--muted)!important}
.product-grid,.special-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card{border-radius:17px!important;overflow:hidden!important;background:linear-gradient(180deg,var(--normal-card),var(--normal-card2))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--panel) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.28)!important;contain:layout paint;content-visibility:auto;contain-intrinsic-size:190px}.product-media{aspect-ratio:16/9!important;background:linear-gradient(135deg,var(--category),var(--card))!important;border-bottom:1px solid var(--line)!important}.product-media::after{background:linear-gradient(180deg,transparent 58%,var(--box2))!important}.product-card .card,.product-body{display:flex!important;flex-direction:column!important;gap:5px!important;min-height:101px!important;padding:8px!important}.product-card h3,.product-body h3,.product-card b,.product-card .detail-title{font-size:var(--product-size)!important;line-height:1.42!important;min-height:31px!important;margin:0!important;color:var(--text)!important;-webkit-line-clamp:2!important}.detail-desc,.product-desc-mini{font-size:9.4px!important;line-height:1.45!important;height:15px!important;max-height:15px!important;white-space:nowrap!important;text-overflow:ellipsis!important;display:block!important;color:var(--muted)!important;overflow:hidden!important}.price-line,.old-price,.final-price{border-radius:10px!important;padding:4px 6px!important;background:var(--category)!important}.price-line span,.old-price span,.final-price span{font-size:8.6px!important;color:var(--muted)!important}.price-line strong,.final-price strong,.price-line b,.final-price b,.price,.final,.final-total{font-size:10.5px!important;color:var(--price-text)!important}.old,.price-line del,.old-price del{font-size:8.8px!important;color:var(--muted)!important}.badge,.discount,.mini-discount{height:20px!important;min-width:35px!important;padding:0 7px!important;border-radius:999px!important;font-size:8.6px!important;box-shadow:0 6px 14px rgba(0,0,0,.12)!important}.product-card>.badge,.badge{top:7px!important;right:7px!important}.badge-new{background:var(--badge-new)!important;color:var(--button-text)!important}.badge-discount,.discount,.mini-discount{background:var(--badge-discount)!important;color:var(--button-text)!important}.badge-soon,.soon-badge{background:var(--badge-soon)!important;color:var(--button-text)!important}.card-timer,.timer{font-size:8.6px!important;border-radius:9px!important;padding:3px 6px!important;background:var(--offer2)!important;color:var(--text)!important}.view-btn,.mini-actions button,.row-view{min-height:31px!important;border-radius:11px!important;padding:6px 8px!important;font-size:10.3px!important;margin-top:auto!important;color:var(--button-text)!important;background:linear-gradient(135deg,var(--panel),var(--panel2))!important;box-shadow:0 7px 16px color-mix(in srgb,var(--panel) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.24)!important}.product-card .view-btn{width:calc(100% - 16px)!important;margin:0 8px 8px!important}
#offersSection,.special-offer-section{border-radius:19px!important;padding:9px!important;background:linear-gradient(180deg,var(--box),var(--offer2))!important;border:1px solid color-mix(in srgb,var(--panel) 28%,transparent)!important;box-shadow:0 9px 22px color-mix(in srgb,var(--panel) 10%,transparent)!important}.special-ribbon,#offersSection .ribbon{font-size:10.6px!important;line-height:1.4!important;margin:0 0 8px!important;padding:6px 9px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--panel),var(--panel2))!important;color:var(--button-text)!important}.special-offer-card{border-radius:16px!important;background:linear-gradient(180deg,var(--card),var(--offer2))!important;border-color:color-mix(in srgb,var(--panel) 28%,transparent)!important}.special-offer-top{padding:6px 7px!important}.special-chip,.special-offer-top span{font-size:8.4px!important;padding:3px 6px!important;border-radius:999px!important;background:var(--offer2)!important;color:var(--text)!important}.special-offer-top b{width:25px!important;height:25px!important;border-radius:9px!important;font-size:10px!important;background:var(--card)!important;color:var(--panel)!important}.special-price{padding:0 8px 7px!important}.special-price strong{font-size:10.8px!important;color:var(--price-text)!important}.special-price del{font-size:8.7px!important;color:var(--muted)!important}
.row-list{gap:7px!important}.row-card,.table-item,.topup-row640{border-radius:15px!important;padding:7px!important;gap:7px!important;background:linear-gradient(180deg,var(--card),var(--box2))!important;box-shadow:0 7px 16px color-mix(in srgb,var(--panel) 8%,transparent)!important}.product-row,.row-card{grid-template-columns:52px minmax(0,1fr) 50px!important}.row-thumb{width:52px!important;border-radius:11px!important}.row-info h3,.row-card h3{font-size:11.3px!important}.row-info p,.row-card p{font-size:9.3px!important;color:var(--muted)!important}.row-meta b{font-size:10.3px!important;color:var(--price-text)!important}.row-view,.row-card>button{min-width:48px!important;min-height:30px!important;border-radius:11px!important;font-size:9.5px!important;padding:5px 6px!important}
.drawer{height:min(84dvh,690px)!important;max-height:calc(100dvh - 32px)!important;border-radius:22px 22px 0 0!important;background:linear-gradient(180deg,var(--drawer-bg),var(--box2))!important;box-shadow:0 -16px 44px color-mix(in srgb,var(--panel) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.30)!important;padding-top:42px!important}.overlay{background:color-mix(in srgb,var(--panel) 28%,rgba(0,0,0,.25))!important;backdrop-filter:blur(4px)!important}.close-btn{top:8px!important;left:10px!important;width:33px!important;height:33px!important;border-radius:12px!important;background:var(--category)!important;color:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--panel) 10%,transparent)!important}.drawer #drawerContent{padding:0 12px calc(18px + var(--safe-bottom))!important}.detail-v696{gap:8px!important}.detail-hero696{aspect-ratio:16/8.6!important;border-radius:17px!important;background:var(--category)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--panel) 10%,transparent)!important}.detail-title696{font-size:15.5px!important;line-height:1.45!important;margin:0!important;color:var(--text)!important}.detail-price696,.detail-desc696,.spec{border-radius:14px!important;background:linear-gradient(180deg,var(--card),var(--box2))!important;border:1px solid var(--line)!important;box-shadow:0 6px 15px color-mix(in srgb,var(--panel) 8%,transparent)!important}.detail-price696{padding:8px!important;gap:6px!important}.detail-price696 strong{font-size:14.5px!important;color:var(--price-text)!important}.detail-price696 del{font-size:10px!important;color:var(--muted)!important}.detail-desc696{font-size:10.8px!important;line-height:1.65!important;padding:9px!important;max-height:96px!important;overflow:auto!important;color:var(--muted)!important}.spec-grid{gap:6px!important}.spec{padding:7px 8px!important}.spec small{font-size:8.8px!important;color:var(--muted)!important}.spec b{font-size:10.2px!important;color:var(--text)!important}.detail-actions696{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;background:transparent!important;margin-top:2px!important;padding:8px 0 0!important;border-top:1px solid var(--line)!important}.detail-actions696 .soft{min-height:34px!important;border-radius:11px!important;font-size:10.2px!important;background:var(--category)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}.detail-actions696 .buy-main696{grid-column:1/-1!important;min-height:39px!important;border-radius:12px!important;font-size:11.7px!important;background:linear-gradient(135deg,var(--panel),var(--panel2))!important;color:var(--button-text)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--panel) 16%,transparent)!important}
.admin-panel{background:linear-gradient(180deg,var(--admin-bg),var(--bg2))!important;color:var(--text)!important}.admin-header,.admin-tabs{background:var(--box)!important;border-color:var(--line)!important}.admin-card,.theme-row,.field-group696,.live-theme-preview696{border-radius:16px!important;background:linear-gradient(180deg,var(--box),var(--box2))!important;border-color:var(--line)!important;box-shadow:0 7px 16px color-mix(in srgb,var(--panel) 8%,transparent)!important}.admin-card{padding:10px!important}.admin-tabs button{min-height:33px!important;border-radius:11px!important;padding:7px 9px!important}.theme-list.clean-theme-list{max-height:62dvh;overflow:auto;padding-left:2px}.theme-row{padding:9px!important}.swatches i{height:17px!important;border-radius:6px!important}.theme-preview-line b{font-size:12px!important}.theme-preview-line small{font-size:9.5px!important;color:var(--muted)!important}.btn-ghost,.soft{background:var(--category)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.cart-dock{background:linear-gradient(180deg,var(--box),var(--box2))!important;border-color:var(--line)!important;box-shadow:0 -10px 28px color-mix(in srgb,var(--panel) 13%,transparent)!important}.toast{background:var(--box)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--panel) 12%,transparent)!important}
@media(prefers-reduced-motion:no-preference){.banner-track{transition:transform .42s cubic-bezier(.2,.8,.2,1)!important}.product-card,.category-card,.row-card,.special-offer-card,.quick-btn,.quick-grid button{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease!important}.product-media img,.product-media video{transition:transform .38s ease!important}.product-card:active .product-media img,.product-card:active .product-media video{transform:scale(1.018)!important}.product-card:hover,.row-card:hover,.category-card:hover,.special-offer-card:hover{transform:translateY(-1px)!important;filter:saturate(1.03)!important}.badge-discount,.discount,.mini-discount{animation:softPulse700 2.8s ease-in-out infinite}}
@keyframes softPulse700{0%,100%{filter:saturate(1);transform:translateZ(0)}50%{filter:saturate(1.12);transform:translateZ(0) scale(1.018)}}
@media(max-width:390px){.app{padding-inline:8px!important}.product-grid,.special-offer-grid,.category-grid{gap:7px!important}.product-card .card,.product-body{min-height:98px!important;padding:7px!important}.product-card h3,.product-body h3{font-size:11.3px!important;min-height:30px!important}.detail-desc,.product-desc-mini{display:none!important}.detail-actions696{grid-template-columns:1fr 1fr!important}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-card{min-height:61px!important}.drawer{height:min(84dvh,660px)!important}.product-row,.row-card{grid-template-columns:50px minmax(0,1fr) 48px!important}.row-thumb{width:50px!important}}
@media(max-width:335px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-grid,.special-offer-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.product-card h3,.product-body h3{font-size:10.8px!important}.view-btn{font-size:9.8px!important}.brand-copy h1{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Compatibility fallbacks for older Telegram WebViews. */
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  body{background:linear-gradient(180deg,var(--bg),var(--bg2))}
  .brand-copy p,input::placeholder{color:var(--muted)}
  .surface,.product-card,.drawer,.admin-card,.theme-row{background:var(--card)}
  .category-card{background:var(--category)}
}