:root{--bg:#070907;--panel:#111613;--panel2:#171d19;--line:#2d3731;--muted:#929b94;--text:#eef0ea;--gold:#dfa63c;--gold2:#ffc65a;--cyan:#43bec1;--green:#55ba6d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#202b24 0,#090c0a 42%,#050706 100%);color:var(--text);font:14px/1.55 Arial,sans-serif}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#fff 3px)}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1280px,calc(100% - 38px));margin:auto}.shop-header{height:76px;position:fixed;z-index:80;inset:0 0 auto;background:rgba(6,9,7,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;min-width:225px}.brand img{width:48px;height:48px;border-radius:50%;transition:.35s;box-shadow:0 0 18px rgba(67,190,193,.2)}.brand:hover img{transform:rotate(-7deg) scale(1.06);box-shadow:0 0 28px rgba(67,190,193,.38)}.brand strong{font-size:18px;letter-spacing:2.5px}.brand small{display:block;color:var(--cyan);font-size:8px;letter-spacing:3.5px}.nav{display:flex;gap:22px;flex:1}.nav a{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#aab3ac;font-weight:900;transition:.2s}.nav a:hover,.nav a.active{color:var(--gold2)}.header-tools{display:flex;align-items:center;gap:8px}.cart-open{position:relative;border:1px solid #66532d;background:#181710;color:var(--gold2);padding:10px 13px;font-size:9px;font-weight:900;cursor:pointer;transition:.2s}.cart-open:hover{background:#292216;transform:translateY(-1px)}.cart-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:50%;background:var(--gold);color:#171108}.steam{display:inline-flex;padding:10px 12px;background:#14202a;border:1px solid #2a4253;border-radius:4px;font-size:9px;font-weight:900}.auth-actions{display:flex;align-items:center;gap:7px}.user{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #344039;background:#111713}.avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}.user strong{display:block;font-size:10px}.user small{display:block;font-size:8px;color:var(--muted)}.admin-link{padding:10px;border:1px solid #5c633f;color:var(--gold2);font-size:9px}.shop-hero{min-height:440px;padding-top:76px;position:relative;background:url('/assets/fog-zone-brand-banner.jpg') center/cover no-repeat;display:flex;align-items:center;border-bottom:1px solid #39423b}.shop-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050706f1 0,#050706c4 40%,#0507064d 72%),linear-gradient(0deg,#080b09da 0,transparent 45%)}.hero-copy{position:relative;z-index:2;padding:65px 0;max-width:620px}.kicker{color:var(--gold2);font-size:9px;letter-spacing:4px;font-weight:900}.shop-hero h1{font-size:clamp(48px,7vw,86px);line-height:.9;margin:20px 0 15px;letter-spacing:-2px}.shop-hero p{max-width:520px;color:#bac1bc;font-size:15px}.hero-home-logo{position:absolute;z-index:3;right:max(24px,calc((100vw - 1280px)/2));top:112px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:rgba(7,12,10,.7);border:1px solid rgba(67,190,193,.45);box-shadow:0 0 45px rgba(67,190,193,.18);transition:.35s}.hero-home-logo img{width:88px;height:88px;border-radius:50%}.hero-home-logo:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 60px rgba(67,190,193,.35)}.hero-home-logo:after{content:'НА ГЛАВНУЮ';position:absolute;top:112px;font-size:7px;letter-spacing:2px;color:#8edbdd;white-space:nowrap}
.store{padding:55px 0 100px}.store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}.store-head h2{font-size:32px;margin:0}.store-head p{color:var(--muted);margin:5px 0 0}.result-count{font-size:9px;letter-spacing:1.5px;color:#7f8982;text-transform:uppercase}.store-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;align-items:start}.filter-panel{position:sticky;top:94px;border:1px solid var(--line);background:linear-gradient(#121814,#0d110f);padding:15px}.filter-title{font-size:9px;letter-spacing:2px;color:#7f8982;margin:5px 8px 13px}.filter-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 11px;border:0;border-bottom:1px solid #273029;background:transparent;color:#adb5af;text-align:left;font-size:10px;font-weight:900;cursor:pointer;transition:.22s}.filter-btn:last-child{border-bottom:0}.filter-btn:hover{padding-left:16px;color:#fff;background:#171e19}.filter-btn.active{padding-left:16px;color:var(--gold2);background:linear-gradient(90deg,rgba(223,166,60,.13),transparent);box-shadow:inset 2px 0 var(--gold)}.filter-btn span{font-size:8px;color:#68736b}.help-card{margin-top:12px;padding:18px;border:1px solid rgba(67,190,193,.25);background:rgba(23,54,51,.12)}.help-card b{font-size:11px;color:#8bdfe0}.help-card p{color:var(--muted);font-size:10px;margin:8px 0 12px}.help-card a{font-size:9px;color:var(--gold2)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:260px}.product-card{opacity:0;transform:translateY(16px);animation:cardIn .46s cubic-bezier(.2,.75,.25,1) forwards;background:linear-gradient(155deg,#141a16,#0d110f);border:1px solid var(--line);overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.product-card:hover{transform:translateY(-6px)!important;border-color:#6d5931;box-shadow:0 18px 45px rgba(0,0,0,.35)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.product-media{height:210px;position:relative;background:#080b09;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.product-card:hover .product-media img{transform:scale(1.07);filter:brightness(1.08)}.placeholder{height:100%;display:grid;place-items:center;color:#4e5b53;font-weight:900;letter-spacing:3px;background:radial-gradient(circle,#18201b,#080b09)}.category{position:absolute;left:11px;top:11px;background:rgba(7,10,8,.88);border:1px solid rgba(67,190,193,.32);color:#75d6d8;padding:5px 8px;font-size:7px;letter-spacing:1.5px}.product-copy{padding:18px}.product-copy h3{font-size:16px;margin:0 0 7px}.product-copy p{height:39px;overflow:hidden;color:var(--muted);font-size:11px;margin:0 0 17px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:18px;font-weight:1000;color:var(--gold2)}.add-btn{position:relative;overflow:hidden;border:1px solid #7c622f;background:#201b12;color:#f0c66f;padding:10px 12px;font-size:8px;font-weight:1000;cursor:pointer;transition:.25s}.add-btn:before{content:'+';margin-right:6px}.add-btn:hover{background:var(--gold);color:#171108;transform:translateY(-2px)}.add-btn.added{background:#16301e;border-color:#3d8350;color:#78d88d}.add-btn.added:before{content:'✓'}.empty{grid-column:1/-1;padding:70px 25px;text-align:center;border:1px dashed var(--line);color:var(--muted)}
.cart-tray{position:fixed;z-index:70;left:50%;bottom:18px;transform:translate(-50%,120px);width:min(720px,calc(100% - 25px));padding:12px 13px 12px 18px;background:rgba(17,23,19,.96);border:1px solid #4b574f;box-shadow:0 18px 60px #000;display:flex;align-items:center;gap:18px;transition:.35s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(14px)}.cart-tray.show{transform:translate(-50%,0)}.tray-text{flex:1}.tray-text b{color:var(--gold2)}.tray-text small{display:block;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #8d6b2b;background:linear-gradient(#eab347,#c98a25);color:#171108;font-size:9px;font-weight:1000;text-transform:uppercase;cursor:pointer;transition:.22s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.dark{background:#171e1a;border-color:#425047;color:#e8eae5}.modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:15px}.modal.open{display:flex}.cart-panel{width:min(600px,100%);max-height:85vh;overflow:auto;background:#111713;border:1px solid #3d4941;padding:23px}.modal-head{display:flex;align-items:center;justify-content:space-between}.close{width:36px;height:36px;border:1px solid #3c4941;background:#18201b;cursor:pointer}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:8px}.qty button{width:27px;height:27px;border:1px solid #3c4941;background:#18201b;cursor:pointer}.total{text-align:right;font-size:23px;color:var(--gold2);font-weight:1000;margin:19px 0}.promo{display:flex;gap:8px;margin-top:15px}.promo input{flex:1;min-width:0;background:#080b09;border:1px solid #3c4941;color:#fff;padding:11px}.message{margin-top:10px;color:#9ca69f}.footer{padding:35px 0;border-top:1px solid #232c27;color:#68736c;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:1050px){.nav{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.brand{min-width:0}.hero-home-logo{right:25px}}
@media(max-width:700px){.shell{width:min(100% - 22px,1280px)}.shop-header{height:66px}.header-inner{gap:10px}.brand img{width:40px;height:40px}.brand strong{font-size:14px}.brand small{font-size:7px}.cart-open{margin-left:auto;padding:9px;font-size:0}.cart-open:before{content:'КОРЗИНА';font-size:8px}.steam{font-size:0;padding:9px}.steam:before{content:'STEAM';font-size:8px}.admin-link{display:none}.shop-hero{padding-top:66px;min-height:440px;background-position:58% center}.shop-hero h1{font-size:55px}.hero-copy{padding-top:110px}.hero-home-logo{width:72px;height:72px;top:86px;right:13px}.hero-home-logo img{width:61px;height:61px}.hero-home-logo:after{top:77px}.store{padding-top:40px}.store-head{align-items:flex-start;flex-direction:column}.store-layout{grid-template-columns:1fr}.filter-panel{position:static;display:flex;overflow:auto;gap:7px;padding:8px}.filter-title,.help-card{display:none}.filter-btn{width:auto;flex:0 0 auto;border:1px solid var(--line);padding:10px 12px;gap:8px}.filter-btn:hover,.filter-btn.active{padding-left:12px}.product-grid{grid-template-columns:1fr}.product-media{height:250px}.cart-tray{bottom:9px}.tray-text small{display:none}.cart-row{grid-template-columns:1fr auto}.cart-row>strong{grid-column:1/-1;text-align:right}.footer{flex-direction:column;gap:8px}}