:root{
  color-scheme:dark;
  --bg:#050b1d;--bg2:#071431;--surface:#0b1737;--surface2:#101d43;--surface3:#13244f;
  --line:rgba(151,174,228,.16);--line-strong:rgba(151,174,228,.28);
  --text:#f7f9ff;--muted:#8f9bbb;--muted2:#677596;
  --blue:#1c69ff;--blue2:#42a5ff;--cyan:#48ddff;--green:#69e5b6;--yellow:#ffd466;--danger:#ff717d;
  --shadow:0 26px 80px rgba(0,0,0,.35);--radius:20px;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block;width:1em;height:1em}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 74% -15%,rgba(28,105,255,.26),transparent 34%),radial-gradient(circle at 10% 18%,rgba(72,221,255,.08),transparent 28%),linear-gradient(180deg,#06112b 0,#050b1d 42%,#050919 100%)}
.app-shell{min-height:100vh;padding-bottom:0}.store-header{height:74px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:26px;padding:0 max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(4,10,27,.84);backdrop-filter:blur(18px);box-shadow:0 8px 40px rgba(0,0,0,.16)}
.store-brand{border:0;background:none;display:flex;align-items:center;gap:11px;padding:0;cursor:pointer;text-align:left;white-space:nowrap}.brand-gem{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#1d6cff,#29c6ff);box-shadow:0 7px 26px rgba(28,105,255,.35)}.brand-gem svg{width:23px;height:23px}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:15px;letter-spacing:-.02em}.brand-copy small{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px}
.desktop-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.desktop-nav button{border:0;background:transparent;color:#a9b5d2;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13px}.desktop-nav button:hover{background:rgba(255,255,255,.05);color:white}.header-actions{display:flex;gap:8px;align-items:center}.header-button{height:42px;border:1px solid var(--line);background:rgba(10,23,55,.72);border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:8px;cursor:pointer}.header-button svg{width:18px;height:18px;color:#8eb8ff}.header-button span{color:var(--muted);font-size:12px}.header-button strong{color:white;font-size:13px}.header-button:hover{border-color:var(--line-strong);background:#0d1d43}
.store-main{max-width:var(--max);margin:0 auto;padding:28px 22px 84px}.screen{min-height:65vh}.page-loader{min-height:400px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.page-loader span{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--blue2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.notice{max-width:var(--max);margin:0 0 18px;padding:12px 14px;border:1px solid rgba(255,212,102,.25);background:rgba(255,212,102,.08);border-radius:13px;color:#ffe6a3}
/* home */
.home-hero{position:relative;overflow:hidden;min-height:320px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(19,48,112,.98),rgba(7,20,49,.95) 58%,rgba(5,12,30,.95));box-shadow:var(--shadow);padding:46px 48px;display:flex;align-items:center;margin-bottom:32px}.home-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-80px;top:-145px;background:radial-gradient(circle,rgba(72,221,255,.26),transparent 62%)}.home-hero:after{content:"";position:absolute;width:420px;height:260px;right:20px;bottom:-110px;transform:rotate(-12deg);background:linear-gradient(135deg,rgba(28,105,255,.22),rgba(72,221,255,0));filter:blur(3px);border-radius:44%}.home-hero-content{position:relative;z-index:1;max-width:720px}.hero-kicker{display:flex;align-items:center;gap:8px;color:#78dfff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.hero-kicker svg{width:17px;height:17px}.home-hero h1{font-size:clamp(37px,5.8vw,66px);line-height:.98;letter-spacing:-.045em;margin:13px 0 18px;max-width:700px}.home-hero h1 span{color:#69b9ff}.home-hero p{font-size:16px;max-width:600px;color:#aebbd8;margin:0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.trust-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(2,9,25,.44);border:1px solid rgba(155,190,255,.15);color:#c8d5ef;font-size:12px;font-weight:700}.trust-chip svg{width:16px;height:16px;color:#6edcff}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.section-heading h2{font-size:23px;margin:0;letter-spacing:-.025em}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.catalog-search{min-width:300px;position:relative}.catalog-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7182a7}.catalog-search input{width:100%;height:44px;padding:0 15px 0 42px;border:1px solid var(--line);border-radius:13px;background:#09152f;color:white;outline:none}.catalog-search input:focus{border-color:rgba(66,165,255,.65);box-shadow:0 0 0 3px rgba(28,105,255,.1)}
.category-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 14px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;border:1px solid var(--line);background:#09152f;color:#91a0c2;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:750;font-size:12px}.category-tab.active,.category-tab:hover{background:var(--game-accent,#155be5);color:white;border-color:var(--game-accent,#2e75ff)}
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.family-card{position:relative;overflow:hidden;min-height:230px;border:1px solid var(--line);border-radius:20px;background:#0a1531;cursor:pointer;text-align:left;padding:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.family-card:hover{transform:translateY(-3px);border-color:rgba(72,157,255,.48);box-shadow:0 16px 38px rgba(0,0,0,.22)}.family-visual{height:154px;background:linear-gradient(145deg,#122858,#08152f);position:relative;overflow:hidden}.family-visual img{width:100%;height:100%;object-fit:cover;display:block}.family-visual:after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,#0a1531)}.visual-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#419eff}.visual-fallback svg{width:55px;height:55px;opacity:.72}.family-card-body{padding:13px 15px 15px;position:relative}.family-card h3{margin:0 0 5px;font-size:16px;letter-spacing:-.015em}.family-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.family-meta span:last-child{color:#68dfff}
.empty-state{border:1px dashed var(--line-strong);border-radius:20px;padding:44px 24px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-state svg{width:38px;height:38px;color:#5c75a5;margin:0 auto 12px}
/* family/product page */
.product-hero{position:relative;overflow:hidden;min-height:245px;border:1px solid var(--line);border-radius:26px;background:#0a1736;margin-bottom:24px}.product-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.95)}.product-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,29,.97) 0,rgba(5,14,36,.86) 43%,rgba(6,15,36,.55) 68%,rgba(5,12,30,.82) 100%)}.product-hero-inner{position:relative;z-index:2;min-height:245px;padding:35px 38px;display:flex;align-items:flex-end;gap:24px}.product-logo{width:118px;height:118px;flex:0 0 auto;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#17346c,#071630);box-shadow:0 18px 44px rgba(0,0,0,.3);display:grid;place-items:center}.product-logo img{width:100%;height:100%;object-fit:cover}.product-logo svg{width:48px;height:48px;color:#5cbcff}.product-hero-copy{min-width:0}.product-hero-copy h1{margin:4px 0 10px;font-size:clamp(31px,5vw,48px);letter-spacing:-.04em;line-height:1}.product-hero-copy p{max-width:700px;margin:0;color:#aab8d8}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.product-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(3,9,25,.58);border:1px solid rgba(157,187,255,.16);border-radius:999px;padding:7px 10px;color:#c5d3ed;font-size:11px;font-weight:750}.product-badge svg{width:15px;height:15px;color:#55ccff}.back-home{position:absolute;z-index:3;top:18px;left:18px;border:1px solid rgba(255,255,255,.13);background:rgba(2,8,22,.55);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}.back-home svg{width:19px;height:19px}
.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}.product-main{min-width:0}.step-heading{display:flex;align-items:center;gap:11px;margin:4px 0 15px}.step-number{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#f7cf60,#ffb735);display:grid;place-items:center;color:#111a2e;font-weight:950;font-size:13px}.step-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.variant-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#09142e;border-radius:17px;padding:0;min-height:178px;cursor:pointer;text-align:left;transition:.17s ease}.variant-card:hover{border-color:rgba(77,158,255,.48);transform:translateY(-2px)}.variant-card.selected{border-color:#438eff;box-shadow:0 0 0 2px rgba(36,112,255,.15),0 14px 28px rgba(0,0,0,.16);background:#0b1a3e}.variant-art{height:112px;display:grid;place-items:center;background:linear-gradient(145deg,#0f214a,#07142e);overflow:hidden}.variant-art img{width:100%;height:100%;object-fit:contain;padding:12px}.variant-art svg{width:48px;height:48px;color:#2b9fff;opacity:.78}.variant-info{padding:11px 13px 13px}.variant-info strong{display:block;font-size:13px;line-height:1.25;min-height:32px}.variant-price{font-size:17px;font-weight:950;color:#69e5b6;margin-top:5px}.selected-mark{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;display:none;place-items:center;background:#2576ff;color:white}.variant-card.selected .selected-mark{display:grid}.selected-mark svg{width:14px;height:14px}
.purchase-panel{position:sticky;top:96px;border:1px solid var(--line-strong);background:linear-gradient(160deg,#0c1839,#08142d);border-radius:22px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-heading h2{font-size:17px;margin:0}.panel-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6e82ae;font-weight:800}.selected-product{display:flex;gap:11px;align-items:center;padding:11px;background:#071127;border-radius:14px;border:1px solid rgba(255,255,255,.05);margin-bottom:15px}.selected-thumb{width:54px;height:54px;border-radius:11px;background:#102651;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.selected-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.selected-thumb svg{width:26px;height:26px;color:#4ba8ff}.selected-copy{min-width:0}.selected-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-copy small{display:block;color:var(--muted);margin-top:3px}.purchase-fields{display:grid;gap:11px}.field label{display:block;margin:0 0 6px;color:#b4c0db;font-size:11px;font-weight:800}.field input,.field select{width:100%;height:45px;border-radius:12px;border:1px solid var(--line);background:#061126;color:white;padding:0 12px;outline:none}.field input::placeholder{color:#566584}.field input:focus,.field select:focus{border-color:#397fff;box-shadow:0 0 0 3px rgba(57,127,255,.09)}.help{font-size:10px;color:#687797;margin-top:5px}.quantity-box{display:grid;grid-template-columns:42px 1fr 42px;gap:7px}.qty-button{height:42px;border:1px solid var(--line);background:#0d1b3e;border-radius:10px;display:grid;place-items:center;cursor:pointer}.qty-button svg{width:17px;height:17px}.quantity-box input{text-align:center;height:42px}.panel-totals{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.total-line{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding:4px 0}.total-line.grand{color:white;font-size:14px;padding-top:10px}.total-line.grand strong{font-size:27px;letter-spacing:-.04em}.buy-button{width:100%;height:50px;border:0;border-radius:13px;margin-top:12px;background:linear-gradient(135deg,#2476ff,#1e62ea);color:white;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(28,105,255,.24)}.buy-button:hover{filter:brightness(1.06)}.buy-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.secure-line{display:flex;align-items:center;justify-content:center;gap:6px;color:#64769d;font-size:10px;margin-top:11px}.secure-line svg{width:13px;height:13px;color:#55d4ae}
.content-section{margin-top:26px;border:1px solid var(--line);background:rgba(8,19,44,.75);border-radius:20px;padding:22px}.content-section h2,.content-section h3{margin:0 0 12px}.content-section p{color:#b2bfd7;white-space:pre-line;margin:0;line-height:1.7}.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.guide-gallery img{width:100%;border-radius:14px;border:1px solid var(--line);display:block}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.product-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px;border:1px solid var(--line)}
.mobile-checkout{display:none}
/* sheet / transactional flows */
.backdrop{position:fixed;inset:0;background:rgba(0,4,14,.73);backdrop-filter:blur(6px);z-index:80}.sheet{position:fixed;right:0;top:0;height:100%;width:min(520px,100%);z-index:90;background:#08121f;border-left:1px solid #1b2c43;box-shadow:-30px 0 90px rgba(0,0,0,.48);padding:18px 18px 30px;overflow:auto}.sheet-handle{width:42px;height:4px;background:#2e4258;border-radius:99px;margin:0 auto 20px}.sheet h2{margin:4px 0 8px;font-size:22px}.sheet h3{margin:22px 0 9px}.muted{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:11px}.summary{border:1px solid #1b2c43;background:#0b1726;border-radius:16px;padding:15px;margin:15px 0}.summary .line{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#93a2b8}.summary .line.total{border-top:1px solid #1b2c43;margin-top:6px;padding-top:12px;color:white;font-size:18px;font-weight:900}.form-grid{display:grid;gap:12px;margin-top:16px}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions .btn{flex:1;min-width:130px}.btn{border:0;border-radius:13px;padding:12px 15px;background:#69e5b6;color:#071511;font-weight:850;cursor:pointer;text-align:center}.btn.secondary{background:#101e2e;color:white;border:1px solid #23364b}.btn.ghost{background:transparent;color:white;border:1px solid #23364b}.btn.danger{background:rgba(255,113,125,.1);color:#ff919b;border:1px solid rgba(255,113,125,.3)}.btn:disabled{opacity:.5;cursor:not-allowed}.coupon{display:flex;gap:8px}.coupon input{flex:1}.payment-box{border:1px solid #1b2c43;border-radius:18px;padding:16px;background:#0b1726;margin:16px 0}.qr{width:min(280px,100%);aspect-ratio:1;background:white;border-radius:16px;padding:10px;margin:0 auto 16px;display:grid;place-items:center;overflow:hidden}.qr img{max-width:100%;max-height:100%;object-fit:contain}.payment-amount{text-align:center;font-size:28px;font-weight:950}.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:rgba(255,212,102,.1);color:#ffe29b;font-size:11px;font-weight:800}.status.ok{background:rgba(105,229,182,.1);color:#79edc2}.status.bad{background:rgba(255,113,125,.1);color:#ff9ea7}.codebox{border:1px solid rgba(105,229,182,.24);background:rgba(105,229,182,.07);border-radius:15px;padding:14px;margin:10px 0}.codebox code{display:block;word-break:break-all;font-size:16px;color:#b9ffe4}.order-card{border:1px solid #1b2c43;border-radius:16px;padding:14px;background:#0b1726;margin-bottom:10px;cursor:pointer}.order-card:hover{border-color:#34516f}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:110;background:#effff9;color:#061a12;border-radius:999px;padding:10px 16px;font-weight:850;box-shadow:var(--shadow)}
.mobile-nav{display:none;position:fixed;z-index:55;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);height:70px;padding-bottom:env(safe-area-inset-bottom);background:rgba(5,11,29,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:none;color:#7382a1;font-size:10px;display:grid;place-items:center;align-content:center;gap:3px}.mobile-nav svg{width:20px;height:20px}.mobile-nav button:hover{color:#74b9ff}
@media(max-width:1080px){.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-layout{grid-template-columns:minmax(0,1fr) 330px}.desktop-nav{display:none}.store-header{padding-left:20px;padding-right:20px}}
@media(max-width:820px){.store-main{padding:20px 15px 105px}.brand-copy small{display:none}.header-button span{display:none}.home-hero{padding:34px 27px;min-height:280px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-search{width:100%;min-width:0}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-layout{display:block}.purchase-panel{position:static;margin-top:8px}.product-main{display:flex;flex-direction:column}.purchase-panel{order:2}.content-section{order:3}.product-hero-inner{padding:30px 24px}.product-logo{width:96px;height:96px}.mobile-nav{display:grid}.app-shell{padding-bottom:70px}}
@media(max-width:560px){.store-header{height:64px;padding:0 12px;gap:10px}.brand-gem{width:36px;height:36px}.brand-copy strong{font-size:13px}.header-button{height:38px;padding:0 9px}.header-button strong{font-size:11px}.account-button{width:38px;padding:0;justify-content:center}.account-button span{display:none}.store-main{padding:14px 12px 102px}.home-hero{min-height:285px;padding:28px 22px;border-radius:20px}.home-hero h1{font-size:39px}.home-hero p{font-size:14px}.trust-row{gap:7px}.trust-chip{font-size:10px;padding:7px 9px}.family-grid{gap:9px}.family-card{min-height:194px;border-radius:15px}.family-visual{height:122px}.family-card-body{padding:10px 11px 12px}.family-card h3{font-size:13px}.family-meta{font-size:9px}.product-hero{border-radius:18px;min-height:230px}.product-hero-inner{min-height:230px;padding:58px 19px 22px;align-items:flex-end;gap:14px}.product-logo{width:75px;height:75px;border-radius:15px}.product-hero-copy h1{font-size:31px;margin-bottom:7px}.product-hero-copy p{display:none}.product-badges{margin-top:10px;gap:5px}.product-badge{font-size:9px;padding:5px 7px}.variant-grid{gap:8px}.variant-card{min-height:156px;border-radius:14px}.variant-art{height:95px}.variant-info{padding:9px 10px 10px}.variant-info strong{font-size:11px;min-height:28px}.variant-price{font-size:15px}.purchase-panel{border-radius:17px;padding:14px}.content-section{padding:16px;border-radius:16px}.guide-gallery,.product-gallery{grid-template-columns:1fr}.sheet{top:auto;bottom:0;height:auto;max-height:91vh;width:100%;border-left:0;border-top:1px solid #1b2c43;border-radius:23px 23px 0 0;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.toast{bottom:86px;max-width:calc(100vw - 24px);text-align:center}.section-heading h2{font-size:20px}}
.product-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}

/* V3 Alpha 3 · Storefront polish */
.header-search{position:relative;display:flex;align-items:center;flex:1;max-width:360px;min-width:210px;margin-right:auto}.header-search svg{position:absolute;left:13px;width:17px;height:17px;color:#64779e}.header-search input{width:100%;height:42px;padding:0 14px 0 40px;border:1px solid transparent;border-radius:13px;background:rgba(11,24,55,.72);color:#fff;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.header-search input::placeholder{color:#6f7e9c}.header-search input:focus{background:#0b1938;border-color:rgba(73,155,255,.42);box-shadow:0 0 0 3px rgba(42,124,255,.08)}
.desktop-nav{margin-right:0}.desktop-nav button.active,.mobile-nav button.active{color:#fff;background:rgba(49,126,255,.12)}
.section-eyebrow,.panel-eyebrow,.sheet-eyebrow{display:block;color:#6fdcff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.is-hidden{display:none!important}

/* Home becomes a storefront instead of a dashboard */
.home-hero.commercial-hero{min-height:385px;padding:52px 50px;background:#081633}.home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(1.08) contrast(1.02)}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,26,.97) 0,rgba(4,12,30,.88) 43%,rgba(4,12,30,.35) 72%,rgba(4,11,28,.5) 100%)}.commercial-hero:before,.commercial-hero:after{display:none}.commercial-hero .home-hero-content{max-width:630px}.commercial-hero h1{font-size:clamp(46px,6.2vw,72px);max-width:620px;margin-bottom:14px}.commercial-hero p{font-size:16px;max-width:560px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:26px}.hero-cta{height:48px;padding:0 19px;border:0;border-radius:14px;background:linear-gradient(135deg,#2c80ff,#1d66ed);color:white;font-weight:900;display:inline-flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 12px 34px rgba(30,105,242,.28);transition:transform .18s ease,filter .18s ease}.hero-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.hero-cta svg{width:16px;height:16px}.hero-region{display:inline-flex;align-items:center;gap:7px;color:#c4d0e9;font-size:12px;font-weight:750}.hero-region svg{color:#63d7ff}.hero-product-art{position:absolute;z-index:2;right:5%;bottom:-4%;width:260px;height:280px;display:grid;place-items:center;filter:drop-shadow(0 28px 35px rgba(0,0,0,.38));pointer-events:none}.hero-product-art img{width:100%;height:100%;object-fit:contain}.hero-product-art .visual-fallback{position:static}.hero-product-art .visual-fallback svg{width:110px;height:110px}
.theme-style-default{--game-accent:#45b7ff}.commercial-hero .hero-kicker,.product-page .hero-kicker{color:var(--game-accent,#78dfff)}
.catalog-section{padding-top:4px}.catalog-toolbar{margin-bottom:15px}.section-heading h2{font-size:28px}.section-heading p{font-size:13px;color:#8190ad}.mobile-catalog-search{display:none}
.family-grid{gap:18px}.family-card{min-height:250px;border:0;background:#09152f;border-radius:21px;box-shadow:0 12px 32px rgba(0,0,0,.13);transition:transform .22s ease,box-shadow .22s ease}.family-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(143,172,230,.13);border-radius:inherit;pointer-events:none}.family-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.28)}.family-visual{height:175px;background:radial-gradient(circle at 50% 42%,rgba(54,130,255,.18),transparent 54%),#0b1936}.family-visual img{transition:transform .32s ease,filter .32s ease}.family-card:hover .family-visual img{transform:scale(1.045);filter:saturate(1.06)}.family-visual:after{height:52%;background:linear-gradient(transparent,#09152f)}.family-card-arrow{position:absolute;right:13px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#fff;opacity:0;transform:translateX(-5px);transition:.2s ease;z-index:2}.family-card:hover .family-card-arrow{opacity:1;transform:none}.family-card-arrow svg{width:16px;height:16px}.family-card-body{padding:14px 16px 17px}.family-card h3{font-size:16px}.family-meta{font-size:11px}.family-meta span:last-child{color:var(--game-accent,#68dfff)}
.why-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}.why-section>div{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;padding:17px 18px;border-radius:17px;background:rgba(11,24,54,.66)}.why-section>div>span{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#102754;color:#62cfff}.why-section svg{width:22px;height:22px}.why-section strong{font-size:13px}.why-section small{color:#7d8dab;font-size:11px;line-height:1.45;margin-top:2px}

/* Product pages */
.product-hero{border:0;box-shadow:0 18px 55px rgba(0,0,0,.18)}.product-hero:after{content:"";position:absolute;inset:0;border:1px solid rgba(160,185,235,.14);border-radius:inherit;pointer-events:none}.product-hero-bg:after{background:linear-gradient(90deg,rgba(4,10,25,.98) 0,rgba(5,13,32,.91) 39%,rgba(5,13,32,.36) 70%,rgba(5,12,30,.58) 100%)}.product-logo{border:1px solid color-mix(in srgb,var(--game-accent,#4caaff) 38%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.36)}.product-badge{background:rgba(4,10,24,.46);border-color:rgba(255,255,255,.1)}.product-badge svg{color:var(--game-accent,#55ccff)}
.step-heading{align-items:flex-start;margin-bottom:18px}.step-heading h2{font-size:22px}.step-number{box-shadow:0 8px 22px color-mix(in srgb,var(--game-accent,#ffd466) 24%,transparent);background:var(--game-accent,#ffd466)}
.variant-grid{gap:15px}.variant-card{border:0;background:#09152f;border-radius:19px;min-height:200px;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}.variant-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(143,172,230,.14);border-radius:inherit;pointer-events:none;transition:border-color .2s ease}.variant-card:hover{transform:translateY(-4px);box-shadow:0 19px 38px rgba(0,0,0,.23)}.variant-card:hover:after,.variant-card.selected:after{border-color:var(--game-accent,#3a8dff)}.variant-card.selected{box-shadow:0 14px 34px color-mix(in srgb,var(--game-accent,#277eff) 10%,transparent)}.variant-art{height:126px;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--game-accent,#2b9fff) 19%,transparent),transparent 58%);overflow:visible}.variant-art img{padding:7px 13px 0;filter:drop-shadow(0 16px 18px rgba(0,0,0,.32));transition:transform .22s ease}.variant-card:hover .variant-art img{transform:translateY(-4px) scale(1.025)}.variant-info{padding:10px 14px 15px}.variant-info strong{min-height:auto;margin-bottom:6px}.variant-price{font-size:19px;color:#72efc0}.selected-mark{background:var(--game-accent,#2576ff);color:#081321}
.purchase-panel{border:0;background:linear-gradient(165deg,#0c1939,#08142d);box-shadow:0 22px 55px rgba(0,0,0,.24);padding:20px}.purchase-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(150,178,230,.18);pointer-events:none}.panel-heading{position:relative;z-index:1;margin-bottom:15px}.panel-heading h2{font-size:21px}.selected-product{border:0;background:#071229;padding:12px}.selected-thumb{background:radial-gradient(circle,color-mix(in srgb,var(--game-accent,#2b9fff) 18%,transparent),#0d2350)}.field label{font-size:11px;color:#a9b8d4}.field input,.field select{border-color:rgba(142,170,220,.14);background:#061126}.quantity-box{grid-template-columns:44px 1fr 44px}.qty-button{background:#0b1a3d}.panel-totals{border-top-color:rgba(142,170,220,.14)}.total-line.grand strong{font-size:30px}.buy-button{height:54px;background:linear-gradient(135deg,#2d83ff,#1c67ee);border-radius:14px;transition:transform .18s ease,filter .18s ease}.buy-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.content-section{border:0;background:rgba(9,21,47,.72);box-shadow:inset 0 0 0 1px rgba(145,170,220,.1)}

/* Transaction sheet */
.sheet{background:linear-gradient(180deg,#081421,#07111d);padding:22px 20px 34px}.sheet-handle{margin-bottom:14px}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sheet-close{width:44px;height:44px;border-radius:13px;border:1px solid #22364b;background:transparent;color:white;font-size:24px;line-height:1;cursor:pointer}.sheet h2{font-size:26px;letter-spacing:-.03em}.completion-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(105,229,182,.12);color:#6fe6b8;margin:14px 0}.completion-mark svg{width:31px;height:31px}.telegram-mark{background:rgba(61,167,255,.12);color:#61bfff}.receipt-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.receipt-summary>div{padding:13px;border-radius:14px;background:#0b1828}.receipt-summary span,.detail-lines span{display:block;color:#7f8fa8;font-size:11px}.receipt-summary strong{display:block;margin-top:5px;font-size:14px}.payment-methods{display:grid;gap:10px}.payment-method{width:100%;display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding:12px 14px;border:1px solid #1d3148;border-radius:15px;background:#0b1828;color:white;text-align:left;cursor:pointer}.payment-method>svg{width:24px;height:24px;color:#61bfff}.payment-method strong,.payment-method small{display:block}.payment-method small{color:#8090a7;margin-top:2px}.payment-method:hover{border-color:#3d6c9b;background:#0d1d30}.payment-wait{display:flex;align-items:center;justify-content:center;gap:7px;color:#8190a8;font-size:12px}.payment-wait svg{color:#66deb5}.saving{color:#6fe6b8!important}.order-actions{margin-top:18px}.delivery-success,.delivery-pending{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:15px;border-radius:15px;margin:15px 0}.delivery-success{background:rgba(105,229,182,.08);border:1px solid rgba(105,229,182,.18)}.delivery-pending{background:rgba(69,160,255,.07);border:1px solid rgba(69,160,255,.16)}.delivery-success>svg,.delivery-pending>svg{width:42px;height:42px;padding:10px;border-radius:13px;background:rgba(255,255,255,.04);color:#6fe6b8}.delivery-pending>svg{color:#6ab5ff}.delivery-success strong,.delivery-pending strong{display:block}.delivery-success p,.delivery-pending p{margin:3px 0 0;color:#8e9db5;font-size:12px}.delivery-success small{display:block;color:#66768d;margin-top:5px}.delivery-codes h3{margin-top:2px}.codebox{border-color:rgba(105,229,182,.18);background:rgba(105,229,182,.06)}

/* Dedicated pages */
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 2px 24px}.page-heading h1{margin:4px 0 6px;font-size:clamp(34px,5vw,52px);letter-spacing:-.045em;line-height:1}.page-heading p{margin:0;max-width:680px;color:#8f9db7}.page-back{border:0;background:transparent;color:#95a5c0;display:inline-flex;align-items:center;gap:7px;padding:6px 0;cursor:pointer;font-weight:750}.page-back:hover{color:#fff}.page-back svg{width:17px;height:17px}
.orders-list{display:grid;gap:12px}.order-list-card{width:100%;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:15px;border:0;border-radius:18px;background:#09162f;color:white;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(145,170,220,.12);transition:transform .18s ease,background .18s ease}.order-list-card:hover{transform:translateY(-2px);background:#0b1a36}.order-list-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#102751;color:#5db7ff}.order-list-icon svg{width:25px;height:25px}.order-list-copy strong,.order-list-copy span,.order-list-copy small{display:block}.order-list-copy span{font-size:12px;color:#8392ad;margin-top:2px}.order-list-copy small{font-size:10px;color:#61708b;margin-top:4px}.order-list-side{display:grid;grid-template-columns:auto auto 18px;gap:15px;align-items:center}.order-list-side>svg{color:#60718f}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.detail-card{padding:22px;border-radius:20px;background:#09162f;box-shadow:inset 0 0 0 1px rgba(145,170,220,.12)}.detail-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.detail-card h2{margin:2px 0 17px;font-size:24px}.detail-lines{display:grid;gap:0}.detail-lines>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(145,170,220,.1)}.detail-lines>div:last-child{border-bottom:0}.detail-lines span{display:inline}.detail-total strong{font-size:24px}
.utility-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:20px;align-items:start}.utility-card{padding:26px;border-radius:22px;background:#09162f;box-shadow:inset 0 0 0 1px rgba(145,170,220,.12)}.utility-card h2{margin:6px 0 7px;font-size:27px}.utility-card>p{color:#8d9bb5;margin:0 0 20px}.utility-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#102751;color:#61baff}.utility-icon svg{width:26px;height:26px}.utility-note{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:18px;border-radius:18px;background:rgba(12,27,57,.62);color:#95a3bd}.utility-note>svg{width:46px;height:46px;padding:12px;border-radius:14px;background:#102751;color:#63bdff}.utility-note strong{color:#fff}.utility-note p{margin:4px 0 0;font-size:12px;line-height:1.55}.voucher-result{margin:18px 0 10px;padding:16px;border-radius:16px;background:#0d1c38}.voucher-result h3{margin:9px 0 2px}.voucher-result p{margin:0;color:#8998b1}.topup-balance{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(145,170,220,.11)}.topup-balance span{color:#8998b2}.topup-balance strong{font-size:34px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-balance-card,.account-card{padding:23px;border-radius:20px;background:#09162f;box-shadow:inset 0 0 0 1px rgba(145,170,220,.12)}.account-balance-card strong{display:block;font-size:42px;letter-spacing:-.05em;margin:4px 0}.account-balance-card p,.account-card p{color:#8795af}.account-card h2{margin:7px 0 5px}.linked-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(105,229,182,.09);color:#75eac0;font-weight:800;font-size:12px}.linked-badge svg{width:15px;height:15px}.danger-zone{background:linear-gradient(145deg,#10182b,#0a1428)}

/* Footer */
.store-footer{border-top:1px solid rgba(145,170,220,.1);background:#040a1a;margin-top:25px}.footer-inner{max-width:var(--max);margin:0 auto;padding:35px 22px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.footer-brand{display:flex;gap:13px;align-items:flex-start}.footer-brand strong{display:block;font-size:15px}.footer-brand p{margin:4px 0 0;color:#697995;font-size:12px;max-width:330px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links>div{display:grid;align-content:start;gap:7px}.footer-links strong{font-size:12px;color:#c8d4e9}.footer-links button{border:0;background:transparent;padding:0;text-align:left;color:#7787a5;cursor:pointer;font-size:12px}.footer-links button:hover{color:white}.footer-links span{color:#5d6c85;font-size:11px}.footer-bottom{max-width:var(--max);margin:0 auto;padding:14px 22px 22px;border-top:1px solid rgba(145,170,220,.08);display:flex;justify-content:space-between;gap:20px;color:#586783;font-size:10px}

@media(max-width:1120px){.header-search{max-width:270px}.desktop-nav{display:none}.hero-product-art{width:220px;height:245px}.commercial-hero .home-hero-content{max-width:570px}}
@media(max-width:820px){.header-search{display:none}.mobile-catalog-search{display:block}.home-hero.commercial-hero{min-height:340px;padding:36px 28px}.hero-product-art{right:-30px;width:205px;height:220px;opacity:.58}.commercial-hero .home-hero-content{max-width:80%}.commercial-hero h1{font-size:48px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-section{grid-template-columns:1fr}.order-detail-grid,.utility-layout{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{max-width:500px}.purchase-panel{margin-top:16px}.order-list-side{grid-template-columns:auto 18px}.order-list-side .status{display:none}}
@media(max-width:560px){.home-hero.commercial-hero{min-height:320px;padding:29px 22px}.commercial-hero .home-hero-content{max-width:100%}.commercial-hero h1{font-size:41px;max-width:80%}.commercial-hero p{max-width:80%;font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-cta{height:44px}.hero-product-art{right:-54px;bottom:-20px;width:185px;height:190px;opacity:.48}.family-card{min-height:207px}.family-visual{height:130px}.family-card-arrow{display:none}.section-heading h2{font-size:23px}.product-hero-inner{min-height:240px}.variant-card{min-height:165px}.variant-art{height:100px}.purchase-panel{padding:16px}.page-heading{padding:18px 0}.page-heading h1{font-size:34px}.orders-list{gap:9px}.order-list-card{grid-template-columns:44px 1fr auto;padding:12px;gap:10px}.order-list-icon{width:44px;height:44px}.order-list-side>strong{font-size:12px}.order-list-side{gap:8px}.utility-card,.detail-card,.account-card,.account-balance-card{padding:18px}.receipt-summary{grid-template-columns:1fr 1fr}.footer-inner{padding:28px 14px}.footer-links{grid-template-columns:1fr 1fr;gap:18px}.footer-bottom{padding-left:14px;padding-right:14px;flex-direction:column;gap:5px}.sheet{padding-left:15px;padding-right:15px}.payment-method{grid-template-columns:38px 1fr}.why-section>div{grid-template-columns:40px 1fr}.why-section>div>span{width:40px;height:40px}.why-section svg{width:19px;height:19px}}

/* V3 Alpha 4 · Media UX pass */
.home-hero.commercial-hero{isolation:isolate}
.hero-slide-stack{position:absolute;inset:0;z-index:0;overflow:hidden}
.home-hero-image.hero-slide{opacity:0;transition:opacity .55s ease,transform 6s ease;transform:scale(1.035)}
.home-hero-image.hero-slide.active{opacity:1;transform:scale(1.01)}
.home-hero-shade{z-index:1}
.commercial-hero .home-hero-content{z-index:3}
.hero-product-logo{z-index:3;width:210px;height:210px;right:5.5%;bottom:50%;transform:translateY(50%);filter:drop-shadow(0 24px 32px rgba(0,0,0,.4))}
.hero-product-logo img{max-width:100%;max-height:100%;object-fit:contain}
.hero-carousel-controls{position:absolute;z-index:4;right:22px;bottom:18px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(3,8,22,.48);backdrop-filter:blur(12px)}
.hero-carousel-dots{display:flex;gap:6px;align-items:center}
.hero-carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .2s ease,background .2s ease}
.hero-carousel-dot.active{width:21px;background:var(--game-accent,#56b9ff)}
.hero-carousel-arrow{width:27px;height:27px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.hero-carousel-arrow:hover{background:rgba(255,255,255,.16)}
.hero-carousel-arrow svg{width:14px;height:14px}

/* Catalog covers fill their visual stage; package artwork never does. */
.family-card{min-height:0}
.family-visual{height:auto;aspect-ratio:16/10;background:radial-gradient(circle at 50% 42%,rgba(54,130,255,.18),transparent 54%),#0b1936}
.family-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.family-card-body{min-height:76px;display:flex;flex-direction:column;justify-content:center}

.variant-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;align-items:stretch}
.variant-card{min-height:222px;display:grid;grid-template-rows:148px minmax(72px,auto);overflow:hidden}
.variant-art{height:148px;min-height:148px;display:grid;place-items:center;overflow:hidden;padding:12px 10px 5px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--game-accent,#2b9fff) 17%,transparent),transparent 57%),linear-gradient(180deg,#0b1936 0,#09152f 100%)}
.variant-art img{display:block;width:auto!important;height:auto!important;max-width:78%;max-height:118px;object-fit:contain!important;padding:0!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3));transform:none}
.variant-card:hover .variant-art img{transform:translateY(-2px) scale(1.035)}
.variant-art>svg{width:45px;height:45px;opacity:.58;color:var(--game-accent,#4aa8ff)}
.variant-info{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:72px;padding:10px 13px 13px;background:linear-gradient(180deg,rgba(9,21,47,.88),#09152f 40%)}
.variant-info strong{display:block;min-height:0;margin:0 0 5px;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.variant-price{margin:0;font-size:18px;line-height:1.15}
.selected-mark{z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.selected-thumb img{width:auto;height:auto;max-width:88%;max-height:88%;object-fit:contain;padding:0}

/* Visual guides should stay readable without stretching small source files. */
.guide-gallery img{height:auto;max-height:680px;object-fit:contain;background:#061126}
.product-gallery img{aspect-ratio:16/10;object-fit:cover}

@media(min-width:1280px){
  .variant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1080px){
  .variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-product-logo{width:170px;height:170px;right:2%;opacity:.68}
}
@media(max-width:620px){
  .variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .variant-card{min-height:188px;grid-template-rows:118px minmax(68px,auto);border-radius:15px}
  .variant-art{height:118px;min-height:118px;padding:9px 7px 3px}
  .variant-art img{max-width:82%;max-height:94px}
  .variant-info{min-height:68px;padding:8px 10px 10px}
  .variant-info strong{font-size:11px}
  .variant-price{font-size:16px}
  .hero-product-logo{display:none}
  .hero-carousel-controls{right:13px;bottom:12px}
  .family-visual{aspect-ratio:4/3}
}

/* V3 Alpha 5 · media model cleanup */
.product-hero .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease,transform 6s ease;transform:scale(1.035)}
.product-hero .hero-slide.active{opacity:1;transform:scale(1.01)}
.product-hero .product-hero-bg.hero-slide-stack:after{z-index:2}
.product-hero-controls{right:18px;bottom:16px}
.variant-card[data-art-source="default"] .variant-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(6,15,33,.08))}
@media(max-width:620px){.product-hero-controls{right:12px;bottom:10px}.product-hero .hero-carousel-arrow{display:none}}

/* Alpha 6 — Hero rail + selected card polish */
.home-hero-rail-shell{position:relative;margin-bottom:34px;isolation:isolate}.home-hero-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 54px 3px 0;cursor:grab}.home-hero-rail::-webkit-scrollbar{display:none}.home-hero-rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.home-hero-slide{position:relative;flex:0 0 calc(100% - 54px);min-height:385px;scroll-snap-align:start;overflow:hidden;border-radius:28px;background:#081633;border:1px solid rgba(145,178,235,.16);box-shadow:0 22px 54px rgba(0,0,0,.22);isolation:isolate}.home-hero-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 6s ease}.home-hero-slide:hover .home-hero-slide-image{transform:scale(1.04)}.home-hero-slide-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,10,26,.98) 0,rgba(4,12,30,.91) 42%,rgba(4,12,30,.38) 72%,rgba(4,11,28,.58) 100%)}.home-hero-slide-content{position:relative;z-index:3;max-width:650px;min-height:385px;padding:52px 50px;display:flex;flex-direction:column;justify-content:center}.home-hero-slide h1{font-size:clamp(46px,6.2vw,72px);line-height:.98;letter-spacing:-.045em;margin:13px 0 14px;max-width:640px}.home-hero-slide p{font-size:16px;max-width:560px;color:#aebbd8;margin:0}.home-hero-slide .hero-product-art{z-index:2}.home-hero-rail-controls{position:absolute;z-index:8;right:72px;bottom:20px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(3,8,22,.6);backdrop-filter:blur(14px)}
.variant-card{isolation:isolate}.variant-card:after{z-index:6;border:0;box-shadow:inset 0 0 0 1px rgba(143,172,230,.16)}.variant-card:hover:after{box-shadow:inset 0 0 0 1px rgba(77,158,255,.46)}.variant-card.selected:after{box-shadow:inset 0 0 0 2px var(--game-accent,#438eff),inset 0 0 28px color-mix(in srgb,var(--game-accent,#438eff) 7%,transparent)}.variant-card.selected{border-color:transparent!important;background:#0b1a3e;transform:none}.variant-card.selected:hover{transform:translateY(-2px)}.selected-mark{z-index:8;box-shadow:0 5px 16px rgba(0,0,0,.28)}.variant-art,.variant-info{position:relative;z-index:1}
@media(max-width:1120px){.home-hero-slide{flex-basis:calc(100% - 38px);min-height:360px}.home-hero-slide-content{min-height:360px;padding:44px 40px}.home-hero-rail{padding-right:38px}.home-hero-rail-controls{right:54px}}
@media(max-width:820px){.home-hero-rail{gap:12px;padding-right:24px}.home-hero-slide{flex-basis:calc(100% - 24px);min-height:335px;border-radius:22px}.home-hero-slide-content{min-height:335px;padding:36px 28px;max-width:82%}.home-hero-slide h1{font-size:48px}.home-hero-rail-controls{right:34px;bottom:14px}.home-hero-slide .hero-product-art{right:-25px;width:205px;height:220px;opacity:.58}}
@media(max-width:560px){.home-hero-rail-shell{margin-bottom:26px}.home-hero-rail{gap:10px;padding-right:14px}.home-hero-slide{flex-basis:calc(100% - 14px);min-height:320px;border-radius:20px}.home-hero-slide-content{min-height:320px;padding:29px 22px;max-width:100%}.home-hero-slide h1{font-size:40px;max-width:82%}.home-hero-slide p{font-size:13px;max-width:82%}.home-hero-slide .hero-product-art{right:-54px;bottom:-20px;width:185px;height:190px;opacity:.42}.home-hero-rail-controls{right:20px;bottom:12px}.home-hero-rail-controls .hero-carousel-arrow{display:none}.hero-carousel-dot{width:6px;height:6px}.hero-carousel-dot.active{width:18px}}


/* V3 Alpha 7 — product hero rail parity + media controls */
.product-hero.product-hero-rail-shell{overflow:hidden;isolation:isolate}
.product-hero-rail{position:absolute;inset:0;z-index:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 34px 0 0;cursor:grab;border-radius:inherit}
.product-hero-rail::-webkit-scrollbar{display:none}.product-hero-rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.product-hero-panel{position:relative;flex:0 0 calc(100% - 34px);height:100%;min-height:245px;scroll-snap-align:start;overflow:hidden;border-radius:inherit;background:#081633}
.product-hero-panel-image{width:100%;height:100%;min-height:245px;display:block;object-fit:cover;transform:scale(1.012);transition:transform 6s ease}
.product-hero-panel:hover .product-hero-panel-image{transform:scale(1.035)}
.product-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(4,10,25,.98) 0,rgba(5,13,32,.91) 39%,rgba(5,13,32,.36) 70%,rgba(5,12,30,.58) 100%)}
.product-hero-rail-shell .product-hero-inner{z-index:3}.product-hero-rail-shell .back-home{z-index:5}.product-hero-rail-shell .product-hero-controls{z-index:6}
.product-hero-rail-shell .hero-carousel-controls{background:rgba(3,8,22,.64);backdrop-filter:blur(14px)}
@media(max-width:820px){.product-hero-rail{gap:10px;padding-right:24px}.product-hero-panel{flex-basis:calc(100% - 24px)}}
@media(max-width:560px){.product-hero-rail{gap:8px;padding-right:14px}.product-hero-panel{flex-basis:calc(100% - 14px);min-height:230px}.product-hero-panel-image{min-height:230px}}

.product-hero[data-product-hero-carousel="1"] .product-hero-rail{padding-right:0;overflow:hidden;cursor:default}.product-hero[data-product-hero-carousel="1"] .product-hero-panel{flex-basis:100%}

/* V3 Alpha 8 — clean carousel framing: one full banner at a time */
.home-hero-rail{gap:0;padding-right:0;scroll-padding:0}
.home-hero-slide{flex:0 0 100%;width:100%;scroll-snap-align:start}
.home-hero-rail-controls{right:20px}
.product-hero-rail{gap:0;padding-right:0;scroll-padding:0}
.product-hero-panel{flex:0 0 100%;width:100%;scroll-snap-align:start}
@media(max-width:1120px){.home-hero-slide{flex-basis:100%}.home-hero-rail{padding-right:0}.home-hero-rail-controls{right:20px}}
@media(max-width:820px){.home-hero-rail{gap:0;padding-right:0}.home-hero-slide{flex-basis:100%}.home-hero-rail-controls{right:16px}.product-hero-rail{gap:0;padding-right:0}.product-hero-panel{flex-basis:100%}}
@media(max-width:560px){.home-hero-rail{gap:0;padding-right:0}.home-hero-slide{flex-basis:100%}.product-hero-rail{gap:0;padding-right:0}.product-hero-panel{flex-basis:100%}}


/* V3 Alpha 9 — one Home Hero per family + lighter drag gesture */
.home-hero-rail{touch-action:pan-y pinch-zoom}
.home-hero-rail.dragging{scroll-behavior:auto}

.voucher-feedback{margin:12px 0;padding:11px 13px;border-radius:12px;border:1px solid rgba(255,113,125,.28);background:rgba(255,113,125,.08);color:#ffadb5;font-size:13px;font-weight:750;line-height:1.45}
.voucher-feedback.success{border-color:rgba(105,229,182,.28);background:rgba(105,229,182,.08);color:#8df2cc}
.voucher-feedback[hidden]{display:none!important}

/* V3 Alpha 17 · TopUp de una sola unidad */
.topup-single-note{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;background:rgba(85,212,174,.07);border:1px solid rgba(85,212,174,.14);color:#9db0cf;font-size:11px;line-height:1.45}.topup-single-note svg{width:15px;height:15px;flex:0 0 auto;color:#55d4ae}

/* Alpha 18 · critical checkout feedback */
.commerce-progress{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:28px 12px}.commerce-progress h2{margin:2px 0 0}.commerce-progress .muted{max-width:360px;line-height:1.55}.commerce-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.10);border-top-color:#61bfff;animation:spin .72s linear infinite;margin-bottom:8px}.commerce-busy .sheet{cursor:progress}.commerce-busy .sheet button,.commerce-busy .sheet a.btn{pointer-events:none}.commerce-busy .backdrop{cursor:progress}

/* V3 Alpha 18 Step 4 · storefront accessibility/performance */
.family-card{display:block;color:inherit;text-decoration:none}
.family-card:focus-visible,.home-hero-slide[role="link"]:focus-visible{outline:2px solid var(--game-accent,#68dfff);outline-offset:3px}
.home-hero-slide[role="link"]{cursor:pointer}
.back-home{text-decoration:none}
.home-hero-slide-image[data-src],.product-hero-panel-image[data-src]{opacity:.001}
.home-hero-slide-image,.product-hero-panel-image{transition:opacity .24s ease}

/* Alpha 18 Step 4 runtime hotfix · progressive links + restrained interaction */
.store-brand:focus{outline:none}.store-brand:focus-visible{outline:2px solid rgba(104,223,255,.72);outline-offset:5px;border-radius:10px}
.family-card,.home-hero-slide{text-decoration:none;color:inherit}
.family-card:hover{transform:none;border-color:rgba(72,157,255,.28);box-shadow:0 15px 34px rgba(0,0,0,.20)}
.family-card:hover .family-visual img{transform:none;filter:none}
.home-hero-slide:hover .home-hero-slide-image{transform:scale(1.015)}
.product-hero-panel:hover .product-hero-panel-image{transform:scale(1.012)}
.family-card:focus-visible,.home-hero-slide:focus-visible{outline:2px solid var(--game-accent,#68dfff);outline-offset:3px}


/* Alpha 18 Step 4.2: carousel drag only after a real horizontal gesture. */
.home-hero-rail{cursor:default}
.home-hero-slide{cursor:pointer;-webkit-user-drag:none;user-select:none}
.home-hero-slide img{-webkit-user-drag:none;pointer-events:none}
.home-hero-rail.dragging{cursor:grabbing}
.home-hero-slide:focus:not(:focus-visible){outline:none}
.product-hero-panel img{-webkit-user-drag:none;user-select:none}
/* Alpha 18 Step 4 mobile gesture hardening */
.home-hero-rail,.product-hero-rail{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.home-hero-rail.dragging,.product-hero-rail.dragging{scroll-behavior:auto}

/* Alpha 18 family circuit: availability is commercial, never sourcing metadata. */
.family-card.is-unavailable{opacity:.72}.family-card.is-unavailable .family-card-arrow{opacity:.55}
.variant-card.is-disabled{opacity:.55;cursor:not-allowed;filter:saturate(.55)}
.store-outage-notice{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:16px 18px;border:1px solid rgba(245,158,11,.32);border-radius:16px;background:rgba(245,158,11,.08)}
.store-outage-notice strong{display:block;margin-bottom:4px}.store-outage-notice p{margin:0;color:var(--muted)}

/* V3 Alpha 22 · deliberate Web account gate. Anonymous browsing never creates users. */
.auth-gate-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:12px 0;background:rgba(61,167,255,.11);color:#6bc2ff;border:1px solid rgba(91,181,255,.16)}
.auth-gate-mark svg{width:27px;height:27px}
.telegram-auth{width:100%;margin:18px 0 14px;background:#229ed9;color:white;display:flex;align-items:center;justify-content:center;gap:9px}
.telegram-auth svg{width:18px;height:18px}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#61728d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#1b2c43}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid #1b2c43;border-radius:14px;background:#07111d;margin-bottom:15px}
.auth-tabs button{height:38px;border:0;border-radius:10px;background:transparent;color:#7f91ab;font-weight:850;cursor:pointer}
.auth-tabs button.active{background:#10213a;color:white;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.auth-form{display:grid;gap:12px}
.auth-form>.field{display:grid}
.auth-form .btn{width:100%;margin-top:2px}
.auth-name-grid{grid-template-columns:1fr 1fr;margin:0}
.auth-form .help{line-height:1.5;margin:0}
@media(max-width:480px){.auth-name-grid{grid-template-columns:1fr}.auth-tabs button{font-size:11px}}

/* V3 Alpha 44 · agrupación pública servicio → región sin nuevas tablas */
.service-group-card{width:100%;font:inherit;color:inherit}
.service-group-hero{width:100%;border:0;padding:0;font:inherit;color:inherit;text-align:left;background:transparent}
.region-choice-list{margin-top:10px}
.region-choice{width:100%;text-align:left}
.region-choice>svg:last-child{margin-left:auto;width:18px;height:18px;opacity:.7}
.region-choice.is-unavailable{opacity:.7}
.region-choice-heading{margin-top:20px}

/* Alpha 70: visual_identity.style is the only source of Store accent.
   Family → service → type → category; no product slug is hard-coded. */
.theme-style-primary{--game-accent:#45b7ff}
.theme-style-success{--game-accent:#3ddc97}
.theme-style-danger{--game-accent:#ff5a67}
.region-choice-emoji{width:24px;min-width:24px;text-align:center;font-size:18px;line-height:1}
/* Alpha 61 · saldo insuficiente conserva la cotización y ofrece acciones equivalentes a Telegram. */
.insufficient-summary .line.missing{color:#ffd27d;font-weight:850}.insufficient-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:14px 0 8px}.insufficient-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px}.insufficient-actions .btn svg{width:17px;height:17px}.insufficient-secondary{margin-top:14px}.sheet .help{color:#72839d;font-size:11px;line-height:1.55}


/* V3 Alpha 67 — motion/accessibility guardrails */
@media (prefers-reduced-motion: reduce){
  .home-hero-rail,.product-hero-rail{scroll-behavior:auto!important}
  .home-hero-slide-image,.product-hero-panel-image,.hero-carousel-dot{transition:none!important;transform:none!important}
  .commerce-spinner{animation-duration:1.6s}
}

/* Alpha 68: foco visible y panel modal accesible. */
.sheet:focus-visible{outline:2px solid rgba(104,223,255,.72);outline-offset:-4px}
.sheet button:focus-visible,.sheet a:focus-visible,.sheet input:focus-visible,.sheet select:focus-visible,.sheet textarea:focus-visible{outline:2px solid rgba(104,223,255,.88);outline-offset:2px}


/* Alpha 70 · loading feedback never destroys structured route buttons. */
button.is-busy{cursor:progress;position:relative}
.button-busy-indicator{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;margin-left:7px;pointer-events:none}
.button-busy-spinner{display:block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.82;animation:spin .7s linear infinite}
.button-busy-indicator.is-overlay{position:absolute;inset:0;width:auto;height:auto;margin:0;z-index:30;border-radius:inherit;background:rgba(4,12,30,.62);backdrop-filter:blur(1.5px)}
.button-busy-indicator.is-overlay .button-busy-spinner{width:28px;height:28px;border-width:3px;color:#fff}
button.is-busy[disabled]{opacity:.9}

/* Alpha 70 · historial Web paginado/filtrado sobre el mismo CheckoutRepository. */
.orders-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.orders-status-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
.orders-status-tabs::-webkit-scrollbar{display:none}
.orders-status-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#09152f;color:#91a0c2;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:800;font-size:12px}
.orders-status-tabs button.active,.orders-status-tabs button:hover{border-color:rgba(66,165,255,.55);background:#102957;color:#fff}
.orders-search{display:flex;gap:8px;min-width:min(390px,100%)}
.orders-search input{min-width:0;flex:1;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#09152f;color:#fff;outline:none}
.orders-search input:focus{border-color:rgba(66,165,255,.65);box-shadow:0 0 0 3px rgba(28,105,255,.1)}
.btn.compact{min-height:40px;padding:0 13px}
.orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 2px;color:var(--muted);font-size:12px}
.orders-pagination>div{display:flex;gap:8px}
.orders-pagination .btn{display:inline-flex;align-items:center;gap:6px}
.orders-pagination button[disabled]{opacity:.4;cursor:not-allowed}
.orders-network-note{margin-bottom:10px;padding:10px 12px;border:1px solid rgba(255,212,102,.24);border-radius:12px;background:rgba(255,212,102,.07);color:#ffe3a0;font-size:12px}
@media(max-width:760px){.orders-tools{align-items:stretch;flex-direction:column}.orders-search{width:100%;min-width:0}.orders-pagination{align-items:flex-start;flex-direction:column}.orders-pagination>div{width:100%}.orders-pagination .btn{flex:1;justify-content:center}}


/* Alpha 71 · SVG en Home + historial AJAX con paginación superior/inferior. */
.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}
.category-tab{display:inline-flex;align-items:center;gap:7px}
.category-tab svg{width:15px;height:15px;flex:0 0 15px}
.orders-results{position:relative;min-height:140px;scroll-margin-top:88px}
.orders-inline-loader{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);font-size:12px}
.orders-inline-loader span{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.11);border-top-color:var(--blue2);animation:spin .8s linear infinite}
.orders-results.is-loading:after{content:"";position:absolute;inset:0;z-index:20;border-radius:16px;background:rgba(5,13,30,.46);backdrop-filter:blur(1px);pointer-events:none}
.orders-results.is-loading:before{content:"";position:absolute;z-index:21;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--blue2);animation:spin .75s linear infinite;pointer-events:none}
.orders-pagination-top{margin:0 0 14px;padding-top:2px}
.orders-pagination-bottom{margin-top:16px}
.orders-network-note{position:relative;z-index:22;margin-bottom:12px}

/* Alpha 72 · un solo loader inicial en compras + búsqueda comercial profunda. */
.catalog-search-card .family-card-body{justify-content:flex-start}
.catalog-result-family{display:block;margin-bottom:3px;color:var(--game-accent,#68dfff);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.075em}
.catalog-result-parent{margin:-1px 0 8px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-search-card .family-meta strong{color:#fff;font-size:13px}
.catalog-search-card[disabled]{cursor:not-allowed}
.catalog-search-state{grid-column:1/-1;min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center;color:var(--muted);border:1px solid rgba(145,170,220,.10);border-radius:18px;background:rgba(9,21,47,.45)}
.catalog-search-state svg{width:28px;height:28px;color:#ffcf67}
.catalog-search-state p{margin:0;max-width:420px}
.catalog-search-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.13);border-top-color:var(--blue2);animation:spin .75s linear infinite}
@media(max-width:560px){.catalog-result-parent{font-size:9px}.catalog-search-card .family-meta strong{font-size:11px}.catalog-search-state{min-height:170px}}


/* Alpha 76 · resultados del buscador más compactos. */
.catalog-search-card .family-visual{height:116px;aspect-ratio:auto;padding:10px 14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(54,130,255,.16),transparent 58%),#0b1936}
.catalog-search-card .family-visual img{display:block;width:auto!important;height:auto!important;max-width:108px;max-height:88px;object-fit:contain!important;object-position:center;transform:none!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}
.catalog-search-card .family-visual:after{height:28%;background:linear-gradient(transparent,#09152f)}
@media(max-width:820px){.catalog-search-card .family-visual{height:104px;padding:8px 11px}.catalog-search-card .family-visual img{max-width:96px;max-height:80px}}
@media(max-width:560px){.catalog-search-card .family-visual{height:92px;padding:7px 9px}.catalog-search-card .family-visual img{max-width:82px;max-height:70px}.catalog-search-card .family-card-body{padding-top:9px}}

.catalog-search-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding:3px 2px 12px}
.catalog-search-pagination-bottom{padding:12px 2px 3px}
.catalog-search-pagination>div{display:flex;gap:8px}
.catalog-search-pagination .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.catalog-search-pagination button[disabled]{opacity:.4;cursor:not-allowed}
.catalog-search-pagination svg{width:14px;height:14px}
@media(max-width:560px){.catalog-search-pagination{align-items:flex-start;flex-direction:column}.catalog-search-pagination>div{width:100%}.catalog-search-pagination .btn{flex:1}}

/* Alpha 80 · cuenta Web: recuperación y verificación */
.auth-forgot-link{
  appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;
  padding:4px 0 0;cursor:pointer;text-align:left
}
.auth-forgot-link:hover,.auth-forgot-link:focus-visible{color:var(--text)}
.auth-back-login{width:100%;margin-top:10px}
.account-recovery-layout{max-width:720px;margin-inline:auto}
.account-recovery-card{display:grid;gap:16px}
.account-recovery-card form{display:grid;gap:14px}
.account-recovery-card .completion-mark,.account-recovery-card .auth-gate-mark{margin-inline:auto}

/* Alpha 81 · correo de recuperación editable desde Mi cuenta. */
.account-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.account-card-actions .btn{flex:0 0 auto}
.linked-badge.pending{background:rgba(255,196,94,.10);color:#ffd783}
.account-email-pending{display:grid;gap:3px;margin-top:12px;padding:11px 12px;border:1px solid rgba(255,196,94,.18);border-radius:13px;background:rgba(255,196,94,.06)}
.account-email-pending span,.account-email-pending small{color:var(--muted);font-size:11px}.account-email-pending strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
[data-account-email-form]{display:grid;gap:14px}
@media(max-width:560px){.account-card-actions{display:grid}.account-card-actions .btn{width:100%}}

/* Alpha 83 · soporte y políticas públicas. */
.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.policy-page{max-width:var(--max);margin:0 auto}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.policy-card{padding:22px;border-radius:20px;background:#09162f;box-shadow:inset 0 0 0 1px rgba(145,170,220,.12)}
.policy-card h2{margin:0 0 9px;font-size:19px}
.policy-card p{margin:0;color:#8d9bb5;line-height:1.65;font-size:13px}
.policy-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:#102751;color:#62c4ff}
.policy-icon svg{width:26px;height:26px}
.policy-contact{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(12,27,57,.62);box-shadow:inset 0 0 0 1px rgba(145,170,220,.1)}
.policy-contact>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#102751;color:#6be0ba}.policy-contact svg{width:22px;height:22px}.policy-contact strong{display:block}.policy-contact p{margin:3px 0 0;color:#8795af;font-size:12px}
.support-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;align-items:start}
.support-channels{display:grid;gap:10px;margin-top:16px}
.support-channel{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;padding:13px;border:1px solid rgba(145,170,220,.13);border-radius:15px;background:#0b1a37;color:#fff;text-decoration:none;transition:border-color .16s ease,background .16s ease}
.support-channel:hover{border-color:rgba(79,179,255,.55);background:#10234a}.support-channel>svg{width:22px;height:22px;color:#5dc0ff;margin:auto}.support-channel span{min-width:0}.support-channel strong{display:block;font-size:13px}.support-channel small{display:block;margin-top:2px;color:#8493ae;font-size:11px;overflow-wrap:anywhere}
.support-empty{padding:14px;border-radius:14px;background:#0b1a37}.support-empty strong{display:block}.support-empty p{margin:5px 0 0;color:#8795af;font-size:12px;line-height:1.55}
.policy-compact ul{display:grid;gap:10px;margin:14px 0 0;padding-left:19px;color:#8d9bb5;font-size:13px;line-height:1.55}.policy-compact button{border:0;background:transparent;padding:0;color:#70c8ff;cursor:pointer;font:inherit;font-weight:800}.policy-compact button:hover{color:#fff}
@media(max-width:820px){.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.policy-grid,.support-layout{grid-template-columns:1fr}}
@media(max-width:560px){.footer-links{grid-template-columns:1fr 1fr}.policy-grid{grid-template-columns:1fr}.policy-card{padding:18px}.policy-contact{grid-template-columns:40px 1fr}.policy-contact>span{width:40px;height:40px}.policy-contact .btn{grid-column:1/-1;width:100%}}

/* V3.0.4 — media + checkout inputs */
.product-logo{position:relative}
.product-logo .visual-fallback{position:static}
.product-logo img{object-fit:contain;padding:8px}
.product-logo.is-cover-fallback img{object-fit:cover;padding:0}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.field-label-row label{margin:0}
.field-guide-link{border:0;background:transparent;color:#62cfff;padding:0;font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.field-guide-link:hover{text-decoration:underline;color:#8addff}
.checkout-field input{font-size:14px;font-weight:650;letter-spacing:.005em}
.checkout-field input[inputmode="numeric"]{font-variant-numeric:tabular-nums;letter-spacing:.025em}
#inputGuide{scroll-margin-top:96px}
@media(max-width:560px){.field-label-row{align-items:flex-end}.field-guide-link{font-size:9px}.checkout-field input{font-size:16px}}

/* V3.0.8 — guía visual estructurada */
.guide-section h2{display:flex;align-items:center;gap:8px}.guide-title-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.2em}.guide-steps{display:grid;gap:12px;margin-top:16px}.guide-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(5,16,38,.52)}.guide-step-marker{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(17,39,77,.72);font-size:20px}.guide-step-marker b{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#0e2244;border:1px solid var(--line);font-size:9px}.guide-step-body{min-width:0}.guide-step-body>strong{display:block;margin:1px 0 5px;font-size:14px}.guide-step-body>p{margin:0!important;white-space:pre-line}.guide-step-image,.guide-single-image img,.guide-extra-media img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#061126}.guide-step-image{margin-top:12px}.guide-single-image{margin-top:16px}.guide-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;border:1px solid rgba(98,207,255,.2);border-radius:12px;background:rgba(98,207,255,.05)}.guide-note>span{font-size:18px;line-height:1.4}.guide-note>p{margin:0!important}.field-public-icon{display:inline-block;vertical-align:-.08em}
@media(max-width:560px){.guide-step{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}.guide-step-marker{width:38px;height:38px;font-size:18px}.guide-step-body>strong{font-size:13px}.guide-section h2{align-items:flex-start}}

/* V3.1.16 · Modo mantenimiento Web */
.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#050b1d}
.maintenance-page:before{z-index:0}
.maintenance-wrap{position:relative;z-index:1;width:min(100%,760px)}
.maintenance-card{position:relative;overflow:hidden;padding:clamp(28px,5vw,52px);border:1px solid rgba(143,174,236,.2);border-radius:30px;background:linear-gradient(155deg,rgba(12,27,64,.96),rgba(6,14,34,.98));box-shadow:0 30px 100px rgba(0,0,0,.42);text-align:center}
.maintenance-card:before{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(72,221,255,.18),transparent 68%);pointer-events:none}
.maintenance-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}
.maintenance-brand>div{text-align:left}.maintenance-brand strong,.maintenance-brand small{display:block}.maintenance-brand strong{font-size:16px}.maintenance-brand small{margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.maintenance-visual{position:relative;width:116px;height:116px;margin:0 auto 24px;display:grid;place-items:center}
.maintenance-tool{position:relative;z-index:3;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#1d6cff,#29c6ff);box-shadow:0 16px 38px rgba(28,105,255,.36)}
.maintenance-tool svg{width:31px;height:31px}
.maintenance-ring{position:absolute;inset:4px;border:1px solid rgba(89,185,255,.28);border-radius:50%;animation:maintenancePulse 2.8s ease-out infinite}.maintenance-ring.ring-two{inset:-12px;animation-delay:.9s;opacity:.55}
@keyframes maintenancePulse{0%{transform:scale(.78);opacity:.1}45%{opacity:.7}100%{transform:scale(1.16);opacity:0}}
.maintenance-kicker{display:inline-flex;align-items:center;gap:8px;color:#75dcff;font-size:11px;font-weight:900;letter-spacing:.14em}.maintenance-kicker i{width:7px;height:7px;border-radius:50%;background:#69e5b6;box-shadow:0 0 0 5px rgba(105,229,182,.09)}
.maintenance-card h1{max-width:620px;margin:12px auto 14px;font-size:clamp(34px,6vw,56px);line-height:1.02;letter-spacing:-.045em}
.maintenance-lead{max-width:610px;margin:0 auto;color:#aebbd8;font-size:clamp(14px,2.5vw,17px);line-height:1.7}
.maintenance-status{max-width:520px;margin:28px auto 0;padding:15px 17px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(105,229,182,.18);border-radius:16px;background:rgba(105,229,182,.055);text-align:left}.maintenance-status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#69e5b6;box-shadow:0 0 0 6px rgba(105,229,182,.08)}.maintenance-status strong,.maintenance-status small{display:block}.maintenance-status strong{font-size:13px}.maintenance-status small{margin-top:2px;color:#8fa1bc;font-size:11px}
.maintenance-safe{max-width:580px;margin:14px auto 0;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:14px;background:rgba(255,255,255,.035);color:#8f9bbb;text-align:left;font-size:12px}.maintenance-safe svg{width:18px;height:18px;flex:0 0 auto;color:#72baff;margin-top:1px}
.maintenance-footer{display:flex;justify-content:space-between;gap:18px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(145,170,220,.1);color:#647491;font-size:11px}
@media(max-width:560px){.maintenance-page{padding:14px}.maintenance-card{padding:30px 20px;border-radius:24px}.maintenance-brand{margin-bottom:24px}.maintenance-visual{width:96px;height:96px}.maintenance-tool{width:60px;height:60px;border-radius:19px}.maintenance-card h1{font-size:36px}.maintenance-status{align-items:flex-start}.maintenance-footer{flex-direction:column;align-items:center;gap:4px}}