:root{--shop-bg:#050d19;--shop-panel:#0a1930;--shop-text:#f4f8ff;--shop-muted:#9eb4cf;--shop-blue:#61d7ff;--shop-violet:#8176ff;--shop-gold:#ffd15b;--shop-line:rgba(142,204,255,.13);--shop-ease:cubic-bezier(.22,.8,.24,1)}
body{background:var(--shop-bg)}
.main-content{overflow:visible}
.shop-page{width:min(1220px,100%);padding:24px clamp(12px,3vw,28px) 78px}
.shop-page::before{background:radial-gradient(48rem 30rem at 52% -7%,rgba(71,125,255,.2),transparent 69%),radial-gradient(38rem 26rem at 0 44%,rgba(45,203,255,.08),transparent 70%),linear-gradient(180deg,#071225,#050d19 72%,#040a14)}
.shop-page::after{background-size:76px 76px;opacity:.7}
.shop-hero{grid-template-columns:minmax(0,1fr) 310px;gap:32px;padding:clamp(28px,5vw,58px) clamp(24px,5vw,58px) 92px;border-color:var(--shop-line);border-radius:38px;background:radial-gradient(32rem 22rem at 12% 0,rgba(92,205,255,.13),transparent 70%),radial-gradient(26rem 20rem at 88% 20%,rgba(117,99,255,.14),transparent 68%),linear-gradient(145deg,rgba(13,35,68,.94),rgba(6,18,36,.97));box-shadow:0 34px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}
.shop-hero::before{inset:20px;width:auto;aspect-ratio:auto;border:1px solid rgba(255,255,255,.04);border-radius:28px;background:none;filter:none}
.shop-hero-copy{max-width:720px}
.shop-kicker{margin-bottom:16px;padding:7px 12px;border-radius:10px;background:rgba(89,199,255,.08);border-color:rgba(130,218,255,.15);color:#80ddff;font-size:.74rem;letter-spacing:.05em}
.shop-kicker::before{width:6px;height:6px;background:#64d9ff;box-shadow:0 0 12px #64d9ff;animation:none}
.shop-hero h1{max-width:none;font-size:clamp(2.8rem,6.4vw,5.3rem);line-height:1.02}
.shop-hero h1 .shop-hero-accent{background:linear-gradient(120deg,#8ce8ff,#74a0ff 55%,#a195ff);-webkit-background-clip:text;background-clip:text}
.shop-hero p{max-width:600px;margin-top:18px;color:#adbed4;line-height:1.95;font-size:.98rem}
.shop-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.shop-hero-meta span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid rgba(141,205,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:#9db6d2;font-size:.76rem}
.shop-hero-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:#5ad7aa;box-shadow:0 0 10px rgba(90,215,170,.55)}
.shop-hero-meta b{color:#eef8ff}
.shop-hero-visual{min-height:220px}
.shop-hero-orb{width:210px;border-radius:50%;border-color:rgba(138,207,255,.14);background:radial-gradient(circle at 36% 30%,rgba(103,216,255,.2),transparent 42%),radial-gradient(circle at 68% 72%,rgba(127,108,255,.21),transparent 45%),rgba(255,255,255,.025);box-shadow:inset 0 0 48px rgba(93,203,255,.08),0 28px 70px rgba(0,0,0,.3)}
.shop-hero-orb::before{inset:8px;border:1px dashed rgba(139,213,255,.2);border-radius:50%;background:none;animation:shopSpin 16s linear infinite}
.shop-hero-orb::after{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.06);border-radius:34px;transform:rotate(45deg)}
.shop-hero-orb b{position:relative;z-index:2;font-size:3.5rem;background:linear-gradient(135deg,#8de8ff,#8d82ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.shop-mode-tabs{position:absolute;right:clamp(24px,5vw,58px);left:clamp(24px,5vw,58px);bottom:24px;grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:15px;border-color:rgba(139,205,255,.11);background:rgba(3,12,25,.64);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.shop-mode-tabs button{min-height:44px;border-radius:11px;color:#8099b6;font-size:.88rem;transition:color .2s ease,background .2s ease,box-shadow .2s ease}
.shop-mode-tabs button::before{content:"";width:7px;height:7px;margin-left:8px;border-radius:50%;background:currentColor;opacity:.55}
.shop-mode-tabs button.is-active{background:linear-gradient(135deg,rgba(85,201,255,.18),rgba(111,104,255,.16));color:#dff6ff;box-shadow:inset 0 0 0 1px rgba(137,217,255,.12),0 8px 24px rgba(0,0,0,.16)}
.shop-mode-tabs button.is-active::before{background:#65d9ff;box-shadow:0 0 12px #65d9ff;opacity:1}
.shop-mode-panel{margin-top:22px}
.shop-category-switch{gap:8px;margin:0 0 20px;padding:8px;border:1px solid var(--shop-line);border-radius:17px;background:rgba(9,25,47,.72);box-shadow:0 18px 52px rgba(0,0,0,.16)}
.shop-category-switch button{min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#879fba;font-size:.82rem}
.shop-category-switch button b{min-width:25px;height:25px;padding:0 7px;border:0;background:rgba(255,255,255,.05);color:#8fa8c2}
.shop-category-switch button.is-active{border-color:rgba(135,212,255,.14);background:rgba(92,196,255,.09);color:#dff6ff;box-shadow:none}
.shop-category-switch button.is-active b{background:#60d4ff;color:#071421}
.shop-catalog{padding:clamp(22px,4vw,38px);border:1px solid var(--shop-line);border-radius:30px;background:radial-gradient(28rem 18rem at 90% 0,rgba(84,169,255,.08),transparent 70%),linear-gradient(145deg,rgba(9,26,50,.72),rgba(5,17,33,.82));box-shadow:0 26px 82px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.shop-category-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 18px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(144,203,255,.09)}
.shop-category-title::before{content:"";grid-row:1/3;width:4px;height:42px;border-radius:999px;background:linear-gradient(#69dcff,#7775ff);box-shadow:0 0 18px rgba(99,196,255,.22)}
.shop-category-title h2{margin:0;color:#f4f8ff;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.25}
.shop-category-title p{margin:0;color:#879fba;font-size:.82rem;line-height:1.8}
.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shop-product-grid.is-single{grid-template-columns:minmax(0,390px);justify-content:start}
.shop-product-card{min-height:430px;border-radius:22px;border-color:rgba(145,205,255,.11);background:linear-gradient(160deg,rgba(14,37,68,.92),rgba(6,18,35,.96));box-shadow:0 18px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);transition:transform .24s var(--shop-ease),border-color .24s ease,box-shadow .24s ease}
.shop-product-card::before{background:radial-gradient(18rem 12rem at 85% 0,rgba(100,202,255,.1),transparent 68%)}
.shop-product-card:hover{transform:translateY(-6px);border-color:rgba(116,212,255,.27);box-shadow:0 28px 74px rgba(0,0,0,.34),0 0 36px rgba(82,182,255,.05)}
.shop-product-media{height:210px;margin:10px 10px 0;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(99,207,255,.13),transparent 56%),linear-gradient(145deg,#102943,#07172b);overflow:hidden}
.shop-product-media img{transition:transform .45s var(--shop-ease)}
.shop-product-card:hover .shop-product-media img{transform:scale(1.035)}
.shop-product-media>span{font-size:4.2rem;background:linear-gradient(135deg,#86e5ff,#8d82ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.shop-product-body{padding:16px 16px 17px}
.shop-product-top{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:9px}
.shop-product-top h3{min-height:auto;color:#f4f8ff;font-size:1.08rem;line-height:1.6}
.shop-product-top strong{min-height:29px;padding:0 9px;border:1px solid rgba(255,217,107,.15);border-radius:9px;background:rgba(255,205,66,.08);color:#ffda71;box-shadow:none;font-size:.74rem}
.shop-product-body p{min-height:4.9em;margin-bottom:15px;color:#91a8c1;font-size:.82rem;line-height:1.85}
.shop-card-actions{direction:rtl;gap:7px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}
.shop-card-actions button{min-height:42px;border-radius:11px;font-size:.82rem}
.shop-buy-link{flex:1 1 52%;min-width:0;border-color:rgba(115,213,255,.17);background:linear-gradient(135deg,rgba(80,202,255,.18),rgba(109,110,255,.17));color:#d9f6ff}
.shop-buy-link::after{content:"←";margin-right:7px}
.shop-feature-link{flex:1 1 48%;border:1px solid rgba(147,203,255,.12);background:rgba(255,255,255,.045);color:#a9c2de;box-shadow:none}
.shop-feature-link:hover{filter:none;background:rgba(255,255,255,.08);color:#eef8ff;box-shadow:none}
.shop-card-actions .shop-unavailable-link::after{display:none}
.shop-empty-page{margin-top:22px;border-radius:26px;border-color:var(--shop-line);background:linear-gradient(145deg,rgba(12,31,57,.82),rgba(6,18,34,.9));box-shadow:0 26px 76px rgba(0,0,0,.22)}
.shop-buy-modal{backdrop-filter:blur(8px)}
.shop-modal-backdrop{background:rgba(2,8,17,.76)}
.shop-modal-card{width:min(520px,calc(100% - 24px));padding:30px;border:1px solid rgba(140,209,255,.15);border-radius:26px;background:radial-gradient(22rem 14rem at 85% 0,rgba(95,203,255,.12),transparent 70%),linear-gradient(150deg,#0c2340,#071528);box-shadow:0 40px 120px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.05)}
.shop-modal-icon{border-radius:10px;background:rgba(94,202,255,.09);border-color:rgba(137,217,255,.13);color:#81e0ff}
.shop-modal-card h2{font-size:clamp(1.65rem,4vw,2.4rem)}
.shop-modal-card p{color:#9cb3cd}
.shop-modal-actions a{border-radius:12px}
.shop-modal-actions a:not(.shop-ticket-action){background:linear-gradient(135deg,rgba(85,202,255,.18),rgba(111,105,255,.16));border:1px solid rgba(136,214,255,.13);color:#def7ff}
.shop-ticket-action{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#a9c1dc!important}
.shop-feature-content{border-radius:16px;background:rgba(255,255,255,.035);border-color:rgba(143,208,255,.1)}
.shop-disabled-shell{border-radius:38px;border-color:var(--shop-line);background:radial-gradient(circle at 14% 12%,rgba(97,206,255,.13),transparent 42%),radial-gradient(circle at 86% 22%,rgba(126,102,255,.12),transparent 40%),linear-gradient(150deg,rgba(11,32,61,.94),rgba(5,17,34,.98));box-shadow:0 34px 110px rgba(0,0,0,.34)}
.shop-disabled-kicker{border-radius:10px;background:rgba(91,199,255,.08);border-color:rgba(134,216,255,.14);color:#83e0ff}
.shop-disabled-card{border-color:rgba(139,210,255,.12);background:rgba(255,255,255,.035)}
@media(max-width:980px){.shop-hero{grid-template-columns:minmax(0,1fr) 240px}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shop-page{padding:14px 9px 48px}.shop-back-button{margin-right:4px}.shop-hero{grid-template-columns:1fr;padding:30px 18px 88px;border-radius:25px;text-align:right}.shop-hero::before{inset:11px;border-radius:18px}.shop-hero h1{font-size:clamp(2.8rem,15vw,4rem)}.shop-hero p{font-size:.88rem}.shop-hero-meta{gap:6px}.shop-hero-meta span{font-size:.7rem}.shop-hero-visual{display:none}.shop-mode-tabs{right:17px;left:17px;bottom:17px}.shop-mode-panel{margin-top:13px}.shop-category-switch{overflow-x:auto;display:flex;justify-content:flex-start;border-radius:14px;scrollbar-width:none}.shop-category-switch::-webkit-scrollbar{display:none}.shop-category-switch button{flex:0 0 auto}.shop-catalog{padding:18px 10px;border-radius:22px}.shop-category-title{margin:0 6px 16px;padding-bottom:15px}.shop-category-title h2{font-size:1.65rem}.shop-category-title p{font-size:.76rem}.shop-product-grid,.shop-product-grid.is-single{grid-template-columns:1fr;gap:10px}.shop-product-card{min-height:0;border-radius:19px}.shop-product-media{height:205px;border-radius:14px}.shop-product-body{padding:14px}.shop-product-card:hover{transform:none}.shop-card-actions button{min-height:44px}.shop-modal-card{padding:24px 17px;border-radius:22px}.shop-disabled-shell{grid-template-columns:1fr;border-radius:25px}}
@media(max-width:400px){.shop-hero{padding-right:15px;padding-left:15px}.shop-hero-meta span:last-child{display:none}.shop-card-actions{flex-direction:column}.shop-card-actions button{width:100%;flex-basis:auto}.shop-product-media{height:185px}}
@media(prefers-reduced-motion:reduce){.shop-product-card,.shop-product-media img,.shop-back-button{transition:none}.shop-product-card:hover,.shop-back-button:hover{transform:none}.shop-hero-orb::before{animation:none}}