/* === app.css === */
:root{
  --bg:#07040d;--bg-2:#0c0715;--surface:#10091c;--surface-2:#160d26;--surface-3:#1d1031;
  --text:#f8f5ff;--muted:#a79db6;--line:rgba(194,140,255,.17);--line-strong:rgba(217,70,239,.36);
  --purple:#8b5cf6;--magenta:#ec4899;--pink:#f472b6;--gold:#f5b942;--green:#34d399;--red:#fb7185;--blue:#60a5fa;
  --gradient:linear-gradient(135deg,#8b5cf6 0%,#d946ef 48%,#ec4899 100%);
  --gradient-gold:linear-gradient(135deg,#f3b93f,#f59e0b);--shadow:0 24px 70px rgba(0,0,0,.45);--radius:18px;--radius-sm:12px;
  --container:1180px;--header-h:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}body.site-body{overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:rgba(217,70,239,.45);color:#fff}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.narrow{width:min(720px,calc(100% - 32px));margin-inline:auto}.section-pad{padding:88px 0}.section-pad-sm{padding:38px 0}.reveal{animation:fadeUp .75s ease both}.reveal-delay-1{animation-delay:.12s}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(118,44,180,.13),transparent 42%)}.ambient__orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(95px);opacity:.16;animation:orbFloat 18s ease-in-out infinite alternate;will-change:transform}.ambient__orb--one{left:-240px;top:160px;background:#d946ef}.ambient__orb--two{right:-280px;top:52%;background:#7c3aed;animation-delay:-7s}.ambient__grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 80%)}#ambient-particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:#f472b6;box-shadow:0 0 12px #d946ef;opacity:.45;animation:particleRise var(--d,14s) linear infinite;left:var(--x,50%);top:105%;animation-delay:var(--delay,0s)}@keyframes orbFloat{to{transform:translate3d(90px,-45px,0) scale(1.16)}}@keyframes particleRise{to{transform:translate3d(var(--drift,20px),-120vh,0);opacity:0}}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:50;background:rgba(7,4,13,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);transition:.25s}.site-header.is-scrolled{box-shadow:0 15px 40px rgba(0,0,0,.32)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:34px;height:40px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 14px rgba(217,70,239,.42))}.brand-mark:before,.brand-mark:after,.brand-mark span:before{content:"";position:absolute;background:var(--gradient);clip-path:polygon(0 0,100% 0,44% 100%)}.brand-mark:before{inset:0 13px 5px 0}.brand-mark:after{inset:5px 0 0 13px;transform:rotate(180deg);opacity:.82}.brand-mark span:before{width:18px;height:18px;left:7px;top:10px;filter:brightness(1.35)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:1.14rem;letter-spacing:.035em}.brand-copy small{font-size:.63rem;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.main-nav a{font-size:.84rem;color:#d6cde2;position:relative;white-space:nowrap;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-14px;background:var(--gradient);box-shadow:0 0 10px #d946ef}.header-actions{display:flex;gap:9px}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px;border-radius:4px}
.btn{border:1px solid transparent;border-radius:10px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:.86rem;transition:.22s ease;color:#fff;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.24),transparent 70%);transform:translateX(-120%);transition:.5s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient);box-shadow:0 10px 30px rgba(217,70,239,.24)}.btn-primary:hover{box-shadow:0 14px 34px rgba(217,70,239,.4)}.btn-gold{background:rgba(245,185,66,.08);border-color:rgba(245,185,66,.55);color:#ffd874}.btn-ghost{background:rgba(255,255,255,.025);border-color:var(--line);color:#e9e2f2}.btn-outline{background:transparent;border-color:rgba(236,72,153,.65);color:#f5d9f2}.btn-danger-soft{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.3);color:#ffb5c1}.btn-warning-soft{background:rgba(245,185,66,.1);border-color:rgba(245,185,66,.3);color:#ffd475}.btn-sm{min-height:36px;padding:0 13px;font-size:.78rem}.btn-xs{min-height:30px;padding:0 10px;font-size:.72rem}.btn-lg{min-height:50px;padding:0 24px}.btn-block{width:100%}.glass-panel,.admin-card{background:linear-gradient(145deg,rgba(24,13,42,.94),rgba(12,7,22,.94));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(16px)}
.hero{position:relative;padding-top:72px;padding-bottom:46px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(217,70,239,.14),transparent 35%),linear-gradient(170deg,transparent 55%,rgba(115,29,155,.15));pointer-events:none}.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:240px;background:repeating-radial-gradient(ellipse at center,transparent 0 15px,rgba(217,70,239,.12) 16px 17px,transparent 18px 32px);transform:perspective(500px) rotateX(62deg);opacity:.28;mask-image:linear-gradient(to top,black,transparent)}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#e9c7ee;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero-kicker i,.live-dot:before{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.hero h1{font-size:clamp(2.4rem,4.2vw,4.15rem);line-height:1.05;letter-spacing:-.045em;margin:20px 0}.hero h1 span{display:block;background:linear-gradient(90deg,#d8a7ff,#f472b6 65%,#ffd06b);background-clip:text;color:transparent}.hero-copy>p{font-size:1.05rem;color:#c1b6cd;max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border:1px solid var(--line);border-radius:14px;background:rgba(18,9,32,.72);overflow:hidden}.hero-trust>div{padding:14px 13px;display:flex;align-items:center;gap:10px;border-right:1px solid var(--line)}.hero-trust>div:last-child{border:0}.hero-trust>div>span{font-size:1.1rem;color:#f5a4e4}.hero-trust strong{font-size:.75rem;display:flex;flex-direction:column}.hero-trust small{color:var(--muted);font-size:.62rem;font-weight:500;margin-top:2px}.hero-order-wrap{display:grid;grid-template-columns:1fr 158px;align-items:center;gap:20px}.quick-order{padding:20px}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:17px}.card-title>div{display:flex;flex-direction:column}.card-title span{font-weight:800}.card-title small{color:var(--muted);font-size:.72rem;margin-top:3px}.live-dot{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;color:#b6f7dd;border:1px solid rgba(52,211,153,.22);background:rgba(52,211,153,.08);padding:5px 8px;border-radius:999px}.live-dot:before{content:"";width:5px;height:5px}.field-label{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;margin:12px 0 7px;color:#e8dff0}.step-dot{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;background:var(--gradient);box-shadow:0 0 12px rgba(217,70,239,.3)}.form-control{width:100%;min-height:43px;border-radius:10px;border:1px solid var(--line);background:#0e0818;color:#f7f3fb;padding:10px 13px;outline:0;transition:.2s}.form-control::placeholder{color:#6f667a}.form-control:focus{border-color:rgba(217,70,239,.75);box-shadow:0 0 0 3px rgba(217,70,239,.11)}select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ad9bbb 50%),linear-gradient(135deg,#ad9bbb 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}.quick-order .form-control+.field-label{margin-top:13px}.quick-order .btn{margin-top:14px}.success-preview{text-align:center;padding:22px 14px}.success-check{width:58px;height:58px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;color:#fff;background:radial-gradient(circle,#b446d5,#53127a);border:1px solid #d173e8;box-shadow:0 0 28px rgba(217,70,239,.42)}.success-preview strong{font-size:.88rem}.success-preview p{color:var(--muted);font-size:.68rem}.success-preview>span{display:inline-block;padding:7px 9px;border:1px solid rgba(245,185,66,.3);color:#ffd878;border-radius:8px;font-size:.65rem}
.order-check-bar{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--line);background:rgba(20,10,34,.85);border-radius:14px;box-shadow:var(--shadow)}.order-check-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(217,70,239,.12);border:1px solid rgba(217,70,239,.3);font-size:1.3rem}.order-check-bar>div:nth-child(2){display:flex;flex-direction:column;min-width:255px}.order-check-bar strong{font-size:.85rem}.order-check-bar small{color:var(--muted);font-size:.68rem}.order-check-bar form{display:grid;grid-template-columns:1fr auto;gap:10px}.order-check-bar input{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#0c0715;color:#fff;padding:0 14px;outline:0}
.banner-section{padding:34px 0 20px}.banner-slider{position:relative;border:1px solid var(--line-strong);border-radius:20px;padding:7px;background:#0f0819;box-shadow:0 25px 70px rgba(0,0,0,.45);overflow:hidden}.banner-track{display:grid}.promo-slide{grid-area:1/1;min-height:260px;border-radius:14px;overflow:hidden;position:relative;opacity:0;transform:scale(.985);pointer-events:none;transition:.55s ease;background:radial-gradient(circle at 75% 50%,color-mix(in srgb,var(--slide-accent) 35%,transparent),transparent 42%),linear-gradient(110deg,#1c092b,#0c0714)}.promo-slide.active{opacity:1;transform:none;pointer-events:auto}.promo-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}.promo-slide__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,4,13,.92) 0%,rgba(7,4,13,.58) 48%,rgba(7,4,13,.12) 100%)}.promo-slide__content{position:relative;z-index:2;padding:38px 8%;max-width:550px}.promo-slide__content>span{display:inline-block;border-radius:999px;padding:5px 10px;background:var(--gradient-gold);color:#271800;font-size:.68rem;font-weight:900;letter-spacing:.08em}.promo-slide h2{font-size:2.35rem;margin:10px 0 5px;line-height:1.02}.promo-slide p{color:#d1c4da;margin:0 0 18px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(236,72,153,.55);background:rgba(7,4,13,.8);color:#fff;font-size:1.7rem;z-index:3}.slider-arrow--prev{left:16px}.slider-arrow--next{right:16px}.slider-dots{position:absolute;left:0;right:0;bottom:15px;z-index:3;display:flex;justify-content:center;gap:7px}.slider-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:#887c92}.slider-dots button.active{background:#ec4899;box-shadow:0 0 12px #ec4899}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:1.5rem;margin:4px 0 0;letter-spacing:-.025em}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:.88rem}.eyebrow{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;color:#e9a5dd;font-weight:850}.section-link{font-size:.78rem;color:#ffd271;padding:6px 10px;border:1px solid rgba(245,185,66,.25);border-radius:8px}.section-link span{margin-left:5px}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.category-card{min-height:138px;padding:17px 10px;text-align:center;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(25,13,43,.85),rgba(10,6,18,.9));transition:.25s}.category-card:hover{transform:translateY(-5px);border-color:rgba(236,72,153,.5);box-shadow:0 14px 36px rgba(0,0,0,.35)}.category-card>span{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 10px;border-radius:13px;font-size:1.45rem;color:#f28bd1;background:radial-gradient(circle,rgba(217,70,239,.2),rgba(139,92,246,.05));border:1px solid rgba(217,70,239,.26);box-shadow:0 0 22px rgba(217,70,239,.13)}.category-card strong{display:block;font-size:.8rem}.category-card small{display:block;color:var(--muted);font-size:.63rem;line-height:1.3;margin-top:5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,rgba(21,11,35,.95),rgba(8,5,14,.95));transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 25px color-mix(in srgb,var(--accent) 14%,transparent)}.product-art{height:142px;display:block;position:relative;overflow:hidden;background:#0d0717}.product-art img,.product-art svg{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover .product-art img,.product-card:hover .product-art svg{transform:scale(1.035)}.product-badge{position:absolute;top:9px;right:9px;background:var(--gradient);padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:800}.product-card__body{padding:13px}.product-card h3{font-size:.93rem;margin:0}.product-card h3 a:hover{color:#f0a4df}.product-card p{color:var(--muted);font-size:.68rem;margin:3px 0}.product-price{display:block;font-size:.72rem;color:#ffd275;margin:7px 0 10px}.product-card .btn{min-height:34px}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.step-card{position:relative;text-align:center;padding:22px 13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(24,13,42,.9),rgba(10,6,18,.95));min-height:158px}.step-number{position:absolute;left:13px;top:11px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.72rem;background:var(--gradient)}.step-card>i{font-style:normal;font-size:1.65rem;color:#f27dd2}.step-card h3{font-size:.83rem;margin:10px 0 4px}.step-card p{font-size:.65rem;color:var(--muted);margin:0}.step-card>b{position:absolute;right:-12px;top:50%;font-size:2.2rem;color:#ffd25f;z-index:2}.payment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.payment-grid>div{border:1px solid var(--line);border-radius:12px;background:#10091b;padding:14px;display:flex;align-items:center;gap:10px}.payment-grid>div>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(139,92,246,.13);color:#e8b6ff;font-size:.85rem;font-weight:900}.payment-grid strong{font-size:.76rem;display:flex;flex-direction:column}.payment-grid small{font-size:.61rem;color:var(--muted);font-weight:500}.promo-coupons{min-height:170px;display:grid;grid-template-columns:1.4fr repeat(3,.72fr);gap:12px;align-items:stretch;padding:22px;border:1px solid rgba(217,70,239,.32);border-radius:18px;background:radial-gradient(circle at 10% 50%,rgba(217,70,239,.22),transparent 35%),linear-gradient(120deg,#21062b,#100719 70%);box-shadow:var(--shadow)}.promo-coupons__copy{padding:8px}.promo-coupons__copy>span{font-size:.68rem;color:#ffd270;font-weight:800}.promo-coupons h2{font-size:1.65rem;margin:6px 0}.promo-coupons h2 b{color:#ffd35e}.promo-coupons p{font-size:.8rem;color:var(--muted)}.coupon{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed rgba(245,185,66,.55);border-radius:13px;background:rgba(217,70,239,.08);padding:12px}.coupon strong{font-size:.83rem;color:#ffd169}.coupon span{font-size:.72rem;margin:4px 0 10px}.coupon code{background:#66115d;padding:5px 10px;border-radius:6px;color:#fff}.feature-stat-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-grid>div,.stats-grid>div{border:1px solid var(--line);background:#10091b;border-radius:12px;padding:15px;text-align:center}.feature-grid span,.stats-grid span{font-size:1.35rem;color:#f184d5}.feature-grid strong,.feature-grid small,.stats-grid strong,.stats-grid small{display:block}.feature-grid strong{font-size:.76rem;margin-top:6px}.feature-grid small{font-size:.62rem;color:var(--muted);margin-top:3px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid strong{font-size:1.35rem;color:#e481ee;margin:6px 0 2px}.stats-grid small{font-size:.67rem;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.article-grid--page{grid-template-columns:repeat(3,1fr)}.article-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#10091b;transition:.25s}.article-card:hover{transform:translateY(-4px);border-color:rgba(217,70,239,.42)}.article-card__media{height:135px;background:#140b22;overflow:hidden}.article-card__media img{width:100%;height:100%;object-fit:cover;transition:.4s}.article-card:hover img{transform:scale(1.04)}.article-placeholder{height:100%;display:grid;place-items:center;font-size:2rem;background:radial-gradient(circle,rgba(217,70,239,.3),transparent)}.article-card__body{padding:14px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.article-meta time{font-size:.62rem;color:var(--muted)}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.58rem;font-weight:850;letter-spacing:.06em}.tag--info{background:rgba(96,165,250,.15);color:#93c5fd}.tag--promo{background:rgba(236,72,153,.15);color:#f9a8d4}.tag--update{background:rgba(139,92,246,.17);color:#c4b5fd}.tag--gangguan{background:rgba(251,113,133,.15);color:#fda4af}.article-card h3{font-size:.93rem;line-height:1.32;margin:10px 0 6px}.article-card p{font-size:.69rem;color:var(--muted);margin:0 0 10px}.read-more{font-size:.7rem;color:#f2a5dd}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.faq-item{border:1px solid var(--line);border-radius:11px;background:#10091b;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:.78rem;font-weight:700;display:flex;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:1rem;color:#f49cdd;transition:.2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{font-size:.73rem;color:var(--muted);padding:0 16px 14px;margin:0}.site-footer{padding:40px 0 20px}.footer-panel{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;border:1px solid var(--line);border-radius:18px;padding:27px;background:linear-gradient(145deg,#10091b,#090511)}.footer-panel h3{font-size:.79rem;margin:0 0 10px}.footer-panel>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-panel a,.footer-panel span,.footer-brand p{font-size:.68rem;color:var(--muted)}.footer-panel a:hover{color:#f1a4dc}.trust-row{display:flex;gap:8px}.trust-row span{border:1px solid var(--line);padding:5px 7px;border-radius:6px}.footer-bottom{display:flex;justify-content:space-between;color:#71677a;font-size:.64rem;padding-top:15px}.floating-chat{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:9px;background:var(--gradient);border:1px solid rgba(255,255,255,.23);box-shadow:0 12px 34px rgba(217,70,239,.38);border-radius:999px;padding:9px 15px}.floating-chat>span{font-size:1.25rem}.floating-chat strong{display:flex;flex-direction:column;font-size:.75rem}.floating-chat small{font-size:.58rem;font-weight:500}
.toast-stack{position:fixed;top:18px;right:18px;z-index:1000;width:min(390px,calc(100% - 36px));display:grid;gap:10px}.toast{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start;padding:14px 12px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(18,10,30,.97);box-shadow:0 20px 65px rgba(0,0,0,.55);overflow:hidden;animation:toastIn .35s ease both}.toast.is-leaving{animation:toastOut .28s ease both}.toast__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.toast--success .toast__icon{background:rgba(52,211,153,.13);color:#6ee7b7}.toast--error .toast__icon{background:rgba(251,113,133,.13);color:#fda4af}.toast--info .toast__icon{background:rgba(96,165,250,.13);color:#93c5fd}.toast--warning .toast__icon{background:rgba(245,185,66,.13);color:#ffd16c}.toast__body strong{font-size:.8rem}.toast__body p{font-size:.72rem;color:#c0b5ca;margin:2px 0 0}.toast__close{border:0;background:none;color:#a99eb3;font-size:1.2rem;padding:0 3px}.toast__progress{position:absolute;height:3px;left:0;bottom:0;width:100%;transform-origin:left;background:var(--gradient);animation:toastProgress var(--duration,5s) linear forwards}.toast--success .toast__progress{background:#34d399}.toast--error .toast__progress{background:#fb7185}.toast--warning .toast__progress{background:#f5b942}@keyframes toastIn{from{opacity:0;transform:translateX(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(35px) scale(.96)}}@keyframes toastProgress{to{transform:scaleX(0)}}
.page-hero{padding:76px 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(217,70,239,.14),transparent 35%)}.page-hero.compact h1{font-size:clamp(2rem,5vw,3.3rem);margin:8px 0}.page-hero p{color:var(--muted);max-width:680px}.catalog-toolbar{display:grid;grid-template-columns:1fr 260px auto;gap:10px;padding:14px;margin-bottom:24px}.catalog-grid{grid-template-columns:repeat(4,1fr)}.pager-wrap{margin-top:24px}.pagination{display:flex;justify-content:center;gap:5px;list-style:none;padding:0}.pagination li a,.pagination li span{min-width:34px;height:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;font-size:.72rem}.pagination li.active span{background:var(--gradient);border-color:transparent}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:16px;padding:60px 20px;background:#0e0818}.empty-state>span{font-size:2.4rem;color:#e775d7}.empty-state h2{margin:12px 0 3px}.empty-state p{color:var(--muted)}.product-detail{padding-top:58px}.product-detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:start}.product-detail-info{position:sticky;top:100px}.product-detail-art{height:310px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:20px;overflow:hidden;margin-bottom:22px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.product-detail-art img,.product-detail-art svg{width:100%;height:100%;object-fit:cover}.product-detail-info h1{font-size:2.7rem;margin:10px 0}.lead{font-size:1rem;color:#c4b9ce}.rich-text{color:#c1b5ca}.rich-text h2,.rich-text h3{color:#fff}.rich-text a{color:#f1a4dd}.mini-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.mini-trust span{font-size:.7rem;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#0f0818}.checkout-card{padding:22px}.variant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.variant-option input,.payment-options input{position:absolute;opacity:0;pointer-events:none}.variant-option span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:11px;background:#0d0716;cursor:pointer;transition:.2s}.variant-option strong{font-size:.75rem}.variant-option small{color:#ffd06d;font-size:.67rem;margin-top:3px}.variant-option input:checked+span{border-color:#d946ef;background:rgba(217,70,239,.11);box-shadow:0 0 0 2px rgba(217,70,239,.08)}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.payment-options label span{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;background:#0d0716;cursor:pointer}.payment-options b{font-size:.72rem}.payment-options small{font-size:.62rem;color:var(--muted)}.payment-options input:checked+span{border-color:#d946ef;background:rgba(217,70,239,.11)}.checkout-summary{border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0;background:#0c0714}.checkout-summary>div{display:flex;justify-content:space-between;font-size:.72rem;padding:5px 0}.checkout-summary span{color:var(--muted)}.checkout-summary .total{border-top:1px solid var(--line);margin-top:5px;padding-top:10px}.checkout-summary .total strong{font-size:1rem;color:#ffd06f}.form-note{text-align:center;font-size:.63rem;color:var(--muted)}.check-card{padding:35px;text-align:center}.check-icon{width:70px;height:70px;margin:auto;border-radius:20px;display:grid;place-items:center;font-size:2rem;background:rgba(217,70,239,.13);border:1px solid rgba(217,70,239,.3)}.check-card h2{margin-bottom:3px}.check-card p{color:var(--muted)}.check-card form{display:grid;gap:12px;margin-top:20px}.form-control-lg{min-height:51px}.order-detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.order-status-card,.order-info-card{padding:25px}.order-status-card{text-align:center}.status-visual{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:2rem;margin:0 auto 15px;border:1px solid}.status-visual--success{color:#6ee7b7;border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.1);box-shadow:0 0 28px rgba(52,211,153,.15)}.status-visual--danger{color:#fda4af;border-color:rgba(251,113,133,.5);background:rgba(251,113,133,.1)}.status-visual--warning{color:#ffd06d;border-color:rgba(245,185,66,.5);background:rgba(245,185,66,.1)}.status-visual--info{color:#93c5fd;border-color:rgba(96,165,250,.5);background:rgba(96,165,250,.1)}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.64rem;font-weight:850}.status-badge--success{background:rgba(52,211,153,.12);color:#6ee7b7}.status-badge--danger{background:rgba(251,113,133,.12);color:#fda4af}.status-badge--warning{background:rgba(245,185,66,.12);color:#ffd06d}.status-badge--info{background:rgba(96,165,250,.12);color:#93c5fd}.status-badge--neutral{background:rgba(167,157,182,.12);color:#c4bacd}.order-status-card h2{margin:12px 0 0}.order-status-card>p{color:var(--muted);margin:2px 0 22px}.timeline{text-align:left;border-left:2px solid rgba(255,255,255,.1);margin:25px 0 0 20px}.timeline>div{position:relative;padding:0 0 25px 25px}.timeline>div i{position:absolute;width:14px;height:14px;border-radius:50%;left:-8px;top:2px;background:#30263b;border:2px solid #675b72}.timeline>div.done i{background:#d946ef;border-color:#f0a0df;box-shadow:0 0 12px rgba(217,70,239,.5)}.timeline span{font-size:.78rem;font-weight:700;display:flex;flex-direction:column}.timeline small{font-size:.64rem;color:var(--muted);font-weight:400}.order-info-card h2{margin-top:0}.order-info-card dl{margin:0}.order-info-card dl>div,.admin-detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.order-info-card dt,.admin-detail-list dt{color:var(--muted);font-size:.72rem}.order-info-card dd,.admin-detail-list dd{margin:0;text-align:right;font-size:.76rem;font-weight:700;word-break:break-word}.order-info-card .total dd{color:#ffd06d;font-size:1.1rem}.payment-instruction{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#0d0716}.payment-instruction p{font-size:.7rem;color:var(--muted)}.demo-qr{height:160px;border:1px dashed rgba(255,255,255,.24);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-conic-gradient(#fff 0 2%,#15101b 0 4%) 50%/65px 65px no-repeat,#fff;color:#111}.demo-qr span,.demo-qr b{background:#fff;padding:2px 6px}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.article-container{max-width:850px}.article-detail__head{text-align:center}.article-detail__head h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:14px 0}.article-detail__head p{color:#c3b7cd;font-size:1.05rem}.article-detail__head time{color:var(--muted);font-size:.72rem}.article-detail__image{width:100%;max-height:430px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin:32px 0}.article-content{font-size:.96rem;line-height:1.85}.promo-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.promo-page-card{min-height:300px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:18px;overflow:hidden;position:relative;background:#11091c}.promo-page-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.promo-page-card>div{position:relative;z-index:2;padding:36px;background:linear-gradient(90deg,rgba(7,4,13,.95),rgba(7,4,13,.28));min-height:300px}.promo-page-card h2{font-size:2rem;margin:8px 0}.promo-page-card p{max-width:400px;color:#c4b8ce}.prose-card{padding:35px;font-size:1rem;color:#c8bdd1}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.help-card{border:1px solid var(--line);border-radius:16px;background:#10091b;padding:28px;text-align:center;transition:.2s}.help-card:hover{transform:translateY(-5px);border-color:#d946ef}.help-card>span{font-size:2rem;color:#ef8add}.help-card h2{font-size:1.1rem}.help-card p{font-size:.78rem;color:var(--muted)}.system-status{padding:25px}.system-status__overall{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.system-status__overall>div{display:flex;flex-direction:column}.system-status__overall small{color:var(--muted)}.status-pulse{width:15px;height:15px;border-radius:50%;background:#34d399;box-shadow:0 0 0 7px rgba(52,211,153,.1),0 0 22px #34d399;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(52,211,153,0),0 0 28px #34d399}}.service-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem}.service-row b{color:#6ee7b7}
/* Admin */
.admin-body,.login-body{background:#08040f;color:var(--text);min-height:100vh}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;padding:22px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#10091b,#090511);display:flex;flex-direction:column;z-index:60}.admin-nav{display:grid;gap:5px;margin-top:30px}.admin-nav a{display:flex;align-items:center;gap:11px;border-radius:10px;padding:11px 12px;color:#b9afc3;font-size:.78rem;font-weight:650}.admin-nav a span{width:24px;text-align:center;color:#e57bd6}.admin-nav a:hover,.admin-nav a.active{background:rgba(217,70,239,.11);color:#fff}.admin-nav a.active{border:1px solid rgba(217,70,239,.2)}.admin-sidebar__bottom{margin-top:auto;display:grid;gap:8px}.admin-main{grid-column:2}.admin-topbar{height:84px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(8,4,15,.88);backdrop-filter:blur(18px)}.admin-topbar>div:first-of-type{display:flex;flex-direction:column}.admin-topbar>div>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#d37bcc}.admin-topbar h1{font-size:1.35rem;margin:2px 0 0}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--gradient);font-weight:850}.admin-user>div{display:flex;flex-direction:column}.admin-user strong{font-size:.76rem}.admin-user small{font-size:.62rem;color:var(--muted)}.admin-menu-toggle{display:none}.admin-content{padding:25px 28px 45px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-stats>div{padding:19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#140b22,#0d0716)}.admin-stats span{font-size:.68rem;color:var(--muted)}.admin-stats strong{display:block;font-size:1.55rem;margin:5px 0;color:#f0a1df}.admin-stats small{font-size:.62rem;color:#766c80}.admin-grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.admin-grid-form{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.admin-card{padding:20px;margin-bottom:18px;box-shadow:none}.admin-card__head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.admin-card__head h2{font-size:1rem;margin:0}.admin-card__head p{font-size:.68rem;color:var(--muted);margin:2px 0 0}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#91859b;padding:10px;border-bottom:1px solid var(--line)}.data-table td{font-size:.72rem;padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.data-table td>a,.data-table td>strong{color:#f2d4ec}.data-table td small{display:block;color:#7f7588;margin-top:2px;font-size:.61rem}.table-product{display:flex;align-items:center;gap:10px}.table-product>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 17%,#12091d);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);font-size:.67rem;font-weight:900}.table-product>div{display:flex;flex-direction:column}.table-actions{display:flex;gap:5px;align-items:center}.table-actions form{margin:0}.summary-list{display:grid;gap:7px}.summary-list>div{display:flex;justify-content:space-between;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0c0714;font-size:.72rem}.summary-list span{color:var(--muted)}.quick-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.admin-form label,.admin-card form>label{display:grid;gap:6px;font-size:.7rem;color:#ded5e6;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid.one{grid-template-columns:1fr}.span-2{grid-column:span 2}.form-grid textarea{resize:vertical}.color-input{padding:5px;height:43px}.switch-row{display:flex!important;align-items:center!important;gap:9px!important;cursor:pointer;align-self:center}.switch-row>input{position:absolute;opacity:0}.switch-row>span{width:40px;height:22px;border-radius:999px;background:#30283a;position:relative;transition:.2s;flex:none}.switch-row>span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#aaa0b4;left:3px;top:3px;transition:.2s}.switch-row>input:checked+span{background:linear-gradient(90deg,#8b5cf6,#d946ef)}.switch-row>input:checked+span:after{left:21px;background:#fff}.switch-row>div{display:flex;flex-direction:column}.switch-row small{color:var(--muted);font-size:.62rem;font-weight:400}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.6}.form-help{font-size:.64rem;color:var(--muted);margin-top:9px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.admin-filter{display:grid;grid-template-columns:1fr 220px auto auto;gap:9px;margin-bottom:16px}.admin-detail-list{margin:0}.admin-detail-list .total dd{color:#ffd06d;font-size:1rem}.banner-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.banner-preview{height:180px;border-radius:13px;position:relative;overflow:hidden;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:#0c0715}.banner-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.banner-preview>div{position:relative;z-index:1;padding:22px;background:linear-gradient(90deg,rgba(7,4,13,.9),transparent);height:100%}.banner-preview span{font-size:.58rem;color:#ffd16c}.banner-preview h3{margin:5px 0}.banner-preview p{font-size:.66rem;color:#c5b8ce;max-width:260px}.settings-switches{display:grid;gap:14px}.settings-switches .switch-row{border:1px solid var(--line);border-radius:12px;padding:14px;background:#0c0714}.login-body{display:grid;place-items:center;overflow:hidden}.login-wrap{width:min(980px,calc(100% - 32px));display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:center;position:relative;z-index:2}.login-brand h1{font-size:3.1rem;line-height:1.06;letter-spacing:-.045em;margin:30px 0 15px}.login-brand>p{color:#b9aec3;max-width:500px}.login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:25px}.login-features span{font-size:.72rem;border:1px solid var(--line);padding:10px;border-radius:9px;background:rgba(16,9,27,.7)}.login-card{padding:30px}.login-card h2{font-size:1.5rem;margin:7px 0}.login-card>p{font-size:.78rem;color:var(--muted)}.login-card form{display:grid;gap:9px;margin-top:22px}.login-card label{font-size:.7rem;font-weight:700;margin-top:5px}.login-note{display:block;color:#766c80;font-size:.6rem;text-align:center;margin-top:15px}
@media (max-width:1080px){.main-nav{gap:14px}.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:none}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-order-wrap{max-width:700px;margin:auto}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.payment-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid-2,.admin-grid-form{grid-template-columns:1fr}.banner-admin-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr 410px;gap:30px}.login-brand h1{font-size:2.5rem}}
@media (max-width:820px){:root{--header-h:64px}.site-header .header-actions .btn:first-child{display:none}.nav-toggle{display:block;margin-left:auto}.main-nav{position:absolute;left:16px;right:16px;top:calc(var(--header-h) + 7px);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(15,8,25,.98);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a,.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:block;padding:11px}.main-nav a.active:after{display:none}.hero{padding-top:46px}.hero-order-wrap{grid-template-columns:1fr}.success-preview{display:none}.order-check-bar{grid-template-columns:auto 1fr}.order-check-bar form{grid-column:1/-1}.promo-slide{min-height:225px}.promo-slide h2{font-size:1.8rem}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-card>b{display:none}.promo-coupons{grid-template-columns:1fr 1fr}.promo-coupons__copy{grid-column:1/-1}.feature-stat-grid{grid-template-columns:1fr}.footer-panel{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.catalog-toolbar{grid-template-columns:1fr}.product-detail-grid,.order-detail-layout{grid-template-columns:1fr}.product-detail-info{position:static}.promo-page-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{margin:0}.admin-menu-toggle{display:block;border:1px solid var(--line);background:#120a1e;color:#fff;border-radius:8px;width:38px;height:38px}.admin-topbar{padding:0 18px}.admin-content{padding:18px}.login-wrap{grid-template-columns:1fr;max-width:520px}.login-brand{display:none}}
@media (max-width:560px){.container,.narrow{width:min(100% - 22px,var(--container))}.header-actions .btn-primary span{display:none}.header-actions .btn-primary{width:42px;padding:0}.hero{text-align:center}.hero h1{font-size:2.35rem}.hero-actions{display:grid}.hero-trust{grid-template-columns:repeat(2,1fr)}.hero-trust>div:nth-child(2){border-right:0}.hero-trust>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-order{padding:16px}.order-check-bar>div:nth-child(2){min-width:0}.order-check-bar form{grid-template-columns:1fr}.banner-section{padding-top:20px}.promo-slide{min-height:250px}.promo-slide__content{padding:30px 24px}.promo-slide__overlay{background:rgba(7,4,13,.7)}.promo-slide h2{font-size:1.65rem}.slider-arrow{width:34px;height:34px}.slider-arrow--prev{left:8px}.slider-arrow--next{right:8px}.section-heading{align-items:flex-start}.section-heading .section-link{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:126px}.product-grid,.catalog-grid{grid-template-columns:repeat(2,1fr);gap:9px}.product-art{height:108px}.product-card__body{padding:10px}.product-card h3{font-size:.8rem}.steps-grid{grid-template-columns:1fr}.payment-grid{grid-template-columns:repeat(2,1fr)}.promo-coupons{grid-template-columns:1fr}.promo-coupons__copy{grid-column:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.article-grid,.article-grid--page,.faq-grid{grid-template-columns:1fr}.footer-panel{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px;text-align:center}.floating-chat{right:12px;bottom:12px;padding:10px}.floating-chat strong{display:none}.product-detail-art{height:220px}.variant-grid,.payment-options{grid-template-columns:1fr}.product-detail-info h1{font-size:2rem}.order-actions{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}.admin-user>div{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-filter{grid-template-columns:1fr}.quick-admin-actions{grid-template-columns:1fr}.login-card{padding:22px}.toast-stack{top:10px;right:10px;width:calc(100% - 20px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient__orb,#ambient-particles{display:none}}

/* Halus, ringan, dan tanpa library eksternal: page transition + button loader */
.route-progress{position:fixed;z-index:10020;left:0;right:0;top:0;height:3px;transform:scaleX(0);transform-origin:left center;opacity:0;background:linear-gradient(90deg,#8b5cf6,#ec4899 62%,#f5b942);box-shadow:0 0 18px rgba(236,72,153,.85);transition:transform .18s ease,opacity .2s ease;pointer-events:none}.route-progress.is-active{opacity:1}.page-loader{position:fixed;z-index:10010;inset:0;display:grid;place-items:center;background:rgba(7,4,13,.93);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:opacity .36s ease,visibility .36s ease;pointer-events:none;overflow:hidden}.page-loader__aurora{position:absolute;width:min(72vw,680px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 45deg,rgba(139,92,246,.32),rgba(236,72,153,.26),rgba(245,185,66,.12),rgba(139,92,246,.32));filter:blur(85px);opacity:.55;animation:loaderAurora 5.5s linear infinite}.page-loader__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:26px}.page-loader__content strong{font-size:.84rem;letter-spacing:.025em}.page-loader__content small{font-size:.66rem;color:#8f849c}.page-loader__mark{position:relative;width:48px;height:54px;filter:drop-shadow(0 0 18px rgba(217,70,239,.55));margin-bottom:4px}.page-loader__mark:before,.page-loader__mark:after,.page-loader__mark i:before{content:"";position:absolute;background:linear-gradient(135deg,#8b5cf6,#d946ef 48%,#ec4899);clip-path:polygon(0 0,100% 0,44% 100%)}.page-loader__mark:before{inset:0 18px 7px 0}.page-loader__mark:after{inset:7px 0 0 18px;transform:rotate(180deg);opacity:.84}.page-loader__mark i:before{width:23px;height:23px;left:10px;top:14px;filter:brightness(1.3)}.page-loader__spinner{width:31px;height:31px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#f472b6;border-right-color:#8b5cf6;animation:loaderSpin .72s linear infinite}.js body:not(.page-ready) .page-loader,.js body.is-navigating .page-loader{opacity:1;visibility:visible;pointer-events:all}.page-ready:not(.is-navigating) .page-loader{opacity:0;visibility:hidden;pointer-events:none}.is-navigating{cursor:progress}.btn.is-loading{cursor:wait!important;transform:none!important;pointer-events:none;opacity:.9}.btn.is-loading:before{display:none}.btn__loading-label{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.btn__spinner{width:16px;height:16px;flex:none;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loaderSpin .62s linear infinite}.btn:disabled{cursor:not-allowed}.btn.is-loading:disabled{opacity:.92}.btn__original-label[hidden]{display:none!important}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderAurora{to{transform:rotate(360deg) scale(1.05)}}
@media(max-width:560px){.page-loader__content{padding:20px}.page-loader__aurora{width:110vw}.route-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.page-loader__aurora{animation:none}.page-loader__spinner,.btn__spinner{animation-duration:1.4s}.page-loader,.route-progress{transition-duration:.01ms}}

/* ========================================================================== 
   TOPUPIN MARKET LAYOUT v6
   Struktur marketplace mobile-first terinspirasi pola navigasi toko digital,
   dengan tema hitam keunguan, neon magenta, dan aksen emas TopUpin.
   ========================================================================== */
:root{--market-panel:#10091b;--market-panel-2:#160d25;--market-line:rgba(219,158,255,.18);--market-soft:rgba(255,255,255,.045);--mobile-nav-h:70px}
.store-main{min-height:60vh}.store-header{height:76px;background:rgba(7,4,13,.92);border-bottom:1px solid var(--market-line);backdrop-filter:blur(24px)}.store-header__inner{height:100%;display:flex;align-items:center;gap:28px}.store-brand{flex:none}.store-desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.store-desktop-nav a{font-size:.82rem;color:#cfc4da;position:relative;transition:.2s}.store-desktop-nav a:hover,.store-desktop-nav a.active{color:#fff}.store-desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;border-radius:3px;background:var(--gradient);box-shadow:0 0 15px rgba(217,70,239,.85)}.store-header__actions{display:flex;align-items:center;gap:9px}.store-icon-btn{width:48px;height:48px;border:1px solid var(--market-line);border-radius:13px;background:rgba(255,255,255,.025);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:.2s}.store-icon-btn>span{font-size:1.15rem;line-height:1}.store-icon-btn small{font-size:.52rem;color:#b7aabe}.store-icon-btn:hover{border-color:rgba(236,72,153,.55);background:rgba(217,70,239,.08);transform:translateY(-2px)}.store-order-btn{min-height:48px;border-radius:13px;padding-inline:19px}.mobile-bottom-nav{display:none}
.search-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden;opacity:0;transition:.22s}.search-drawer.open{visibility:visible;opacity:1}.search-drawer__backdrop{position:absolute;inset:0;border:0;background:rgba(3,1,7,.74);backdrop-filter:blur(8px)}.search-drawer__panel{position:relative;background:linear-gradient(145deg,#150b25,#090510);border-bottom:1px solid var(--market-line);box-shadow:0 25px 70px rgba(0,0,0,.55);transform:translateY(-25px);transition:.25s}.search-drawer.open .search-drawer__panel{transform:none}.search-drawer__inner{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding-block:28px}.search-drawer__title{display:flex;align-items:center;gap:13px}.search-drawer__title>span{width:45px;height:45px;border-radius:12px;background:var(--gradient);display:grid;place-items:center;font-size:1.3rem}.search-drawer__title>div{display:flex;flex-direction:column}.search-drawer__title small{color:var(--muted);font-size:.68rem;margin-top:2px}.search-drawer form{display:grid;grid-template-columns:1fr auto;gap:9px}.search-drawer__close{width:42px;height:42px;border:1px solid var(--market-line);border-radius:12px;background:#0d0716;color:#fff;font-size:1.5rem}
.market-home{padding-bottom:28px}.store-hero{padding:30px 0 18px}.store-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.store-slider{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--market-line);background:#10081b;box-shadow:0 25px 65px rgba(0,0,0,.4);min-height:335px}.store-slider__track,.store-slide{height:100%;min-height:335px}.store-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .48s ease,visibility .48s ease;overflow:hidden;background:radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--slide-accent,#d946ef) 35%,transparent),transparent 42%),#0d0717}.store-slide.active{opacity:1;visibility:visible}.store-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.store-slide__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,3,12,.94) 0%,rgba(8,4,15,.82) 39%,rgba(8,4,15,.18) 74%,rgba(8,4,15,.05));}.store-slide__content{position:relative;z-index:2;padding:50px 58px;width:min(570px,70%);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.store-slide__content>span{font-size:.66rem;font-weight:900;letter-spacing:.13em;color:#ffd26f;border:1px solid rgba(245,185,66,.38);background:rgba(245,185,66,.09);padding:6px 10px;border-radius:999px}.store-slide h1{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.04;letter-spacing:-.045em;margin:15px 0 10px}.store-slide p{color:#cabfd3;max-width:470px;margin:0 0 22px;font-size:.94rem}.store-slide .btn b{font-size:1.15rem}.store-slider .slider-arrow{background:rgba(9,5,17,.75);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(9px)}.store-slider .slider-dots{bottom:16px}.store-quick-panel{border-radius:22px;border:1px solid var(--market-line);background:linear-gradient(145deg,rgba(24,13,41,.96),rgba(11,6,19,.97));padding:19px;box-shadow:0 25px 65px rgba(0,0,0,.36);display:flex;flex-direction:column;gap:9px}.store-quick-panel__head{display:flex;align-items:center;gap:12px;padding:5px 3px 13px}.store-quick-panel__head>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--gradient);box-shadow:0 0 25px rgba(217,70,239,.25)}.store-quick-panel__head>div{display:flex;flex-direction:column}.store-quick-panel__head small{color:var(--muted);font-size:.67rem}.store-quick-action{width:100%;border:1px solid var(--market-line);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;padding:13px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;transition:.2s}.store-quick-action:hover{border-color:rgba(236,72,153,.45);background:rgba(217,70,239,.08);transform:translateX(3px)}.store-quick-action>span{width:36px;height:36px;border-radius:10px;background:rgba(217,70,239,.12);color:#f3a9ef;display:grid;place-items:center}.store-quick-action>div{display:flex;flex-direction:column}.store-quick-action strong{font-size:.76rem}.store-quick-action small{font-size:.59rem;color:var(--muted);margin-top:2px}.store-quick-action>b{color:#f6b7ed}.store-quick-panel__trust{margin-top:auto;padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.store-quick-panel__trust span{font-size:.57rem;color:#c5b8ce;border:1px solid var(--market-line);padding:7px 6px;text-align:center;border-radius:9px;background:rgba(255,255,255,.02)}
.store-category-tabs{position:sticky;top:76px;z-index:35;display:flex;gap:9px;padding:13px 0;overflow-x:auto;scrollbar-width:none;background:linear-gradient(90deg,rgba(7,4,13,.97),rgba(12,7,21,.97));border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid var(--market-line);backdrop-filter:blur(20px)}.store-category-tabs::-webkit-scrollbar{display:none}.store-category-tabs:before,.store-category-tabs:after{content:"";position:fixed;left:0;right:0;height:1px;background:transparent}.store-category-tabs a{flex:none;min-height:40px;border:1px solid rgba(196,176,210,.25);border-radius:999px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;color:#cabfd2;font-size:.76rem;font-weight:700;background:rgba(255,255,255,.018);transition:.2s}.store-category-tabs a:hover,.store-category-tabs a.active{color:#fff;border-color:rgba(217,70,239,.65);background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(236,72,153,.12));box-shadow:0 0 20px rgba(217,70,239,.1)}.store-category-tabs a span{font-size:.9rem}.home-service-strip{padding:22px 0 7px}.home-service-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.home-service-grid a{min-height:105px;border:1px solid var(--market-line);border-radius:16px;background:linear-gradient(145deg,rgba(24,13,40,.86),rgba(12,7,21,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;transition:.22s;box-shadow:0 14px 32px rgba(0,0,0,.18)}.home-service-grid a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--service-accent,#d946ef) 55%,transparent);box-shadow:0 17px 38px rgba(0,0,0,.3)}.home-service-grid a>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;color:#fff;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--service-accent,#d946ef) 85%,white 5%),rgba(217,70,239,.1));border:1px solid color-mix(in srgb,var(--service-accent,#d946ef) 45%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--service-accent,#d946ef) 20%,transparent)}.home-service-grid strong{font-size:.68rem;line-height:1.25;padding-inline:5px}
.deal-showcase{padding:26px 0 14px}.deal-showcase__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.deal-showcase__head>div{display:flex;align-items:center;gap:10px}.deal-showcase__head>div>div{display:flex;flex-direction:column}.deal-showcase__head strong{font-size:1.05rem}.deal-showcase__head small{font-size:.67rem;color:var(--muted)}.deal-showcase__head>a{font-size:.7rem;color:#e8b9ed}.deal-showcase__pulse{color:#fb7185;text-shadow:0 0 14px #fb7185;animation:dealPulse 1.5s ease-in-out infinite}.deal-showcase__body{display:grid;grid-template-columns:1.75fr repeat(3,1fr);gap:10px;border:1px solid rgba(245,185,66,.2);border-radius:20px;padding:12px;background:linear-gradient(110deg,rgba(69,14,79,.62),rgba(29,8,45,.86) 45%,rgba(47,25,9,.58));box-shadow:0 18px 45px rgba(0,0,0,.24)}.deal-coupon{position:relative;min-height:150px;border:1px dashed rgba(245,185,66,.36);border-radius:14px;background:rgba(12,6,20,.62);padding:18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.deal-coupon:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-40px;background:radial-gradient(circle,rgba(245,185,66,.25),transparent 70%)}.deal-coupon>span{font-size:.58rem;color:#ffd36e;font-weight:900;letter-spacing:.08em}.deal-coupon>strong{font-size:.9rem;margin-top:7px}.deal-coupon>small{font-size:.62rem;color:#a99dac;margin:3px 0 12px}.deal-coupon code{align-self:flex-start;color:#fff;background:rgba(217,70,239,.18);border:1px solid rgba(217,70,239,.3);padding:5px 9px;border-radius:7px;font-size:.65rem}.deal-coupon--main{padding:24px 28px;background:linear-gradient(125deg,rgba(74,14,92,.78),rgba(20,8,30,.68));border-style:solid}.deal-coupon--main h2{font-size:1.55rem;line-height:1.15;margin:8px 0}.deal-coupon--main p{font-size:.76rem;color:#c8baca;max-width:530px;margin:0 0 14px}.deal-coupon--main .btn{align-self:flex-start}@keyframes dealPulse{50%{opacity:.45;transform:scale(.8)}}
.market-section{padding:28px 0 10px;scroll-margin-top:145px}.market-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.market-section__head>div{display:flex;align-items:center;gap:11px}.market-section__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(236,72,153,.16));border:1px solid rgba(217,70,239,.25);box-shadow:0 0 22px rgba(217,70,239,.1)}.market-section__head h2{font-size:1.35rem;line-height:1.2;margin:0}.market-section__head p{font-size:.68rem;color:var(--muted);margin:3px 0 0}.market-section__head>a{font-size:.7rem;color:#f0b9eb;white-space:nowrap}.market-section__head>a span{font-size:1rem}.market-product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.market-product-grid__item.is-extra{display:none}.market-product-grid.is-expanded .market-product-grid__item.is-extra{display:block;animation:fadeUp .38s ease both}.market-product-card{height:100%;border:1px solid var(--market-line);border-radius:17px;background:linear-gradient(150deg,rgba(25,14,41,.92),rgba(11,6,19,.96));overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.22);transition:transform .22s,border-color .22s,box-shadow .22s}.market-product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent,#d946ef) 55%,transparent);box-shadow:0 22px 45px rgba(0,0,0,.35),0 0 24px color-mix(in srgb,var(--card-accent,#d946ef) 10%,transparent)}.market-product-card__link{height:100%;display:flex;flex-direction:column}.market-product-card__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#0c0715}.market-product-card__media img,.market-product-card__media svg{width:100%;height:100%;object-fit:cover;transition:transform .35s}.market-product-card:hover .market-product-card__media img,.market-product-card:hover .market-product-card__media svg{transform:scale(1.035)}.market-product-card__badge{position:absolute;right:7px;top:7px;z-index:2;background:linear-gradient(135deg,#e642a6,#f35b86);color:#fff;font-size:.54rem;font-weight:900;border-radius:8px;padding:4px 7px;box-shadow:0 7px 16px rgba(0,0,0,.3)}.market-product-card__body{padding:11px;display:flex;flex-direction:column;min-height:132px;flex:1}.market-product-card__body>strong{font-size:.78rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.05em}.market-product-card__body>small{font-size:.58rem;color:#8f8498;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-product-card__price{font-size:.68rem;font-weight:850;color:#f4d7f2;margin-top:auto;padding-top:10px}.market-product-card__benefit{font-size:.56rem;color:#b7f5db;background:linear-gradient(90deg,rgba(52,211,153,.14),rgba(139,92,246,.12));border-radius:7px;margin-top:7px;padding:5px 6px}.market-product-card__benefit i{font-style:normal;color:#ffd063}.market-show-more{display:flex;margin:16px auto 0;border:0;background:transparent;color:#e6b5e8;font-weight:800;font-size:.76rem;align-items:center;gap:7px;padding:8px 14px}.market-show-more i{font-style:normal;transition:.2s}.market-show-more.is-active i{transform:rotate(180deg)}
.home-order-guide{padding:34px 0 15px}.home-order-guide__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-order-guide__grid article{position:relative;border:1px solid var(--market-line);border-radius:16px;background:rgba(18,9,31,.82);padding:21px 17px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.home-order-guide__grid article>span{position:absolute;right:12px;top:10px;font-size:1.9rem;font-weight:900;color:rgba(255,255,255,.045)}.home-order-guide__grid i{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:var(--gradient);display:grid;place-items:center;font-style:normal}.home-order-guide__grid strong{font-size:.76rem}.home-order-guide__grid small{font-size:.59rem;color:var(--muted);margin-top:3px}.home-news{padding:34px 0 12px}.home-news__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.store-article-card{border:1px solid var(--market-line);border-radius:17px;background:linear-gradient(145deg,rgba(23,13,39,.9),rgba(10,6,18,.96));overflow:hidden;box-shadow:0 16px 35px rgba(0,0,0,.2);min-width:0}.store-article-card__media{display:block;aspect-ratio:16/9;background:#0b0613;overflow:hidden}.store-article-card__media img{width:100%;height:100%;object-fit:cover;transition:.35s}.store-article-card:hover .store-article-card__media img{transform:scale(1.04)}.store-article-card__body{padding:14px}.store-article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.store-article-card__meta time{font-size:.55rem;color:#8f8498}.store-article-card h3{font-size:.82rem;line-height:1.35;margin:10px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-article-card p{font-size:.62rem;color:#9e92a7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-article-card__more{display:inline-flex;align-items:center;gap:4px;color:#ecaee5;font-size:.62rem;font-weight:800;margin-top:11px}.home-trust{padding:35px 0 12px}.home-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--market-line);border-radius:18px;background:linear-gradient(145deg,rgba(24,13,41,.82),rgba(10,6,18,.92));overflow:hidden}.home-trust article{padding:19px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--market-line)}.home-trust article:last-child{border:0}.home-trust article>span{width:39px;height:39px;border-radius:12px;background:rgba(217,70,239,.1);display:grid;place-items:center}.home-trust article>div{display:flex;flex-direction:column}.home-trust strong{font-size:.75rem}.home-trust small{font-size:.57rem;color:var(--muted)}.home-stats{padding:15px 0 38px}.home-stats__panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--market-line);border-radius:18px;overflow:hidden;background:var(--market-line)}.home-stats__panel>div{background:#0d0716;text-align:center;padding:22px 10px}.home-stats__panel strong{display:block;font-size:1.25rem;color:#f4c4ef}.home-stats__panel small{font-size:.6rem;color:var(--muted)}
.store-footer{padding-top:28px}.store-footer__panel{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.35fr;gap:28px;padding:32px;border:1px solid var(--market-line);border-radius:20px;background:linear-gradient(145deg,rgba(19,10,32,.92),rgba(8,5,14,.96))}.store-footer__brand p{font-size:.68rem;color:#9e92a9;max-width:280px;margin:15px 0}.store-socials{display:flex;gap:8px}.store-socials a{width:32px;height:32px;border-radius:9px;border:1px solid var(--market-line);display:grid;place-items:center;background:rgba(255,255,255,.025);font-size:.75rem}.store-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.store-footer__column h3{font-size:.77rem;margin:0 0 5px;color:#fff}.store-footer__column a,.store-footer__column>span{font-size:.63rem;color:#a99daf}.store-footer__column a:hover{color:#f0b9e8}.security-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.security-badges span{font-size:.52rem;color:#c7bccc;border:1px solid rgba(52,211,153,.2);background:rgba(52,211,153,.06);padding:5px 7px;border-radius:7px}
.store-catalog-hero{padding:48px 0 28px;background:radial-gradient(circle at 75% 20%,rgba(217,70,239,.13),transparent 35%)}.store-catalog-hero>.container{display:grid;grid-template-columns:1fr 460px;align-items:end;gap:35px}.store-catalog-hero span{font-size:.65rem;font-weight:900;color:#e9abe4;letter-spacing:.09em}.store-catalog-hero h1{font-size:2.4rem;letter-spacing:-.04em;margin:8px 0}.store-catalog-hero p{font-size:.8rem;color:var(--muted);max-width:600px}.store-catalog-search{height:52px;border:1px solid var(--market-line);border-radius:14px;background:#0f0819;display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:5px}.store-catalog-search>span{text-align:center;font-size:1.1rem}.store-catalog-search input{height:100%;border:0;background:transparent;color:#fff;outline:0}.store-catalog-search button{height:40px;border:0;border-radius:10px;background:var(--gradient);color:#fff;font-weight:800;padding:0 18px}.store-catalog-page{padding:0 0 50px}.store-category-tabs--catalog{top:76px;margin-bottom:28px}.store-catalog-result-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.store-catalog-result-head h2{font-size:1.35rem;margin:0}.store-catalog-result-head p{font-size:.67rem;color:var(--muted);margin:3px 0 0}.store-filter-button{border:1px solid var(--market-line);border-radius:10px;background:rgba(255,255,255,.025);color:#e6dce9;padding:9px 12px;font-size:.68rem}.market-product-grid--catalog{grid-template-columns:repeat(6,minmax(0,1fr))}.store-empty-state{border:1px solid var(--market-line);background:rgba(18,9,31,.72);border-radius:20px}
.store-product-page{padding:35px 0 70px;background:radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--product-accent) 12%,transparent),transparent 28%)}.store-product-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.store-product-profile{position:sticky;top:98px;border:1px solid var(--market-line);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(25,14,42,.95),rgba(10,6,18,.97));box-shadow:0 22px 55px rgba(0,0,0,.32)}.store-product-profile__art{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0b0613;border:1px solid color-mix(in srgb,var(--product-accent) 30%,transparent)}.store-product-profile__art img,.store-product-profile__art svg{width:100%;height:100%;object-fit:cover}.store-product-profile__category{display:inline-flex;margin-top:16px;color:#eeb9ea;font-size:.58rem;font-weight:900;background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.25);border-radius:999px;padding:5px 8px}.store-product-profile h1{font-size:1.65rem;line-height:1.15;margin:10px 0 7px}.store-product-profile>p{font-size:.7rem;color:var(--muted)}.store-product-profile__trust{display:grid;gap:6px;margin-top:15px}.store-product-profile__trust span{font-size:.61rem;border:1px solid var(--market-line);border-radius:8px;padding:7px 9px;background:rgba(255,255,255,.02)}.store-product-description{margin-top:13px;border-top:1px solid var(--market-line);padding-top:10px}.store-product-description summary{cursor:pointer;font-size:.68rem;font-weight:800;display:flex;justify-content:space-between;list-style:none}.store-product-description .rich-text{font-size:.65rem;color:var(--muted);margin-top:10px}.store-checkout form{display:grid;gap:14px}.checkout-step-card{border:1px solid var(--market-line);border-radius:20px;background:linear-gradient(145deg,rgba(23,13,39,.94),rgba(10,6,18,.96));padding:22px;box-shadow:0 16px 38px rgba(0,0,0,.2)}.checkout-step-card__head{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.checkout-step-card__head>span{width:30px;height:30px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:none;box-shadow:0 0 18px rgba(217,70,239,.25)}.checkout-step-card__head>div{display:flex;flex-direction:column}.checkout-step-card__head h2{font-size:1.05rem;margin:1px 0}.checkout-step-card__head p{font-size:.63rem;color:var(--muted);margin:2px 0 0}.checkout-guide-link{margin-left:auto;border:0;background:transparent;color:#d9a6e0;font-size:.63rem;font-weight:800}.store-variant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.store-variant-option{position:relative}.store-variant-option input,.store-payment-option input{position:absolute;opacity:0;pointer-events:none}.store-variant-option>span,.store-variant-option>i{pointer-events:none}.store-variant-option{min-height:105px;border:1px solid var(--market-line);border-radius:14px;background:rgba(255,255,255,.022);padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:start;gap:9px;cursor:pointer;transition:.2s}.store-variant-option:hover{border-color:rgba(217,70,239,.45)}.store-variant-option:has(input:checked){border-color:color-mix(in srgb,var(--product-accent) 75%,#d946ef);background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 11%,transparent),rgba(217,70,239,.07));box-shadow:0 0 0 2px color-mix(in srgb,var(--product-accent) 8%,transparent)}.store-variant-option__mark{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--product-accent) 15%,transparent);display:grid;place-items:center;color:#f0b9e9}.store-variant-option__copy{display:flex;flex-direction:column}.store-variant-option__copy strong{font-size:.71rem;line-height:1.25}.store-variant-option__copy small{font-size:.55rem;color:var(--muted);margin-top:4px}.store-variant-option__price{display:flex;flex-direction:column;align-items:flex-end}.store-variant-option__price small{font-size:.51rem;color:#8f8498}.store-variant-option__price strong{font-size:.7rem;color:#f4c7ef;margin-top:2px}.store-variant-option>i{position:absolute;right:7px;bottom:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);font-style:normal;font-size:.55rem;opacity:0;transform:scale(.7);transition:.2s}.store-variant-option:has(input:checked)>i{opacity:1;transform:scale(1)}.store-field{display:flex;flex-direction:column;gap:7px}.store-field>span{font-size:.68rem;font-weight:800}.store-field>small{font-size:.57rem;color:#8f8498}.checkout-guide{border:1px solid rgba(96,165,250,.22);background:rgba(96,165,250,.06);border-radius:11px;padding:12px;margin-top:12px}.checkout-guide strong{font-size:.68rem}.checkout-guide p{font-size:.61rem;color:#a9a1b1;margin:5px 0 0}.payment-recommendation{display:flex;align-items:center;gap:10px;border-radius:12px;background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(217,70,239,.07));border:1px solid rgba(139,92,246,.2);padding:11px 12px;margin-bottom:10px}.payment-recommendation>span{width:30px;height:30px;border-radius:9px;background:rgba(139,92,246,.16);display:grid;place-items:center}.payment-recommendation>div{display:flex;flex-direction:column}.payment-recommendation strong{font-size:.66rem}.payment-recommendation small{font-size:.55rem;color:var(--muted)}.store-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.store-payment-option{position:relative;min-height:82px;border:1px solid var(--market-line);border-radius:14px;background:rgba(255,255,255,.02);padding:12px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;cursor:pointer;transition:.2s}.store-payment-option:hover{border-color:rgba(217,70,239,.42)}.store-payment-option:has(input:checked){border-color:#a855f7;background:rgba(139,92,246,.08);box-shadow:0 0 0 2px rgba(139,92,246,.07)}.store-payment-option__logo{width:44px;height:36px;border-radius:9px;background:#f7f3fb;color:#23152f;display:grid;place-items:center;font-size:.72rem;font-weight:900}.store-payment-option__copy{display:flex;flex-direction:column}.store-payment-option__copy strong{font-size:.67rem}.store-payment-option__copy small{font-size:.53rem;color:var(--muted);margin-top:3px}.store-payment-option__total{font-size:.66rem;font-weight:850;color:#f1c2ec}.store-payment-option>i{position:absolute;right:6px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;font-style:normal;font-size:.5rem;opacity:0}.store-payment-option:has(input:checked)>i{opacity:1}.store-checkout-summary{border:1px solid var(--market-line);border-radius:13px;background:#0d0716;padding:13px}.store-checkout-summary>div{display:flex;justify-content:space-between;font-size:.68rem;padding:5px 0}.store-checkout-summary>div span{color:var(--muted)}.store-checkout-summary .total{border-top:1px dashed var(--market-line);margin-top:5px;padding-top:12px}.store-checkout-summary .total strong{font-size:1rem;color:#ffd16c}.store-checkout-submit{margin-top:13px}.mobile-checkout-bar{display:none}
@media(max-width:1100px){.store-desktop-nav{gap:16px}.store-order-btn{padding-inline:14px}.store-hero__grid{grid-template-columns:minmax(0,1fr) 275px}.home-service-grid{grid-template-columns:repeat(4,1fr)}.market-product-grid,.market-product-grid--catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.deal-showcase__body{grid-template-columns:1.4fr repeat(3,1fr)}.store-footer__panel{grid-template-columns:1.4fr repeat(2,1fr)}.store-footer__contact{grid-column:auto}.home-news__rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){:root{--header-h:64px}.site-body{padding-bottom:var(--mobile-nav-h)}.store-header{height:64px}.store-header__inner{gap:10px}.store-brand .brand-copy small{display:none}.store-brand .brand-copy strong{font-size:1rem}.store-brand .brand-mark{width:29px;height:34px}.store-desktop-nav,.store-order-btn{display:none}.store-header__actions{margin-left:auto}.store-icon-btn{width:39px;height:39px;border-radius:11px}.store-icon-btn small{display:none}.store-icon-btn>span{font-size:1.05rem}.mobile-bottom-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,6,17,.96);border-top:1px solid var(--market-line);backdrop-filter:blur(20px);box-shadow:0 -14px 35px rgba(0,0,0,.38)}.mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8f8498}.mobile-bottom-nav a>span{font-size:1.12rem;line-height:1}.mobile-bottom-nav a small{font-size:.57rem}.mobile-bottom-nav a.active{color:#f3c2ee}.mobile-bottom-nav a.active:before{content:"";position:absolute;left:18%;right:18%;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--gradient);box-shadow:0 0 15px rgba(217,70,239,.75)}.floating-chat{bottom:calc(var(--mobile-nav-h) + 14px);right:13px;width:48px;height:48px;border-radius:15px;padding:0;display:grid;place-items:center}.floating-chat strong{display:none}.search-drawer__inner{grid-template-columns:1fr auto;gap:13px;padding-block:18px}.search-drawer__title{grid-column:1/-1}.search-drawer form{grid-template-columns:1fr auto}.store-hero{padding:15px 0 9px}.store-hero__grid{grid-template-columns:1fr}.store-slider,.store-slider__track,.store-slide{min-height:255px}.store-slide__content{padding:32px 38px;width:75%}.store-slide h1{font-size:2rem}.store-slide p{font-size:.72rem}.store-quick-panel{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;gap:7px}.store-quick-panel__head,.store-quick-panel__trust{display:none}.store-quick-action{grid-template-columns:30px 1fr;padding:10px;min-height:66px}.store-quick-action>span{width:30px;height:30px}.store-quick-action strong{font-size:.65rem}.store-quick-action small{font-size:.51rem}.store-quick-action>b{display:none}.store-category-tabs{top:64px;width:100%;padding-inline:11px}.home-service-grid{grid-template-columns:repeat(4,1fr);gap:8px}.home-service-grid a{min-height:89px}.home-service-grid a>span{width:39px;height:39px}.home-service-grid strong{font-size:.59rem}.deal-showcase__body{grid-template-columns:1fr 1fr}.deal-coupon--main{grid-column:1/-1}.market-product-grid,.market-product-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-order-guide__grid{grid-template-columns:repeat(2,1fr)}.home-news__rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.home-news__rail::-webkit-scrollbar{display:none}.home-news__rail .store-article-card{flex:0 0 72%;scroll-snap-align:start}.home-trust__grid{grid-template-columns:repeat(2,1fr)}.home-trust article:nth-child(2){border-right:0}.home-trust article:nth-child(-n+2){border-bottom:1px solid var(--market-line)}.home-stats__panel{grid-template-columns:repeat(2,1fr)}.store-footer__panel{grid-template-columns:repeat(2,1fr);padding:24px 20px}.store-footer__brand{grid-column:1/-1}.store-footer__contact{grid-column:1/-1}.store-catalog-hero{padding:28px 0 18px}.store-catalog-hero>.container{grid-template-columns:1fr}.store-catalog-hero h1{font-size:2rem}.store-catalog-search{display:none}.store-category-tabs--catalog{top:64px;margin-bottom:20px}.store-product-layout{grid-template-columns:1fr}.store-product-profile{position:static;display:grid;grid-template-columns:115px 1fr;column-gap:15px;align-items:start}.store-product-profile__art{grid-row:1/6}.store-product-profile__category{justify-self:start;margin-top:1px}.store-product-profile h1{font-size:1.35rem;margin:7px 0 4px}.store-product-profile>p{margin:0}.store-product-profile__trust{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.store-product-description{grid-column:1/-1}.mobile-checkout-bar{position:fixed;z-index:88;left:0;right:0;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));height:66px;background:rgba(12,7,20,.97);border-top:1px solid var(--market-line);backdrop-filter:blur(18px);padding:8px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;box-shadow:0 -15px 35px rgba(0,0,0,.32)}.mobile-checkout-bar>div{display:flex;flex-direction:column}.mobile-checkout-bar small{font-size:.52rem;color:var(--muted)}.mobile-checkout-bar strong{font-size:.86rem;color:#ffd16b}.mobile-checkout-bar .btn{min-height:48px}.store-product-page{padding-bottom:95px}.checkout-review .store-checkout-submit{display:none}}
@media(max-width:560px){.container{width:min(100% - 22px,var(--container))}.store-slider,.store-slider__track,.store-slide{min-height:205px;border-radius:17px}.store-slide__content{padding:23px 28px;width:78%}.store-slide__content>span{font-size:.47rem;padding:4px 7px}.store-slide h1{font-size:1.42rem;margin:9px 0 6px}.store-slide p{font-size:.58rem;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-slide .btn{min-height:35px;padding:0 12px;font-size:.62rem}.store-slider .slider-arrow{width:31px;height:31px}.store-slider .slider-arrow--prev{left:6px}.store-slider .slider-arrow--next{right:6px}.store-quick-panel{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:15px}.store-quick-action{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:9px 4px}.store-quick-action small{display:none}.store-quick-action strong{font-size:.58rem}.store-category-tabs{padding-block:10px}.store-category-tabs a{min-height:36px;padding:0 12px;font-size:.66rem}.home-service-strip{padding-top:15px}.home-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.home-service-grid a{min-height:80px;border-radius:13px}.home-service-grid a>span{width:34px;height:34px;border-radius:10px;font-size:1rem}.home-service-grid strong{font-size:.52rem}.deal-showcase{padding-top:20px}.deal-showcase__head strong{font-size:.82rem}.deal-showcase__head small,.deal-showcase__head>a{font-size:.55rem}.deal-showcase__body{padding:8px;gap:7px;border-radius:16px}.deal-coupon{min-height:117px;padding:13px}.deal-coupon--main{min-height:145px;padding:18px}.deal-coupon--main h2{font-size:1.13rem}.deal-coupon--main p{font-size:.61rem}.deal-coupon>strong{font-size:.72rem}.deal-coupon>small{font-size:.52rem}.market-section{padding-top:24px;scroll-margin-top:128px}.market-section__head{align-items:center;margin-bottom:12px}.market-section__icon{width:34px;height:34px;border-radius:10px}.market-section__head h2{font-size:1.02rem}.market-section__head p{font-size:.55rem}.market-section__head>a{font-size:.57rem}.market-product-grid,.market-product-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.market-product-card{border-radius:13px}.market-product-card__badge{font-size:.45rem;padding:3px 5px;top:5px;right:5px}.market-product-card__body{padding:7px;min-height:105px}.market-product-card__body>strong{font-size:.62rem;min-height:2.5em}.market-product-card__body>small{font-size:.48rem}.market-product-card__price{font-size:.55rem;padding-top:7px}.market-product-card__benefit{font-size:.47rem;padding:4px;margin-top:5px}.market-show-more{font-size:.66rem;margin-top:12px}.home-order-guide__grid{grid-template-columns:1fr 1fr;gap:7px}.home-order-guide__grid article{padding:14px 10px;grid-template-columns:28px 1fr}.home-order-guide__grid i{width:28px;height:28px}.home-order-guide__grid strong{font-size:.62rem}.home-order-guide__grid small{font-size:.49rem}.home-news__rail .store-article-card{flex-basis:84%}.store-article-card__body{padding:11px}.store-article-card h3{font-size:.72rem}.home-trust article{padding:13px 10px;gap:8px}.home-trust article>span{width:32px;height:32px}.home-trust strong{font-size:.62rem}.home-trust small{font-size:.49rem}.home-stats__panel>div{padding:17px 6px}.home-stats__panel strong{font-size:1rem}.store-footer__panel{grid-template-columns:1fr;gap:20px}.store-footer__brand,.store-footer__contact{grid-column:auto}.store-footer__column a,.store-footer__column>span{font-size:.68rem}.store-catalog-result-head h2{font-size:1.05rem}.store-catalog-result-head p{font-size:.55rem}.store-filter-button{font-size:.58rem}.store-product-profile{grid-template-columns:96px 1fr;padding:13px}.store-product-profile h1{font-size:1.1rem}.store-product-profile>p{font-size:.58rem}.store-product-profile__trust{grid-template-columns:1fr}.store-product-profile__trust span{font-size:.56rem}.checkout-step-card{padding:15px;border-radius:16px}.checkout-step-card__head{margin-bottom:13px}.checkout-step-card__head>span{width:27px;height:27px}.checkout-step-card__head h2{font-size:.9rem}.checkout-step-card__head p{font-size:.54rem}.store-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.store-variant-option{min-height:115px;padding:10px;grid-template-columns:27px 1fr}.store-variant-option__mark{width:27px;height:27px}.store-variant-option__price{grid-column:1/-1;align-items:flex-start;margin-top:5px}.store-variant-option__copy strong{font-size:.61rem}.store-payment-grid{grid-template-columns:1fr 1fr;gap:7px}.store-payment-option{min-height:100px;grid-template-columns:36px 1fr;padding:9px}.store-payment-option__logo{width:36px;height:31px}.store-payment-option__total{grid-column:1/-1;font-size:.61rem}.store-payment-option__copy strong{font-size:.59rem}.store-payment-option__copy small{font-size:.48rem}.mobile-checkout-bar .btn{font-size:.68rem;padding-inline:13px}.search-drawer__title small{font-size:.57rem}.search-drawer form{grid-template-columns:1fr}.search-drawer form .btn{display:none}.search-drawer__close{align-self:start}}
@media(max-width:350px){.market-product-grid,.market-product-grid--catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.home-service-grid{grid-template-columns:repeat(3,1fr)}.store-payment-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.deal-showcase__pulse{animation:none}.store-slide,.market-product-card,.store-article-card__media img{transition:none}}
body.search-open{overflow:hidden}
@media(max-width:820px){body:has(.store-product-page) .floating-chat{bottom:calc(var(--mobile-nav-h) + 80px + env(safe-area-inset-bottom))}}

/* === v7.css === */
/* TopUpin UI refinement v7 — additive overrides only. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;overflow:visible}.btn .ui-icon{width:1.05em;height:1.05em}.store-icon-btn .ui-icon,.mobile-bottom-nav .ui-icon{width:1.35em;height:1.35em}.store-order-btn{display:inline-flex;align-items:center;gap:8px}.store-header__actions .store-icon-btn>span{display:grid;place-items:center}.search-drawer__title>span{display:grid;place-items:center}.search-drawer__title .ui-icon{width:1.25em;height:1.25em}.search-drawer form .btn,.store-catalog-search button,.store-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.store-catalog-hero>div>div>span{display:inline-flex;align-items:center;gap:7px}.store-catalog-hero>div>div>span .ui-icon{width:1.1em;height:1.1em}.store-quick-action>.ui-icon{width:18px;height:18px;color:#dcb7ef}.store-quick-panel__head>span,.store-quick-action>span{display:grid;place-items:center}.store-quick-panel__head .ui-icon,.store-quick-action>span .ui-icon{width:1.1em;height:1.1em}.store-quick-panel__trust span{display:inline-flex;align-items:center;gap:5px}.store-quick-panel__trust .ui-icon{width:1em;height:1em}.store-category-tabs a>span{display:grid;place-items:center}.store-category-tabs .ui-icon{width:1.15em;height:1.15em}.store-category-tabs__media{width:21px!important;height:21px!important}.store-category-tabs__media img,.store-category-tabs__media svg{width:100%;height:100%;object-fit:contain}.market-section__icon .ui-icon,.market-section__head>a .ui-icon{width:1.08em;height:1.08em}.market-section__head>a{display:inline-flex;align-items:center;gap:3px}.market-show-more i{display:grid;place-items:center;transform:rotate(90deg)}.market-show-more.is-active i{transform:rotate(-90deg)}.market-show-more .ui-icon{width:1em;height:1em}.home-order-guide__grid i{display:grid;place-items:center}.home-order-guide__grid i .ui-icon{width:1.15em;height:1.15em}.home-trust article>span{display:grid;place-items:center}.home-trust article>span .ui-icon{width:1.2em;height:1.2em}.deal-showcase a .ui-icon{width:1em;height:1em}.store-article-card__more{display:inline-flex;align-items:center;gap:4px}.store-article-card__more .ui-icon{width:1em;height:1em}.store-article-card__media>span{display:grid;place-items:center;height:100%}.store-article-card__media>span .ui-icon{width:2rem;height:2rem;color:#e790e6}

/* Real category/service logos with reliable SVG fallback. */
.category-media__image,.category-media__icon{display:block;width:100%;height:100%;object-fit:contain}.home-service-grid__media{padding:7px}.home-service-grid__media img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.home-service-grid a:hover .home-service-grid__media img{transform:scale(1.06)}.home-service-grid__media img,.home-service-grid__media svg{transition:transform .22s ease}.store-category-tabs__media img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}

/* Logos from Wikimedia are rendered as logos, not cropped like cover art. */
.market-product-card__media.is-logo-media,.store-product-profile__art.is-logo-media{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--card-accent,var(--product-accent,#d946ef)) 18%,transparent),transparent 44%),linear-gradient(145deg,#160c25,#08050e);padding:16%;display:grid;place-items:center}.market-product-card__media.is-logo-media img,.store-product-profile__art.is-logo-media img{object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.32));transform:none}.market-product-card:hover .market-product-card__media.is-logo-media img{transform:scale(1.04)}.media-fallback{display:block;width:100%;height:100%}.media-fallback[hidden]{display:none}.media-fallback svg{width:100%;height:100%}.market-product-card__badge{display:inline-flex;align-items:center;gap:3px}.market-product-card__badge .ui-icon{width:.9em;height:.9em}.market-product-card__benefit{display:flex;align-items:center;gap:4px}.market-product-card__benefit .ui-icon{width:1em;height:1em;color:#ffd063}

/* Checkout — tidy confirmation, no overlap with content/footer. */
.store-product-profile__trust span{display:inline-flex;align-items:center;gap:5px}.store-product-profile__trust .ui-icon{width:1.05em;height:1.05em}.store-variant-option__mark,.store-payment-option__logo{display:grid;place-items:center}.store-variant-option__mark .ui-icon{width:1.1em;height:1.1em}.store-variant-option>i,.store-payment-option>i{display:grid;place-items:center}.store-variant-option>i .ui-icon,.store-payment-option>i .ui-icon{width:1em;height:1em}.store-payment-option__logo .ui-icon{width:1.25em;height:1.25em}.store-payment-option__logo.is-brand-text{font-size:.62rem;font-weight:950;letter-spacing:-.04em}.payment-recommendation>span{display:grid;place-items:center}.payment-recommendation>span .ui-icon{width:1.15em;height:1.15em}.checkout-guide-link{display:inline-flex;align-items:center;gap:5px}.checkout-guide-link .ui-icon{width:1em;height:1em}.checkout-review{overflow:visible}.store-checkout-summary{overflow:hidden}.store-checkout-summary>div{gap:20px}.store-checkout-summary strong{white-space:nowrap}.checkout-review .store-checkout-submit{display:flex;align-items:center;justify-content:center;gap:9px}.checkout-review .store-checkout-submit .ui-icon{width:1.08em;height:1.08em}.mobile-checkout-bar{display:none}

/* Footer is now full-width and layered, rather than a giant boxed card. */
.store-footer-v7{position:relative;margin-top:38px;padding:0;background:linear-gradient(180deg,rgba(8,4,14,.5),#08050e 28%,#050309);border-top:1px solid rgba(221,166,255,.13);overflow:hidden}.store-footer-v7:before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#d946ef,#f5b942,transparent);opacity:.72}.store-footer-v7__trust{border-bottom:1px solid rgba(221,166,255,.12);background:rgba(255,255,255,.018)}.store-footer-v7__trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.store-footer-v7__trust-grid>div{min-height:88px;padding:18px 20px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(221,166,255,.1)}.store-footer-v7__trust-grid>div:last-child{border-right:0}.store-footer-v7__trust-grid>div>.ui-icon{width:27px;height:27px;color:#e879f9}.store-footer-v7__trust-grid span{display:flex;flex-direction:column}.store-footer-v7__trust-grid strong{font-size:.75rem}.store-footer-v7__trust-grid small{font-size:.56rem;color:#958a9f;margin-top:2px}.store-footer-v7__main{display:grid;grid-template-columns:1.15fr 1.65fr 1.05fr;gap:56px;padding-top:46px;padding-bottom:38px}.store-footer-v7__brand p{font-size:.69rem;line-height:1.65;color:#9e93a8;max-width:330px;margin:17px 0}.store-socials--v7 a{width:38px;height:38px;border-radius:11px}.store-socials--v7 .ui-icon{width:18px;height:18px}.store-footer-v7__links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.store-footer-v7 .store-footer__column h3{font-size:.78rem;margin-bottom:9px}.store-footer-v7 .store-footer__column a{font-size:.65rem;line-height:1.7}.store-footer-v7__contact{padding-left:28px;border-left:1px solid rgba(221,166,255,.12)}.store-footer-v7__eyebrow{font-size:.53rem;font-weight:900;letter-spacing:.14em;color:#e997e7}.store-footer-v7__contact h3{font-size:1rem;line-height:1.3;margin:8px 0}.store-footer-v7__contact>p{font-size:.64rem;color:#9e93a8;line-height:1.55;margin-bottom:14px}.store-footer-v7__contact-link{display:flex;align-items:center;gap:10px;padding:10px 0;color:#d9cfdf;border-bottom:1px solid rgba(221,166,255,.08)}.store-footer-v7__contact-link>.ui-icon{width:19px;height:19px;color:#e879f9}.store-footer-v7__contact-link span{display:flex;min-width:0;flex-direction:column}.store-footer-v7__contact-link small{font-size:.5rem;color:#8f8499}.store-footer-v7__contact-link strong{font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-footer-v7__assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:center;border-top:1px solid rgba(221,166,255,.1);padding-top:18px;padding-bottom:18px}.store-footer-v7__assurance>div{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center}.store-footer-v7__assurance>div>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8af0c4;background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.15)}.store-footer-v7__assurance>div>span .ui-icon{width:17px;height:17px}.store-footer-v7__assurance strong{font-size:.61rem}.store-footer-v7__assurance small{font-size:.49rem;color:#887f90}.store-footer-v7__assurance>p{font-size:.56rem;color:#a99faf;text-align:right}.store-footer-v7__bottom{border-top:1px solid rgba(221,166,255,.09);background:rgba(0,0,0,.17)}.store-footer-v7__bottom>.container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.55rem;color:#82798a}.floating-chat--v7>span{display:grid;place-items:center}.floating-chat--v7>span .ui-icon{width:1.35em;height:1.35em}.mobile-bottom-nav--v7 a>span{display:grid;place-items:center}.toast__icon{display:grid;place-items:center}.toast__icon .ui-icon{width:1em;height:1em}

/* Admin category media editor. */
.admin-nav a>span,.admin-menu-toggle{display:grid;place-items:center}.admin-nav a>span .ui-icon{width:1.05em;height:1.05em}.admin-menu-toggle .ui-icon{width:1.25em;height:1.25em}.admin-sidebar__bottom .btn .ui-icon{width:1em;height:1em}.category-admin-form{align-items:end}.category-admin-preview{grid-column:1/-1;min-height:92px;display:flex;align-items:center;gap:15px;padding:13px;border:1px solid rgba(221,166,255,.14);border-radius:15px;background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(236,72,153,.04))}.category-admin-preview__media{width:64px;height:64px;padding:9px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(221,166,255,.16);background:#0c0715}.category-admin-preview__media img,.category-admin-preview__media svg{width:100%;height:100%;object-fit:contain}.category-admin-preview>div{display:flex;flex-direction:column}.category-admin-preview strong{font-size:.8rem}.category-admin-preview small{font-size:.58rem;color:#9b90a4;margin-top:4px;line-height:1.45}.category-admin-form label>small{font-size:.53rem;color:#8e8398;margin-top:5px}.category-admin-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}

@media(max-width:980px){.store-footer-v7__main{grid-template-columns:1fr 1.5fr;gap:38px}.store-footer-v7__contact{grid-column:1/-1;padding:24px 0 0;border-left:0;border-top:1px solid rgba(221,166,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.store-footer-v7__contact .store-footer-v7__eyebrow,.store-footer-v7__contact h3,.store-footer-v7__contact>p{grid-column:1/-1}.store-footer-v7__assurance{grid-template-columns:repeat(3,1fr)}.store-footer-v7__assurance>p{grid-column:1/-1;text-align:left}}

@media(max-width:820px){
  .checkout-review .store-checkout-submit{display:none}.mobile-checkout-bar{position:sticky;z-index:45;left:auto;right:auto;bottom:calc(var(--mobile-nav-h) + 10px + env(safe-area-inset-bottom));width:calc(100% - 12px);min-height:76px;height:auto;margin:18px 6px 8px;padding:10px 10px 10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(232,121,249,.32);border-radius:20px;background:linear-gradient(135deg,rgba(17,9,28,.97),rgba(28,11,41,.97));box-shadow:0 18px 55px rgba(0,0,0,.46),0 0 25px rgba(217,70,239,.12);backdrop-filter:blur(20px)}.mobile-checkout-bar>div,.mobile-checkout-bar__total{min-width:0;display:flex;flex-direction:column}.mobile-checkout-bar small{font-size:.52rem;color:#aa9fb2;line-height:1.2}.mobile-checkout-bar strong{font-size:.9rem;color:#ffd36d;white-space:nowrap;margin-top:3px}.mobile-checkout-bar .btn{min-height:52px;min-width:158px;padding:0 17px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.68rem;box-shadow:0 10px 30px rgba(217,70,239,.28)}.mobile-checkout-bar .btn .ui-icon{width:1.08em;height:1.08em}.store-product-page{padding-bottom:calc(var(--mobile-nav-h) + 34px)}body:has(.store-product-page) .floating-chat{display:none}.checkout-review{padding-bottom:17px}.checkout-review .form-note{margin-bottom:0}.store-product-profile__art.is-logo-media{padding:9%}
  .store-footer-v7{margin-top:26px;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}.store-footer-v7__trust-grid{grid-template-columns:1fr 1fr}.store-footer-v7__trust-grid>div{min-height:75px;padding:13px 12px;border-bottom:1px solid rgba(221,166,255,.08)}.store-footer-v7__trust-grid>div:nth-child(2){border-right:0}.store-footer-v7__trust-grid>div>.ui-icon{width:23px;height:23px}.store-footer-v7__trust-grid strong{font-size:.62rem}.store-footer-v7__trust-grid small{font-size:.49rem}.store-footer-v7__main{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:28px}.store-footer-v7__brand p{font-size:.66rem}.store-footer-v7__links{grid-template-columns:repeat(3,1fr);gap:14px}.store-footer-v7 .store-footer__column h3{font-size:.7rem}.store-footer-v7 .store-footer__column a{font-size:.57rem}.store-footer-v7__contact{grid-column:auto;display:block;padding-top:23px}.store-footer-v7__contact-link strong{font-size:.61rem}.store-footer-v7__assurance{grid-template-columns:1fr 1fr;gap:10px}.store-footer-v7__assurance>div:nth-child(3){grid-column:1/-1}.store-footer-v7__assurance>p{grid-column:1/-1}.store-footer-v7__bottom>.container{min-height:72px;flex-direction:column;justify-content:center;gap:5px;text-align:center}.mobile-bottom-nav--v7 .ui-icon{width:1.25em;height:1.25em}
}

@media(max-width:560px){
  .market-product-card__media.is-logo-media{padding:14%}.home-service-grid__media{padding:6px}.mobile-checkout-bar{width:100%;margin-inline:0;border-radius:17px;padding-left:12px}.mobile-checkout-bar .btn{min-width:145px;padding-inline:13px}.store-footer-v7__links{grid-template-columns:1fr 1fr;gap:24px 18px}.store-footer-v7__links .store-footer__column:last-child{grid-column:1/-1}.store-footer-v7__trust-grid>div{gap:9px}.store-footer-v7__trust-grid small{display:none}.store-footer-v7__assurance strong{font-size:.57rem}.store-footer-v7__assurance small{font-size:.46rem}.category-admin-preview{align-items:flex-start}.category-admin-preview__media{width:58px;height:58px}
}

@media(max-width:380px){.mobile-checkout-bar{grid-template-columns:1fr 138px}.mobile-checkout-bar .btn{min-width:0;width:138px;font-size:.61rem;padding-inline:10px}.mobile-checkout-bar strong{font-size:.8rem}.store-footer-v7__trust-grid{grid-template-columns:1fr}.store-footer-v7__trust-grid>div{border-right:0}}

@media(prefers-reduced-motion:reduce){.home-service-grid__media img,.market-product-card__media img{transition:none}}

/* Admin product media preview. */
.admin-product-media-preview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:20px;padding:18px;border:1px solid rgba(221,166,255,.15);border-radius:18px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--preview-accent,#d946ef) 18%,transparent),transparent 38%),linear-gradient(145deg,rgba(139,92,246,.08),rgba(236,72,153,.035))}.admin-product-media-preview__art{width:112px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:18px;border:1px solid rgba(221,166,255,.17);background:#0b0613}.admin-product-media-preview__art img,.admin-product-media-preview__art svg{width:100%;height:100%;object-fit:cover}.admin-product-media-preview__art.is-logo-media img{padding:14%;object-fit:contain}.admin-product-media-preview>div{min-width:0;display:flex;flex-direction:column}.admin-product-media-preview__eyebrow{display:inline-flex;align-items:center;gap:6px;color:#e794ed;font-size:.55rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.admin-product-media-preview strong{margin-top:6px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-product-media-preview small{max-width:580px;margin-top:6px;color:#95899f;font-size:.58rem;line-height:1.55}.admin-product-media-preview .ui-icon{width:1.05em;height:1.05em}.admin-form label>small{display:block;margin-top:5px;color:#8e8398;font-size:.53rem;line-height:1.45}

@media(max-width:560px){.admin-product-media-preview{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:13px}.admin-product-media-preview__art{width:76px;border-radius:14px}.admin-product-media-preview strong{font-size:.78rem}.admin-product-media-preview small{font-size:.51rem}}

/* === v8.css === */
/* TopUpin v8 — information pages, internal live chat, and admin support inbox. */

/* Compact, balanced information pages. */
.info-page-shell{position:relative;padding:68px 0 58px;border-bottom:1px solid rgba(221,166,255,.12);overflow:hidden;background:radial-gradient(circle at 18% 25%,rgba(217,70,239,.16),transparent 36%),radial-gradient(circle at 82% 20%,rgba(139,92,246,.13),transparent 31%)}
.info-page-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 64%,rgba(255,255,255,.025) 64% 65%,transparent 65%)}
.info-page-shell__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) 320px;align-items:center;gap:58px}
.info-page-heading h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:13px 0 18px;max-width:780px}
.info-page-heading>p{max-width:700px;margin:0;color:#b9adc2;font-size:1rem;line-height:1.75}
.info-page-heading__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.info-page-heading__meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(221,166,255,.14);border-radius:10px;background:rgba(255,255,255,.025);font-size:.69rem;color:#d8cddd}
.info-page-heading__meta .ui-icon{width:1.05em;height:1.05em;color:#f096e1}
.info-page-visual{position:relative;min-height:235px;border:1px solid rgba(221,166,255,.16);border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(29,13,48,.82),rgba(9,5,16,.9));box-shadow:0 25px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.info-page-visual>span{position:relative;z-index:2;width:94px;height:94px;display:grid;place-items:center;border-radius:28px;color:#fff;background:linear-gradient(135deg,#9d4edd,#ec4899);box-shadow:0 20px 50px rgba(217,70,239,.35)}
.info-page-visual>span .ui-icon{width:45px;height:45px}
.info-page-visual>i{position:absolute;border:1px solid rgba(236,72,153,.2);border-radius:50%}
.info-page-visual>i:nth-of-type(1){width:210px;height:210px}.info-page-visual>i:nth-of-type(2){width:150px;height:150px;border-color:rgba(245,185,66,.16)}.info-page-visual>i:nth-of-type(3){width:280px;height:90px;border-radius:50%;transform:rotate(-18deg)}
.info-page-content{padding:46px 0 72px}
.info-page-content__grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}
.info-page-summary{position:sticky;top:100px;padding:25px;border:1px solid rgba(221,166,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(23,11,39,.94),rgba(9,5,16,.96));box-shadow:0 18px 48px rgba(0,0,0,.24)}
.info-page-summary>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#f5b4e9;background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.22)}
.info-page-summary>span .ui-icon{width:24px;height:24px}
.info-page-summary>div{display:flex;flex-direction:column;margin:17px 0 12px}.info-page-summary small{font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:#9d90a7}.info-page-summary strong{font-size:1rem;margin-top:3px}
.info-page-summary p{font-size:.72rem;line-height:1.7;color:#a89dac;margin:0 0 18px}
.info-page-summary a{display:inline-flex;align-items:center;gap:7px;color:#f0a4df;font-size:.72rem;font-weight:750}
.info-page-sections{display:grid;gap:12px}
.info-page-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:24px 26px;border:1px solid rgba(221,166,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(21,10,35,.86),rgba(10,6,17,.92));transition:.22s}
.info-page-section:hover{border-color:rgba(236,72,153,.32);transform:translateY(-2px)}
.info-page-section>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#f1a8df;font-size:.68rem;font-weight:900;background:rgba(217,70,239,.09);border:1px solid rgba(217,70,239,.2)}
.info-page-section h2{font-size:1rem;margin:0 0 6px}.info-page-section p{font-size:.78rem;line-height:1.72;color:#b0a4b9;margin:0}

/* Order lookup page without excessive blank space. */
.order-lookup-page{padding:62px 0 76px;background:radial-gradient(circle at 12% 25%,rgba(217,70,239,.14),transparent 34%),radial-gradient(circle at 84% 65%,rgba(139,92,246,.1),transparent 30%)}
.order-lookup-page__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:56px;align-items:center}
.order-lookup-copy h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 18px}
.order-lookup-copy>p{max-width:650px;font-size:1rem;color:#b5a9be;line-height:1.75;margin:0}
.order-lookup-copy__steps{display:grid;gap:10px;margin-top:28px}
.order-lookup-copy__steps span{display:flex;align-items:center;gap:11px;font-size:.75rem;color:#d0c5d6}.order-lookup-copy__steps b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(217,70,239,.11);border:1px solid rgba(217,70,239,.22);color:#f2a6df;font-size:.64rem}
.order-lookup-card{padding:30px;border-radius:25px;text-align:left;background:linear-gradient(145deg,rgba(24,12,40,.96),rgba(9,5,16,.97));box-shadow:0 25px 75px rgba(0,0,0,.38)}
.order-lookup-card__icon{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(236,72,153,.24));border:1px solid rgba(236,72,153,.3);color:#fff;box-shadow:0 15px 35px rgba(217,70,239,.18)}
.order-lookup-card__icon .ui-icon{width:31px;height:31px}.order-lookup-card__head{margin:21px 0 18px}.order-lookup-card__head>span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#e391dd;font-weight:850}.order-lookup-card__head h2{font-size:1.35rem;margin:5px 0 2px}.order-lookup-card__head p{font-size:.7rem;color:#9f93a8;margin:0}.order-lookup-card label{display:block;font-size:.7rem;font-weight:750;margin-bottom:7px}
.order-lookup-input{position:relative}.order-lookup-input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#c088d1}.order-lookup-input .ui-icon{width:19px;height:19px}.order-lookup-input input{padding-left:45px}.order-lookup-card form{display:grid;gap:12px}.order-lookup-card .btn{margin-top:3px}.order-lookup-card__note{display:flex;align-items:center;gap:6px;margin-top:15px;color:#857a8e;font-size:.58rem}.order-lookup-card__note .ui-icon{width:1em;height:1em}

/* Internal public live chat. */
.floating-chat--v8{border:0;color:#fff;font-family:inherit}.floating-chat--v8>span{display:grid;place-items:center}.floating-chat--v8>span .ui-icon{width:22px;height:22px}.floating-chat--v8>i{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff4d7d;border:2px solid #090511;color:#fff;font-size:.58rem;font-style:normal;font-weight:900}
.live-chat-panel{position:fixed;z-index:120;right:18px;bottom:78px;width:min(390px,calc(100vw - 24px));height:min(610px,calc(100vh - 120px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;border:1px solid rgba(221,166,255,.2);border-radius:25px;overflow:hidden;background:linear-gradient(180deg,rgba(20,10,33,.99),rgba(7,4,13,.99));box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 45px rgba(217,70,239,.14);transform:translateY(18px) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:.24s ease}
.live-chat-panel.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.live-chat-panel__header{min-height:74px;padding:13px 14px 13px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,rgba(139,92,246,.2),rgba(236,72,153,.16));border-bottom:1px solid rgba(221,166,255,.14)}
.live-chat-panel__agent{display:flex;align-items:center;gap:11px}.live-chat-panel__agent>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--gradient);box-shadow:0 10px 25px rgba(217,70,239,.3)}.live-chat-panel__agent>span .ui-icon{width:21px;height:21px}.live-chat-panel__agent>div{display:flex;flex-direction:column}.live-chat-panel__agent strong{font-size:.78rem}.live-chat-panel__agent small{display:flex;align-items:center;gap:5px;color:#a9ddb9;font-size:.57rem}.live-chat-panel__agent small i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 9px #4ade80}.live-chat-panel__header>button{width:36px;height:36px;border:1px solid rgba(221,166,255,.15);border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.025);color:#d9cfdf}.live-chat-panel__header>button .ui-icon{width:18px;height:18px}
.live-chat-panel__welcome{display:flex;gap:9px;padding:11px 15px;background:rgba(217,70,239,.045);border-bottom:1px solid rgba(221,166,255,.09)}.live-chat-panel__welcome>span{color:#f5b942;margin-top:2px}.live-chat-panel__welcome .ui-icon{width:16px;height:16px}.live-chat-panel__welcome p{font-size:.61rem;line-height:1.5;color:#b7abbf;margin:0}
.live-chat-messages{min-height:0;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:#6f2a76 transparent}.live-chat-message{display:flex}.live-chat-message>div{max-width:82%;padding:10px 12px;border-radius:15px}.live-chat-message p{font-size:.7rem;line-height:1.52;margin:0;white-space:pre-wrap;word-break:break-word}.live-chat-message small{display:block;margin-top:4px;font-size:.49rem;opacity:.65}.live-chat-message--visitor{justify-content:flex-end}.live-chat-message--visitor>div{background:linear-gradient(135deg,#8b3fd1,#e83d9c);border-bottom-right-radius:5px;color:#fff}.live-chat-message--admin{justify-content:flex-start}.live-chat-message--admin>div{background:#1a1026;border:1px solid rgba(221,166,255,.14);border-bottom-left-radius:5px;color:#e9e0ed}
.live-chat-empty{padding:15px 16px 17px;overflow-y:auto}.live-chat-empty>strong{font-size:.9rem}.live-chat-empty>p{font-size:.64rem;color:#9f93a8;margin:4px 0 13px}.live-chat-empty form{display:grid;gap:9px}.live-chat-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-chat-empty .form-control,.live-chat-composer .form-control{font-size:.7rem}.live-chat-empty textarea,.live-chat-composer textarea{resize:none}.live-chat-empty .btn{display:flex;align-items:center;justify-content:center;gap:7px}
.live-chat-composer{padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:end;border-top:1px solid rgba(221,166,255,.11);background:rgba(5,3,9,.75)}.live-chat-composer textarea{min-height:44px;max-height:108px}.live-chat-composer>button{width:46px;height:44px;border:0;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--gradient);box-shadow:0 10px 25px rgba(217,70,239,.25)}.live-chat-composer>button .ui-icon{width:19px;height:19px}
.live-chat-panel__footer{min-height:31px;padding:6px 13px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(221,166,255,.08);font-size:.51rem;color:#817788}.live-chat-panel__footer button{border:0;background:none;color:#ed9cde;font-size:.54rem;font-weight:750}.live-chat-error{margin:0 15px 10px;padding:8px 10px;border-radius:10px;background:rgba(251,113,133,.1);color:#fda4af;font-size:.6rem}

/* Admin live chat inbox. */
.admin-nav a{position:relative}.admin-nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ec4899;color:#fff;font-size:.55rem;box-shadow:0 0 15px rgba(236,72,153,.3)}
.admin-chat-shell{height:calc(100vh - 142px);min-height:610px;display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid rgba(221,166,255,.14);border-radius:22px;overflow:hidden;background:#0b0612;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.admin-chat-inbox{display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid rgba(221,166,255,.12);background:linear-gradient(180deg,#12091e,#0a0611)}.admin-chat-inbox__head{padding:20px 19px 13px;display:flex;justify-content:space-between;align-items:center}.admin-chat-inbox__head span{font-size:.52rem;text-transform:uppercase;letter-spacing:.12em;color:#d58cd4}.admin-chat-inbox__head h2{font-size:1.15rem;margin:2px 0}.admin-chat-inbox__count{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.2);font-size:.68rem!important;color:#f2afe5!important}.admin-chat-filter{padding:0 14px 13px}.admin-chat-filter select{min-height:39px;font-size:.66rem}.admin-chat-list{min-height:0;overflow-y:auto;padding:0 8px 12px}.admin-chat-list__item{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 11px;border:1px solid transparent;border-radius:15px;transition:.18s}.admin-chat-list__item:hover{background:rgba(255,255,255,.025)}.admin-chat-list__item.active{background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(236,72,153,.08));border-color:rgba(217,70,239,.22)}.admin-chat-avatar{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#db2777);color:#fff;font-weight:900;font-size:.8rem}.admin-chat-list__item>div{min-width:0}.admin-chat-list__item strong{display:block;font-size:.72rem}.admin-chat-list__item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9f93a8;font-size:.58rem;margin:2px 0}.admin-chat-list__item small{font-size:.49rem;color:#71677a}.admin-chat-list__item>b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ec4899;color:#fff;font-size:.52rem}.status-dot{position:absolute;left:43px;top:45px;width:9px;height:9px;border-radius:50%;border:2px solid #10091b}.status-dot--open{background:#4ade80}.status-dot--closed{background:#7d7385}.admin-chat-empty-list{text-align:center;padding:45px 20px;color:#8f8498}.admin-chat-empty-list>.ui-icon{width:34px;height:34px;margin:auto}.admin-chat-empty-list strong{display:block;color:#d8cedd;margin:10px 0 3px}.admin-chat-empty-list p{font-size:.64rem;margin:0}
.admin-chat-conversation{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 75% 15%,rgba(139,92,246,.08),transparent 32%),#090510}.admin-chat-placeholder{align-self:center;text-align:center;color:#8e8397;padding:30px}.admin-chat-placeholder>.ui-icon{width:48px;height:48px;margin:auto}.admin-chat-placeholder h2{color:#ded4e3;margin:14px 0 4px}.admin-chat-placeholder p{font-size:.7rem}.admin-chat-conversation__head{min-height:72px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(221,166,255,.11);background:rgba(8,4,14,.72)}.admin-chat-contact{display:flex;align-items:center;gap:10px}.admin-chat-contact>div{display:flex;flex-direction:column}.admin-chat-contact strong{font-size:.76rem}.admin-chat-contact small{font-size:.56rem;color:#8f8498}.admin-chat-messages{min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.admin-chat-message{display:flex}.admin-chat-message>div{max-width:72%;padding:10px 12px;border-radius:15px}.admin-chat-message p{font-size:.68rem;line-height:1.55;margin:0;word-break:break-word}.admin-chat-message small{display:block;font-size:.48rem;margin-top:4px;opacity:.65}.admin-chat-message--visitor{justify-content:flex-start}.admin-chat-message--visitor>div{background:#1a1025;border:1px solid rgba(221,166,255,.13);border-bottom-left-radius:5px}.admin-chat-message--admin{justify-content:flex-end}.admin-chat-message--admin>div{background:linear-gradient(135deg,#7130b7,#d72b88);border-bottom-right-radius:5px}.admin-chat-reply{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;border-top:1px solid rgba(221,166,255,.11);background:rgba(7,4,12,.86)}.admin-chat-reply textarea{resize:none;min-height:49px;max-height:120px}.admin-chat-reply .btn{min-height:49px;display:flex;align-items:center;gap:7px}.settings-switches--compact{margin-top:18px}

@media(max-width:900px){
  .info-page-shell__grid{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.info-page-content__grid{grid-template-columns:250px minmax(0,1fr)}
  .order-lookup-page__grid{grid-template-columns:1fr 390px;gap:30px}
  .admin-chat-shell{grid-template-columns:300px minmax(0,1fr)}
}

@media(max-width:820px){
  .info-page-shell{padding:42px 0 36px}.info-page-shell__grid{grid-template-columns:1fr}.info-page-visual{display:none}.info-page-heading h1{font-size:2.55rem;margin-top:10px}.info-page-heading>p{font-size:.82rem;line-height:1.65}.info-page-heading__meta{margin-top:18px}.info-page-content{padding:22px 0 38px}.info-page-content__grid{grid-template-columns:1fr;gap:12px}.info-page-summary{position:static;padding:18px;display:grid;grid-template-columns:46px 1fr;column-gap:12px}.info-page-summary>span{width:46px;height:46px;grid-row:1/3}.info-page-summary>div{margin:1px 0}.info-page-summary p{grid-column:1/-1;margin:13px 0 12px}.info-page-summary a{grid-column:1/-1}.info-page-section{grid-template-columns:42px 1fr;padding:18px 16px;gap:12px}.info-page-section>span{width:38px;height:38px}.info-page-section h2{font-size:.9rem}.info-page-section p{font-size:.7rem}
  .order-lookup-page{padding:39px 0 42px}.order-lookup-page__grid{grid-template-columns:1fr;gap:27px}.order-lookup-copy h1{font-size:2.65rem}.order-lookup-copy>p{font-size:.82rem}.order-lookup-copy__steps{grid-template-columns:1fr;gap:8px;margin-top:20px}.order-lookup-card{padding:21px;border-radius:21px}.order-lookup-card__icon{width:56px;height:56px;border-radius:18px}.order-lookup-card__icon .ui-icon{width:27px;height:27px}
  .live-chat-panel{right:10px;bottom:calc(var(--mobile-nav-h) + 70px + env(safe-area-inset-bottom));width:calc(100vw - 20px);height:min(570px,calc(100vh - var(--mobile-nav-h) - 92px - env(safe-area-inset-bottom)));border-radius:22px}.floating-chat--v8{bottom:calc(var(--mobile-nav-h) + 13px + env(safe-area-inset-bottom))}.live-chat-fields{grid-template-columns:1fr}.live-chat-panel__welcome p{font-size:.58rem}
  .admin-chat-shell{height:auto;min-height:0;grid-template-columns:1fr;overflow:visible}.admin-chat-inbox{max-height:350px;border-right:0;border-bottom:1px solid rgba(221,166,255,.12)}.admin-chat-conversation{min-height:580px}.admin-chat-messages{min-height:390px}.admin-chat-reply{grid-template-columns:1fr}.admin-chat-reply .btn{justify-content:center}
}

@media(max-width:480px){
  .info-page-heading h1{font-size:2.18rem}.info-page-heading__meta span{font-size:.59rem}.order-lookup-copy h1{font-size:2.28rem}.order-lookup-card__head h2{font-size:1.18rem}
  .live-chat-panel{bottom:calc(var(--mobile-nav-h) + 6px + env(safe-area-inset-bottom));height:calc(100vh - var(--mobile-nav-h) - 22px - env(safe-area-inset-bottom));right:6px;width:calc(100vw - 12px);border-radius:20px}.floating-chat--v8{width:50px;height:50px}
}

/* === v9.css === */
/* TopUpin v9 — integration, realtime invoice, flash sale, and admin tools */
.order-page-hero{padding-bottom:44px}.order-realtime-page{position:relative}.order-detail-layout--v9{align-items:start}.order-status-card--v9,.order-info-card--v9{overflow:hidden}.order-live-indicator{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 12px;border:1px solid rgba(52,211,153,.22);border-radius:999px;background:rgba(16,185,129,.08);color:#8ff0ce;font-size:12px;font-weight:800}.order-live-indicator i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.45);animation:v9pulse 1.8s infinite}.order-live-message{margin:16px 0 24px;padding:14px 16px;border:1px solid rgba(217,70,239,.16);border-radius:16px;background:rgba(217,70,239,.06);color:#cfc3d8;line-height:1.6}.invoice-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.invoice-head span{display:block;color:#9f92aa;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.invoice-head h2{margin:5px 0 0;font-size:22px}.invoice-copy-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.04);color:#eee4f4;font-weight:800;cursor:pointer}.invoice-payment-box{margin-bottom:24px;padding:22px;border:1px solid rgba(217,70,239,.24);border-radius:24px;background:linear-gradient(145deg,rgba(52,17,75,.76),rgba(13,7,23,.9));box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 55px rgba(0,0,0,.18)}.invoice-payment-box[hidden]{display:none}.invoice-payment-box__head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.invoice-payment-box__head small,.invoice-expiry small{display:block;color:#a99bad;font-size:12px;margin-bottom:5px}.invoice-payment-box__head strong{font-size:17px}.invoice-expiry{text-align:right}.invoice-expiry strong{color:#f7c857;font-variant-numeric:tabular-nums}.invoice-expiry strong.is-expired{color:#fb7185}.invoice-qr-panel{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:22px;padding:18px;border-radius:20px;background:#fff;color:#21162b}.invoice-qr-canvas{display:grid;place-items:center;min-height:170px;border-radius:16px;overflow:hidden;background:#fff}.invoice-qr-canvas canvas,.invoice-qr-canvas img{display:block;width:100%;height:auto;max-width:190px}.invoice-qr-loading{color:#6b5a73;font-size:12px}.invoice-qr-panel h3,.invoice-qr-panel strong{font-size:18px}.invoice-qr-panel p{margin:8px 0 0;color:#6d6173;line-height:1.55}.invoice-payment-number{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.2)}.invoice-payment-number small{display:block;color:#a99bad;margin-bottom:6px}.invoice-payment-number strong{font-size:20px;letter-spacing:.04em;word-break:break-all}.invoice-payment-number button{flex:none;border:0;border-radius:12px;padding:10px 13px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-weight:800;cursor:pointer}.invoice-payment-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px 0 4px}.invoice-payment-total span{color:#b8aabd}.invoice-payment-total strong{font-size:25px;color:#f7c857}.invoice-payment-notes{margin:14px 0 0;padding-left:20px;color:#a99bad;font-size:13px;line-height:1.65}.invoice-detail-list{display:grid;gap:0;margin:0}.invoice-detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.invoice-detail-list dt{color:#9f92aa}.invoice-detail-list dd{margin:0;text-align:right;font-weight:750;color:#f1e8f6}.invoice-detail-list .total{padding-top:18px;border-bottom:0}.invoice-detail-list .total dd{font-size:22px;color:#f7c857}.invoice-serial dd{max-width:65%;word-break:break-all;color:#8ff0ce}.order-actions{margin-top:22px}.status-visual .ui-icon{width:38px;height:38px}
.flash-sale-home{margin:28px 0 20px;padding:38px 0;background:radial-gradient(circle at 90% 10%,rgba(236,72,153,.2),transparent 33%),linear-gradient(125deg,#160629,#310844 58%,#67164a);border-block:1px solid rgba(245,158,11,.22)}.flash-sale-home__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.flash-sale-home__head>div:first-child{display:flex;align-items:center;gap:14px}.flash-sale-home__bolt{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#f59e0b,#ec4899);box-shadow:0 12px 30px rgba(236,72,153,.28)}.flash-sale-home__head small{color:#f7c857;font-weight:900;letter-spacing:.14em}.flash-sale-home__head h2{margin:3px 0 0;font-size:30px}.flash-countdown{display:flex;align-items:center;gap:7px}.flash-countdown span{min-width:48px;padding:11px 8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0b0612;text-align:center;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.flash-countdown b{color:#f7c857}.flash-sale-home__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:15px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}.flash-product-card{position:relative;display:flex;flex-direction:column;min-height:350px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#fff;color:#21162b;box-shadow:0 18px 45px rgba(0,0,0,.2);scroll-snap-align:start}.flash-product-card__badge{position:absolute;z-index:2;right:8px;top:8px;padding:7px 10px;border-radius:10px;background:#f43f72;color:#fff;font-size:12px;font-weight:900}.flash-product-card__media{height:168px;border-radius:16px;overflow:hidden;background:#f4edf7}.flash-product-card__media img,.flash-product-card__media svg{width:100%;height:100%;object-fit:cover}.flash-product-card__media.is-logo-media img{object-fit:contain;padding:20px}.flash-product-card>strong{margin:13px 4px 3px;font-size:15px}.flash-product-card>small{margin:0 4px;color:#736777}.flash-product-card__price{display:flex;align-items:end;gap:8px;margin:auto 4px 10px;padding-top:12px}.flash-product-card__price b{font-size:19px;color:#d52864}.flash-product-card__price del{font-size:12px;color:#9d929f}.flash-product-card__stock{margin:0 4px 4px}.flash-product-card__stock i{display:block;height:7px;border-radius:999px;background:#eadfea;overflow:hidden}.flash-product-card__stock i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ec4899)}.flash-product-card__stock small{display:block;margin-top:5px;color:#766a79}.flash-sale-home__note{display:block;margin-top:10px;color:#cbbcd0}.flash-sale-home.is-ended{opacity:.7}
.integration-hero{background:radial-gradient(circle at 90% 0,rgba(217,70,239,.2),transparent 42%),var(--admin-card-bg,rgba(16,8,27,.86))}.integration-grid{align-items:start}.integration-actions{position:sticky;bottom:20px;z-index:5;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(10,5,17,.9);backdrop-filter:blur(16px)}.integration-sync{display:flex;align-items:center;justify-content:space-between;gap:24px}.integration-sync p{margin:6px 0 0;color:#a99bad}.flash-admin-layout{align-items:start}.flash-campaign-list{display:grid;gap:10px;margin-bottom:18px}.flash-campaign-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.flash-campaign-item.active{border-color:rgba(217,70,239,.55);background:rgba(217,70,239,.08)}.flash-campaign-item small{display:block;margin-top:5px;color:#9f92aa}.flash-variant-picker{display:grid;gap:9px;margin:24px 0;max-height:620px;overflow:auto;padding-right:5px}.flash-variant-row{display:grid;grid-template-columns:minmax(250px,1fr) 150px 100px;align-items:end;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.flash-variant-row__check{display:flex!important;align-items:center;gap:12px}.flash-variant-row__check input{width:18px;height:18px}.flash-variant-row__check small{display:block;margin-top:4px;color:#9f92aa}
.store-variant-option__price del{display:block;color:#8d8094;font-size:10px}.store-variant-option:has(input:checked) .store-variant-option__copy small{color:#f7c857}
@keyframes v9pulse{70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@media(max-width:780px){.order-page-hero{padding-bottom:26px}.order-detail-layout--v9{display:block}.order-status-card--v9,.order-info-card--v9{border-radius:22px;padding:22px;margin-bottom:16px}.invoice-head{align-items:flex-start}.invoice-head h2{font-size:17px}.invoice-payment-box{padding:16px;border-radius:20px}.invoice-qr-panel{grid-template-columns:1fr;text-align:center}.invoice-qr-canvas{width:210px;margin:auto}.invoice-payment-number{align-items:flex-start}.invoice-payment-number strong{font-size:16px}.invoice-payment-total strong{font-size:20px}.invoice-detail-list>div{font-size:13px}.flash-sale-home{margin-top:18px;padding:27px 0}.flash-sale-home__head{align-items:flex-end}.flash-sale-home__head h2{font-size:23px}.flash-sale-home__bolt{width:44px;height:44px}.flash-countdown span{min-width:40px;padding:9px 5px;font-size:16px}.flash-sale-home__rail{grid-auto-columns:68vw}.integration-sync{display:grid}.flash-variant-row{grid-template-columns:1fr 1fr}.flash-variant-row__check{grid-column:1/-1}.integration-actions{bottom:80px}}
@media(max-width:430px){.invoice-payment-box__head{display:grid}.invoice-expiry{text-align:left}.invoice-payment-number{display:grid}.invoice-payment-number button{width:100%}.flash-sale-home__head{display:grid}.flash-sale-home__rail{grid-auto-columns:76vw}.flash-variant-row{grid-template-columns:1fr}}

/* === v9_2.css === */
/* TopUpin v9.2 — visual clarity hotfix only.
   Scope: category/service media visibility and compact Flash Sale cards. */

/* Make category/service logos and fallback icons readable on dark backgrounds. */
.home-service-grid a > .home-service-grid__media {
    width: 50px;
    height: 50px;
    padding: 7px;
    border-radius: 15px;
    color: #fff;
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--service-accent, #d946ef) 72%, #ffffff 8%), rgba(74, 23, 102, .94));
    border: 1px solid color-mix(in srgb, var(--service-accent, #d946ef) 68%, #ffffff 10%);
    box-shadow:
        0 8px 22px rgba(0,0,0,.34),
        0 0 18px color-mix(in srgb, var(--service-accent, #d946ef) 30%, transparent),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.home-service-grid__media .category-media__icon {
    width: 27px;
    height: 27px;
    stroke-width: 2.15;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.42));
}

.home-service-grid__media .category-media__image {
    padding: 4px;
    border-radius: 10px;
    background: rgba(255,255,255,.94);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.30));
}

/* Logos such as Free Fire, PUBG, Valorant, HoYoverse, etc. remain visible,
   including logos that are predominantly black or white. */
.market-product-card__media.is-logo-media,
.store-product-profile__art.is-logo-media {
    background:
        radial-gradient(circle at 20% 18%, rgba(255,255,255,.90), transparent 34%),
        linear-gradient(145deg, #f6f0fb 0%, #d9c9e6 58%, #b898ca 100%);
    border-bottom: 1px solid rgba(255,255,255,.20);
    padding: 13%;
}

.market-product-card__media.is-logo-media img,
.store-product-profile__art.is-logo-media img {
    width: 88%;
    height: 78%;
    object-fit: contain;
    opacity: 1;
    filter:
        drop-shadow(0 1px 0 rgba(255,255,255,.95))
        drop-shadow(0 3px 5px rgba(0,0,0,.48));
}

.market-product-card:hover .market-product-card__media.is-logo-media img {
    transform: scale(1.035);
}

/* Compact Flash Sale: preserve horizontal slider, show more products per screen. */
.flash-sale-home {
    margin: 22px 0 18px;
    padding: 25px 0 22px;
}

.flash-sale-home__head {
    margin-bottom: 16px;
    gap: 14px;
}

.flash-sale-home__bolt {
    width: 44px;
    height: 44px;
    border-radius: 14px;
}

.flash-sale-home__head h2 {
    font-size: 25px;
}

.flash-sale-home__head small {
    font-size: 11px;
}

.flash-countdown span {
    min-width: 42px;
    padding: 9px 6px;
    border-radius: 10px;
    font-size: 17px;
}

.flash-sale-home__rail {
    grid-auto-columns: minmax(165px, 205px);
    gap: 11px;
    padding: 3px 2px 10px;
    scroll-padding-inline: 2px;
}

.flash-product-card {
    min-height: 292px;
    padding: 9px;
    border-radius: 17px;
}

.flash-product-card__badge {
    top: 7px;
    right: 7px;
    padding: 5px 8px;
    border-radius: 8px;
    font-size: 10px;
}

.flash-product-card__media {
    height: 122px;
    border-radius: 13px;
}

.flash-product-card__media.is-logo-media img {
    padding: 15px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.34));
}

.flash-product-card > strong {
    margin: 10px 3px 2px;
    font-size: 13px;
    line-height: 1.3;
}

.flash-product-card > small {
    margin-inline: 3px;
    font-size: 11px;
}

.flash-product-card__price {
    gap: 6px;
    margin: auto 3px 8px;
    padding-top: 9px;
}

.flash-product-card__price b {
    font-size: 16px;
}

.flash-product-card__price del {
    font-size: 10px;
}

.flash-product-card__stock {
    margin: 0 3px 3px;
}

.flash-product-card__stock i {
    height: 6px;
}

.flash-product-card__stock small,
.flash-sale-home__note {
    font-size: 10px;
}

@media (max-width: 820px) {
    .home-service-grid a > .home-service-grid__media {
        width: 43px;
        height: 43px;
        padding: 6px;
        border-radius: 13px;
    }

    .home-service-grid__media .category-media__icon {
        width: 24px;
        height: 24px;
    }

    .flash-sale-home {
        margin-top: 15px;
        padding: 20px 0 18px;
    }

    .flash-sale-home__head {
        align-items: center;
        margin-bottom: 13px;
    }

    .flash-sale-home__head h2 {
        font-size: 20px;
    }

    .flash-sale-home__bolt {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .flash-countdown {
        gap: 5px;
    }

    .flash-countdown span {
        min-width: 36px;
        padding: 7px 4px;
        font-size: 14px;
    }

    .flash-sale-home__rail {
        grid-auto-columns: minmax(148px, 42vw);
        gap: 9px;
        padding-bottom: 9px;
    }

    .flash-product-card {
        min-height: 254px;
        padding: 8px;
        border-radius: 15px;
    }

    .flash-product-card__media {
        height: 100px;
        border-radius: 12px;
    }

    .flash-product-card__media.is-logo-media img {
        padding: 11px;
    }

    .flash-product-card > strong {
        margin-top: 8px;
        font-size: 12px;
    }

    .flash-product-card > small {
        font-size: 10px;
    }

    .flash-product-card__price b {
        font-size: 15px;
    }
}

@media (max-width: 430px) {
    .flash-sale-home__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .flash-sale-home__head > div:first-child {
        gap: 10px;
    }

    .flash-sale-home__head h2 {
        font-size: 18px;
    }

    .flash-sale-home__head small {
        font-size: 9px;
    }

    .flash-sale-home__rail {
        grid-auto-columns: minmax(142px, 43vw);
    }

    .flash-product-card {
        min-height: 242px;
    }

    .flash-product-card__media {
        height: 92px;
    }

    .flash-product-card__badge {
        font-size: 9px;
    }
}

@media (max-width: 360px) {
    .flash-sale-home__rail {
        grid-auto-columns: 138px;
    }
}

/* === v9_3.css === */
/* TopUpin v9.3 — separated payment channels, product covers, and admin content tools. */

/* Product cover header */
.store-product-profile--cover{position:sticky;overflow:hidden;padding:18px;isolation:isolate}
.store-product-profile__cover{position:absolute;z-index:-2;inset:0 0 auto;height:205px;overflow:hidden;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--product-accent,#d946ef) 38%,transparent),transparent 46%),linear-gradient(145deg,#1d0d32,#0a0612)}
.store-product-profile__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,3,12,.1),rgba(10,6,18,.42) 50%,rgba(10,6,18,.98) 100%)}
.store-product-profile__cover img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(1.08) contrast(1.04) blur(.2px);transform:scale(1.06);animation:productCoverDrift 15s ease-in-out infinite alternate}
.store-product-profile__cover-glow{position:absolute;inset:-35% -20%;background:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--product-accent,#d946ef) 44%,transparent),transparent 28%),radial-gradient(circle at 82% 20%,rgba(236,72,153,.28),transparent 24%);mix-blend-mode:screen;animation:productCoverGlow 9s ease-in-out infinite alternate}
.store-product-profile__cover-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent)}
.store-product-profile__head{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:end;min-height:172px;padding-top:54px}
.store-product-profile__head .store-product-profile__art{width:112px;aspect-ratio:1;margin:0;border-radius:20px;border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 0 5px rgba(9,5,16,.38);background:#0b0613}
.store-product-profile__copy{min-width:0;padding-bottom:4px;text-shadow:0 3px 16px rgba(0,0,0,.55)}
.store-product-profile__copy .store-product-profile__category{margin-top:0;backdrop-filter:blur(12px);background:rgba(15,7,25,.58);border-color:color-mix(in srgb,var(--product-accent,#d946ef) 55%,transparent)}
.store-product-profile__copy h1{margin:9px 0 5px;font-size:1.35rem}
.store-product-profile__copy p{margin:0;color:#c9bdcf;font-size:.64rem;line-height:1.45}
.store-product-profile--cover .store-product-profile__trust,.store-product-profile--cover .store-product-description{position:relative;z-index:1}
@keyframes productCoverDrift{from{transform:scale(1.06) translate3d(-1%,0,0)}to{transform:scale(1.13) translate3d(2%,-1.5%,0)}}
@keyframes productCoverGlow{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}

/* Payment groups */
.payment-method-groups{display:grid;gap:14px}
.payment-method-group{overflow:hidden;border:1px solid rgba(221,166,255,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012))}
.payment-method-group>header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid rgba(221,166,255,.1);background:rgba(255,255,255,.018)}
.payment-method-group>header>div{display:flex;align-items:center;gap:10px}
.payment-method-group>header>div>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#f3c2ef;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(236,72,153,.12));border:1px solid rgba(217,70,239,.22);font-size:.63rem;font-weight:950}
.payment-method-group>header>div>span .ui-icon{width:18px;height:18px}
.payment-method-group>header>div>div{display:flex;flex-direction:column}
.payment-method-group>header strong{font-size:.72rem}
.payment-method-group>header small{margin-top:2px;color:#94899d;font-size:.52rem}
.payment-method-group .store-payment-grid{padding:10px}
.store-payment-grid--qris{grid-template-columns:1fr}
.store-payment-option{min-height:88px}
.store-payment-option__logo.is-brand-text{position:relative;overflow:hidden;background:#fbf9fd;color:#24162e;border:1px solid rgba(47,29,58,.08);font-size:.58rem;letter-spacing:-.02em}
.store-payment-option__logo.is-brand-text:after{content:"";position:absolute;inset:auto 7px 5px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.store-payment-option__logo.is-brand-text b{font-size:inherit;line-height:1;text-align:center}
.store-payment-option--brand-qris .store-payment-option__logo{font-size:.7rem}
.store-payment-option--brand-dana .store-payment-option__logo{color:#1598dc}
.store-payment-option--brand-gopay .store-payment-option__logo{color:#00a9e0}
.store-payment-option--brand-ovo .store-payment-option__logo{color:#6b2c91}
.store-payment-option--brand-shopeepay .store-payment-option__logo{color:#ee4d2d}
.store-payment-option--brand-linkaja .store-payment-option__logo{color:#e21c2b}
.store-payment-option--brand-bri .store-payment-option__logo{color:#00529c}
.store-payment-option--brand-bca .store-payment-option__logo{color:#0060af}
.store-payment-option--brand-bni .store-payment-option__logo{color:#f15a23}
.store-payment-option--brand-mandiri .store-payment-option__logo{color:#003d79}
.store-payment-option--brand-permata .store-payment-option__logo{color:#4b8d44}
.store-payment-option--brand-cimb .store-payment-option__logo{color:#9b1b30}
.store-payment-option--brand-alfamart .store-payment-option__logo{color:#d71920}
.store-payment-option--brand-indomaret .store-payment-option__logo{color:#005baa}

/* Admin product cover preview */
.admin-cover-preview{position:relative;min-height:150px;overflow:hidden;border:1px solid rgba(221,166,255,.16);border-radius:18px;background:radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--cover-accent,#d946ef) 30%,transparent),transparent 38%),linear-gradient(145deg,#1b0b2d,#0a0612);display:flex;align-items:flex-end;padding:18px;isolation:isolate}
.admin-cover-preview:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent,rgba(8,4,14,.9))}
.admin-cover-preview>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.admin-cover-preview>span{position:absolute;z-index:-1;inset:0;display:grid;place-items:center;color:#d9a9e1;font-size:.65rem;gap:6px}
.admin-cover-preview>span .ui-icon{width:26px;height:26px}
.admin-cover-preview>div{display:flex;flex-direction:column}
.admin-cover-preview strong{font-size:.76rem}
.admin-cover-preview small{margin-top:4px;color:#b6a9bd;font-size:.55rem}

/* Admin payment and content pages */
.admin-notice{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(96,165,250,.18);border-radius:14px;background:rgba(96,165,250,.055);color:#c6bdd0}
.admin-notice>span{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:rgba(96,165,250,.12);color:#8fc2ff}
.admin-notice p{margin:1px 0 0;font-size:.61rem;line-height:1.55}
.payment-admin-list{display:grid;gap:12px}
.payment-admin-item{display:grid;grid-template-columns:190px minmax(0,1fr) 185px;gap:18px;align-items:center;padding:15px;border:1px solid rgba(221,166,255,.12);border-radius:16px;background:rgba(255,255,255,.016)}
.payment-admin-item__brand{display:flex;align-items:center;gap:11px;min-width:0}
.payment-admin-item__brand>span{width:52px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;background:#faf7fc;color:#311f3b;font-size:.54rem;font-weight:950;text-align:center;padding:4px}
.payment-admin-item__brand>div{display:flex;min-width:0;flex-direction:column}
.payment-admin-item__brand strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-admin-item__brand small{margin-top:3px;color:#897e92;font-size:.48rem}
.payment-admin-item__fields{display:grid;grid-template-columns:1fr 1.35fr .65fr 1fr;gap:10px}
.payment-admin-item__fields label{font-size:.54rem}
.payment-admin-item__fields label>small{display:block;margin-top:4px;color:#81768a;font-size:.47rem}
.payment-admin-item__switch{margin:0}
.content-editor-card textarea.code-area{min-height:180px;line-height:1.55}

@media(max-width:1080px){
  .payment-admin-item{grid-template-columns:160px 1fr}.payment-admin-item__switch{grid-column:1/-1}.payment-admin-item__fields{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .store-product-profile--cover{position:static;display:block;padding:13px}
  .store-product-profile__cover{height:185px}
  .store-product-profile__head{grid-template-columns:96px minmax(0,1fr);min-height:155px;padding-top:50px}
  .store-product-profile__head .store-product-profile__art{grid-row:auto;width:96px;border-radius:17px}
  .store-product-profile__copy h1{font-size:1.12rem}
  .store-product-profile__copy p{font-size:.57rem}
  .store-product-profile--cover .store-product-profile__trust{grid-template-columns:repeat(3,1fr)}
  .store-product-profile--cover .store-product-description{grid-column:auto}
  .payment-admin-item{grid-template-columns:1fr}.payment-admin-item__switch{grid-column:auto}
}
@media(max-width:560px){
  .store-product-profile__cover{height:165px}
  .store-product-profile__head{grid-template-columns:82px minmax(0,1fr);gap:12px;min-height:142px;padding-top:44px}
  .store-product-profile__head .store-product-profile__art{width:82px;border-radius:15px}
  .store-product-profile__copy h1{font-size:1rem}
  .store-product-profile__copy p{font-size:.52rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .store-product-profile__copy .store-product-profile__category{font-size:.48rem;padding:4px 7px}
  .store-product-profile--cover .store-product-profile__trust{grid-template-columns:1fr;gap:6px}
  .payment-method-group>header{padding:11px}
  .payment-method-group .store-payment-grid{grid-template-columns:1fr 1fr;padding:7px;gap:7px}
  .payment-method-group--qris .store-payment-grid{grid-template-columns:1fr}
  .store-payment-option{min-height:102px;grid-template-columns:36px minmax(0,1fr);padding:9px}
  .store-payment-option__logo{width:36px;height:31px}
  .store-payment-option__total{grid-column:1/-1}
  .payment-admin-item__fields{grid-template-columns:1fr}
  .admin-cover-preview{min-height:130px;padding:14px}
}
@media(max-width:380px){.payment-method-group .store-payment-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.store-product-profile__cover img,.store-product-profile__cover-glow{animation:none}}

/* === v9_7.css === */
/* TopUpin v9.7 — restored ambient motion, seamless product covers, compact footer, responsive admin, and adaptive target fields. */

/* Lightweight ambient animation: visible behind transparent sections without blocking interaction. */
.site-body{position:relative;isolation:isolate;background:#07040d}
.site-body>.ambient{z-index:0;opacity:1;background:radial-gradient(circle at 50% -8%,rgba(132,48,196,.16),transparent 40%),linear-gradient(180deg,#07040d,#090411 58%,#07040d)}
.site-body>.site-header,.site-body>.store-main,.site-body>.store-footer,.site-body>.mobile-bottom-nav,.site-body>.floating-chat,.site-body>.live-chat-panel,.site-body>.search-drawer,.site-body>.toast-stack{position:relative;z-index:1}
.site-body>.site-header{position:sticky;z-index:50}.site-body>.mobile-bottom-nav{position:fixed;z-index:90}.site-body>.floating-chat{position:fixed;z-index:92}.site-body>.live-chat-panel{position:fixed;z-index:96}.site-body>.search-drawer{position:fixed;z-index:95}
.ambient:before,.ambient:after{content:"";position:absolute;inset:-28%;will-change:transform;opacity:.38}
.ambient:before{background:conic-gradient(from 210deg at 50% 50%,transparent 0 18%,rgba(217,70,239,.11) 24%,transparent 31% 58%,rgba(139,92,246,.1) 66%,transparent 74%);filter:blur(55px);animation:ambientSpin 36s linear infinite}
.ambient:after{background:radial-gradient(ellipse at 20% 65%,rgba(236,72,153,.13),transparent 30%),radial-gradient(ellipse at 82% 35%,rgba(124,58,237,.13),transparent 32%);animation:ambientBreathe 16s ease-in-out infinite alternate}
.ambient__orb{opacity:.23;filter:blur(82px)}
.ambient__orb--one{animation-duration:20s}.ambient__orb--two{animation-duration:24s}
.ambient__grid{opacity:.065;background-size:64px 64px;animation:ambientGridDrift 28s linear infinite}
.ambient__wave{position:absolute;width:74vw;height:24vw;min-width:620px;min-height:190px;border:1px solid rgba(232,121,249,.14);border-radius:50%;filter:blur(.2px);opacity:.48;transform:rotate(-12deg);animation:ambientWave 18s ease-in-out infinite alternate}
.ambient__wave--one{left:-22vw;top:28%}.ambient__wave--two{right:-26vw;top:66%;border-color:rgba(139,92,246,.15);animation-delay:-8s;transform:rotate(11deg)}
#ambient-particles span{opacity:.56}
@keyframes ambientSpin{to{transform:rotate(360deg)}}
@keyframes ambientBreathe{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes ambientGridDrift{to{background-position:64px 64px}}
@keyframes ambientWave{from{transform:translate3d(-2%,0,0) rotate(-12deg) scale(1)}to{transform:translate3d(8%,-8%,0) rotate(-8deg) scale(1.08)}}

/* Product cover becomes a continuous part of the profile card, without a visible separator line. */
.store-product-profile--cover{border-color:rgba(221,166,255,.12)!important;background:linear-gradient(180deg,rgba(11,5,19,.62),rgba(12,7,21,.97) 36%,rgba(12,7,21,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 50px color-mix(in srgb,var(--product-accent,#d946ef) 8%,transparent)!important}
.store-product-profile__cover{inset:-2px -2px auto!important;height:250px!important;border-radius:inherit;mask-image:linear-gradient(180deg,#000 0 63%,rgba(0,0,0,.72) 77%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0 63%,rgba(0,0,0,.72) 77%,transparent 100%)}
.store-product-profile__cover:after{background:linear-gradient(180deg,rgba(5,2,10,.06),rgba(8,4,15,.24) 52%,rgba(12,7,21,.88) 82%,rgba(12,7,21,1) 100%)!important}
.store-product-profile__cover img{opacity:.62!important;filter:saturate(1.12) contrast(1.06) brightness(.83)!important;animation-duration:20s!important}
.store-product-profile__cover-grid{opacity:.025!important}
.store-product-profile__head{min-height:205px!important;padding-top:74px!important}
.store-product-profile__head:after{content:"";position:absolute;left:18%;right:8%;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--product-accent,#d946ef) 28%,transparent),transparent);opacity:.38}
.store-product-profile__trust{margin-top:18px}

/* Adaptive customer target fields. */
.store-target-fields{display:grid;grid-template-columns:1fr;gap:12px}
.store-target-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.store-target-fields .store-field{margin:0}
.store-target-fields .store-field small{display:block;min-height:2.7em}

/* Premium, compact footer. */
.store-footer-v97{position:relative;margin-top:52px;padding-top:34px;background:linear-gradient(180deg,rgba(10,5,17,.7),#07040d 22%,#050208);border-top:1px solid rgba(232,121,249,.14);overflow:hidden}
.store-footer-v97:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(217,70,239,.1),transparent 28%),radial-gradient(circle at 88% 70%,rgba(124,58,237,.09),transparent 30%);pointer-events:none}
.store-footer-v97__cta{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid rgba(232,121,249,.2);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(236,72,153,.08));box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}
.store-footer-v97__cta-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--gradient);box-shadow:0 14px 34px rgba(217,70,239,.25)}
.store-footer-v97__cta-icon .ui-icon{width:27px;height:27px}.store-footer-v97__cta span,.store-footer-v97__contact>span{font-size:.5rem;font-weight:900;letter-spacing:.15em;color:#e993ec}.store-footer-v97__cta h2{margin:3px 0 2px;font-size:1rem}.store-footer-v97__cta p{margin:0;color:#9e93a7;font-size:.62rem}.store-footer-v97__cta-actions{display:flex;gap:8px}.store-footer-v97__cta-actions .btn{min-height:42px;font-size:.66rem}
.store-footer-v97__main{position:relative;display:grid;grid-template-columns:1.05fr 1.55fr 1fr;gap:46px;padding-top:42px;padding-bottom:32px}
.store-footer-v97__brand p{max-width:330px;margin:16px 0;color:#9c91a5;font-size:.66rem;line-height:1.7}.store-footer-v97__socials{display:flex;gap:8px}.store-footer-v97__socials a{width:38px;height:38px;border:1px solid rgba(221,166,255,.14);border-radius:12px;display:grid;place-items:center;color:#d9cce2;background:rgba(255,255,255,.025);transition:.2s}.store-footer-v97__socials a:hover{color:#fff;border-color:rgba(217,70,239,.55);transform:translateY(-2px)}.store-footer-v97__socials .ui-icon{width:17px;height:17px}
.store-footer-v97__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.store-footer-v97__links h3{margin:0 0 11px;font-size:.7rem}.store-footer-v97__links a{display:block;padding:4px 0;color:#9f94a8;font-size:.61rem;transition:.2s}.store-footer-v97__links a:hover{color:#f1c7ee;transform:translateX(3px)}
.store-footer-v97__contact{padding-left:24px;border-left:1px solid rgba(221,166,255,.1)}.store-footer-v97__contact h3{margin:7px 0 12px;font-size:.85rem;line-height:1.4}.store-footer-v97__contact>a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(221,166,255,.08);color:#d9cedf}.store-footer-v97__contact>a>.ui-icon:first-child{width:21px;height:21px;color:#e879f9}.store-footer-v97__contact>a>.ui-icon:last-child{width:14px;height:14px;color:#746a7d}.store-footer-v97__contact>a div{display:flex;min-width:0;flex-direction:column}.store-footer-v97__contact small{font-size:.48rem;color:#817688}.store-footer-v97__contact strong{overflow:hidden;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}
.store-footer-v97__trust{position:relative;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(221,166,255,.1);border-radius:17px;background:rgba(255,255,255,.018)}.store-footer-v97__trust>div{display:flex;align-items:center;gap:10px;padding:15px 18px;border-right:1px solid rgba(221,166,255,.08)}.store-footer-v97__trust>div:last-child{border:0}.store-footer-v97__trust>div>.ui-icon{width:21px;height:21px;color:#79e6bb}.store-footer-v97__trust span{display:flex;flex-direction:column}.store-footer-v97__trust strong{font-size:.6rem}.store-footer-v97__trust small{font-size:.48rem;color:#817689}
.store-footer-v97__bottom{position:relative;margin-top:24px;border-top:1px solid rgba(221,166,255,.08);background:rgba(0,0,0,.16)}.store-footer-v97__bottom>.container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#796f82;font-size:.52rem}

/* Admin: remove search gap, improve sidebar scrolling and responsive content density. */
.admin-sidebar__scroll{padding-top:8px!important}.admin-nav{gap:13px!important}.admin-nav-group{gap:4px!important}.admin-nav-group>small{margin:5px 10px 4px!important}
.admin-sidebar{height:100dvh!important;max-height:100dvh!important}.admin-sidebar__bottom{background:linear-gradient(180deg,rgba(10,5,17,.72),#090410 18%)!important}
.admin-topbar{position:sticky!important;top:0!important;z-index:45!important}.admin-main{min-width:0!important}.admin-content{overflow-x:clip}
.admin-menu-toggle{box-shadow:0 8px 24px rgba(0,0,0,.22)}.admin-menu-toggle b{font-size:.61rem}
.admin-main .form-control{font-size:.68rem!important;line-height:1.35}.admin-main textarea.form-control{line-height:1.55}.admin-main input[type=file].form-control{padding:8px!important}
.admin-main .admin-card{box-shadow:0 12px 34px rgba(42,27,49,.08)!important}.admin-main .admin-card__head h2{line-height:1.25}.admin-main .admin-card__head p{max-width:720px}
.admin-main .form-grid{gap:13px}.admin-main .form-grid label{min-width:0}.admin-main .admin-grid-form{gap:16px}.admin-main .admin-filter{align-items:end}
[data-target-secondary][hidden]{display:none!important}

@media(max-width:1180px){
  .admin-sidebar{width:min(84vw,320px)!important}.admin-sidebar__header{padding-bottom:10px!important}.admin-sidebar__scroll{padding-inline:2px!important}.admin-sidebar__bottom{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .admin-topbar__site{display:none!important}.admin-user>div{display:none!important}.admin-topbar__actions{flex:none!important}
  .store-footer-v97__main{grid-template-columns:1fr 1.5fr}.store-footer-v97__contact{grid-column:1/-1;padding:23px 0 0;border-left:0;border-top:1px solid rgba(221,166,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.store-footer-v97__contact>span,.store-footer-v97__contact h3{grid-column:1/-1}
}
@media(max-width:820px){
  .ambient__wave{min-width:520px;opacity:.34}.store-product-profile__cover{height:220px!important}.store-product-profile__head{min-height:180px!important;padding-top:62px!important}
  .store-target-fields--two{grid-template-columns:1fr 1fr}
  .store-footer-v97{margin-top:34px;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}.store-footer-v97__cta{grid-template-columns:46px minmax(0,1fr);padding:17px;border-radius:18px}.store-footer-v97__cta-icon{width:46px;height:46px;border-radius:14px}.store-footer-v97__cta-actions{grid-column:1/-1}.store-footer-v97__cta-actions .btn{flex:1}.store-footer-v97__main{grid-template-columns:1fr;gap:28px;padding-top:30px}.store-footer-v97__links{gap:15px}.store-footer-v97__contact{grid-column:auto;display:block;padding-top:22px}.store-footer-v97__trust{grid-template-columns:1fr 1fr}.store-footer-v97__trust>div:nth-child(2){border-right:0}.store-footer-v97__trust>div:nth-child(-n+2){border-bottom:1px solid rgba(221,166,255,.08)}.store-footer-v97__bottom>.container{min-height:70px;flex-direction:column;justify-content:center;gap:4px;text-align:center}
  .admin-topbar{height:70px!important;min-height:70px!important}.admin-menu-toggle{width:42px!important;height:42px!important;border-radius:13px!important}.admin-topbar__title h1{font-size:1rem!important;max-width:58vw!important}.admin-content{padding:13px 10px 48px!important}.admin-main .admin-card{padding:14px!important}.admin-main .admin-card__head{margin-bottom:13px!important}.admin-main .admin-grid-form,.admin-main .admin-grid-2,.admin-main .integration-grid,.admin-main .flash-admin-layout{display:grid!important;grid-template-columns:1fr!important}.admin-main .form-grid{grid-template-columns:1fr!important}.admin-main .span-2{grid-column:1!important}.admin-main .form-actions{position:sticky;z-index:20;bottom:0;margin-inline:-10px;padding:10px;background:rgba(255,255,255,.95);border-top:1px solid #e9e1ec;backdrop-filter:blur(14px)}.admin-main .form-actions .btn{min-height:44px}.admin-scroll-top{bottom:15px!important}
}
@media(max-width:560px){
  .ambient__orb{opacity:.18}.ambient__grid{opacity:.04}.ambient__wave{opacity:.26}.store-product-profile__cover{height:190px!important;inset:-1px -1px auto!important}.store-product-profile__head{min-height:158px!important;padding-top:52px!important}.store-product-profile__head:after{display:none}.store-target-fields--two{grid-template-columns:1fr}.store-target-fields .store-field small{min-height:0}
  .store-footer-v97{padding-top:24px}.store-footer-v97__cta{gap:12px}.store-footer-v97__cta h2{font-size:.84rem}.store-footer-v97__cta p{font-size:.55rem}.store-footer-v97__cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.store-footer-v97__cta-actions .btn{padding-inline:10px;font-size:.58rem}.store-footer-v97__main{padding-top:27px}.store-footer-v97__links{grid-template-columns:1fr 1fr;gap:24px 16px}.store-footer-v97__links>div:last-child{grid-column:1/-1}.store-footer-v97__links h3{font-size:.68rem}.store-footer-v97__links a{font-size:.59rem}.store-footer-v97__trust>div{padding:12px 10px;gap:8px}.store-footer-v97__trust strong{font-size:.55rem}.store-footer-v97__trust small{display:none}
  .admin-sidebar{width:min(90vw,308px)!important;padding:12px 9px!important}.admin-sidebar__header .brand-mark{width:31px!important;height:36px!important}.admin-sidebar__header .brand-copy strong{font-size:1rem!important}.admin-sidebar__close{min-width:68px!important;height:39px!important}.admin-nav a{min-height:45px!important;padding:0 12px!important;font-size:.69rem!important}.admin-nav a>span{width:31px!important;height:31px!important}.admin-sidebar__bottom .btn{min-height:43px!important}.admin-topbar{padding:0 10px!important}.admin-topbar__title{gap:9px!important}.admin-menu-toggle b{display:none}.admin-topbar__title>div>span{font-size:.45rem!important}.admin-topbar__title h1{font-size:.94rem!important;max-width:62vw!important}.admin-user>span{width:37px!important;height:37px!important}.admin-content{padding-inline:8px!important}.admin-main .admin-card{padding:13px!important;border-radius:15px!important}.admin-main .admin-card__head{display:block!important}.admin-main .admin-card__head>.btn{width:100%;margin-top:10px}.admin-main .form-control{min-height:46px!important;padding:10px 11px!important;font-size:.66rem!important}.admin-main label{font-size:.61rem!important}.admin-main .data-table{min-width:680px!important}.admin-main .admin-datatable-toolbar{padding:8px!important}.admin-main .admin-datatable-meta{gap:7px!important}.admin-main .admin-datatable-pagination button{width:29px;height:29px}.admin-scroll-top{right:8px!important}
}
@media(max-width:380px){.store-footer-v97__cta-actions{grid-template-columns:1fr}.store-footer-v97__trust{grid-template-columns:1fr}.store-footer-v97__trust>div{border-right:0!important;border-bottom:1px solid rgba(221,166,255,.08)}.admin-topbar__title h1{max-width:55vw!important}.admin-user{display:none!important}}
@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after,.ambient__grid,.ambient__wave,.store-product-profile__cover img,.store-product-profile__cover-glow{animation:none!important}}

/* === v9_8.css === */
/* TopUpin v9.8 — lightweight ambient background + guided checkout flow. */

/*
 * Performance pass: the old v9.7 ambient layer used large blurred layers,
 * moving waves, a grid animation and JS-generated particles. On mid-range
 * mobile GPUs that can cause expensive repaints while scrolling. v9.8 keeps
 * the neon atmosphere with only two transform/opacity animations and no blur.
 */
.site-body>.ambient{
  contain:strict;
  background:
    radial-gradient(circle at 12% 18%,rgba(139,92,246,.08),transparent 34%),
    radial-gradient(circle at 86% 72%,rgba(217,70,239,.07),transparent 32%),
    linear-gradient(180deg,#07040d 0%,#090411 52%,#07040d 100%)!important;
}
.ambient__orb,.ambient__grid,.ambient__wave,#ambient-particles{display:none!important}
.ambient:before,.ambient:after{
  content:"";
  position:absolute!important;
  inset:auto!important;
  border-radius:50%;
  filter:none!important;
  pointer-events:none;
  will-change:transform,opacity;
}
.ambient:before{
  width:440px;height:440px;left:-150px;top:14vh;
  opacity:.72!important;
  background:radial-gradient(circle,rgba(168,85,247,.16) 0%,rgba(168,85,247,.07) 36%,transparent 70%)!important;
  animation:ambientLiteOne 28s ease-in-out infinite alternate!important;
}
.ambient:after{
  width:390px;height:390px;right:-135px;top:58vh;
  opacity:.62!important;
  background:radial-gradient(circle,rgba(236,72,153,.13) 0%,rgba(217,70,239,.055) 38%,transparent 72%)!important;
  animation:ambientLiteTwo 34s ease-in-out infinite alternate!important;
}
@keyframes ambientLiteOne{from{transform:translate3d(0,0,0) scale(1);opacity:.58}to{transform:translate3d(72px,42px,0) scale(1.08);opacity:.78}}
@keyframes ambientLiteTwo{from{transform:translate3d(0,0,0) scale(1.02);opacity:.48}to{transform:translate3d(-64px,-48px,0) scale(.94);opacity:.68}}

/* Guided checkout: target -> nominal -> payment -> contact -> confirmation. */
.checkout-step-card--guided{scroll-margin-top:92px;transition:border-color .2s ease,opacity .2s ease,box-shadow .2s ease}
.checkout-step-card--guided.is-locked{border-color:rgba(165,148,178,.13)!important}
.checkout-step-card--guided.is-locked>.store-variant-grid,
.checkout-step-card--guided.is-locked>.payment-recommendation,
.checkout-step-card--guided.is-locked>.payment-method-groups,
.checkout-step-card--guided.is-locked>.store-field,
.checkout-step-card--guided.is-locked>.checkout-summary,
.checkout-step-card--guided.is-locked>.store-checkout-submit{opacity:.42}
.checkout-step-card--guided.is-complete{border-color:rgba(52,211,153,.18)!important}
.checkout-step-card--guided.is-current{border-color:rgba(217,70,239,.42)!important;box-shadow:0 15px 42px rgba(0,0,0,.26),0 0 24px rgba(217,70,239,.065)!important}
.checkout-flow-status{margin-top:12px;min-height:42px;padding:10px 12px;border:1px dashed rgba(232,121,249,.2);border-radius:12px;display:flex;align-items:center;gap:8px;color:#b6a7bf;background:rgba(255,255,255,.018);font-size:.57rem;line-height:1.45}
.checkout-flow-status .ui-icon{width:15px;height:15px;flex:0 0 auto;color:#e879f9}
.checkout-flow-status.is-ready{border-color:rgba(52,211,153,.22);color:#9ee8c8;background:rgba(52,211,153,.035)}
.checkout-flow-status[hidden]{display:none!important}
.store-variant-option:has(input:disabled),.store-payment-option:has(input:disabled){cursor:not-allowed}
.store-variant-option:has(input:disabled):hover,.store-payment-option:has(input:disabled):hover{transform:none!important}
[data-flow-submit]:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.55);box-shadow:none!important}
.mobile-checkout-bar [data-flow-submit]:disabled{background:linear-gradient(135deg,#4b4058,#62506c)!important}
.mobile-checkout-bar__total strong[data-summary-total]:empty:after{content:"Pilih nominal"}

@media(max-width:820px){
  .ambient:before{width:360px;height:360px;left:-150px;top:16vh;opacity:.6!important;animation-duration:34s!important}
  .ambient:after{display:none!important}
  .checkout-step-card--guided{scroll-margin-top:76px}
}
@media(max-width:560px){
  .site-body>.ambient{background:radial-gradient(circle at 12% 20%,rgba(139,92,246,.065),transparent 34%),linear-gradient(180deg,#07040d,#090411 56%,#07040d)!important}
  .ambient:before{width:310px;height:310px;left:-150px;opacity:.5!important}
  .checkout-flow-status{font-size:.52rem;min-height:38px;padding:9px 10px}
}
@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after{animation:none!important}.checkout-step-card--guided{transition:none!important}}

/* === v9_9.css === */
/* TopUpin v9.9 — resilient blog + transactional notifications UI */
.store-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-contact-grid .store-field{margin:0}.store-field>span>small{font-size:.75em;color:var(--muted);font-weight:600}

.blog-hero{position:relative;padding:54px 0 34px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(22,8,34,.58),rgba(8,5,14,.1))}.blog-hero:before{content:"";position:absolute;inset:auto -12% -50% 35%;height:380px;background:radial-gradient(ellipse,rgba(217,70,239,.15),transparent 68%);pointer-events:none}.blog-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:28px;align-items:end}.blog-hero__copy h1{max-width:760px;margin:10px 0 12px;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em}.blog-hero__copy p{max-width:720px;margin:0;color:#aa9db4;font-size:.92rem;line-height:1.75}.blog-hero__status{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid rgba(217,70,239,.2);border-radius:18px;background:rgba(19,9,31,.72);box-shadow:0 20px 45px rgba(0,0,0,.16)}.blog-hero__status>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(139,92,246,.22),rgba(236,72,153,.18));color:#efb1e8}.blog-hero__status strong,.blog-hero__status small{display:block}.blog-hero__status strong{font-size:.82rem}.blog-hero__status small{margin-top:3px;color:#93869d;font-size:.62rem;line-height:1.45}
.blog-page{padding-top:26px}.blog-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(17,9,28,.66);color:#b7abbf;font-size:.68rem;font-weight:800}.blog-filter a span{display:grid;place-items:center}.blog-filter a.active{color:#fff;border-color:rgba(217,70,239,.55);background:linear-gradient(135deg,rgba(139,92,246,.17),rgba(236,72,153,.15));box-shadow:0 0 24px rgba(217,70,239,.09)}.blog-alert{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;margin:2px 0 18px;border:1px solid rgba(245,185,66,.24);border-radius:15px;background:rgba(245,185,66,.07)}.blog-alert>svg{flex:0 0 20px;color:#ffd168}.blog-alert strong{font-size:.75rem}.blog-alert p{margin:3px 0 0;color:#a99bb2;font-size:.65rem}
.blog-featured{display:grid;grid-template-columns:1.2fr .8fr;min-height:370px;margin:2px 0 30px;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(23,12,39,.94),rgba(9,5,16,.98));box-shadow:0 26px 60px rgba(0,0,0,.24)}.blog-featured__media{position:relative;min-height:330px;overflow:hidden;background:#0b0613}.blog-featured__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(11,6,19,.45))}.blog-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.blog-featured:hover .blog-featured__media img{transform:scale(1.025)}.blog-featured__media>span{height:100%;display:grid;place-items:center;color:#e98dde}.blog-featured__media>span svg{width:64px;height:64px}.blog-featured__body{display:flex;flex-direction:column;justify-content:center;padding:34px}.blog-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-meta time{color:#8f8299;font-size:.62rem}.blog-featured h2{margin:16px 0 10px;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.blog-featured p{margin:0 0 22px;color:#a99db1;font-size:.79rem;line-height:1.7}.blog-featured .btn{align-self:flex-start}
.blog-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 14px}.blog-section-head>div{display:flex;align-items:center;gap:10px}.blog-section-head>div>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(217,70,239,.22);border-radius:12px;background:rgba(217,70,239,.08);color:#eca2e1}.blog-section-head strong,.blog-section-head small{display:block}.blog-section-head strong{font-size:1rem}.blog-section-head small{margin-top:2px;color:#8f8299;font-size:.58rem}.blog-section-head>a{display:inline-flex;align-items:center;gap:5px;color:#eeb1e7;font-size:.65rem;font-weight:800}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.blog-grid .store-article-card{height:100%;transition:transform .2s ease,border-color .2s ease}.blog-grid .store-article-card:hover{transform:translateY(-3px)}.blog-grid .store-article-card__body{padding:16px}.blog-grid .store-article-card h3{font-size:.9rem}.blog-grid .store-article-card p{font-size:.66rem;line-height:1.6}.blog-pagination{display:flex;justify-content:center;gap:7px;margin:28px 0 4px}.blog-pagination a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(15,8,25,.75);color:#b9adbf;font-size:.7rem;font-weight:800}.blog-pagination a.active{border-color:transparent;color:#fff;background:var(--gradient);box-shadow:0 8px 24px rgba(217,70,239,.22)}.blog-empty{margin-top:10px}
.article-reader{padding:42px 0 12px}.article-reader__shell{max-width:1120px}.article-breadcrumb{display:flex;align-items:center;gap:7px;overflow:hidden;margin-bottom:25px;color:#8e8197;font-size:.62rem;white-space:nowrap}.article-breadcrumb a{color:#beaeca}.article-breadcrumb b{overflow:hidden;text-overflow:ellipsis;font-weight:700}.article-breadcrumb svg{width:.85em;height:.85em}.article-reader__header{max-width:900px;margin:0 auto 26px;text-align:center}.article-reader__header .blog-meta{justify-content:center}.article-reader__header h1{margin:15px 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.045em}.article-reader__header>p{max-width:780px;margin:0 auto;color:#aa9db3;font-size:.88rem;line-height:1.75}.article-reader__cover{aspect-ratio:16/7;margin:0 0 30px;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:#0b0613;box-shadow:0 26px 60px rgba(0,0,0,.25)}.article-reader__cover img{width:100%;height:100%;object-fit:cover}.article-reader__layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:center;gap:34px;align-items:start}.article-reader__aside{position:sticky;top:95px;display:flex;flex-direction:column;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(16,8,27,.72)}.article-reader__aside>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(217,70,239,.1);color:#eaa1e0}.article-reader__aside strong{margin-top:12px;font-size:.78rem}.article-reader__aside small{margin-top:4px;color:#8f8398;font-size:.57rem;line-height:1.55}.article-reader__aside a{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:#efafe6;font-size:.61rem;font-weight:800}.article-reader__content{min-width:0;padding:28px 30px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(15,8,25,.72);font-size:.84rem;line-height:1.85;color:#c7bccd}.article-reader__content h2,.article-reader__content h3,.article-reader__content h4{color:#fff;line-height:1.25}.article-reader__content h2{margin-top:1.8em;font-size:1.45rem}.article-reader__content h3{margin-top:1.6em;font-size:1.15rem}.article-reader__content p{margin:1em 0}.article-reader__content img{max-width:100%;height:auto;border-radius:14px}.article-reader__content a{color:#efaee6;text-decoration:underline;text-underline-offset:3px}.article-reader__content blockquote{margin:20px 0;padding:16px 18px;border-left:3px solid #d946ef;border-radius:0 12px 12px 0;background:rgba(217,70,239,.06);color:#d6cadb}.article-related{padding-top:22px}

.notification-integration-card{margin-top:4px}.integration-subcard{padding:20px;border:1px solid rgba(80,54,94,.14);border-radius:16px;background:#fff}.integration-subcard__head h3{margin:0;font-size:1rem;color:#281a31}.integration-subcard__head p{margin:4px 0 15px;color:#746a7a;font-size:.7rem}.integration-note{margin-top:14px;padding:13px 15px;border-radius:12px;background:rgba(139,92,246,.07);color:#6d6174;font-size:.68rem;line-height:1.55}.integration-note strong{color:#36263e}

@media(max-width:900px){.blog-hero__inner{grid-template-columns:1fr}.blog-hero__status{max-width:520px}.blog-featured{grid-template-columns:1fr}.blog-featured__media{min-height:280px}.blog-featured__media:after{background:linear-gradient(180deg,transparent 65%,rgba(11,6,19,.35))}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reader__layout{grid-template-columns:1fr}.article-reader__aside{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.article-reader__aside>span{grid-row:1/3}.article-reader__aside strong,.article-reader__aside small{margin-top:0}.article-reader__aside a{grid-column:1/-1}.store-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.blog-hero{padding:32px 0 24px}.blog-hero__copy h1{font-size:2.05rem}.blog-hero__copy p{font-size:.7rem}.blog-hero__status{padding:13px}.blog-hero__status>span{width:38px;height:38px}.blog-filter a{min-height:36px;padding:0 12px;font-size:.6rem}.blog-featured{min-height:0;border-radius:18px}.blog-featured__media{min-height:195px}.blog-featured__body{padding:20px}.blog-featured h2{font-size:1.45rem}.blog-featured p{font-size:.66rem}.blog-grid{grid-template-columns:1fr;gap:10px}.blog-grid .store-article-card{display:grid;grid-template-columns:116px 1fr}.blog-grid .store-article-card__media{height:100%;min-height:132px;aspect-ratio:auto}.blog-grid .store-article-card__body{padding:12px}.blog-grid .store-article-card h3{font-size:.76rem;margin:8px 0 5px}.blog-grid .store-article-card p{font-size:.57rem;-webkit-line-clamp:2}.blog-grid .store-article-card__more{font-size:.57rem;margin-top:7px}.blog-grid .store-article-card__meta time{display:none}.article-reader{padding-top:28px}.article-breadcrumb{margin-bottom:18px}.article-reader__header{text-align:left}.article-reader__header .blog-meta{justify-content:flex-start}.article-reader__header h1{font-size:2rem}.article-reader__header>p{font-size:.7rem}.article-reader__cover{aspect-ratio:16/10;border-radius:17px;margin-bottom:18px}.article-reader__content{padding:19px 17px;border-radius:16px;font-size:.73rem}.article-reader__content h2{font-size:1.2rem}.article-reader__content h3{font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){.blog-featured__media img,.blog-grid .store-article-card{transition:none}}

/* === v10_2.css === */
/* TopUpin v10.2 - multi provider & joki checkout */
.store-target-fields .store-field--wide{grid-column:1/-1}
.integration-digital-providers .integration-note{margin-top:6px}
.integration-digital-providers .admin-card{align-self:start}
@media (max-width:900px){
  .integration-digital-providers{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .store-target-fields--two{grid-template-columns:1fr!important}
  .integration-digital-providers .form-grid{grid-template-columns:1fr!important}
  .integration-digital-providers .btn{width:100%;justify-content:center}
}

/* === v10_8.css === */
/* TopUpin v10.8 — compatibility-first UI polish */

/* Public: keep ambient motion light enough for budget Android devices. */
.public-body::before,.public-body::after{animation-duration:28s!important;filter:none!important;will-change:auto!important}
@media (prefers-reduced-motion:reduce){.public-body::before,.public-body::after{animation:none!important}}

/* Product hero cover: blend into the panel without a visible hard seam. */
.store-product-profile--cover{overflow:hidden!important;isolation:isolate}
.store-product-profile__cover{border:0!important;outline:0!important;box-shadow:none!important;mask-image:linear-gradient(to bottom,#000 0,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 68%,transparent 100%)}
.store-product-profile__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,4,15,.06),rgba(8,4,15,.58) 74%,rgba(8,4,15,.96));pointer-events:none}
.store-product-profile__cover img{transform:scale(1.015);filter:saturate(.92) brightness(.72);transition:transform .45s ease,filter .45s ease}
@media (hover:hover){.store-product-profile--cover:hover .store-product-profile__cover img{transform:scale(1.035);filter:saturate(1) brightness(.78)}}

.checkout-promo-box{margin:0 0 16px;padding:16px;border:1px solid rgba(216,122,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(155,71,255,.08),rgba(255,60,174,.05))}
.checkout-promo-box__copy{display:grid;gap:4px;margin-bottom:12px}.checkout-promo-box__copy strong{display:flex;align-items:center;gap:8px}.checkout-promo-box__copy small{color:var(--muted,#a99bb0)}
.checkout-promo-box__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.checkout-promo-box__form .btn{min-width:116px}
.checkout-promo-box__message{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,91,111,.09);color:#ffb7c0;font-size:13px}.checkout-promo-box__message.is-success{background:rgba(54,211,153,.1);color:#9af0ca}
[data-summary-discount-row] strong{color:#7be5b9!important}

.invoice-payment-change{margin:14px 0;border:1px solid rgba(216,122,255,.2);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}.invoice-payment-change>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;padding:14px 16px;font-weight:800}.invoice-payment-change>summary::-webkit-details-marker{display:none}.invoice-payment-change form{padding:0 16px 16px}.invoice-payment-change form>p{margin:0 0 12px;color:var(--muted,#a99bb0);font-size:13px;line-height:1.6}.invoice-payment-change__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.invoice-payment-change__grid label{cursor:pointer}.invoice-payment-change__grid input{position:absolute;opacity:0}.invoice-payment-change__grid span{display:grid;gap:3px;height:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03)}.invoice-payment-change__grid input:checked+span{border-color:#d946ef;box-shadow:0 0 0 2px rgba(217,70,239,.12)}.invoice-payment-change__grid small{color:var(--muted,#a99bb0);font-size:11px}.order-actions--expanded{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.text-success{color:#64dcae!important}

.recent-orders{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.recent-orders__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.recent-orders__head button{border:0;background:transparent;color:#d98bea;font:inherit;font-size:12px;cursor:pointer}.recent-order-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}.recent-order-item span{display:grid;gap:2px}.recent-order-item small{color:var(--muted,#a99bb0)}.recent-order-item em{font-style:normal;color:#eba8f6;font-weight:800;font-size:12px}

@media(max-width:640px){.checkout-promo-box__form{grid-template-columns:1fr}.checkout-promo-box__form .btn{width:100%}.invoice-payment-change__grid,.order-actions--expanded{grid-template-columns:1fr!important}}

/* Admin shell: predictable fixed header/sidebar with internal sidebar scrolling. */
.admin-body{background:#f7f5f8!important;color:#271c2d!important}
.admin-sidebar{overscroll-behavior:contain}.admin-sidebar__scroll{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin}.admin-sidebar__bottom{flex:0 0 auto}
.admin-topbar{position:sticky!important;top:0!important;z-index:30!important}.admin-menu-toggle{min-width:48px!important;min-height:48px!important;padding:0 13px!important}.admin-menu-toggle b{font-size:13px!important}
.admin-content{max-width:1480px;width:100%;margin-inline:auto;padding-bottom:90px!important}

/* White content surfaces requested for readability while preserving dark navigation. */
.admin-main .admin-card,.admin-main .glass-panel,.admin-main .admin-panel,.admin-main .data-card,.admin-card--white{background:#fff!important;color:#2c2130!important;border-color:#e8e0eb!important;box-shadow:0 10px 32px rgba(55,32,65,.06)!important}
.admin-main .admin-card h1,.admin-main .admin-card h2,.admin-main .admin-card h3,.admin-main .admin-panel h1,.admin-main .admin-panel h2{color:#2c2130!important}.admin-main .admin-card p,.admin-main .admin-card small,.admin-main .admin-panel p{color:#776b7d!important}
.admin-main .form-control,.admin-main select,.admin-main textarea{background:#fff!important;color:#2c2130!important;border-color:#ded4e2!important;box-shadow:none!important}.admin-main .form-control:focus,.admin-main select:focus,.admin-main textarea:focus{border-color:#c145d7!important;box-shadow:0 0 0 3px rgba(193,69,215,.11)!important}

.admin-page-stack{display:grid;gap:18px}.admin-kicker{display:block;margin-bottom:6px;color:#b23fc6!important;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-form-grid-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-form-grid-compact label{display:grid;gap:7px;font-weight:700}.admin-form-grid-compact__actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.admin-switch-inline{grid-column:span 2;align-self:end;min-height:58px;border:1px solid #e6dde9!important;background:#fbf8fc!important;border-radius:14px!important;padding:10px 12px!important}

/* Datatables: compact controls; table scrolls horizontally instead of breaking layout. */
.admin-main .admin-datatable-toolbar,.admin-main .data-table-toolbar,.admin-main .table-toolbar{min-height:0!important;height:auto!important;padding:10px!important;gap:10px!important;background:#faf8fb!important;border:1px solid #e9e1ec!important;border-radius:14px!important}
.admin-main .admin-datatable-search,.admin-main [data-table-search-wrap]{flex:0 1 320px!important;width:min(100%,320px)!important;max-width:320px!important;min-height:42px!important;height:42px!important;padding:0 12px!important;background:#fff!important;border:1px solid #e3d9e6!important;border-radius:12px!important}
.admin-main .admin-datatable-search input,.admin-main [data-table-search]{height:38px!important;font-size:14px!important;background:transparent!important;border:0!important;padding:0!important;min-height:0!important}
.admin-table-scroll,.admin-main .table-wrap,.admin-main .admin-table-wrap{width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch;border:1px solid #ebe3ed;border-radius:14px;background:#fff}.admin-data-table,.admin-main .data-table,.admin-main .admin-table{width:100%;border-collapse:collapse;background:#fff;color:#2c2130}.admin-data-table th,.admin-data-table td,.admin-main .data-table th,.admin-main .data-table td,.admin-main .admin-table th,.admin-main .admin-table td{padding:12px 14px!important;border-bottom:1px solid #eee7f0!important;text-align:left;vertical-align:middle;white-space:nowrap}.admin-data-table th,.admin-main .data-table th,.admin-main .admin-table th{background:#faf8fb!important;color:#75677b!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.05em}.admin-empty-cell{text-align:center!important;padding:28px!important;color:#86788b!important}.admin-table-scroll--compact{max-height:520px}

/* Logs and health must never render giant unwrapped code on mobile. */
.admin-main pre,.admin-main code{overflow-wrap:anywhere;word-break:break-word}.admin-main pre{white-space:pre-wrap!important;max-width:100%;overflow:auto;font-size:12px;line-height:1.6}.system-health-grid .health-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-health-grid .health-check-list>*{min-width:0}

/* Integration/sync cards: prevent narrow text columns beside oversized icons. */
.admin-main .integration-sync-card,.admin-main .provider-sync-card{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.admin-main .integration-sync-card>*{min-width:0!important}.admin-main .integration-sync-card .btn,.admin-main .provider-sync-card .btn{max-width:100%!important}

/* Status chips keep a compact shape rather than stretching full width. */
.admin-main .status-badge{display:inline-flex!important;width:auto!important;max-width:max-content!important;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.status-badge--danger{background:#fff0f2!important;color:#b3233c!important}.status-badge--success{background:#eafaf3!important;color:#177b59!important}

@media(max-width:900px){
  .admin-form-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-switch-inline{grid-column:1/-1}
  .admin-topbar__actions .admin-topbar__site,.admin-topbar__actions .admin-user div{display:none!important}
}
@media(max-width:760px){
  .admin-content{padding:14px 12px 92px!important}.admin-topbar{padding:12px!important;min-height:82px!important}.admin-topbar__title{gap:12px!important}.admin-topbar__title h1{font-size:22px!important;line-height:1.15!important}.admin-topbar__title>div>span{font-size:12px!important}.admin-menu-toggle{width:52px!important;height:52px!important;min-width:52px!important}.admin-menu-toggle b{display:none!important}
  .admin-sidebar{width:min(88vw,360px)!important;max-width:360px!important;height:100dvh!important}.admin-sidebar__header{position:sticky;top:0;z-index:2;background:inherit}.admin-sidebar__bottom{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(10,4,16,.86),#0a0410 28%);padding-top:14px!important}
  .admin-form-grid-compact{grid-template-columns:1fr}.admin-form-grid-compact__actions{display:grid;grid-template-columns:1fr}.admin-form-grid-compact__actions .btn{width:100%}.admin-switch-inline{grid-column:auto}
  .admin-main .admin-datatable-search,.admin-main [data-table-search-wrap]{width:100%!important;max-width:none!important}.admin-data-table,.admin-main .data-table,.admin-main .admin-table{min-width:700px!important}.admin-data-table th,.admin-data-table td{font-size:13px!important}
  .system-health-grid .health-check-list{grid-template-columns:1fr}.admin-scroll-top{bottom:20px!important;right:16px!important}
}
@media(max-width:420px){.admin-topbar__title h1{font-size:20px!important}.admin-content{padding-inline:10px!important}.admin-main .admin-card{border-radius:18px!important}.admin-data-table,.admin-main .data-table,.admin-main .admin-table{min-width:640px!important}}

/* Admin tabs/log viewer refinement */
.admin-tab-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.admin-tab-nav button{appearance:none;border:1px solid #e2d8e5;background:#fff;color:#5f5364;border-radius:12px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.admin-tab-nav button.active{color:#a42abb;border-color:#d88ce5;background:#fcf4ff;box-shadow:0 4px 16px rgba(174,58,198,.09)}
.system-log-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.system-log-toolbar form:first-child{flex:1 1 260px}.system-log-viewer{max-height:65vh;overflow:auto;border:1px solid #eadfeb;border-radius:14px;background:#1b1220;color:#eadff0;padding:12px}.system-log-line{font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.system-log-line.is-error{color:#ffadbb}.system-log-line.is-warning{color:#ffd88b}
.cron-endpoints{display:grid;gap:10px}.cron-endpoints>div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #ece4ee;border-radius:14px;background:#faf8fb}.cron-endpoints code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5c4e61}.admin-json-preview{background:#1a111f!important;color:#efe4f3!important;border-radius:14px;padding:14px!important;max-height:460px!important}
.security-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #dceee7;border-radius:14px;background:#f4fcf8}.security-note>.ui-icon{flex:0 0 auto;color:#19835d}.security-note p{margin:4px 0 0!important}
@media(max-width:760px){.cron-endpoints>div{grid-template-columns:1fr}.cron-endpoints code{display:block;white-space:normal;overflow-wrap:anywhere}.cron-endpoints .btn{width:100%}.admin-tab-nav{display:grid;grid-template-columns:1fr 1fr}.admin-tab-nav button{min-width:0;padding:10px 8px;font-size:13px}.system-log-toolbar{display:grid;grid-template-columns:1fr}.system-log-toolbar>*{width:100%}.system-log-toolbar .btn{width:100%}}

/* Lightweight admin modal used by v10.8 CRUD screens. */
html.has-admin-modal{overflow:hidden}.admin-modal{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:18px;background:rgba(12,6,17,.66);backdrop-filter:blur(5px)}.admin-modal[hidden]{display:none!important}.admin-modal__dialog{width:min(920px,100%);max-height:min(88dvh,900px);overflow:auto;background:#fff;color:#2d2131;border:1px solid #e7dce9;border-radius:22px;box-shadow:0 28px 80px rgba(20,7,28,.25);padding:20px}.admin-modal__dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;z-index:2;margin:-20px -20px 18px;padding:18px 20px;background:rgba(255,255,255,.96);border-bottom:1px solid #eee5f0;backdrop-filter:blur(10px)}.admin-modal__dialog>header h3{margin:0;font-size:20px}.admin-modal__dialog>header button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1d6e4;border-radius:12px;background:#fff;color:#55465a;cursor:pointer}.admin-modal__dialog>header button .ui-icon{width:20px;height:20px}.promo-admin-form .form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promo-admin-form label{display:grid;gap:7px;font-weight:750}.promo-admin-form .span-2{grid-column:1/-1}.admin-table-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 12px}.admin-table-tools .admin-table-search{margin-left:auto!important}.table-error-text{display:block;max-width:360px;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:700px){.admin-modal{padding:8px}.admin-modal__dialog{max-height:94dvh;border-radius:18px;padding:16px}.admin-modal__dialog>header{top:-16px;margin:-16px -16px 16px;padding:14px 16px}.promo-admin-form .form-grid.two{grid-template-columns:1fr}.promo-admin-form .span-2{grid-column:auto}.admin-table-tools{justify-content:stretch}.admin-table-tools .admin-table-search{width:100%!important;max-width:none!important}}

/* === v10_9.css === */
/* TopUpin v10.9 — admin responsive polish, branding, and SEO settings */

/* Custom branding keeps the original fallback mark untouched when no upload exists. */
.brand-mark--custom{overflow:hidden!important;border-radius:10px!important;filter:none!important;background:transparent!important;clip-path:none!important}
.brand-mark--custom:before,.brand-mark--custom:after{display:none!important}
.brand-mark--custom img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.admin-sidebar__header .brand-mark--custom{width:42px!important;height:42px!important;border-radius:11px!important}

/* Shared admin overflow guard: text and controls must stay inside cards on mobile. */
.admin-main,.admin-content,.admin-main .admin-card,.admin-main .admin-card__head,.admin-main .admin-card__head>div{min-width:0}
.admin-main .admin-card__head h1,.admin-main .admin-card__head h2,.admin-main .admin-card__head h3,.admin-main .admin-card__head p{overflow-wrap:anywhere}
.admin-main .admin-card__head{flex-wrap:wrap}
.admin-main .form-control{width:100%;max-width:100%}
.field-help{display:block;margin-top:5px;color:#8a7d90!important;font-size:11px!important;font-weight:500!important;line-height:1.45}

/* ===== Mutasi saldo ===== */
.admin-stat-grid--finance{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important}
.admin-stat-grid--finance article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;padding:17px!important;border:1px solid #e7dfea!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(48,30,58,.045)!important}
.admin-stat-grid--finance article small,.admin-stat-grid--finance article strong,.admin-stat-grid--finance article span{display:block!important;margin:0!important;max-width:100%!important}
.admin-stat-grid--finance article small{color:#7c7081!important;font-size:12px!important}
.admin-stat-grid--finance article strong{margin-top:7px!important;color:#2d2232!important;font-size:22px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-stat-grid--finance article span{margin-top:6px!important;color:#918596!important;font-size:11px!important}
.admin-stat-grid--finance .text-success{color:#11825f!important}.admin-stat-grid--finance .text-danger{color:#c43a52!important}
.balance-admin-grid{align-items:start!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important}
.balance-admin-grid .admin-card{height:auto}
.balance-account-list{display:grid!important;gap:10px!important;margin-top:18px!important}
.balance-account-row{overflow:hidden!important;border:1px solid #e5dce8!important;border-radius:15px!important;background:#fff!important}
.balance-account-row summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 15px!important;list-style:none!important;cursor:pointer!important;background:#fcfafc!important}
.balance-account-row summary::-webkit-details-marker{display:none!important}
.balance-account-row summary:before{content:"›";flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f3ebf6;color:#9839ae;font-weight:900;transition:transform .2s ease}
.balance-account-row[open] summary:before{transform:rotate(90deg)}
.balance-account-row summary>span{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important}
.balance-account-row summary strong{display:block!important;color:#2c2130!important;font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere}
.balance-account-row summary small{display:block!important;margin-top:3px!important;color:#847789!important;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere}
.balance-account-row summary b{flex:0 0 auto;color:#8c35a5!important;font-size:14px!important;white-space:nowrap!important}
.balance-account-edit{padding:15px!important;border-top:1px solid #eee7f0!important;background:#fff!important}
.admin-filter-bar--complete{display:grid!important;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(145px,.7fr)) repeat(4,minmax(130px,.65fr))!important;gap:9px!important;align-items:end!important}
.admin-filter-bar--complete label{display:grid!important;gap:6px!important;min-width:0!important;color:#756a79!important;font-size:11px!important;font-weight:700!important}
.filter-search{position:relative!important;display:block!important}
.filter-search>span{position:absolute!important;z-index:2;left:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#8e7c96!important;pointer-events:none!important}
.filter-search>span svg{width:18px;height:18px}
.filter-search input{padding-left:42px!important}
.filter-actions{display:flex!important;gap:8px!important;grid-column:1/-1!important;flex-wrap:wrap!important}
.balance-admin-grid .form-stack{min-width:0}

/* ===== Security ===== */
.security-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.security-summary-grid article{min-width:0;padding:14px 15px;border:1px solid #e8dfea;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(48,30,58,.04)}
.security-summary-grid span,.security-summary-grid strong,.security-summary-grid small{display:block}
.security-summary-grid span{color:#8b7d90;font-size:11px}.security-summary-grid strong{margin-top:5px;color:#302436;font-size:16px;overflow-wrap:anywhere}.security-summary-grid small{margin-top:4px;color:#928697;font-size:10px;line-height:1.4}
.admin-form-grid-compact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.admin-form-grid-compact>label:not(.switch-row){display:grid!important;gap:7px!important;min-width:0!important;color:#3d3142!important;font-weight:750!important}
.admin-switch-inline{grid-column:span 2!important;align-self:end!important;min-height:64px!important;border:1px solid #e6dde9!important;background:#fbf8fc!important;border-radius:14px!important;padding:11px 12px!important}
.admin-form-grid-compact__actions{grid-column:1/-1!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;padding-top:2px!important}
.security-attempts-head{align-items:center!important}
.security-attempts-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* ===== Settings / Branding / SEO ===== */
.settings-admin-form{display:grid;gap:0}.settings-admin-grid{align-items:start}
.branding-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.branding-upload-card{display:grid;align-content:start;gap:12px;min-width:0;padding:14px;border:1px solid #e8e0eb;border-radius:16px;background:#fcfafc}
.branding-preview{display:grid;place-items:center;overflow:hidden;width:100%;height:132px;border:1px dashed #d8c9dd;border-radius:14px;background:linear-gradient(135deg,#f9f4fb,#fff)}
.branding-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.branding-preview--logo .brand-mark{width:60px;height:70px}
.branding-preview--favicon img{width:70px;height:70px;object-fit:contain}
.branding-preview--og img{width:100%;height:100%;object-fit:cover}
.branding-preview--og>span{display:grid;place-items:center;gap:7px;color:#9a86a1}.branding-preview--og>span svg{width:32px;height:32px}.branding-preview--og>span small{font-size:11px}
.branding-upload-card__copy strong,.branding-upload-card__copy small{display:block}.branding-upload-card__copy strong{color:#342838;font-size:14px}.branding-upload-card__copy small{margin-top:4px;color:#817486;font-size:11px;line-height:1.5}
.settings-check{display:flex!important;align-items:center!important;gap:8px!important;color:#6d6072!important;font-size:11px!important;font-weight:650!important}.settings-check input{width:17px;height:17px;accent-color:#ac3fc2}
.seo-settings-grid{max-width:980px}.settings-seo-switches{margin-top:14px}
.seo-tools-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}
.seo-tools-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text";column-gap:9px;align-items:center;min-width:0;padding:12px;border:1px solid #e8dfea;border-radius:13px;background:#fcfafc}
.seo-tools-strip>div>span{grid-area:icon;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f2e8f6;color:#9639ab}.seo-tools-strip>div>span svg{width:17px;height:17px}.seo-tools-strip strong{grid-area:title;color:#382c3d;font-size:12px}.seo-tools-strip small{grid-area:text;color:#87798c;font-size:10px;line-height:1.35}
.settings-save-actions{position:sticky!important;z-index:18!important;bottom:10px!important;margin:0!important;padding:10px!important;border:1px solid rgba(220,205,225,.9)!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 14px 38px rgba(50,30,60,.11)!important;backdrop-filter:blur(12px)!important}

@media(max-width:1180px){
  .admin-stat-grid--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .balance-admin-grid{grid-template-columns:1fr!important}
  .admin-filter-bar--complete{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .security-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .branding-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-upload-card:last-child{grid-column:1/-1}
  .seo-tools-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .admin-form-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-switch-inline{grid-column:1/-1!important}
}
@media(max-width:760px){
  .admin-main .admin-card__head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .admin-main .admin-card__head>.status-badge,.admin-main .admin-card__head>.btn,.admin-main .admin-card__head>form{align-self:flex-start!important;max-width:100%!important}
  .admin-stat-grid--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
  .admin-stat-grid--finance article{padding:13px!important;border-radius:14px!important}.admin-stat-grid--finance article strong{font-size:17px!important}.admin-stat-grid--finance article small{font-size:10px!important}.admin-stat-grid--finance article span{font-size:9px!important}
  .admin-filter-bar--complete{grid-template-columns:1fr!important}.filter-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important}.filter-actions .btn{width:100%!important}
  .balance-account-row summary{align-items:flex-start!important}.balance-account-row summary b{font-size:13px!important}
  .admin-form-grid-compact{grid-template-columns:1fr!important}.admin-switch-inline{grid-column:auto!important}.admin-form-grid-compact__actions{display:grid!important;grid-template-columns:1fr!important}.admin-form-grid-compact__actions .btn{width:100%!important}
  .security-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.security-summary-grid article{padding:12px}.security-summary-grid strong{font-size:14px}
  .branding-upload-grid{grid-template-columns:1fr}.branding-upload-card:last-child{grid-column:auto}.branding-preview{height:118px}
  .seo-tools-strip{grid-template-columns:1fr}.settings-save-actions{bottom:8px!important}.settings-save-actions .btn{width:100%!important}
}
@media(max-width:430px){
  .admin-stat-grid--finance{grid-template-columns:1fr 1fr!important}.admin-stat-grid--finance article strong{font-size:15px!important}
  .security-summary-grid{grid-template-columns:1fr 1fr}.security-summary-grid span{font-size:9px}.security-summary-grid strong{font-size:13px}.security-summary-grid small{font-size:9px}
  .balance-account-row summary{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}.balance-account-row summary b{grid-column:2!important;white-space:normal!important}
}

/* === v10_10.css === */
/* v10.10 — Flash Sale pagination + grouped game services. */

.flash-filter-panel--server{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(145px,.7fr)) repeat(2,minmax(125px,.55fr)) minmax(120px,.5fr) auto auto}
.flash-catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 4px;padding:12px 14px;border:1px solid #e8dfea;border-radius:14px;background:#fcfafc}
.flash-catalog-meta>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.flash-catalog-meta strong{font-size:.78rem}.flash-catalog-meta span,.flash-catalog-meta small{color:#7c6f80;font-size:.61rem}
.flash-table-wrap--paged{max-height:none}.flash-table-wrap--paged .flash-variant-table thead{position:sticky;top:0;z-index:3}
.flash-pager{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0 86px}.flash-pager__pages{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.flash-pager__pages a,.flash-pager__pages span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #e1d7e5;border-radius:10px;text-decoration:none;font-size:.66rem;font-weight:800}.flash-pager__pages a.active{border-color:#b84ee1;background:#f5e8fb}.flash-pager .is-disabled{opacity:.45;pointer-events:none}

.store-variant-groups{display:grid;gap:18px}.store-variant-group{padding:15px;border:1px solid rgba(196,176,210,.16);border-radius:20px;background:linear-gradient(145deg,rgba(24,13,40,.9),rgba(10,6,18,.94));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.store-variant-group__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(154,110,177,.15)}.store-variant-group__head>div{display:flex;align-items:center;gap:9px}.store-variant-group__head>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--product-accent) 12%,transparent);color:var(--product-accent);font-size:.62rem;font-weight:900}.store-variant-group__head strong{font-size:.88rem;color:#f4edf8}.store-variant-group__head small{max-width:360px;color:#b4a8bd;font-size:.62rem;line-height:1.55;text-align:right}
.store-variant-group--weekly{border-color:color-mix(in srgb,var(--product-accent) 38%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--product-accent) 10%,#160b24),rgba(10,6,18,.96))}
.store-variant-group--membership{border-color:rgba(217,70,239,.24);background:linear-gradient(145deg,rgba(51,20,65,.72),rgba(11,6,19,.96))}
.store-variant-group--standard{background:linear-gradient(145deg,rgba(22,13,36,.92),rgba(9,5,16,.96))}
.flash-variant-table tr.is-public-unready{opacity:.68}.flash-variant-table tr.is-public-unready td{background:rgba(245,158,11,.035)}

@media(max-width:1180px){.flash-filter-panel--server{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.flash-filter-panel--server{grid-template-columns:1fr}.flash-catalog-meta{align-items:flex-start;flex-direction:column;gap:5px}.flash-pager{grid-template-columns:1fr 1fr;margin-bottom:104px}.flash-pager__pages{grid-column:1/-1;grid-row:1}.flash-pager>.btn{width:100%}.store-variant-group{padding:12px;border-radius:17px}.store-variant-group__head{display:block}.store-variant-group__head small{display:block;margin-top:7px;max-width:none;text-align:left}.store-variant-group__head strong{font-size:.8rem}}
@media(max-width:430px){.flash-pager__pages a,.flash-pager__pages span{min-width:32px;height:32px;padding:0 7px}.store-variant-groups{gap:12px}.store-variant-group{padding:10px}.store-variant-group__head>div>span{width:27px;height:27px}}

/* v10.10.2 — Flash Sale decimal price validation + tidy responsive table. */
.flash-table-wrap--paged .flash-variant-table{width:100%;min-width:1180px!important;table-layout:fixed}
.flash-table-wrap--paged .flash-variant-table th,.flash-table-wrap--paged .flash-variant-table td{vertical-align:middle}
.flash-table-wrap--paged .flash-variant-table th:nth-child(1),.flash-table-wrap--paged .flash-variant-table td:nth-child(1){width:66px;text-align:center}
.flash-table-wrap--paged .flash-variant-table th:nth-child(2),.flash-table-wrap--paged .flash-variant-table td:nth-child(2){width:210px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(3),.flash-table-wrap--paged .flash-variant-table td:nth-child(3){width:130px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(4),.flash-table-wrap--paged .flash-variant-table td:nth-child(4){width:270px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(5),.flash-table-wrap--paged .flash-variant-table td:nth-child(5){width:150px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(6),.flash-table-wrap--paged .flash-variant-table td:nth-child(6){width:170px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(7),.flash-table-wrap--paged .flash-variant-table td:nth-child(7){width:105px}
.flash-table-wrap--paged .flash-variant-table th:nth-child(8),.flash-table-wrap--paged .flash-variant-table td:nth-child(8){width:125px}
.flash-table-wrap--paged .flash-variant-table td:nth-child(4)>strong,.flash-table-wrap--paged .flash-variant-table td:nth-child(4)>small{display:block;overflow-wrap:anywhere}
.flash-table-wrap--paged .flash-variant-table input[data-flash-price],.flash-table-wrap--paged .flash-variant-table input[data-flash-row-quota]{width:100%;min-width:0;box-sizing:border-box}
.flash-table-wrap--paged .flash-product-cell{min-width:0}.flash-table-wrap--paged .flash-product-cell>div{min-width:0}.flash-table-wrap--paged .flash-product-cell strong,.flash-table-wrap--paged .flash-product-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
  .flash-table-wrap--paged{overflow:visible;border:0!important;background:transparent!important}
  .flash-table-wrap--paged .flash-variant-table{display:block;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;table-layout:auto}
  .flash-table-wrap--paged .flash-variant-table thead{display:none}
  .flash-table-wrap--paged .flash-variant-table tbody{display:grid;gap:12px}
  .flash-table-wrap--paged .flash-variant-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:13px;border:1px solid #e7dce9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(58,31,64,.06)}
  .flash-table-wrap--paged .flash-variant-table td{display:grid;width:auto!important;min-width:0!important;padding:9px 0!important;border:0!important;text-align:left!important;align-content:start}
  .flash-table-wrap--paged .flash-variant-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#817486;font-size:.53rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(1){grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:10px}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(1)::before{margin:0}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(8){grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(8)::before{margin:0}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(2){grid-column:1/-1;grid-row:2;border-top:1px solid #eee5f0!important;margin-top:3px;padding-top:12px!important}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(3){grid-column:1;grid-row:3}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(4){grid-column:1/-1;grid-row:4;border-top:1px solid #f0e8f1!important}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(5){grid-column:1;grid-row:5}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(6){grid-column:2;grid-row:5}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(7){grid-column:1/-1;grid-row:6}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(4)>strong,.flash-table-wrap--paged .flash-variant-table td:nth-child(4)>small{overflow-wrap:anywhere}
  .flash-table-wrap--paged .flash-product-cell strong,.flash-table-wrap--paged .flash-product-cell small{white-space:normal;overflow-wrap:anywhere}
  .flash-table-wrap--paged .flash-variant-table input[data-flash-price],.flash-table-wrap--paged .flash-variant-table input[data-flash-row-quota]{min-height:48px;font-size:.78rem}
  .flash-save-actions{position:sticky;bottom:8px}
}

@media(max-width:390px){
  .flash-table-wrap--paged .flash-variant-table tr{grid-template-columns:1fr;padding:12px}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(n){grid-column:1;grid-row:auto}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(8){justify-content:flex-start}
  .flash-table-wrap--paged .flash-variant-table td:nth-child(6){padding-top:4px!important}
}

/* === v10_11.css === */
/* TopUpin v10.11 — public Flash Sale polish, compact Live Chat, product logo surface, and AI settings */

/* ===== Flash Sale: stable horizontal cards and overflow guards ===== */
.flash-sale-home__head,
.flash-sale-home__head > div:first-child,
.flash-sale-home__head > div:first-child > div,
.flash-sale-home__rail,
.flash-product-card,
.flash-product-card > strong,
.flash-product-card > small,
.flash-product-card__price,
.flash-product-card__stock{min-width:0}

.flash-sale-home__head > div:first-child > div{overflow:hidden}
.flash-sale-home__head h2,
.flash-sale-home__head small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.flash-sale-home__rail{
  grid-auto-columns:clamp(210px,22vw,258px);
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch
}
.flash-sale-home__rail::-webkit-scrollbar{display:none}
.flash-product-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
  scroll-snap-align:start;
  scroll-snap-stop:always
}
.flash-product-card__media{flex:0 0 auto;overflow:hidden}
.flash-product-card > strong{
  display:-webkit-box;
  min-height:2.65em;
  max-height:2.65em;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.flash-product-card > small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.flash-product-card__price{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:end
}
.flash-product-card__price b,
.flash-product-card__price del{display:block;min-width:0;white-space:nowrap}
.flash-product-card__price b{overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,1.35vw,18px)}
.flash-product-card__price del{font-size:clamp(9px,.85vw,11px)}
.flash-product-card__stock small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flash-sale-home__note{display:block;max-width:100%;overflow-wrap:anywhere}

@media(max-width:820px){
  .flash-sale-home__rail{grid-auto-columns:clamp(238px,70vw,292px);gap:12px;padding-inline-end:18px}
  .flash-product-card{min-height:306px;padding:11px;border-radius:18px}
  .flash-product-card__media{height:138px;border-radius:15px}
  .flash-product-card > strong{margin-top:10px;font-size:14px;line-height:1.32}
  .flash-product-card > small{font-size:11px}
  .flash-product-card__price{margin-bottom:10px;padding-top:11px}
  .flash-product-card__price b{font-size:18px}
  .flash-product-card__price del{font-size:10px}
}
@media(max-width:430px){
  .flash-sale-home__head{gap:12px}
  .flash-sale-home__head > div:first-child{max-width:calc(100% - 142px)}
  .flash-countdown{flex:0 0 auto}
  .flash-sale-home__rail{grid-auto-columns:clamp(236px,74vw,286px);gap:11px}
  .flash-product-card{min-height:298px}
  .flash-product-card__media{height:132px}
  .flash-product-card__price b{font-size:17px}
}
@media(max-width:360px){
  .flash-sale-home__head > div:first-child{max-width:100%}
  .flash-sale-home__rail{grid-auto-columns:clamp(222px,78vw,270px)}
}

/* ===== Product detail: transparent logos no longer inherit the black media surface ===== */
.store-product-profile__head .store-product-profile__art.is-logo-media{
  background:var(--product-logo-background,#f4eef8)!important;
  border-color:rgba(255,255,255,.52)!important;
  padding:11%!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 5px rgba(255,255,255,.08)!important
}
.store-product-profile__head .store-product-profile__art.is-logo-media img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 3px 7px rgba(29,16,35,.2))!important
}

/* ===== Compact Live Chat widget ===== */
.live-chat-panel{
  width:min(var(--live-chat-panel-width,360px),calc(100vw - 24px))!important;
  height:min(var(--live-chat-panel-height,500px),calc(100svh - 128px))!important;
  max-height:calc(100svh - 128px)!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  border-radius:21px!important
}
.live-chat-panel__header{min-height:62px!important;padding:9px 11px 9px 13px!important}
.live-chat-panel__agent{gap:9px!important;min-width:0}
.live-chat-panel__agent>span{width:38px!important;height:38px!important;border-radius:12px!important;flex:0 0 auto}
.live-chat-panel__agent>div{min-width:0}
.live-chat-panel__agent strong{display:block;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem!important}
.live-chat-panel__agent small{font-size:.54rem!important}
.live-chat-panel__header>button{width:33px!important;height:33px!important;flex:0 0 auto}
.live-chat-panel__welcome{padding:8px 12px!important;gap:8px!important}
.live-chat-panel__welcome p{font-size:.58rem!important;line-height:1.42!important;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.live-chat-empty{padding:12px 13px 13px!important}
.live-chat-empty>strong{font-size:.82rem!important}
.live-chat-empty>p{margin:3px 0 10px!important;font-size:.59rem!important;line-height:1.45!important}
.live-chat-empty form{gap:7px!important}
.live-chat-fields{gap:7px!important}
.live-chat-empty .form-control,.live-chat-composer .form-control{font-size:.65rem!important}
.live-chat-empty input.form-control{min-height:40px!important;padding:9px 11px!important}
.live-chat-empty textarea.form-control{min-height:70px!important;padding:10px 11px!important}
.live-chat-empty .btn{min-height:40px!important;padding-block:9px!important}
.live-chat-messages{padding:12px!important;gap:8px!important}
.live-chat-message>div{max-width:86%!important;padding:8px 10px!important}
.live-chat-message p{font-size:.62rem!important;line-height:1.48!important}
.live-chat-message small{font-size:.46rem!important}
.live-chat-message.is-ai>div{border:1px solid rgba(250,204,21,.2)!important;background:linear-gradient(135deg,rgba(119,53,184,.96),rgba(177,39,121,.96))!important}
.live-chat-composer{padding:9px 10px!important;gap:7px!important}
.live-chat-composer textarea{min-height:42px!important;max-height:92px!important;padding:10px!important}
.live-chat-composer button{width:42px!important;height:42px!important;border-radius:13px!important}
.live-chat-panel__footer{min-height:29px!important;padding:5px 11px!important}
.live-chat-panel[data-support-mode="ai"] .live-chat-panel__agent small i{background:#facc15!important;box-shadow:0 0 9px #facc15!important}
.live-chat-panel[data-support-mode="offline"] .live-chat-panel__agent small{color:#b8acbf!important}
.live-chat-panel[data-support-mode="offline"] .live-chat-panel__agent small i{background:#8d8196!important;box-shadow:none!important}

@media(max-width:820px){
  .live-chat-panel{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h) + 70px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    height:min(var(--live-chat-panel-mobile-height,440px),calc(100svh - var(--mobile-nav-h) - 102px - env(safe-area-inset-bottom)))!important;
    max-height:calc(100svh - var(--mobile-nav-h) - 102px - env(safe-area-inset-bottom))!important
  }
}
@media(max-width:480px){
  .live-chat-panel{
    right:8px!important;
    bottom:calc(var(--mobile-nav-h) + 67px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 16px)!important;
    height:min(var(--live-chat-panel-mobile-height,440px),calc(100svh - var(--mobile-nav-h) - 98px - env(safe-area-inset-bottom)))!important;
    max-height:calc(100svh - var(--mobile-nav-h) - 98px - env(safe-area-inset-bottom))!important;
    border-radius:18px!important
  }
  .live-chat-fields{grid-template-columns:1fr 1fr!important}
  .live-chat-panel__agent strong{max-width:215px}
}
@media(max-width:360px){
  .live-chat-fields{grid-template-columns:1fr!important}
  .live-chat-panel__agent strong{max-width:180px}
}

/* ===== Admin settings and AI inbox ===== */
.admin-chat-ai-notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #e2d5e7;
  border-radius:15px;
  background:linear-gradient(135deg,#fff,#faf2fc);
  box-shadow:0 8px 24px rgba(55,31,64,.05)
}
.admin-chat-ai-notice>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#9639ad;background:#f1e4f5}
.admin-chat-ai-notice>span svg{width:20px;height:20px}
.admin-chat-ai-notice strong,.admin-chat-ai-notice small{display:block}
.admin-chat-ai-notice strong{color:#35273a;font-size:13px}
.admin-chat-ai-notice small{margin-top:3px;color:#827487;font-size:11px;line-height:1.45}
.admin-main .admin-chat-message--ai{justify-content:flex-end}
.admin-main .admin-chat-message--ai>div{color:#fff;background:linear-gradient(135deg,#6841b8,#b93399);border:1px solid rgba(106,53,173,.2);border-bottom-right-radius:5px;box-shadow:0 5px 16px rgba(103,45,137,.16)}
.admin-main .admin-chat-message--ai small b{font-size:9px;letter-spacing:.06em;text-transform:uppercase}

.settings-subcard{margin-top:14px;padding:16px;border:1px solid #e8dfea;border-radius:16px;background:#fcfafc}
.settings-subcard:first-of-type{margin-top:0}
.settings-subcard h3{margin:0 0 13px;color:#3b2e40;font-size:14px}
.settings-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.settings-color-field{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center}
.settings-color-field input[type="color"]{width:48px;height:44px;padding:3px;border:1px solid #ded4e3;border-radius:11px;background:#fff;cursor:pointer}
.settings-ai-note{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;padding:13px 14px;border:1px solid #e2d6e7;border-radius:14px;background:#faf5fc}
.settings-ai-note>svg{flex:0 0 auto;width:21px;height:21px;color:#9839ad}
.settings-ai-note strong{display:block;color:#382b3d;font-size:13px}
.settings-ai-note p{margin:3px 0 0;color:#7d7082;font-size:11px;line-height:1.5}
.secret-status.is-saved{color:#13815e!important;font-weight:700!important}
.settings-secret-remove{display:flex;align-items:center;gap:7px;margin-top:7px;color:#9a334e;font-size:11px;font-weight:700}
.settings-secret-remove input{width:16px;height:16px;accent-color:#c33b5a}
.settings-appearance-grid{align-items:start}

@media(max-width:760px){
  .admin-chat-ai-notice{grid-template-columns:auto minmax(0,1fr)}
  .admin-chat-ai-notice .btn{grid-column:1/-1;width:100%}
  .settings-number-grid{grid-template-columns:1fr!important}
  .settings-subcard{padding:13px}
}

.floating-chat--v8 strong{min-width:0;max-width:150px}
.floating-chat--v8 strong>small,.floating-chat--v8 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === v10_14.css === */
/* TopUpin v10.14 — popup promo/informasi publik. Aditif dan terisolasi. */
.public-popup[hidden]{display:none!important}.public-popup{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.public-popup.is-open{opacity:1;visibility:visible}.public-popup__backdrop{position:absolute;inset:0;border:0;background:rgba(5,2,12,.78);backdrop-filter:blur(8px);cursor:pointer}.public-popup__panel{position:relative;z-index:1;width:min(560px,100%);max-height:min(760px,calc(100dvh - 48px));overflow:auto;border:1px solid color-mix(in srgb,var(--popup-accent,#d946ef) 38%,rgba(255,255,255,.14));border-radius:28px;background:linear-gradient(160deg,rgba(30,13,47,.98),rgba(9,5,17,.99));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 70px color-mix(in srgb,var(--popup-accent,#d946ef) 18%,transparent);transform:translateY(18px) scale(.98);transition:transform .25s ease}.public-popup.is-open .public-popup__panel{transform:translateY(0) scale(1)}.public-popup__close{position:absolute;z-index:3;top:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,4,14,.82);color:#fff;cursor:pointer}.public-popup__close svg{width:20px;height:20px}.public-popup__media{margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:27px 27px 0 0;background:rgba(255,255,255,.06)}.public-popup__media img{width:100%;height:100%;display:block;object-fit:cover}.public-popup__body{padding:28px}.public-popup__badge{display:inline-flex;margin-bottom:12px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--popup-accent,#d946ef) 55%,rgba(255,255,255,.15));border-radius:999px;background:color-mix(in srgb,var(--popup-accent,#d946ef) 18%,transparent);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.public-popup__body h2{margin:0;color:#fff;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.12;overflow-wrap:anywhere}.public-popup__body p{margin:14px 0 0;color:rgba(244,235,250,.78);font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.public-popup__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.public-popup__actions .btn{min-height:46px}.has-public-popup{overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.popup-admin-preview{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:18px;align-items:center;margin:0 0 22px;padding:16px;border:1px solid color-mix(in srgb,var(--popup-accent,#d946ef) 35%,#ddd);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--popup-accent,#d946ef) 10%,#fff),#fff)}.popup-admin-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}.popup-admin-preview span{display:inline-block;margin-bottom:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--popup-accent,#d946ef)}.popup-admin-preview h3{margin:0 0 6px}.popup-admin-preview p{margin:0;white-space:pre-line}.popup-table-title{display:flex;align-items:center;gap:10px;min-width:210px}.popup-table-title>img,.popup-table-title>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;object-fit:cover;background:#f3e8ff}.popup-table-title>span svg{width:22px}.popup-table-title strong,.popup-table-title small{display:block}.popup-admin-layout textarea{resize:vertical;min-height:130px}
@media(max-width:640px){.public-popup{padding:14px;align-items:end}.public-popup__panel{width:100%;max-height:calc(100dvh - 28px);border-radius:24px}.public-popup__media{border-radius:23px 23px 0 0;aspect-ratio:16/10}.public-popup__body{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.public-popup__actions{display:grid}.public-popup__actions .btn{width:100%}.popup-admin-preview{grid-template-columns:1fr}.popup-admin-preview img{max-height:220px}}
@media(prefers-reduced-motion:reduce){.public-popup,.public-popup__panel{transition:none}}

/* === v10_15.css === */
/* TopUpin Professional Public Suite v10.15.0 — additive UI layer */
.smart-search-shell{position:relative;flex:1;min-width:0}.smart-search-shell>form{width:100%}.smart-search-results{position:absolute;z-index:160;top:calc(100% + 10px);left:0;right:0;max-height:min(62vh,520px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,6,22,.98);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(22px)}.smart-search-item{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:10px;border-radius:14px;color:#fff;text-decoration:none;transition:.18s ease}.smart-search-item:hover,.smart-search-item.active{background:rgba(217,70,239,.13);box-shadow:inset 0 0 0 1px rgba(236,72,153,.24)}.smart-search-item__media{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#2b123d,#08040f);background:linear-gradient(145deg,color-mix(in srgb,var(--search-accent) 36%,#160a27),#08040f);font-style:normal;font-weight:800}.smart-search-item__media img{width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,.94)}.smart-search-item>span{display:flex;min-width:0;flex-direction:column}.smart-search-item small{color:#ad9eb9;font-size:.7rem}.smart-search-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem}.smart-search-item em{color:#f6a9ef;font-size:.75rem;font-style:normal}.smart-search-item>b{color:#d946ef;font-size:1.5rem}.smart-search-correction,.smart-search-empty,.smart-search-loading{padding:13px 14px;color:#cbbbd5}.smart-search-correction{font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}.smart-search-empty{display:flex;flex-direction:column;gap:4px}.smart-search-loading{display:flex;align-items:center;gap:10px}.smart-search-loading span{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#ec4899;border-radius:50%;animation:v1015spin .7s linear infinite}@keyframes v1015spin{to{transform:rotate(360deg)}}

.help-hero-pro .container{display:flex;flex-direction:column;align-items:center;text-align:center}.help-search-pro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(760px,100%);margin-top:24px;padding:6px 7px 6px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(12,6,22,.76);box-shadow:0 18px 55px rgba(0,0,0,.24)}.help-search-pro svg{width:20px}.help-search-pro input{min-width:0;padding:14px;border:0;outline:0;color:#fff;background:transparent}.help-search-pro button{padding:13px 20px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-weight:800}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;color:#fff;text-align:left;background:linear-gradient(145deg,rgba(35,15,55,.86),rgba(12,6,22,.9));cursor:pointer}.help-card>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;color:#f5b6ee;background:rgba(217,70,239,.14)}.help-card h2{margin:0 0 7px;font-size:1.08rem}.help-card p{margin:0;color:#ad9eb9;line-height:1.6}.help-category-tabs{display:flex;gap:10px;overflow:auto;margin-bottom:30px;padding-bottom:5px}.help-category-tabs a{flex:0 0 auto;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c6b7cf;text-decoration:none}.help-category-tabs a.active{border-color:rgba(236,72,153,.6);color:#fff;background:rgba(217,70,239,.13)}.help-featured-grid,.help-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-article-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:13px;align-items:start;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;color:#fff;text-decoration:none;background:rgba(18,8,30,.72)}.help-article-card:hover{border-color:rgba(236,72,153,.4);transform:translateY(-2px)}.help-article-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#f4b5ec;background:rgba(217,70,239,.14)}.help-article-card small{color:#ed9fe3}.help-article-card h3{margin:4px 0 7px;font-size:1rem}.help-article-card p{display:-webkit-box;overflow:hidden;margin:0;color:#a99bb3;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.help-results-head{margin-top:34px}.help-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.help-article-body{padding:clamp(22px,4vw,42px);line-height:1.75}.help-article-body h2,.help-article-body h3{margin-top:1.5em;color:#fff}.help-article-body p,.help-article-body li{color:#c1b5ca}.help-article-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.help-related{position:sticky;top:100px;padding:22px}.help-related h2{margin-top:0}.help-related a{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}.help-related a small{color:#a99bb3}

.system-status--dynamic{overflow:hidden}.system-status__overall--success .status-pulse{background:#34d399}.system-status__overall--warning .status-pulse{background:#fbbf24}.system-status__overall--info .status-pulse{background:#60a5fa}.system-status__overall--danger .status-pulse{background:#fb7185}.service-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.service-row>div small{color:#9487a0;font-size:.72rem}.service-status{padding:7px 10px;border-radius:999px;font-size:.73rem}.service-status--success{color:#6ee7b7;background:rgba(16,185,129,.12)}.service-status--warning{color:#fcd34d;background:rgba(245,158,11,.12)}.service-status--info{color:#93c5fd;background:rgba(59,130,246,.12)}.service-status--danger{color:#fda4af;background:rgba(244,63,94,.12)}.public-incidents{margin-top:30px}.public-incident{margin-top:14px;padding:22px;border:1px solid rgba(255,255,255,.1);border-left:4px solid #f59e0b;border-radius:18px;background:rgba(17,8,28,.75)}.public-incident--critical{border-left-color:#f43f5e}.public-incident--maintenance{border-left-color:#8b5cf6}.public-incident header{display:flex;justify-content:space-between;gap:20px}.public-incident header h3{margin:8px 0 0}.public-incident time{color:#93859f;font-size:.78rem}.public-incident p{color:#b9adbf;line-height:1.65}.public-incident__components{display:flex;flex-wrap:wrap;gap:7px}.public-incident__components span{padding:6px 9px;border-radius:999px;color:#d8cddd;background:rgba(255,255,255,.06);font-size:.72rem}

.professional-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.professional-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:16px;border:1px solid rgba(30,20,40,.1);border-radius:16px;background:#fff}.professional-toggle>input{position:absolute;opacity:0}.professional-toggle>span{position:relative;width:42px;height:24px;border-radius:999px;background:#c9c2cf;transition:.2s}.professional-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.2);transition:.2s}.professional-toggle>input:checked+span{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.professional-toggle>input:checked+span:after{transform:translateX(18px)}.professional-toggle div{display:flex;min-width:0;flex-direction:column;gap:4px}.professional-toggle small{color:#736b79;line-height:1.45}.professional-toggle code{width:max-content;padding:3px 7px;border-radius:7px;background:#f4eff7;color:#70417b;font-size:.67rem}.navigation-create-form{display:grid;grid-template-columns:1fr 1fr 1.4fr .8fr .55fr auto auto auto;gap:9px;align-items:center;margin-bottom:24px}.navigation-location{margin-top:26px}.navigation-location h3{margin:0 0 10px}.seo-page-card{scroll-margin-top:90px}.admin-sticky-actions{position:sticky;z-index:20;bottom:16px;display:flex;justify-content:flex-end;padding:12px;border:1px solid rgba(145,78,167,.15);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(65,30,75,.18);backdrop-filter:blur(16px)}.quality-issue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quality-issue-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px;border:1px solid #eee5f1;border-radius:15px;color:#2c2430;text-decoration:none;background:#fff}.quality-issue-card.active,.quality-issue-card:hover{border-color:#ce8bd4;box-shadow:0 9px 25px rgba(108,46,121,.1)}.quality-issue-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f6edf8;color:#9b3dab}.quality-issue-card div{display:flex;min-width:0;flex-direction:column}.quality-issue-card small{color:#796f7e;line-height:1.4}.quality-issue-card>b{font-size:1.2rem}.status-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-component-card{border:1px solid #eee5f1;border-radius:16px;background:#fff}.status-component-card summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px;cursor:pointer;list-style:none}.status-component-card summary::-webkit-details-marker{display:none}.status-component-card summary>div{display:flex;min-width:0;flex-direction:column}.status-component-card summary small{color:#786d7c}.status-component-card form{padding:0 17px 17px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot--success{background:#10b981}.status-dot--warning{background:#f59e0b}.status-dot--info{background:#3b82f6}.status-dot--danger{background:#ef4444}.incident-admin-list{display:flex;flex-direction:column;gap:10px}.incident-admin-item{border:1px solid #eee5f1;border-radius:15px}.incident-admin-item summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;cursor:pointer;list-style:none}.incident-admin-item summary>div{display:flex;min-width:0;flex-direction:column}.incident-admin-item form{padding:0 14px 14px}.inline-editor{position:relative}.inline-editor__panel{position:absolute;z-index:40;right:0;display:grid;width:min(420px,80vw);gap:8px;padding:13px;border:1px solid #eadbea;border-radius:14px;background:#fff;box-shadow:0 18px 55px rgba(62,34,68,.18)}

.mobile-bottom-nav{grid-template-columns:repeat(var(--mobile-nav-items,5),minmax(0,1fr))}
@media(max-width:1100px){.navigation-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-create-form .btn{grid-column:span 2}.quality-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.smart-search-results{position:fixed;top:150px;right:12px;left:12px;max-height:58vh}.help-grid,.help-featured-grid,.help-article-grid,.professional-toggle-grid,.quality-issue-grid,.status-component-grid{grid-template-columns:1fr}.help-search-pro{grid-template-columns:auto minmax(0,1fr)}.help-search-pro button{grid-column:1/-1;width:100%}.help-article-layout{grid-template-columns:1fr}.help-related{position:static}.public-incident header{flex-direction:column}.navigation-create-form{grid-template-columns:1fr}.navigation-create-form .btn{grid-column:auto}.mobile-bottom-nav a small{font-size:clamp(.58rem,2.6vw,.72rem)}}

/* === v10_16.css === */
/* TopUpin Public Trust & Conversion Suite v10.16.0 */
.skip-link{position:fixed;top:10px;left:10px;z-index:100000;transform:translateY(-160%);padding:.7rem 1rem;border-radius:10px;background:#fff;color:#16051d;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0)}

/* Public trust and service-level information */
.product-service-panel{margin-top:1rem;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,6,19,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.product-service-panel>header{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}
.product-service-panel>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(74,222,128,.12);color:#86efac}
.product-service-panel>header small,.product-service-panel__metrics small{display:block;color:var(--muted,#b8abc2);font-size:.72rem}
.product-service-panel>header strong{display:block;margin-top:.08rem;font-size:.95rem}
.product-service-panel>p{margin:.1rem 0 .85rem;color:#e7dceb;line-height:1.55}
.product-service-panel__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.product-service-panel__metrics>div{min-width:0;padding:.72rem;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}
.product-service-panel__metrics>div>span{display:inline-flex;margin-bottom:.38rem;color:#d8b4fe}
.product-service-panel__metrics strong{display:block;margin-top:.18rem;font-size:.79rem;line-height:1.35;overflow-wrap:anywhere}
.product-service-panel__note{display:block;margin-top:.75rem;color:#94869d;line-height:1.45}
.product-service-panel--warning>header>span{background:rgba(251,191,36,.13);color:#fcd34d}
.product-service-panel--danger>header>span{background:rgba(248,113,113,.13);color:#fca5a5}
.product-service-panel--info>header>span{background:rgba(96,165,250,.13);color:#93c5fd}

.checkout-guide small{display:block;margin-top:.4rem;color:#cfc1d5}

.checkout-consent{display:grid;gap:.65rem;margin:1rem 0;padding:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s}
.checkout-consent.has-error{border-color:rgba(248,113,113,.75);box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.checkout-consent label,.checkout-privacy-control label{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;color:#e9dfed;font-size:.82rem;line-height:1.5}
.checkout-consent input,.checkout-privacy-control input{flex:0 0 auto;width:17px;height:17px;margin-top:.14rem;accent-color:#d946ef}
.checkout-consent a{color:#f0abfc;text-decoration:underline;text-underline-offset:2px}
.checkout-consent__optional{color:#afa1b7!important}
.checkout-privacy-control{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.3rem 0 1rem;padding:.75rem .85rem;border-radius:13px;background:rgba(0,0,0,.16)}
.checkout-privacy-control button{border:0;background:transparent;color:#d8b4fe;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}
.checkout-privacy-control button:hover{color:#f0abfc}

.related-products-section{padding:1.5rem 0 5rem}
.related-products-section__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}
.related-products-section__head span{display:inline-flex;align-items:center;gap:.35rem;color:#e879f9;font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.related-products-section__head h2{margin:.3rem 0 .2rem;font-size:clamp(1.35rem,3vw,2rem)}
.related-products-section__head p{margin:0;color:#aa9ab3}
.market-product-grid--related{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Advanced catalog controls */
.catalog-filter-shell{margin:1rem 0 1.35rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(18,8,25,.7);overflow:hidden}
.catalog-filter-toggle{display:none;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border:0;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.catalog-filter-toggle em{padding:.14rem .45rem;border-radius:999px;background:#d946ef;color:#fff;font-size:.66rem;font-style:normal}
.catalog-filter-panel{display:grid;grid-template-columns:1.25fr 1fr 1fr .85fr .85fr auto;align-items:end;gap:.75rem;padding:1rem}
.catalog-filter-panel>label{display:grid;gap:.38rem;color:#cdbed3;font-size:.75rem;font-weight:700}
.catalog-filter-panel .form-control{min-width:0}
.catalog-filter-panel__actions{display:flex;gap:.5rem;align-items:center}
.catalog-filter-panel__actions .btn{white-space:nowrap}
.catalog-active-filters{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:-.35rem 0 1.2rem;color:#aa9ab3;font-size:.78rem}
.catalog-active-filters a{padding:.38rem .65rem;border:1px solid rgba(232,121,249,.22);border-radius:999px;background:rgba(217,70,239,.08);color:#f0abfc}

/* Promo Hub */
.promo-hub-hero{padding:3rem 0 1.5rem}
.promo-hub-hero>.container{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(217,70,239,.18),transparent 38%),rgba(17,7,24,.78);overflow:hidden}
.promo-hub-hero h1{max-width:740px;margin:.35rem 0 .55rem;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.05}
.promo-hub-hero p{max-width:700px;margin:0;color:#c4b4cb;line-height:1.6}
.promo-hub-nav{position:sticky;top:72px;z-index:25;padding:.5rem 0;background:rgba(9,5,17,.82);backdrop-filter:blur(14px)}
.promo-hub-nav>.container{display:flex;gap:.5rem;overflow:auto;scrollbar-width:none}
.promo-hub-nav button{flex:0 0 auto;padding:.58rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#cbbbd2;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}
.promo-hub-nav button.active{border-color:rgba(232,121,249,.42);background:rgba(217,70,239,.17);color:#fff}
.promo-hub-section[hidden],.promo-hub-flash[hidden]{display:none!important}
.promo-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.promo-hub-card{display:grid;grid-template-columns:170px minmax(0,1fr);min-width:0;border:1px solid color-mix(in srgb,var(--promo-accent) 26%,rgba(255,255,255,.08));border-radius:21px;background:rgba(17,8,24,.78);overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.promo-hub-card__media{position:relative;display:grid;place-items:center;min-height:100%;background:linear-gradient(145deg,color-mix(in srgb,var(--promo-accent) 18%,#16091d),#0d0612);overflow:hidden}
.promo-hub-card__media img{width:100%;height:100%;min-height:250px;object-fit:cover}
.promo-hub-card__media>span{font-size:2.4rem;color:#f5d0fe}
.promo-hub-card__media em{position:absolute;top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem);padding:.3rem .55rem;border-radius:999px;background:rgba(8,4,12,.82);color:#fff;font-size:.68rem;font-style:normal;font-weight:900;overflow-wrap:anywhere}
.promo-hub-card__body{min-width:0;padding:1rem}
.promo-hub-card__body>header{display:flex;justify-content:space-between;gap:.75rem;align-items:start}
.promo-hub-card__body header small{color:#b6a5be;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.promo-hub-card__body h2{margin:.16rem 0;font-size:1.18rem;overflow-wrap:anywhere}
.promo-hub-card__body header>strong{flex:0 0 auto;color:#f0abfc;font-size:.86rem;text-align:right}
.promo-hub-card__body>p{margin:.65rem 0;color:#c6b7cc;line-height:1.55;font-size:.85rem}
.promo-hub-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.8rem 0}
.promo-hub-card__facts>span{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:.3rem;padding:.55rem;border-radius:11px;background:rgba(255,255,255,.035);min-width:0}
.promo-hub-card__facts svg{grid-row:1/3;color:#d8b4fe;width:17px}
.promo-hub-card__facts b{min-width:0;font-size:.72rem;overflow-wrap:anywhere}
.promo-hub-card__facts small{color:#95869d;font-size:.64rem}
.promo-hub-card__code{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.8rem 0;padding:.62rem .7rem;border:1px dashed color-mix(in srgb,var(--promo-accent) 42%,transparent);border-radius:12px;background:color-mix(in srgb,var(--promo-accent) 7%,transparent)}
.promo-hub-card__code span{min-width:0}
.promo-hub-card__code small{display:block;color:#a896b0;font-size:.65rem}
.promo-hub-card__code strong{display:block;color:#fff;letter-spacing:.08em;overflow-wrap:anywhere}
.promo-hub-card__code button{flex:0 0 auto;padding:.45rem .65rem;border:0;border-radius:9px;background:var(--promo-accent);color:#fff;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
.promo-hub-card__terms{margin:.7rem 0}
.promo-hub-card__terms summary{display:flex;justify-content:space-between;cursor:pointer;color:#e8dcec;font-size:.78rem;font-weight:800}
.promo-hub-card__terms>div{padding:.7rem 0;color:#aa99b3;font-size:.76rem;line-height:1.55}
.promo-hub-card.is-ended{filter:saturate(.45);opacity:.72}
.promo-hub-ended{padding:1rem 0 4rem}
.promo-hub-ended>div>details>summary{display:flex;justify-content:space-between;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:15px;cursor:pointer;font-weight:800}
.promo-hub-ended .promo-hub-grid{margin-top:1rem}
.promo-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.promo-campaign-card{position:relative;min-height:260px;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:#14091c}
.promo-campaign-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.promo-campaign-card>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;min-height:260px;padding:1.35rem;background:linear-gradient(0deg,rgba(7,3,10,.96),rgba(7,3,10,.05))}
.promo-campaign-card span{padding:.25rem .5rem;border-radius:999px;background:var(--promo-accent);font-size:.67rem;font-weight:900}
.promo-campaign-card h2{margin:.45rem 0 .25rem}
.promo-campaign-card p{margin:0 0 .8rem;color:#d2c4d7}

/* Admin trust editor */
.public-trust-intro{background:radial-gradient(circle at 90% 20%,rgba(217,70,239,.13),transparent 35%),var(--admin-card-bg,rgba(18,8,25,.86))}
.public-trust-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.public-trust-editor-card{display:grid;gap:.6rem;padding:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}
.public-trust-editor-card>strong{color:#f0abfc}
.public-trust-editor-card label,.public-product-profile-form label{display:grid;gap:.35rem;font-size:.76rem;color:#cdbed3}
.public-product-profile-form .span-2{grid-column:span 2}.public-product-profile-form .span-3{grid-column:1/-1}

@media (max-width:1100px){
  .catalog-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-filter-panel__actions{grid-column:1/-1;justify-content:flex-end}
  .market-product-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-trust-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:800px){
  .product-service-panel__metrics{grid-template-columns:1fr}
  .catalog-filter-toggle{display:flex}.catalog-filter-panel{display:none;grid-template-columns:1fr 1fr}.catalog-filter-shell.is-open .catalog-filter-panel{display:grid}
  .promo-hub-hero>.container{align-items:flex-start;flex-direction:column;padding:1.35rem}.promo-hub-nav{top:62px}
  .promo-hub-grid,.promo-campaign-grid{grid-template-columns:1fr}.promo-hub-card{grid-template-columns:130px minmax(0,1fr)}
  .market-product-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .checkout-privacy-control{align-items:flex-start;flex-direction:column}.checkout-privacy-control button{padding-left:1.65rem;white-space:normal;text-align:left}
  .related-products-section{padding-bottom:6rem}.related-products-section__head{align-items:flex-start;flex-direction:column}
  .catalog-filter-panel{grid-template-columns:1fr}.catalog-filter-panel__actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.catalog-filter-panel__actions .btn{justify-content:center}
  .promo-hub-card{display:block}.promo-hub-card__media{height:145px;min-height:0}.promo-hub-card__media img{min-height:0}.promo-hub-card__facts{grid-template-columns:1fr 1fr}
  .public-trust-editor-grid{grid-template-columns:1fr}.public-product-profile-form .span-2{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.skip-link,.checkout-consent{transition:none}}

/* 11.0.13 category-first public catalog patch */
.home-service-grid--popular a{min-height:118px}
.home-service-grid--popular .home-service-grid__media{width:54px;height:54px}
@media(max-width:560px){
  .home-service-grid--popular{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-service-grid--popular a{min-height:96px}
  .home-service-grid--popular .home-service-grid__media{width:42px;height:42px}
}