/* Section posters (store home + account): dark starry card, tilted brand tiles, bold title. */
.section-art.section-art-designed{aspect-ratio:1/1;background:#2a2d3c}
.section-art-designed>img{display:block;width:100%;height:100%;object-fit:contain}
.section-art{--sa-accent:#f4a63b;position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;isolation:isolate;
 background:radial-gradient(1px 1px at 12% 18%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 46%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 30% 62%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 55% 35%,#fff7 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 82%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 64% 78%,#fff5 50%,transparent 51%),
 radial-gradient(120% 85% at 85% 0%,#3a3a2a 0%,#202230 45%,#131520 100%);
 border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #ffffff1a,0 10px 26px -12px #000c;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s}
.sa-beams{position:absolute;inset:-20%;z-index:0;background:linear-gradient(135deg,transparent 30%,#ffffff10 30.5%,#ffffff10 37%,transparent 37.5%),linear-gradient(135deg,transparent 47%,#ffffff0c 47.5%,#ffffff0c 52%,transparent 52.5%),linear-gradient(135deg,transparent 60%,#f4a63b55 60.2%,transparent 60.8%),linear-gradient(135deg,transparent 22%,#ffffff40 22.15%,transparent 22.5%)}
.sa-collage{position:absolute;inset:0;z-index:1}
.sa-chip{position:absolute;display:grid;place-items:center;aspect-ratio:1/1;border-radius:16%;overflow:hidden;background:#2a2d3c;border:2px solid #ffffffd9;box-shadow:0 8px 18px -6px #000d,0 0 0 1px #0003;transform:rotate(-40deg)}
.sa-chip img{width:100%;height:100%;object-fit:cover;display:block}
.sa-chip i{display:none;color:#fff;opacity:.9}.sa-chip i svg{width:42%;height:42%;margin:auto;display:block}
.sa-chip.sa-empty{background:linear-gradient(180deg,#3a3d50,#252836)}.sa-chip.sa-empty i{display:grid;width:100%;height:100%;place-items:center}
.sa-chip.c0{width:44%;top:3%;right:6%;z-index:3}
.sa-chip.c1{width:34%;top:30%;right:44%;z-index:2}
.sa-chip.c2{width:30%;top:-4%;right:47%;z-index:1;opacity:.95}
.sa-chip.c3{width:28%;top:34%;right:-6%;z-index:1;opacity:.9}
.sa-shade{position:absolute;inset:auto 0 0 0;height:58%;z-index:2;background:linear-gradient(180deg,transparent,#0d0f17e6 62%)}
.sa-text{position:absolute;inset:auto 7% 6% 7%;z-index:3;display:grid;justify-items:start;text-align:start;color:#fff}
.sa-text b{font-size:clamp(17px,5.4vw,25px);font-weight:900;line-height:1.15;letter-spacing:-.01em;text-shadow:0 2px 10px #000a}
.sa-text small{margin-top:5px;padding:2px 0;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;font:700 8.5px/1.4 "Inter",system-ui,sans-serif;letter-spacing:.18em;direction:ltr;color:#f2f2f2}
.sa-text em{margin-top:4px;font-style:normal;font-weight:900;font-size:15px;line-height:.8;letter-spacing:-2px;color:var(--sa-accent)}
.category-tile:hover .section-art,.account-section:hover .section-art{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff22,0 16px 30px -12px #000e}
.category-tile:active .section-art,.account-section:active .section-art{transform:scale(.98)}
.category-tile:hover .sa-chip.c0,.account-section:hover .sa-chip.c0{transform:rotate(-34deg) translateY(-3px);transition:transform .3s cubic-bezier(.23,1,.32,1)}
.category-tile h3,.account-section h3{margin:12px 0 2px;font-size:16px;font-weight:800;text-align:center}
.category-tile small.sa-count,.account-section small.sa-count{display:block;text-align:center;font-size:11px;opacity:.7}
.account-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.account-section{border:0;background:none;padding:0;color:inherit;text-align:center;min-width:0;cursor:pointer}
@media(min-width:900px){.account-sections{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.account-section h3{font-size:14px}.account-section .sa-text b{font-size:17px}}
@media(max-width:650px){.account-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.category-tile h3,.account-section h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.section-art,.sa-chip{transition:none!important}}
/* Placeholder tiles until the admin uploads product images: vivid colours like brand tiles. */
.sa-chip.sa-empty.c0{background:linear-gradient(150deg,#ffc94a,#f08a1c)}
.sa-chip.sa-empty.c1{background:linear-gradient(150deg,#4fa3ff,#1f5fd6)}
.sa-chip.sa-empty.c2{background:linear-gradient(150deg,#ff6b7d,#c9264a)}
.sa-chip.sa-empty.c3{background:linear-gradient(150deg,#3ee0a0,#109a6a)}
.art-apps .sa-chip.sa-empty.c0{background:linear-gradient(150deg,#45e07a,#16a34a)}.art-apps .sa-chip.sa-empty.c1{background:linear-gradient(150deg,#7b6cff,#4b33d1)}
.art-cards .sa-chip.sa-empty.c0{background:linear-gradient(150deg,#5ad1ff,#1a8fd8)}.art-cards .sa-chip.sa-empty.c2{background:linear-gradient(150deg,#ffd54a,#e7a50f)}
.art-subscriptions .sa-chip.sa-empty.c0{background:linear-gradient(150deg,#ff5a5f,#c4122f)}.art-subscriptions .sa-chip.sa-empty.c1{background:linear-gradient(150deg,#2ee07f,#139c52)}
.art-telecom .sa-chip.sa-empty.c0{background:linear-gradient(150deg,#ffd200,#f2a900)}.art-telecom .sa-chip.sa-empty.c1{background:linear-gradient(150deg,#ff4d4d,#c81e1e)}
.sa-chip.sa-empty i svg{filter:drop-shadow(0 2px 3px #0005)}
/* Product posters: same language as the section tiles. */
.category-chips{scrollbar-width:none!important}.category-chips::-webkit-scrollbar{display:none!important}
.poster-card{display:block;border:0;background:none;padding:0;color:inherit;text-align:start;text-decoration:none;min-width:0;cursor:pointer;font:inherit}
.poster-card:hover .section-art{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff22,0 16px 30px -12px #000e}
.poster-card:active .section-art{transform:scale(.98)}
.product-poster .pp-main{width:52%;top:8%;right:24%;z-index:3}
.product-poster .pp-side.a{width:22%;top:6%;right:-4%;opacity:.85;z-index:1}
.product-poster .pp-side.b{width:20%;top:40%;right:74%;opacity:.8;z-index:1}
.product-poster .sa-text b{font-size:clamp(14px,4.2vw,18px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;direction:auto;unicode-bidi:plaintext}
.product-poster .sa-text small{letter-spacing:.12em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.pp-game .pp-main.sa-empty{background:linear-gradient(150deg,#ffc94a,#f08a1c)}.pp-apps .pp-main.sa-empty{background:linear-gradient(150deg,#45e07a,#16a34a)}
.pp-card .pp-main.sa-empty{background:linear-gradient(150deg,#5ad1ff,#1a8fd8)}.pp-star .pp-main.sa-empty{background:linear-gradient(150deg,#ff5a5f,#c4122f)}
.pp-side.a.sa-empty{background:linear-gradient(150deg,#7b6cff,#4b33d1)}.pp-side.b.sa-empty{background:linear-gradient(150deg,#ff6b7d,#c9264a)}
.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:0 2px}
.pc-meta b{font-size:15px;font-weight:800;direction:ltr;unicode-bidi:isolate}
.pc-cta{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;background:linear-gradient(160deg,#cf4f78,#8a2c49);color:#fff;box-shadow:0 6px 14px -8px #cf4f78}
.store-header>.menu-trigger{flex-shrink:0}
/* White Sanad Card logo in the nav bars. */
.brand-logo{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.brand-logo .brand-mark{height:34px;width:auto;display:block;filter:drop-shadow(0 2px 6px #0004)}
.brand-logo .brand-word{height:28px;width:auto;display:block}
.topbar-mark.brand-logo{display:inline-grid!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;padding:0}
.topbar-mark.brand-logo .brand-mark{height:30px}
@media(max-width:650px){.brand-logo .brand-mark{height:30px}.brand-logo .brand-word{height:24px}}
/* Bottom bar: floating wine dock with a tactile active button (TactileButton style, wine). */
@media(max-width:760px){
body .mobile-store-nav{left:0!important;right:0!important;margin:0 auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;transform:none!important;width:max-content!important;max-width:calc(100vw - 24px)!important;justify-content:center!important;gap:4px!important;padding:6px!important;border-radius:999px!important;border:2px solid #3a1022!important;background:linear-gradient(180deg,#7a2c4a,#5a1d36)!important;box-shadow:inset 0 1px 0 #ffffff14,0 14px 32px -12px #000d!important}
body .mobile-store-nav a{flex:none!important;flex-direction:row!important;align-items:center;justify-content:center;gap:0!important;height:46px!important;min-height:46px!important;min-width:46px!important;padding:0 12px!important;border-radius:999px!important;font-size:0!important;color:#f6dbe6!important;transition:transform .12s cubic-bezier(.23,1,.32,1),box-shadow .12s}
body .mobile-store-nav a>span,body .mobile-store-nav .active>span{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body .mobile-store-nav svg,body .mobile-store-nav .active svg{width:21px!important;height:21px!important}
body .mobile-store-nav .active{gap:7px!important;padding:0 16px 0 14px!important;font-size:13px!important;font-weight:800;color:#fff!important;border:1px solid #4a1426;background:linear-gradient(180deg,#c94e75 0%,#a3355a 55%,#87294b 100%)!important;box-shadow:inset 0 1px 0 #ffffff3a,inset 0 -1px 0 #0003,0 3px 0 #3c0f1e,0 8px 16px -8px #c2416a!important}
body .mobile-store-nav a:active{transform:translateY(3px)}
body .mobile-store-nav .active:active{box-shadow:inset 0 1px 0 #ffffff2a,0 0 0 #3c0f1e!important}
}
@media(max-width:650px){
body .customer-layout .sidebar{background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0 12px max(12px,env(safe-area-inset-bottom))!important;pointer-events:none!important}
body .customer-layout .side-nav{pointer-events:auto;width:max-content!important;max-width:100%!important;margin:0 auto!important;display:flex!important;gap:4px!important;padding:6px!important;border-radius:999px!important;border:2px solid #3a1022!important;background:linear-gradient(180deg,#7a2c4a,#5a1d36)!important;box-shadow:inset 0 1px 0 #ffffff14,0 14px 32px -12px #000d!important;justify-content:center}
body .customer-layout .side-nav button{flex:none!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:0!important;height:46px!important;min-height:46px!important;min-width:46px!important;padding:0 12px!important;border-radius:999px!important;font-size:0!important;color:#f6dbe6!important;background:none!important;border:0!important;transition:transform .12s cubic-bezier(.23,1,.32,1),box-shadow .12s}
body .customer-layout .side-nav button>span{padding:0!important;margin:0!important;background:none!important}
body .customer-layout .side-nav button.active{gap:7px!important;padding:0 16px 0 14px!important;font-size:13px!important;font-weight:800;color:#fff!important;border:1px solid #4a1426!important;background:linear-gradient(180deg,#c94e75 0%,#a3355a 55%,#87294b 100%)!important;box-shadow:inset 0 1px 0 #ffffff3a,inset 0 -1px 0 #0003,0 3px 0 #3c0f1e,0 8px 16px -8px #c2416a!important}
body .customer-layout .side-nav button:active{transform:translateY(3px)}
}
.power-title{font-size:clamp(26px,7vw,40px)!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-.02em;margin:0!important}
.power-title em{font-style:normal;background:linear-gradient(90deg,#ff7aa2,#f4a63b);-webkit-background-clip:text;background-clip:text;color:transparent}
.header-wallet,.header-wallet bdi{white-space:nowrap}
/* Menu drawer: friendly + neon glow around the buttons. */
.store-drawer .drawer-currency{display:none}
.store-drawer nav{gap:11px!important;border-top:0!important}
.store-drawer nav a{border:1px solid #ff6fa866!important;background:linear-gradient(180deg,#ffffff0a,#ffffff03)!important;border-radius:16px!important;color:#ffe3ee!important;font-weight:700;box-shadow:0 0 0 1px #ff4d9126,0 0 14px #ff3d8a40,inset 0 0 14px #ff3d8a1a;transition:box-shadow .2s,border-color .2s,transform .12s}
.store-drawer nav a:hover,.store-drawer nav a:focus-visible{border-color:#ff8cbcaa!important;box-shadow:0 0 0 1px #ff4d9150,0 0 22px #ff3d8a80,inset 0 0 18px #ff3d8a2e;outline:none}
.store-drawer nav a:active{transform:scale(.98)}
.store-drawer nav a>span{color:#ff8cbc!important;filter:drop-shadow(0 0 6px #ff3d8acc)}
.store-drawer nav a>svg{display:none}
.store-drawer .drawer-balances{border-color:#ff6fa855!important;box-shadow:0 0 16px #ff3d8a33,inset 0 0 16px #ff3d8a12}
.store-drawer .drawer-balances a{border:1px solid #ff8cbc88!important;background:linear-gradient(160deg,#cf4f78,#8a2c49)!important;color:#fff!important;font-weight:800;border-radius:999px!important;padding:10px 16px!important;box-shadow:0 0 16px #ff3d8a88,inset 0 1px 0 #ffffff33}
.store-drawer .drawer-avatar{box-shadow:0 0 22px #ff3d8a66}
.store-drawer .drawer-privacy{justify-content:center;gap:8px;color:#d9b9c7}
.store-drawer .drawer-close{box-shadow:0 0 10px #ff3d8a44;border-color:#ff6fa855}
/* Header avatar + logout: neon wine, not grey squares. */
.topbar .avatar,.customer-layout .topbar .avatar{background:linear-gradient(160deg,#cf4f78,#7b233e)!important;color:#fff!important;border:0!important;box-shadow:0 0 0 2px #ff8cbc55,0 0 14px #ff3d8a66!important}
.neon-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #ff6fa877;background:#ffffff08;color:#ff9cc3;cursor:pointer;box-shadow:0 0 12px #ff3d8a40,inset 0 0 10px #ff3d8a1a;transition:box-shadow .2s,transform .12s}
.neon-icon svg{width:18px;height:18px;display:block}
.neon-icon:hover{box-shadow:0 0 20px #ff3d8a80,inset 0 0 14px #ff3d8a2e}.neon-icon:active{transform:scale(.94)}
/* Friendly account page. */
.me-hero{display:flex;align-items:center;gap:16px;margin:26px 0 18px;padding:20px;border-radius:24px;border:1px solid #ff6fa855;background:radial-gradient(120% 120% at 100% 0,#7b233e66,transparent 60%),#ffffff06;box-shadow:0 0 18px #ff3d8a2e,inset 0 0 18px #ff3d8a12}
.me-avatar{width:64px;height:64px;flex-shrink:0;border-radius:20px;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff;background:linear-gradient(160deg,#cf4f78,#7b233e);box-shadow:0 0 0 3px #ff8cbc44,0 0 22px #ff3d8a77}
.me-id{min-width:0}.me-id h1{margin:0;font-size:24px;font-weight:900}.me-id p{margin:4px 0 8px;font-size:13px;opacity:.75;overflow:hidden;text-overflow:ellipsis}
.me-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;color:#1f1f1f;font-size:12px;font-weight:700}
.me-badge .g-logo{width:14px;height:14px}.me-badge svg{width:14px;height:14px}
.me-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.me-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;border:1px solid #ff6fa855;background:#ffffff06;color:inherit;text-decoration:none;text-align:start;font:inherit;cursor:pointer;box-shadow:0 0 12px #ff3d8a26,inset 0 0 12px #ff3d8a10;transition:box-shadow .2s,transform .12s}
.me-tile>span{color:#ff8cbc;filter:drop-shadow(0 0 6px #ff3d8acc)}.me-tile svg{width:22px;height:22px}
.me-tile b{font-size:14px;font-weight:800}.me-tile small{font-size:11px;opacity:.7}
.me-tile:hover{box-shadow:0 0 20px #ff3d8a66,inset 0 0 16px #ff3d8a22}.me-tile:active{transform:scale(.97)}
.me-card{padding:18px;border-radius:22px;border:1px solid #ffffff17;background:#ffffff05;margin-bottom:18px}
.me-card h2{margin:0 0 4px;font-size:17px;font-weight:800}.me-card>p{margin:0 0 14px;font-size:12.5px;opacity:.7}
.me-card .field input{border-radius:14px;min-height:46px}
.me-save{width:100%;height:48px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(160deg,#cf4f78,#8a2c49);box-shadow:0 0 18px #ff3d8a66,inset 0 1px 0 #ffffff33}
.me-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin:6px 0 24px;border-radius:999px;border:1px solid #ff6b6b88;background:#ff4d4d0d;color:#ffb3b3;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 0 14px #ff4d4d33,inset 0 0 12px #ff4d4d14;transition:box-shadow .2s,transform .12s}
.me-logout svg{width:18px;height:18px}.me-logout:hover{box-shadow:0 0 22px #ff4d4d66}.me-logout:active{transform:scale(.98)}
@media(max-width:650px){.me-grid{gap:8px}.me-tile{padding:12px 10px}.me-tile small{display:none}.me-hero{padding:16px}.me-avatar{width:56px;height:56px;font-size:24px}}
/* Funding methods: friendly neon tiles with admin-uploaded logos. */
.pay-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pay-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 16px;border-radius:22px;border:1px solid #ff6fa866;background:radial-gradient(120% 90% at 50% 0,#7b233e44,transparent 70%),#ffffff06;color:inherit;font:inherit;text-align:center;cursor:pointer;box-shadow:0 0 14px #ff3d8a2e,inset 0 0 14px #ff3d8a12;transition:box-shadow .2s,transform .12s}
.pay-tile:hover{box-shadow:0 0 24px #ff3d8a66,inset 0 0 18px #ff3d8a24}.pay-tile:active{transform:scale(.97)}
.pay-logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;overflow:hidden;font-weight:900;font-size:20px;color:#fff;background:linear-gradient(160deg,#cf4f78,#7b233e);box-shadow:0 0 0 3px #ffffff14,0 8px 18px -8px #000}
.pay-logo.usdt{background:linear-gradient(160deg,#2fd3a5,#0e8a6b);font-size:30px}
.pay-logo.has-img{background:#fff}.pay-logo img{width:100%;height:100%;object-fit:cover;display:block}
.pay-tile b{font-size:15px;font-weight:800}.pay-tile small{font-size:12px;opacity:.75;direction:auto}
.method-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.method-head h3{margin:0}
.method-logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#ffffff10;border:1px solid #ffffff1a;font-weight:800}
.method-logo img{width:100%;height:100%;object-fit:cover}
/* Drawer, MCARD layout in wine: ringed avatar + check, account number, two-stat card, solid rows. */
.store-drawer.mc{background:#141318!important;padding:22px 18px!important;border-inline-start:1px solid #ffffff10!important}
.store-drawer.mc .drawer-close{position:absolute;top:18px;left:16px;right:auto;inset-inline-start:auto;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#26252c!important;border:1px solid #ffffff14!important;color:#fff!important;box-shadow:none!important;font-size:0}
.store-drawer.mc .drawer-person{text-align:start;padding:6px 2px 16px}
.mc-avatar-wrap{position:relative;width:96px;height:96px;margin:0 0 14px auto;margin-inline-start:0}
.store-drawer.mc .drawer-avatar{width:96px;height:96px;margin:0;border-radius:50%;font-size:38px;font-weight:900;background:linear-gradient(160deg,#cf4f78,#5b1a33)!important;border:0;outline:0;box-shadow:0 0 0 4px #141318,0 0 0 7px #c9a46a,0 10px 26px -8px #000!important}
.mc-check{position:absolute;bottom:2px;left:2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e2557f;color:#fff;border:3px solid #141318}
.mc-check svg{width:14px;height:14px}
.store-drawer.mc .drawer-person h2{font-size:22px;font-weight:900;margin:0 0 4px}
.store-drawer.mc .drawer-person p{margin:2px 0;font-size:13px;color:#b7a9b1}
.mc-acct{display:flex;align-items:center;gap:6px}.mc-acct b{color:#fff;letter-spacing:.04em;direction:ltr}
.mc-copy{background:none;border:0;color:#d9c3cd;padding:2px;cursor:pointer;display:grid}
.store-drawer.mc .mc-stats{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px!important;border-radius:20px!important;background:#1d1c22!important;border:1px solid #ffffff12!important;box-shadow:none!important;margin-bottom:16px}
.mc-stats>i{width:1px;height:44px;background:#ffffff1a}
.mc-stats>div{text-align:center}.mc-stats strong{display:block;font-size:22px;font-weight:900;color:#ff8cbc;margin:0}
.mc-stats small{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:12px;color:#b7a9b1}
.store-drawer.mc .mc-topup{display:inline-block!important;padding:2px 9px!important;border-radius:999px!important;background:#e2557f!important;color:#fff!important;font-size:11px!important;font-weight:800;border:0!important;box-shadow:none!important;text-decoration:none}
.store-drawer.mc nav{gap:10px!important;padding-top:0!important}
.store-drawer.mc nav a{min-height:56px;padding:0 16px!important;border-radius:14px!important;background:#1d1c22!important;border:1px solid #ffffff12!important;box-shadow:none!important;color:#fff!important;font-size:16px;font-weight:800;gap:14px!important}
.store-drawer.mc nav a:hover{border-color:#e2557f66!important;background:#22202a!important}
.store-drawer.mc nav a>span{color:#e2557f!important;filter:none!important}
.store-drawer.mc nav svg{width:22px!important;height:22px!important;stroke-width:2.2}
.mc-status{margin-inline-start:auto;font-style:normal;font-size:13px;font-weight:800;color:#c9a46a}
.store-drawer.mc .drawer-foot{border-top:0!important;margin-top:18px}
/* WhatsApp support row at the bottom of the menu (official green + logo). */
.mc-whatsapp{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:16px;background:#25D366;color:#fff!important;text-decoration:none;box-shadow:0 8px 20px -10px #25D366;transition:transform .12s,filter .2s}
.mc-whatsapp:hover{filter:brightness(1.06)}.mc-whatsapp:active{transform:scale(.98)}
.wa-logo{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#1ebe5b}
.mc-whatsapp b{display:block;font-size:15px;font-weight:800}.mc-whatsapp small{display:block;font-size:13px;opacity:.95;text-align:end;unicode-bidi:isolate}
/* Periodic shine sweep across section and product posters. */
.section-art:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:45%;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 0%,#ffffff00 20%,#ffffff40 48%,#ffffff70 50%,#ffffff40 52%,#ffffff00 80%,transparent 100%);transform:skewX(-18deg) translateX(0);animation:poster-shine 5.5s cubic-bezier(.4,0,.2,1) infinite;mix-blend-mode:screen}
@keyframes poster-shine{0%,72%{left:-60%;opacity:0}74%{opacity:1}96%{left:130%;opacity:1}100%{left:130%;opacity:0}}
.category-tile:nth-child(2n) .section-art:after,.account-section:nth-child(2n) .section-art:after,.poster-card:nth-child(2n) .section-art:after{animation-delay:.35s}
.category-tile:nth-child(3n) .section-art:after,.account-section:nth-child(3n) .section-art:after,.poster-card:nth-child(3n) .section-art:after{animation-delay:.7s}
.category-tile:nth-child(4n) .section-art:after,.account-section:nth-child(4n) .section-art:after,.poster-card:nth-child(4n) .section-art:after{animation-delay:1.05s}
@media(prefers-reduced-motion:reduce){.section-art:after{animation:none;display:none}}
/* "حسابي" merged page: wallet card, quick stats, latest orders, support. */
.me-acct{display:flex;align-items:center;gap:6px;margin:0 0 8px!important;font-size:12.5px}.me-acct b{direction:ltr;letter-spacing:.04em;color:#fff}
.me-copy{background:none;border:0;padding:2px;color:#ff9cc3;cursor:pointer;display:grid}.me-copy svg{width:15px;height:15px}.me-copy.copied{color:#3ee07a}
.me-wallet{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:18px;border-radius:22px;margin-bottom:12px;background:linear-gradient(150deg,#7b233e,#3a1222);border:1px solid #ff6fa855;box-shadow:0 0 18px #ff3d8a33}
.me-wallet small{display:block;font-size:12px;opacity:.8}.me-wallet strong{display:block;font-size:28px;font-weight:900;margin-top:2px}.me-wallet span{font-size:12px;opacity:.8}
.me-held{text-align:center;padding-inline:12px;border-inline-start:1px solid #ffffff26}.me-held b{display:block;font-size:15px;margin-top:2px}
.me-topup{display:flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:999px;border:0;background:#fff;color:#7b233e;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 6px 16px -6px #000}.me-topup svg{width:16px;height:16px}
.me-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.me-stats>div{padding:14px 10px;border-radius:18px;background:#ffffff06;border:1px solid #ffffff14;text-align:center}
.me-stats strong{display:block;font-size:19px;font-weight:900;color:#ff8cbc}.me-stats small{display:block;font-size:11.5px;opacity:.75;margin-top:3px}
.me-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.me-card-head h2{margin:0}
.me-more{background:none;border:0;color:#ff9cc3;font:inherit;font-weight:800;cursor:pointer}
.me-two{grid-template-columns:1fr 1fr!important}
.me-wa{border-color:#25D36688!important;box-shadow:0 0 12px #25D36633!important}.me-wa>span{color:#25D366!important;filter:none!important}
@media(max-width:650px){.me-wallet{grid-template-columns:1fr auto;}.me-held{grid-column:1;grid-row:2;text-align:start;padding:0;border:0;display:flex;gap:8px;align-items:baseline}.me-topup{grid-row:1/span 2;grid-column:2}.me-stats strong{font-size:16px}}
/* Admin: section assignment list. */
.sec-list{padding:4px 0}
.sec-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #ffffff0f}.sec-row:last-child{border-bottom:0}
.sec-name{min-width:0}.sec-name b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec-name small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;opacity:.75;margin-top:3px}
.sec-row select{flex-shrink:0;max-width:52%;min-height:40px;border-radius:12px;border:1px solid #ff6fa855;background:#ffffff08;color:inherit;padding:0 10px;font:inherit;font-size:13px}
.sec-row select option{background:#1d1c22;color:#fff}
.sections-filter{flex-wrap:nowrap}
/* Phones: no zoom on tap or focus (inputs at 16px stop iOS auto-zoom). */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}
@media(max-width:900px){input,select,textarea{font-size:16px!important}}
/* Live search dropdown. */
.suggest-host{position:relative}
.suggest-box{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:60;max-height:min(60vh,420px);overflow:auto;padding:6px;border-radius:18px;background:#1a1920f2;border:1px solid #ff6fa855;box-shadow:0 18px 40px -12px #000e,0 0 18px #ff3d8a26;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:start}
.suggest-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:12px;background:none;color:#fff;font:inherit;text-align:start;cursor:pointer}
.suggest-item:hover,.suggest-item.on{background:#ffffff10}
.suggest-dot{width:36px;height:36px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-weight:900;background:linear-gradient(160deg,#cf4f78,#7b233e)}
.suggest-text{min-width:0;flex:1}.suggest-text b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-text small{display:block;font-size:11.5px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest-price{font-size:13px;font-weight:800;color:#ff8cbc;flex-shrink:0}
.suggest-all{display:block;width:100%;margin-top:4px;padding:10px;border:0;border-top:1px solid #ffffff12;background:none;color:#ff9cc3;font:inherit;font-weight:800;cursor:pointer}
.suggest-empty{padding:14px;font-size:13px;opacity:.8}
/* No "N خدمة · …" / "عرض الكل ×" line under the filters. */
.store-services .catalog-meta{display:none!important}
/* Section filter chips: icon + label, glassy pills, tactile wine when active, edge fade while scrolling. */
.category-chips{display:flex!important;gap:8px!important;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px!important;max-height:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.category-chips .sec-chip{flex:none;scroll-snap-align:start;display:inline-flex!important;align-items:center;gap:8px;height:44px;padding:0 16px 0 14px!important;border-radius:999px!important;border:1px solid #ffffff1c!important;background:linear-gradient(180deg,#ffffff0d,#ffffff05)!important;color:#ead7df!important;font:inherit;font-size:13.5px!important;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff12;transition:transform .12s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s}
.sec-chip-ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ff6fa81f;color:#ff9cc3}
.sec-chip-ico svg{width:15px;height:15px}
.category-chips .sec-chip:hover{border-color:#ff6fa866!important;box-shadow:0 0 14px #ff3d8a33,inset 0 1px 0 #ffffff12}
.category-chips .sec-chip:active{transform:scale(.96)}
.category-chips .sec-chip.active{color:#fff!important;border-color:#4a1426!important;background:linear-gradient(180deg,#c94e75 0%,#a3355a 55%,#87294b 100%)!important;box-shadow:inset 0 1px 0 #ffffff3a,0 3px 0 #3c0f1e,0 8px 18px -8px #c2416a!important}
.category-chips .sec-chip.active .sec-chip-ico{background:#ffffff2e;color:#fff}
/* Developer promo button, a little apart from WhatsApp. */
.mc-dev{display:flex;align-items:center;gap:12px;margin-top:26px;padding:12px 14px;border-radius:16px;border:1px dashed #c9a46a88;background:linear-gradient(150deg,#c9a46a14,#ffffff04);color:#f6eef1!important;text-decoration:none;position:relative;transition:transform .12s,border-color .2s}
.mc-dev:before{content:"";position:absolute;top:-14px;inset-inline:20%;height:1px;background:linear-gradient(90deg,transparent,#ffffff22,transparent)}
.mc-dev:hover{border-color:#e8c98f}.mc-dev:active{transform:scale(.98)}
.mc-dev-ico{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#c9a46a26;color:#e8c98f}
.mc-dev b{display:block;font-size:15px;font-weight:800}.mc-dev small{display:block;font-size:12px;color:#c9b6a0}
/* Deposit sheet: logo header, "قبل ما تحوّل" conditions, account box, live credit preview. */
.dep-head{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.dep-head b{display:block;font-size:17px;font-weight:900}.dep-head small{display:block;font-size:12.5px;opacity:.75}
.dep-head .pay-logo{width:54px;height:54px;border-radius:16px;font-size:16px}
.dep-badge{margin-inline-start:auto;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:800;background:#c9a46a26;color:#e8c98f;border:1px solid #c9a46a55;white-space:nowrap}
.dep-terms{padding:14px 16px;border-radius:18px;background:#ffffff06;border:1px solid #ff6fa855;box-shadow:0 0 14px #ff3d8a1f,inset 0 0 12px #ff3d8a0d;margin-bottom:12px}
.dep-terms h3{margin:0 0 10px;font-size:14px;font-weight:900;color:#ff9cc3}
.dep-terms ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:8px}
.dep-terms li{counter-increment:t;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.6}
.dep-terms li:before{content:counter(t);flex-shrink:0;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;background:linear-gradient(160deg,#cf4f78,#7b233e)}
.dep-account{position:relative;padding:14px 16px;border-radius:18px;background:linear-gradient(150deg,#7b233e55,#ffffff06);border:1px solid #ffffff1c;margin-bottom:14px}
.dep-account small{display:block;font-size:12px;opacity:.75;margin-bottom:4px}.dep-account p{margin:0 0 10px;font-size:15px;font-weight:800;word-break:break-word}
.dep-net{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:#2fd3a522;color:#6ff0c8;font-size:12px;font-weight:800}
.dep-copy{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid #ff8cbc88;background:#ffffff0a;color:#ffd5e4;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 0 12px #ff3d8a33}
.dep-amount{position:relative}.dep-amount input{padding-inline-start:60px!important}.dep-amount span{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);font-weight:800;opacity:.75;pointer-events:none}
.dep-preview{margin:-6px 0 14px;padding:10px 14px;border-radius:14px;background:#2fd3a514;border:1px solid #2fd3a544;color:#bff5e2;font-size:13.5px}.dep-preview b{color:#fff;font-size:15px}
.dep-submit{width:100%;height:52px;border:0;border-radius:999px;font:inherit;font-size:16px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(180deg,#c94e75 0%,#a3355a 55%,#87294b 100%);box-shadow:inset 0 1px 0 #ffffff3a,0 3px 0 #3c0f1e,0 10px 22px -10px #c2416a;transition:transform .1s,box-shadow .1s}
.dep-submit:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff2a,0 0 0 #3c0f1e}
/* Avatar + logout in the header only on «حسابي»; other customer pages keep a clean header. */
.customer-layout:not([data-page=overview]) .topbar .profile{display:none!important}
/* Customer header: just the page title, no small «حسابي» label above it. */
.customer-layout .topbar .crumb small{display:none!important}
/* «حسابي» header like the side menu: big ringed avatar with a check, name and details stacked under it. */
.me-hero{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:6px 4px 14px!important;background:none!important;border:0!important;box-shadow:none!important}
.me-avatar-wrap{position:relative;width:104px;height:104px}
.me-hero .me-avatar{width:104px!important;height:104px!important;border-radius:50%!important;font-size:42px!important;background:linear-gradient(160deg,#cf4f78,#5b1a33)!important;box-shadow:0 0 0 4px #141318,0 0 0 7px #c9a46a,0 12px 28px -10px #000!important}
.me-check{position:absolute;bottom:4px;left:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2557f;color:#fff;border:3px solid #141318}.me-check svg{width:15px;height:15px}
.me-id h1{font-size:26px!important}
.me-acct b{color:#fff}.me-copy{color:#f0dbe4!important}
/* «السجل»: tabs, filters, search, month totals, expandable order cards, balance rows. */
.hx{padding-top:18px}
.hx-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff14;margin-bottom:16px}
.hx-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:999px;background:none;color:#cdb9c2;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.hx-tabs button svg{width:18px;height:18px}
.hx-tabs button.on{color:#fff;background:linear-gradient(180deg,#c94e75,#87294b);box-shadow:inset 0 1px 0 #ffffff33,0 3px 0 #3c0f1e}
.hx-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.hx-filters::-webkit-scrollbar{display:none}
.hx-chip{flex:none;height:40px;padding:0 18px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff08;color:#e5d3db;font:inherit;font-weight:700;cursor:pointer}
.hx-chip.on{color:#fff;border-color:#ff8cbc;background:#ff3d8a26;box-shadow:0 0 12px #ff3d8a44}
.hx-search{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff08;margin-bottom:14px}
.hx-search svg{width:18px;height:18px;opacity:.7}.hx-search input{flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;outline:none}
.hx-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.hx-stats>div{display:grid;justify-items:center;gap:6px;padding:16px 10px;border-radius:20px;background:#ffffff06;border:1px solid #ffffff14;text-align:center}
.hx-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ff3d8a22;color:#ff9cc3}.hx-ico svg{width:22px;height:22px}
.hx-ico-now{background:#2fd3a522;color:#4ee8b0}
.hx-stats small{font-size:12.5px;opacity:.8}.hx-stats b{font-size:20px;font-weight:900}
.hx-list{display:grid;gap:10px}
.hx-order{border-radius:20px;background:#ffffff06;border:1px solid #ffffff14;border-inline-start:4px solid #f4a63b;overflow:hidden}
.hx-order.hx-ok{border-inline-start-color:#3ee07a}.hx-order.hx-bad{border-inline-start-color:#ff5a6e}
.hx-order summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer}.hx-order summary::-webkit-details-marker{display:none}
.hx-title{flex:1;min-width:0}.hx-title b{display:block;font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-title small{font-size:11.5px;opacity:.7;direction:ltr;unicode-bidi:isolate}
.hx-pill{flex:none;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid}
.hx-pill.hx-wait{color:#f6c56b;border-color:#f6c56b66;background:#f4a63b1a}.hx-pill.hx-ok{color:#5ef09a;border-color:#3ee07a66;background:#3ee07a14}.hx-pill.hx-bad{color:#ff8a98;border-color:#ff5a6e66;background:#ff5a6e14}
.hx-chev{width:10px;height:10px;border-inline-end:2px solid #cdb9c2;border-bottom:2px solid #cdb9c2;transform:rotate(45deg);transition:transform .2s;margin-inline-start:2px}
.hx-order[open] .hx-chev{transform:rotate(-135deg)}
.hx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0;padding:4px 16px 16px;border-top:1px solid #ffffff10}
.hx-grid dt{font-size:11.5px;opacity:.65;margin-top:8px}.hx-grid dd{margin:2px 0 0;font-size:13.5px;font-weight:700;word-break:break-all}
.hx-id{display:flex;align-items:flex-start;gap:6px;color:#ffb4cf}.hx-copy{flex:none;background:none;border:0;padding:2px;color:#ff9cc3;cursor:pointer;display:grid}.hx-copy.copied{color:#3ee07a}
.hx-wide{grid-column:1/-1}.hx-res{white-space:pre-wrap;font-weight:600!important}
.hx-sub{margin:0 0 12px;opacity:.75;font-size:13.5px}
.hx-entry{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:#ffffff06;border:1px solid #ffffff14;border-inline-start:4px solid #ff5a6e}
.hx-entry.hx-in{border-inline-start-color:#3ee07a}
.hx-arrow{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#ff5a6e1f;color:#ff8a98}
.hx-in .hx-arrow{background:#3ee07a1a;color:#5ef09a}
.hx-entry-main{flex:1;min-width:0}.hx-entry-main b{display:block;font-size:15px}.hx-entry-main small{display:block;font-size:11.5px;opacity:.7;direction:ltr;text-align:end}
.hx-entry-main code{display:block;font-size:11px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-entry-side{text-align:start}.hx-entry-side strong{display:block;font-size:16px;font-weight:900;color:#ff8a98}.hx-in .hx-entry-side strong{color:#5ef09a}.hx-entry-side small{font-size:11.5px;opacity:.75}
.hx-empty{padding:28px 16px;text-align:center;border-radius:20px;border:1px dashed #ffffff22;opacity:.8}
.hx-list{grid-template-columns:minmax(0,1fr)}.hx-entry,.hx-order{min-width:0}.hx-entry-side{flex-shrink:0}
/* iOS clips gradient text to the line box: give the letter dots (ث) room above. */
.power-title{line-height:1.35!important;overflow:visible}
.power-title em{display:inline-block;padding:.18em .04em .08em;margin:-.18em 0 -.08em;line-height:1.3;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.dep-alert{display:flex;gap:10px;align-items:flex-start;margin:-2px 0 12px;padding:12px 14px;border-radius:16px;background:#ff3b5c14;border:1px solid #ff5a6e77;color:#ffd1d8;font-size:13.5px;font-weight:700;line-height:1.6;box-shadow:0 0 14px #ff3b5c22}
.dep-alert b{flex-shrink:0;padding:1px 9px;border-radius:999px;background:#ff5a6e;color:#fff;font-size:12px}
/* Header wallet: dark pill, gold ring, gold + button, gold amount, coin. */
.store-header .header-wallet.gold-wallet{direction:ltr;display:inline-flex!important;align-items:center;gap:8px;height:44px!important;padding:0 12px 0 6px!important;border-radius:999px!important;background:#1a0f14!important;border:1px solid #d8b46a88!important;box-shadow:0 0 14px #d8b46a33,inset 0 1px 0 #ffffff10!important;color:#f3dca4!important;text-decoration:none}
.gold-wallet .gw-plus{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f3dca4,#c9a46a);color:#2a1a08;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #7a5a24}
.gold-wallet .gw-plus svg{width:16px!important;height:16px!important;stroke-width:2.6}
.gold-wallet .gw-amount{font-weight:800;font-size:15px;white-space:nowrap;color:#f3dca4}.gold-wallet .gw-amount bdi{color:inherit}
.gold-wallet .gw-coin{width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 2px #0008)}
.gold-wallet:active{transform:scale(.97)}
.store-header .header-wallet.gold-wallet .gw-plus,.store-header .header-wallet.gold-wallet .gw-plus svg{color:#2a1a08!important;stroke:#2a1a08!important}
/* Quantity: fixed packages get a clear badge; ranges show their limits. */
.qty-fixed{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#ffffff08;border:1px dashed #ff8cbc66}
.qty-fixed b{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:900;color:#fff;background:linear-gradient(160deg,#cf4f78,#7b233e)}
.qty-fixed span{font-size:13.5px;font-weight:700;color:#e9d6de}
.qty-range{display:grid;gap:6px}.qty-range input{min-height:48px;border-radius:14px;font-size:18px!important;font-weight:800;text-align:center}
.qty-range small{font-size:12px;opacity:.75}
/* Wallet page: big balance card, methods list, latest deposits. */
.wl-card{position:relative;overflow:hidden;display:grid;gap:4px;padding:22px 20px 18px;border-radius:26px;color:#fff;background:radial-gradient(120% 90% at 100% 0,#d4577f 0,#8d2a4a 45%,#4a1226 100%);box-shadow:0 0 0 1px #ff8cbc33,0 18px 40px -18px #c2346a,inset 0 1px 0 #ffffff2e}
.wl-card small{font-size:13px;font-weight:700;opacity:.85}
.wl-card strong{font-size:40px;font-weight:900;line-height:1.15;letter-spacing:-.5px;direction:ltr;text-align:right}
.wl-card>span{font-size:13px;opacity:.8}
.wl-orb{position:absolute;inset-inline-start:-40px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#ffd27a40,transparent 70%);pointer-events:none}
.wl-actions{display:flex;gap:10px;margin-top:14px;position:relative;z-index:1}
.wl-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:15px;border:1px solid #ffffff3a;background:#ffffff1c;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;backdrop-filter:blur(6px)}
.wl-btn svg{width:18px;height:18px}
.wl-btn.wl-main{background:#fff;color:#7b233e;border-color:#fff;box-shadow:0 6px 0 #d9b7c4,0 10px 18px -8px #000}
.wl-btn.wl-main:active{transform:translateY(4px);box-shadow:0 2px 0 #d9b7c4}
.wl-title{margin:24px 4px 10px;font-size:17px;font-weight:900;scroll-margin-top:90px}
.wl-methods,.wl-deposits{display:grid;grid-template-columns:minmax(0,1fr);border-radius:22px;overflow:hidden;background:#ffffff08;border:1px solid #ff8cbc26}
.wl-method,.wl-dep{display:flex;align-items:center;gap:12px;padding:13px 14px;width:100%;text-align:start;background:none;border:0;border-top:1px solid #ffffff12;color:inherit;font:inherit}
.wl-method:first-child,.wl-dep:first-child{border-top:0}
.wl-method{cursor:pointer;transition:background .2s}.wl-method:hover,.wl-method:active{background:#ff8cbc14}
.wl-method .pay-logo{width:48px;height:48px;border-radius:15px;font-size:15px;flex:none}
.wl-method .pay-logo.usdt{font-size:24px}
.wl-mtext{flex:1;min-width:0;display:grid;gap:3px}
.wl-mtext b{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-mtext small{font-size:12.5px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-mtext .wl-note{color:#ff8a98;opacity:1;white-space:normal}
.wl-chev{font-style:normal;font-size:24px;font-weight:700;color:#ff8cbc;flex:none}
.wl-arrow{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:13px;font-weight:900;color:#5ef09a;background:#3ee07a14;border:1px solid #3ee07a40}
.wl-pill{flex:none;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid}
.wl-pill.wl-wait{color:#f6c56b;border-color:#f6c56b66;background:#f4a63b1a}
.wl-pill.wl-ok{color:#5ef09a;border-color:#3ee07a66;background:#3ee07a14}
.wl-pill.wl-bad{color:#ff8a98;border-color:#ff5a6e66;background:#ff5a6e14}
.wl-empty{display:grid;justify-items:center;gap:4px;padding:22px 16px;text-align:center}.wl-empty small{opacity:.7}.wl-empty svg{width:22px;height:22px;opacity:.7}
.wl-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:16px 4px 110px;font-size:13px;opacity:.8}.wl-foot svg{width:16px;height:16px;color:#5ef09a}
.wl-link{background:none;border:0;padding:0;color:#ff8cbc;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}
@media(min-width:900px){.wl-card,.wl-title,.wl-methods,.wl-deposits,.wl-foot{max-width:640px;margin-inline:auto}.wl-title{padding-inline:4px}}

/* Wallet card, luxury pass: black-wine body, gold hairline, gold label, soft sheen, breathing room. */
.wl-card{margin:20px 4px 0;padding:24px 22px 20px;border-radius:28px;background:radial-gradient(90% 70% at 100% 0,#7a1f3d 0,transparent 70%),radial-gradient(70% 60% at 0 100%,#3a0d1f 0,transparent 70%),linear-gradient(155deg,#2a0a16,#16060c 70%);box-shadow:0 0 0 1px #e6c27a55,inset 0 0 0 1px #ffffff0d,inset 0 1px 0 #f5dca04d,0 24px 50px -22px #000,0 10px 30px -18px #b3284f}
.wl-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#f5dca01a 48%,transparent 60%);pointer-events:none}
.wl-card::after{content:"";position:absolute;inset:8px;border-radius:22px;border:1px solid #e6c27a1f;pointer-events:none}
.wl-top{display:flex;align-items:center;justify-content:space-between}
.wl-top small{color:#e6c27a;letter-spacing:.3px}
.wl-top em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:2.5px;color:#e6c27a99}
.wl-card strong{margin-top:6px;background:linear-gradient(180deg,#fff 30%,#f3d9a0);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wl-card>span{color:#f1dfe6}
.wl-orb{background:radial-gradient(circle,#e6c27a26,transparent 70%)}
.wl-actions{margin-top:18px}
.wl-btn{border-color:#e6c27a40;background:#ffffff0d}
.wl-btn.wl-main{background:linear-gradient(180deg,#f7e2ad,#d9aa55);color:#3a0d1f;border-color:#f7e2ad;box-shadow:0 5px 0 #8f6a2a,0 12px 20px -10px #000}
.wl-btn.wl-main:active{box-shadow:0 1px 0 #8f6a2a}
.wl-title,.wl-methods,.wl-deposits{margin-inline:4px}
.wl-title{margin-top:28px}
/* Navbar wallet, "royal wine": deep wine capsule, gold hairline, glowing gold-ring plus, gold label over the amount. */
.gold-wallet{gap:9px;height:46px!important;padding:0 14px 0 5px!important;background:linear-gradient(160deg,#5a1830,#24070f)!important;border:1px solid #e6c27a88!important;box-shadow:0 0 16px #e6c27a2e,inset 0 1px 0 #f5dca033!important}
.gold-wallet .gw-plus{width:34px;height:34px;background:transparent;border:1.5px solid #e6c27a;box-shadow:0 0 10px #e6c27a55,inset 0 0 8px #e6c27a22}
.gold-wallet .gw-plus,.store-header .header-wallet.gold-wallet .gw-plus svg{color:#f3dca4!important;stroke:#f3dca4!important}
.gold-wallet .gw-coin{display:none}
.gold-wallet .gw-text{display:grid;line-height:1.1;text-align:left}
.gold-wallet .gw-label{display:none;font-size:10.5px;font-weight:700;color:#e6c27aa6}
.gold-wallet .gw-text:has(bdi) .gw-label{display:block}
.gold-wallet .gw-amount{font-size:15px;color:#f3dca4}
.gold-wallet:hover .gw-plus{box-shadow:0 0 14px #e6c27a88,inset 0 0 8px #e6c27a33}
/* Live price under the package choice; updates as the customer picks a package or quantity. */
.topup-live-price{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;padding:10px 14px;border-radius:14px;background:#e6c27a14;border:1px solid #e6c27a40;font-size:14px;color:#f3dca4cc}
.topup-live-price strong{font-size:17px;color:#f3dca4}
/* Service cards without a price: one centred, larger charge button. */
.pc-meta-solo{justify-content:center}
.pc-meta-solo .pc-cta{display:block;width:100%;text-align:center;font-size:15px;padding:10px 14px}
/* Package list that scrolls: soft fade at the bottom plus a small "more below" cue until the end is reached. */
.topup-choices-wrap{position:relative}
.topup-choices-wrap.has-more .topup-choices{-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.topup-more{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:11.5px;font-weight:700;color:#f3dca4;background:#2a1018e6;border:1px solid #e6c27a55;border-radius:999px;padding:3px 10px;pointer-events:none;opacity:0;transition:opacity .25s}
.topup-choices-wrap.has-more .topup-more{opacity:1;animation:topup-bob 1.6s ease-in-out infinite}
@keyframes topup-bob{50%{transform:translate(-50%,3px)}}
@media(prefers-reduced-motion:reduce){.topup-choices-wrap.has-more .topup-more{animation:none}}
/* Banner slideshow: slides stack in the same frame and cross-fade; dots show where you are. */
.store-hero a.hero-rotating{position:relative;overflow:hidden;border-radius:inherit}
.store-hero a.no-video{aspect-ratio:16/9}
.store-hero .hero-slide{transition:opacity .7s ease}
.store-hero .hero-slide:not(.is-on){opacity:0}
.store-hero .hero-slide-img{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.hero-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.hero-dots i{width:7px;height:7px;border-radius:99px;background:#ffffff70;transition:width .3s,background .3s}
.hero-dots i.on{width:20px;background:#f3dca4}
/* Rotating strip under the navbar. */
.store-ticker{overflow:hidden;margin:0 0 14px;border-radius:14px;background:linear-gradient(90deg,#5a1830,#2a0c17);border:1px solid #e6c27a40;color:#f3dca4;font-size:13.5px;font-weight:700}
.store-ticker-track{display:flex;width:max-content;animation:store-ticker 28s linear infinite}
.store-ticker-track>div{display:flex;align-items:center;gap:18px;padding:9px 9px;white-space:nowrap}
.store-ticker-track i{font-style:normal;color:#e6c27a99}
.store-ticker:hover .store-ticker-track{animation-play-state:paused}
@keyframes store-ticker{to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.store-ticker-track{animation:none}.store-ticker-track>div+div{display:none}.store-ticker-track>div{white-space:normal;flex-wrap:wrap}}
/* Service the supplier marks unavailable: still listed, greyed out, cannot be opened. */
.poster-card[data-off]{cursor:not-allowed}
.poster-card[data-off] .pc-poster,.poster-card[data-off]>*:first-child{filter:grayscale(.9);opacity:.55}
.poster-card[data-off] .pc-cta{background:#3a3036!important;color:#c9b8c1!important;box-shadow:none!important}
.store-drawer .drawer-logout{margin:14px 0 4px}
/* Payment logos keep a square shape: a long method name next to them must not squeeze them narrower. */
.pay-logo{flex:none!important;aspect-ratio:1/1}
.dep-head .pay-logo{width:64px;height:64px;border-radius:14px}
.wl-method .pay-logo{width:56px;height:56px;border-radius:14px}
.dep-head>div{min-width:0}
.off-toast{position:fixed;z-index:200;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-140%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:14px;background:#c0263f;color:#fff;font-size:14px;font-weight:800;box-shadow:0 12px 30px #0008;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none;text-align:center}
.off-toast.show{transform:translate(-50%,0);opacity:1}

/* Owner artwork fills the service card without the decorative tilted frame. */
.poster-card .product-poster-photo{display:block;position:relative;aspect-ratio:1/1;padding:0;overflow:hidden;isolation:isolate}
.poster-card .product-poster-photo:before,.poster-card .product-poster-photo:after{display:none}
.product-poster-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:1}
.product-poster-photo .photo-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#dca2b8}
.product-poster-photo .photo-fallback svg{width:30%;height:30%}
.product-poster-photo .photo-caption{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:26px 12px 10px;background:linear-gradient(transparent,#120912e8);color:#fff;text-align:center;font-size:13px;font-weight:700;line-height:1.5;text-shadow:0 1px 3px #000;overflow-wrap:anywhere}

/* Acknowledgement stays visible even when a prepared section opens instantly. */
.catalog-opening{position:fixed;z-index:180;top:calc(84px + env(safe-area-inset-top));inset-inline:16px;margin-inline:auto;width:fit-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #dc779b88;border-radius:14px;background:#42152ff5;box-shadow:0 8px 28px #0005;color:#fff;font-size:14px;font-weight:700;pointer-events:none;text-align:center}
.catalog-opening[hidden]{display:none}
.catalog-opening:before{content:'';width:16px;height:16px;flex:none;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:section-opening .7s linear infinite}
.catalog-opening.is-done:before{content:'✓';width:auto;height:auto;border:0;border-radius:0;color:#eec8d5;animation:none}
.category-tile.is-opening .section-art{outline:3px solid #eea1bc;outline-offset:2px;filter:brightness(1.12)}
.sec-chip.is-opening,.poster-card.is-opening{outline:2px solid #eea1bc;outline-offset:3px}
@keyframes section-opening{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.catalog-opening:before{animation:none}}

/* Discourage image saving; normal taps and page scrolling remain available. */
img,.section-art,.product-visual,.store-hero{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none}

/* Wallet payment methods: larger logos so the framed artwork reads clearly. */
.wl-method .pay-logo{width:72px!important;height:72px!important;border-radius:16px}
.wl-method{gap:14px}

/* Order details window, laid out like the supplier's order page. */
.od{display:grid;gap:14px}
.od-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:800}
.od-took{flex-basis:100%;color:#f3c35b;font-weight:700;font-size:13px}
.od-rows{display:grid;grid-template-columns:auto 1fr;margin:0;border-radius:16px;overflow:hidden;border:1px solid #ffffff12}
.od-rows dt,.od-rows dd{margin:0;padding:12px 14px;border-bottom:1px solid #ffffff0d;font-size:14px}
.od-rows dt{color:#b9a6b1;font-weight:700}
.od-rows dd{text-align:end;color:#fff;font-weight:700;unicode-bidi:plaintext}
.od-rows dt:nth-last-of-type(1),.od-rows dd:last-child{border-bottom:0}
.od-field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff14}
.od-field span{color:#d8c6d0;font-weight:700}
.od-field b{font-size:15px;letter-spacing:.3px}
.od-reply{padding:14px;border-radius:16px;background:#0f1430;border:1px solid #ffffff10}
.od-reply h3{margin:0 0 10px;font-size:15px}
.od-reply-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #ffffff0d}
.od-reply-item:first-of-type{border-top:0}
.od-reply-item span{font-weight:700;word-break:break-word}
.od-copy{flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid #ffffff26;background:#ffffff0d;color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.od-copy svg{width:14px;height:14px}
/* Package cards: frame around picture and one wide button (price inside when fixed). */
.poster-card.pc-pack{padding:6px 6px 8px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff1f;box-shadow:0 10px 24px -14px #000c;transition:transform .25s cubic-bezier(.23,1,.32,1)}
.pc-pack .section-art{border-radius:14px;border:0;box-shadow:none}
.pc-pack:hover{transform:translateY(-3px)}.pc-pack:active{transform:scale(.98)}
.pc-pack:hover .section-art,.pc-pack:active .section-art{transform:none;box-shadow:none}
.pc-pack .pc-meta{margin-top:8px;padding:0}
.pc-pack .pc-cta{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;padding:9px 10px;white-space:nowrap}
.pc-pack .pc-cta b{font-size:14px;font-weight:800;direction:ltr;unicode-bidi:isolate}
.pc-sep{width:1px;height:14px;background:#ffffff66;flex:none}
/* Deposit: QR of the transfer code under the account */
.dep-qr{width:180px;max-width:70%;margin:2px auto 6px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 8px 22px -12px #000c}
.dep-qr svg{display:block;width:100%;height:auto}
.dep-account small.dep-qr-hint{text-align:center;margin:0 0 10px}