:root{--bg:#070809;--bg2:#0e1012;--ink:#e8ecec;--muted:#9aa4a6;--accent:#4dff6a;--accent2:#b9c4c9;--glass:rgba(255,255,255,.05);--line:rgba(255,255,255,.12);--steel:#6b747a}
body{background:#070809 url('/assets/web-tile.svg') center top/900px repeat;}
.aurora{display:none}
canvas#stars{opacity:.5}
.sp-hero{position:relative;z-index:2;overflow:hidden;background:#000;border-bottom:1px solid var(--line)}
.sp-hero .banner{display:block;width:100%;max-height:520px;object-fit:cover;object-position:center;filter:contrast(1.05) saturate(1.05)}
.sp-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,9,0) 40%,rgba(7,8,9,.85) 85%,#070809 100%)}
.sp-hero .title{position:absolute;left:0;right:0;bottom:28px;text-align:center;padding:0 20px}
.sp-hero h1{font-size:clamp(34px,6.5vw,80px);margin:0 0 8px;text-shadow:0 0 30px rgba(77,255,106,.35)}
.sp-hero h1 .w{background:linear-gradient(120deg,#e8ecec 0%,#b9c4c9 40%,#4dff6a 100%);-webkit-background-clip:text;background-clip:text}
.sp-hero .lead{margin:0 auto 18px;color:#c7cfd2;text-shadow:0 1px 8px #000}
.sp-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sp-stats span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(77,255,106,.35);border-radius:999px;padding:7px 14px;background:rgba(0,0,0,.5)}
.brand img{border-radius:50%;background:#fff}
.btn.primary{background:linear-gradient(120deg,#4dff6a,#1fbf45);color:#04110a;box-shadow:0 0 24px rgba(77,255,106,.25)}
.card{background:rgba(14,16,18,.85);border-color:rgba(255,255,255,.1)}
.card:hover{border-color:rgba(77,255,106,.5);box-shadow:0 0 30px rgba(77,255,106,.12)}
.card .n{background:linear-gradient(120deg,#4dff6a,#b9c4c9);color:#04110a}
.alt{background:linear-gradient(180deg,transparent,rgba(14,16,18,.9),transparent)}
.field button{background:linear-gradient(120deg,#4dff6a,#1fbf45);color:#04110a}
.chain{height:6px;background:repeating-linear-gradient(90deg,#3a4146 0 14px,#6b747a 14px 22px,#3a4146 22px 28px);opacity:.7;border-top:1px solid #1c2124;border-bottom:1px solid #000}
.cat-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 22px}
.cat-tools .field{flex:1;min-width:240px;margin:0}
.cat-tools select{width:auto;margin:0;background:#0e1012}
.item{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:0;overflow:hidden}
.item .ph{display:block;aspect-ratio:1/1;background:#111 center/cover no-repeat;border-bottom:1px solid var(--line)}
.item .body .btn{display:block;text-align:center;border:0;cursor:pointer;font-family:inherit}
.item .body{padding:14px 16px 16px}
.item h3{font-size:15px;line-height:1.3;margin-bottom:8px;font-weight:600}
.item .price{color:var(--accent);font-weight:800;font-size:17px}
.item .cond{font-size:12px;color:var(--muted);margin-top:4px}
.item .go{margin-top:10px;font-size:13px;color:#b9c4c9}
.count{color:var(--muted);font-size:14px;margin-bottom:14px}
.sp-modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:20px}
.sp-modal .box{background:#0e1012;border:1px solid var(--line);border-radius:20px;width:min(1100px,96vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:0}
@media(max-width:820px){.sp-modal .box{grid-template-columns:1fr}}
.sp-modal .gal{padding:18px;border-right:1px solid var(--line)}
.sp-modal .big{aspect-ratio:1/1;background:#000 center/contain no-repeat;border-radius:14px;border:1px solid var(--line)}
.sp-modal .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:10px}
.sp-modal .thumbs div{aspect-ratio:1/1;background:#111 center/cover no-repeat;border-radius:8px;border:2px solid transparent;cursor:pointer}
.sp-modal .thumbs div.on{border-color:var(--accent)}
.sp-modal .info{padding:22px 24px}
.sp-modal .info h2{font-size:24px;margin:0 0 8px;padding-right:36px}
.sp-modal .info .price{color:var(--accent);font-size:26px;font-weight:800;margin-bottom:14px}
.sp-modal .desc{color:var(--muted);font-size:15px;line-height:1.6;margin-top:18px}
.sp-modal .desc p{margin-bottom:10px}.sp-modal .desc h3{color:var(--ink);font-size:16px;margin:16px 0 8px}
.sp-modal .desc table{border-collapse:collapse;width:100%;font-size:14px}.sp-modal .desc th{color:var(--ink);font-weight:600;text-align:left;padding:4px 12px 4px 0;vertical-align:top;white-space:nowrap}.sp-modal .desc td{padding:4px 0;color:var(--muted)}
.sp-modal .x{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1}
.sp-modal .box{position:relative}
.item .ph,.item h3{cursor:pointer}