*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#edf0f4;background:radial-gradient(circle at 18% 0,#780e2c38 0%,#0000 40%),radial-gradient(circle at 100% 0,#540e242e 0%,#0000 35%),#06070a;font-family:Segoe UI,Inter,Arial,sans-serif}.layout{color:#eef1f4;--accent:#ff1e56;--accent-strong:#ff0047;--line:#1c1d25;--panel:#0c0d12;--muted:#95a0b2;background-image:radial-gradient(circle,#ffffff1c 1px,#0000 1px);background-position:top;background-size:34px 34px;min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080ce0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.05rem}.badge{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.ghost{color:#dde1e5;cursor:pointer;background:0 0;border:1px solid #2a2d37;border-radius:999px;padding:8px 14px}.link{text-decoration:none}.content{grid-template-columns:260px 1fr 340px;gap:16px;width:min(1680px,96vw);margin:16px auto;display:grid}.left-nav{border:1px solid var(--line);background:#0c0d12;border-radius:12px;align-self:start;padding:14px;position:sticky;top:76px}.left-nav__title{text-transform:uppercase;color:#b6bfcd;margin-bottom:12px;font-weight:700}.left-nav__list{gap:6px;display:grid}.left-nav__item{color:#aeb6c5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 8px;display:flex}.left-nav__item:hover{background:#141724}.left-nav__item--active{color:#fff;background:#ff1e562e}.dot{background:#444b5b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.left-nav__item--active .dot{background:var(--accent);box-shadow:0 0 10px #ff1e56e6}.left-nav__extra{border-top:1px dashed #2a2f3d;margin-top:16px;padding-top:10px}.left-nav__title--extra{color:#c7cddd;margin-bottom:8px}.left-nav__sublist{gap:6px;display:grid}.left-nav__subitem{color:#98a1b3;align-items:center;gap:9px;padding-left:4px;font-size:.9rem;display:flex}.dot--sub{background:#515a6d;width:6px;height:6px}.catalog{gap:14px;display:grid}.stock-toggle{z-index:22;border:1px solid var(--line);background:#0a0b10f2;border-radius:999px;gap:8px;margin-bottom:2px;padding:4px;display:inline-flex;position:sticky;top:67px}.toggle-btn{color:#b2bbcb;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:.82rem}.toggle-btn--active{color:#fff;background:#212635}.category{border:1px solid var(--line);background:linear-gradient(#0e1017,#0b0c12);border-radius:12px;overflow:hidden}.category__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.category__head h2{margin:0;font-size:1.28rem;font-weight:700}.category__head p{color:var(--muted);margin:0;font-size:.92rem}.category__tabs{border-bottom:1px solid var(--line);gap:8px;padding:10px 16px;display:flex}.tab{color:#95a0b2;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:.84rem}.tab--active{color:#fff;border-bottom:2px solid var(--accent)}.options{display:grid}.category__body{display:block}.category__body--media{grid-template-columns:220px 1fr;display:grid}.category__media{object-fit:contain;border-right:1px solid var(--line);filter:drop-shadow(0 8px 20px #00000073);background:0 0;border-right:0;place-self:start center;width:170px;height:105px;margin-top:18px;margin-bottom:18px}.option{color:#edf1f6;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #181a22;justify-content:space-between;align-items:flex-start;padding:14px 18px;transition:background .18s;display:flex}.option:hover{background:#12141d}.option--unavailable{color:#7f8798}.option--unavailable .option__price{color:#6f7686}.option--active{background:linear-gradient(90deg,#ff1e5633,#0000 68%)}.option--active .option__name:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block;box-shadow:0 0 12px #ff1e56e6}.option__name{flex-wrap:wrap;align-items:center;gap:6px;max-width:82%;display:flex}.status-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.status-dot--stock{background:#52e26f;box-shadow:0 0 8px #52e26fbf}.status-dot--out{background:#6a7283}.preorder{color:#ffc3d0;border:1px solid #8f4e5f;border-radius:999px;padding:2px 8px;font-size:.68rem}.option__price{color:#cad2de;white-space:nowrap;margin-left:14px}.empty-list{color:#9aa5b8;margin:0;padding:14px 18px;font-size:.9rem}.summary{align-self:start;gap:12px;display:grid;position:sticky;top:72px}.summary__box,.summary__list,.summary__warn{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px}.summary__label{color:var(--muted);text-transform:uppercase;margin:0;font-size:.78rem}.summary__box h3{margin:4px 0 12px;font-size:1.4rem}.summary__preview{background:radial-gradient(circle at 70% 20%,#ff1e5652,#0000 42%),#0f121a;border:1px solid #232636;border-radius:10px;height:126px;margin-bottom:12px}.summary__total{color:#fff;margin:0;font-size:1.7rem;font-weight:800}.summary__hint{color:var(--muted);margin:6px 0 14px;font-size:.9rem}.buy{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;padding:12px 14px;font-size:1rem;font-weight:800}.summary__actions{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.summary__action{color:#d6dceb;cursor:pointer;background:#181b28;border:1px solid #252a3d;border-radius:8px;padding:8px 6px;font-size:.74rem}.summary__list h4,.summary__warn h4{margin:0 0 12px}.summary__list ul,.summary__warn ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.summary__list li span{color:var(--muted);font-size:.8rem;display:block}.summary__list li strong{color:#f2f6f8;font-size:.92rem}.summary__warn{background:linear-gradient(#1a0f16,#130c11);border-color:#45202b}.summary__warn li{color:#f0b6c7;padding-left:14px;font-size:.88rem;position:relative}.summary__warn li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.source-link{color:#ff7e9c;text-transform:uppercase;margin-top:8px;font-size:.85rem;text-decoration:none;display:inline-block}.api-error{color:#ff9aa8;margin:8px 0 0;font-size:.85rem}@media (width<=1320px){.content{grid-template-columns:230px 1fr 320px}}@media (width<=1100px){.content{grid-template-columns:1fr}.left-nav{z-index:21;white-space:nowrap;position:sticky;top:67px;overflow-x:auto}.left-nav__title{margin-bottom:8px}.left-nav__list{gap:8px;display:flex}.left-nav__item{white-space:nowrap}.left-nav__extra{border-top:0;margin-top:10px;padding-top:2px}.left-nav__sublist{gap:10px;display:flex;overflow-x:auto}.left-nav__subitem{white-space:nowrap}.summary{position:static}.summary__actions{grid-template-columns:repeat(2,1fr)}.stock-toggle{top:130px}}@media (width<=640px){.topbar{padding:10px 12px}.topbar h1{font-size:.82rem}.badge{padding:4px 8px;font-size:.68rem}.ghost{padding:6px 10px;font-size:.78rem}.content{gap:10px;width:min(100%,98vw);margin:10px auto}.stock-toggle{justify-content:space-between;width:100%;top:118px}.toggle-btn{text-align:center;flex:1}.category__head{flex-direction:column;align-items:flex-start}.category__head h2{font-size:1.08rem}.category__tabs{white-space:nowrap;overflow-x:auto}.category__body--media{grid-template-columns:1fr}.category__media{border-bottom:0;border-right:0;width:140px;height:88px;margin:12px auto 6px}.option{align-items:flex-start;gap:8px;padding:12px}.option__name{max-width:100%;font-size:.9rem;line-height:1.3}.option__price{margin-left:0;font-size:.84rem}.summary__actions{grid-template-columns:repeat(2,1fr)}}