.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.product{min-width:0;min-height:440px;padding:0;overflow:hidden;border-radius:17px;background:var(--panel);position:relative;isolation:isolate}
.product[data-buy]{cursor:pointer}.product[data-buy]:focus-visible{outline:3px solid #3c86e8;outline-offset:3px}.product[data-buy] .buy{position:relative;z-index:2}
.product-media{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:16px 16px 0 0;background:linear-gradient(145deg,#eef8f3,#e2f2e9);border-bottom:1px solid var(--line)}
.product-media:after{content:"";position:absolute;inset:auto -25% -52% 20%;height:78%;background:radial-gradient(circle,#54c89a22,transparent 67%);pointer-events:none}
.product-icon{width:100%;height:100%;border:0;border-radius:0;background:transparent;position:relative;z-index:1;font-size:54px}
.product-icon img{display:block;width:auto;height:auto;max-width:calc(100% - 36px);max-height:calc(100% - 36px);margin:auto;object-fit:contain;object-position:center;image-rendering:auto;transform:translateY(-5px);filter:drop-shadow(0 13px 16px rgba(27,61,47,.18))}
.product-help{position:absolute;z-index:5;top:10px;left:10px;display:grid;width:24px;height:24px;padding:0;place-items:center;border:2px solid #71817a;border-radius:50%;background:#ffffffde;color:#65746e;font-size:14px;font-weight:900;line-height:1;cursor:help}.product-help>span{position:absolute;z-index:40;top:30px;left:0;display:none;width:min(340px,calc(100vw - 40px));max-height:min(300px,calc(100vh - 70px));overflow-y:auto;overflow-wrap:anywhere;padding:11px 13px;border-radius:9px;background:#202723f5;color:#fff;text-align:left;font-size:11px;font-weight:500;line-height:1.48;box-shadow:0 12px 34px #15201b66;white-space:pre-line}.product-help>span b{display:block;margin-bottom:5px;font-size:12px}.product-help:hover>span,.product-help:focus-visible>span,.product-help.is-open>span{display:block}.product-help.tooltip-left>span{right:0;left:auto}.product-help.tooltip-up>span{top:auto;bottom:30px}.product-help:focus-visible{outline:3px solid #6bb996;outline-offset:2px}.product:has(.product-help:hover),.product:has(.product-help:focus-visible),.product:has(.product-help.is-open){z-index:30;overflow:visible}.product-media:has(.product-help:hover),.product-media:has(.product-help:focus-visible),.product-media:has(.product-help.is-open){overflow:visible}.product-media:has(.product-help:hover):after,.product-media:has(.product-help:focus-visible):after,.product-media:has(.product-help.is-open):after{display:none}
.product-badges{position:absolute;z-index:4;top:10px;right:9px;display:flex;width:66px;align-items:stretch;flex-direction:column;gap:3px}.product-badge{display:grid;width:66px;height:30px;padding:3px 5px;place-items:center;overflow:hidden;border-radius:5px;background:#26332eeb;color:#fff;font-size:9px;font-weight:900;line-height:1.08;text-align:center;box-shadow:0 3px 10px #13221b29}.product-badge.kind-bundle,.product-badge.kind-choice{background:#e97813}.product-badge.kind-case{background:#e97813}.product-badge.kind-service{background:#7d54cf}.product-badge.auto-delivery{background:#167ad3}.product-badge.manual-delivery{background:#7851ae}.product-badge.purchase-limit{background:#25302cea;font-size:8px}
.product-badge.inactive-offer{background:#65716c}.admin-inactive-product{border-style:dashed}.admin-inactive-product .product-media,.admin-inactive-product .product-info{opacity:.72}.admin-free-switch{margin:0 0 14px;border-color:#e1ba50;background:#fff7dc}.admin-free-switch>span{display:grid;gap:3px}.admin-free-switch strong{color:#765600;font-size:12px}.admin-free-switch small{color:#8a7440;font-size:10px;line-height:1.35}.admin-free-switch input{accent-color:#d5a600}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.catalog-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;flex:1}.catalog-filters button{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:12px;font-weight:850;cursor:pointer}.catalog-filters button span{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:8px}.catalog-filters button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.catalog-filters button.active{border-color:transparent;background:linear-gradient(135deg,#238ce8,#5a3ce1);color:#fff;box-shadow:0 9px 22px rgba(49,93,215,.2)}.group-filter{position:relative;display:flex;align-items:center;gap:8px}.group-filter>span{position:absolute;z-index:1;left:14px;display:grid;place-items:center;width:16px;height:16px;color:#ee3f7c;pointer-events:none}.group-filter>span svg{width:16px;height:16px;fill:currentColor}.group-filter select{height:42px;min-width:145px;padding:0 34px 0 38px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}
.product-info{display:flex;flex:1;min-width:0;flex-direction:column;padding:15px}
.product h3{margin:0 0 7px;font-size:16px;line-height:1.3}
.checkout-description{margin:-10px 0 18px;color:var(--muted);font-size:13px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.product-contents{margin:0 0 12px;padding:9px 10px;border:1px solid #d7e9e0;border-radius:11px;background:#edf8f3}
.product-contents>strong{display:block;margin-bottom:6px;color:#668078;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.product-contents>div{display:flex;gap:5px;min-width:0}
.content-chip{display:flex;align-items:center;min-width:0;flex:1;gap:5px;padding:0!important;background:transparent!important;border:0!important}
.content-chip img{width:25px;height:25px;border-radius:7px}.content-chip i{font-style:normal;color:var(--green)}
.content-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.content-chip small{font-size:9px;color:var(--green);font-weight:850}
.content-more{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#d9eee4;color:var(--green);font-size:10px;font-weight:900}
.product-bottom{margin-top:auto;min-height:57px;align-items:center;padding-top:12px}
.catalog-prices{min-width:0;display:grid;gap:2px}.catalog-prices>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.catalog-price{display:inline-flex;align-items:center;gap:4px;font-size:17px;font-weight:950;line-height:1;white-space:nowrap}
.catalog-price .currency-icon{display:inline-grid;width:18px;height:18px;place-items:center}.catalog-price svg{width:18px;height:18px;fill:currentColor}
.cash-price{color:#d4a600}.bonus-price{color:#1484df}.free-price{color:#d4a600;font-size:14px}
.old-price{display:flex;align-items:center;gap:4px;min-height:15px}.old-price del{font-size:10px}.old-price .discount-badge{margin:0;padding:2px 5px;font-size:9px}
.product .buy{flex:none;min-width:82px;border-color:#83c9a9;background:#e5f7ee;color:var(--green)}
.product .buy:hover{background:var(--green);border-color:var(--green);color:#fff}
.free-product .product-media{background:linear-gradient(145deg,#f5f8f1,#edf2e7)}
.case-product .product-media{background:radial-gradient(circle at 50% 45%,#415d7c33,transparent 48%),linear-gradient(145deg,#edf3f8,#e4edf4)}
.stock-note{display:block;margin:-3px 0 8px;color:var(--muted);font-size:10px;font-weight:750}
.case-contents{overflow:visible;padding:14px;background:linear-gradient(145deg,#eff8f4,#e8f4ef);border-color:#bfded0}.case-contents>.case-pool-heading{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:9px}.case-pool-heading strong{font-size:11px}.case-pool-heading span{padding:3px 7px;border-radius:999px;background:#d8eee4;color:#28775a;font-size:9px;font-weight:900}.case-pool-shell{position:relative;display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;align-items:center;gap:6px!important}.case-contents .case-pool{display:flex!important;gap:7px!important;min-width:0;overflow-x:auto;padding:3px 1px 7px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.case-pool::-webkit-scrollbar{display:none}.case-pool-nav{width:28px;height:48px;padding:0;border:1px solid #bdd9cc;border-radius:9px;background:#fff;color:#2b7359;font-size:23px;line-height:1;cursor:pointer}.case-pool-nav:hover{border-color:#63af8d;background:#e3f6ed}.case-reward{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;flex:0 0 132px;min-height:62px;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);text-align:left;scroll-snap-align:center;cursor:pointer;transition:.16s ease}.case-reward:hover,.case-reward:focus-visible,.case-reward.active{border-color:#4ca980;background:#f8fffb;box-shadow:0 0 0 3px #54b88b20;outline:0}.case-reward>img,.case-reward>i{display:grid;width:40px;height:40px;place-items:center;object-fit:contain;border-radius:8px;background:#edf5f1;color:var(--green);font-style:normal}.case-reward>span{display:block!important;min-width:0;padding:0!important;background:transparent!important}.case-reward b{display:block;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.case-reward small{display:block;margin-top:4px;color:#51766a;font-size:8px}.case-reward small em{color:#14875e;font-style:normal;font-weight:950}.case-reward-detail{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center;gap:11px!important;margin-top:9px;padding:10px!important;border:1px solid #b9ddcc;border-radius:11px;background:#fff}.case-reward-detail>img,.case-reward-detail>i{display:grid;width:54px;height:54px;place-items:center;object-fit:contain;border-radius:10px;background:#edf7f2;color:var(--green);font-style:normal}.case-reward-detail>span{display:block!important;padding:0!important;background:transparent!important}.case-reward-detail small{display:block;color:#6d847a;font-size:8px;letter-spacing:.11em}.case-reward-detail strong{display:block;margin:3px 0;font-size:12px}.case-reward-detail b{display:block;color:#21815e;font-size:9px}.case-hint{margin:8px 8px 0;color:var(--muted);font-size:9px;line-height:1.45;text-align:center}
.choice-contents{border-color:#9fd4bc;background:#eff9f4}.choice-contents .choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choice-option{display:block;min-width:0;cursor:pointer}.choice-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.choice-option>span{height:100%;border:1px solid var(--line);background:var(--panel);transition:border-color .16s,box-shadow .16s,background .16s}.choice-option:hover>span{border-color:#78c3a0}.choice-option>input:checked+span{border-color:#25865f;background:#e0f5ea;box-shadow:0 0 0 3px #32a97820}.choice-option>input:focus-visible+span{outline:3px solid #3c86e8;outline-offset:2px}.choice-hint{margin:9px 0 0;color:var(--muted);font-size:10px;text-align:center}
.free-product .buy{background:#fff7d9;border-color:#e2c55a;color:#8c6c00}.free-product .buy:hover{background:#d8ad00;border-color:#d8ad00;color:#fff}
.store-toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:min(520px,calc(100vw - 28px));padding:14px 18px;border:1px solid #82c9a7;border-radius:12px;background:#e7f8ef;color:#175f46;font-size:13px;font-weight:800;box-shadow:0 18px 50px rgba(25,84,62,.22);opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:.22s ease}
.store-toast.visible{opacity:1;transform:translate(-50%,0)}
.case-result-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,#183c537d,transparent 38%),rgba(4,11,17,.86);backdrop-filter:blur(10px)}.case-result-overlay>section{position:relative;width:min(760px,100%);overflow:hidden;padding:30px;border:1px solid #416277;border-radius:22px;background:linear-gradient(145deg,#142b3b,#0b1823);color:#eef8ff;box-shadow:0 34px 100px rgba(0,0,0,.55)}.case-result-overlay h2{margin:6px 0 4px;font-size:28px}.case-overlay-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #4e6878;border-radius:50%;background:#102431;color:#d5e6ef;font-size:21px;cursor:pointer}.case-overlay-close:disabled{opacity:.35;cursor:wait}.case-roll-status{margin:0 0 18px;color:#8ab4ca;font-size:11px}.case-reel{position:relative;overflow:hidden;padding:12px 0;border:2px solid #cda318;border-radius:15px;background:linear-gradient(#07131d,#102431);box-shadow:inset 0 0 35px #0008,0 0 28px #d5a91820}.case-reel:before,.case-reel:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:17%;pointer-events:none}.case-reel:before{left:0;background:linear-gradient(90deg,#07131d,transparent)}.case-reel:after{right:0;background:linear-gradient(-90deg,#07131d,transparent)}.case-reel-marker{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:#ffd63d;box-shadow:0 0 12px #ffd63d;transform:translateX(-50%)}.case-reel-marker:before,.case-reel-marker:after{content:"";position:absolute;left:50%;border:7px solid transparent;transform:translateX(-50%)}.case-reel-marker:before{top:0;border-top-color:#ffd63d}.case-reel-marker:after{bottom:0;border-bottom-color:#ffd63d}.case-reel-track{display:flex;width:max-content;gap:9px;padding:0 10px;will-change:transform}.rolling .case-reel-track{filter:saturate(.85) blur(.35px)}.case-reel-item{width:122px;height:112px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;flex:none;padding:9px;border:1px solid #2c4a5e;border-radius:10px;background:linear-gradient(145deg,#173247,#102535);box-shadow:inset 0 1px #ffffff0b;transition:.25s}.case-reel-item img,.case-reel-item i{display:grid;width:42px;height:42px;place-items:center;object-fit:contain;border-radius:8px;background:#203f50;font-style:normal}.case-reel-item b{overflow:hidden;font-size:9px;line-height:1.25;text-overflow:ellipsis}.case-reel-item small{grid-column:1/-1;color:#8bc7f1;font-size:9px}.case-reel-item.winner{border-color:#ffd43b;background:linear-gradient(145deg,#31523f,#173747);box-shadow:0 0 0 3px #ffd43b30,0 0 30px #ffd43b38;transform:scale(1.04)}.case-winner{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px;border:1px solid #2f647b;border-radius:13px;background:linear-gradient(145deg,#17384a,#102b3b);opacity:0;transform:translateY(9px)}.revealed .case-winner{animation:winner-in .4s ease forwards}.case-winner>img,.case-winner>i{display:grid;width:62px;height:62px;place-items:center;object-fit:contain;border-radius:11px;background:#203f50;font-style:normal}.case-winner small{display:block;color:#75bde9;font-size:9px;letter-spacing:.12em}.case-winner strong{display:block;margin:3px 0;font-size:16px}.case-winner b{color:#b8dcef;font-size:10px}.case-result-overlay .case-ready:disabled{opacity:.55;cursor:wait}@keyframes winner-in{to{opacity:1;transform:none}}
[data-theme=dark] .product-media{background:linear-gradient(145deg,#172d27,#14241f);border-color:#294239}
[data-theme=dark] .product-help{border-color:#96aaa1;background:#17201de8;color:#d5e3dc}
[data-theme=dark] .admin-free-switch{border-color:#806a38;background:#332d1c}[data-theme=dark] .admin-free-switch strong{color:#f4d476}[data-theme=dark] .admin-free-switch small{color:#cbbd91}
[data-theme=dark] .product-contents{background:#162b24;border-color:#2b4b40}
[data-theme=dark] .case-contents{background:linear-gradient(145deg,#142922,#10221c);border-color:#315a49}[data-theme=dark] .case-pool-heading span{background:#214638;color:#8cdbb9}[data-theme=dark] .case-pool-nav{background:#172d25;border-color:#355e4d;color:#a7e5ca}[data-theme=dark] .case-pool-nav:hover{background:#214838}[data-theme=dark] .case-reward{background:#172b24;border-color:#315044}[data-theme=dark] .case-reward:hover,[data-theme=dark] .case-reward:focus-visible,[data-theme=dark] .case-reward.active{background:#1e3a30;border-color:#51b889}[data-theme=dark] .case-reward>img,[data-theme=dark] .case-reward>i,[data-theme=dark] .case-reward-detail>img,[data-theme=dark] .case-reward-detail>i{background:#10251d}[data-theme=dark] .case-reward-detail{background:#172d25;border-color:#35634f}
[data-theme=dark] .choice-contents{border-color:#356653;background:#142820}[data-theme=dark] .choice-option>span{background:#192b24;border-color:#2c493d}[data-theme=dark] .choice-option>input:checked+span{border-color:#51b889;background:#214536;box-shadow:0 0 0 3px #4dc9931f}
[data-theme=dark] .content-more{background:#24473a;color:#75d7b1}
[data-theme=dark] .cash-price,[data-theme=dark] .free-price{color:#ffd21a}
[data-theme=dark] .bonus-price{color:#2d9bff}
[data-theme=dark] .product .buy{background:#1d4938;border-color:#3d8567;color:#9aebc2;box-shadow:inset 0 1px 0 #ffffff0d}
[data-theme=dark] .product .buy:hover{background:#34b982;border-color:#4bd19a;color:#0d2118;box-shadow:0 7px 18px #0003}
[data-theme=dark] .product .buy:disabled{background:#202d27;border-color:#35483f;color:#7f9389;box-shadow:none}
[data-theme=dark] .free-product .product-media{background:linear-gradient(145deg,#24271d,#181d18)}
[data-theme=dark] .case-product .product-media{background:radial-gradient(circle at 50% 45%,#3e76a64a,transparent 48%),linear-gradient(145deg,#172433,#101923)}
[data-theme=dark] .store-toast{background:#173a2d;border-color:#397b63;color:#a9efd2}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.catalog-filters{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:780px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-media{height:210px}.catalog-toolbar{align-items:stretch;flex-direction:column}.group-filter select{width:100%}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product{min-height:0}.product-media{height:260px}.product-info{padding:16px}.catalog-filters{display:flex;overflow-x:auto}.catalog-filters button{min-width:130px}.catalog-price{font-size:15px}.choice-contents .choice-options{grid-template-columns:1fr}.case-contents{margin-left:-4px;margin-right:-4px;padding:10px}.case-pool-shell{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:4px!important}.case-pool-nav{width:24px}.case-reward{flex-basis:118px;grid-template-columns:34px minmax(0,1fr)}.case-reward>img,.case-reward>i{width:34px;height:34px}.case-result-overlay{padding:8px}.case-result-overlay>section{padding:22px 14px}.case-result-overlay h2{font-size:22px}.case-reel-item{width:104px;height:102px;grid-template-columns:34px minmax(0,1fr)}.case-reel-item img,.case-reel-item i{width:34px;height:34px}}