@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#080808;--panel:#111;--panel2:#151515;--line:#292929;--white:#f4f4f2;--muted:#9b9b9b;--acid:#d8ff00;--red:#ff304f;--blue:#4080fe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}.top{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1380px;margin:auto;height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 28px/1 'Barlow Condensed',sans-serif;letter-spacing:3px}.brand b{color:var(--acid)}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{color:#ddd;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.navlinks a:hover{color:var(--acid)}
.hero{max-width:1380px;margin:auto;padding:76px 28px 48px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.eyebrow{color:var(--acid);font:700 14px/1 'Barlow Condensed';letter-spacing:4px;text-transform:uppercase}.hero h1{font:800 clamp(58px,8vw,120px)/.82 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:18px 0 22px;text-transform:uppercase}.hero h1 span{color:var(--acid)}.hero p{max-width:760px;color:#b8b8b8;font-size:16px;line-height:1.7;margin:0}.hero-mark{display:flex;justify-content:flex-end;align-items:flex-end}.hero-mark img{width:210px;max-height:260px;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.5))}
.controls{max-width:1380px;margin:auto;padding:24px 28px 42px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.search{position:relative}.search input{width:100%;background:#0f0f0f;border:1px solid #333;color:#fff;padding:17px 50px 17px 18px;font-size:15px;outline:none}.search input:focus{border-color:var(--acid)}.search:after{content:'⌕';position:absolute;right:18px;top:12px;font-size:24px;color:var(--acid)}.filters{display:flex;gap:8px}.filter{background:#111;color:#ddd;border:1px solid #333;padding:14px 16px;font-size:11px;font-weight:800;letter-spacing:1.2px;cursor:pointer}.filter.active,.filter:hover{background:var(--acid);border-color:var(--acid);color:#000}.count{max-width:1380px;margin:auto;padding:0 28px 18px;color:#777;font:600 13px 'Barlow Condensed';letter-spacing:2px;text-transform:uppercase}
.grid{max-width:1380px;margin:auto;padding:0 28px 90px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:var(--panel);border:1px solid var(--line);min-width:0;transition:.2s ease;display:flex;flex-direction:column}.product-card:hover{border-color:#555;transform:translateY(-3px)}.product-media{position:relative;display:block;aspect-ratio:3/4;background:#1a1a1a;overflow:hidden}.product-image{width:100%;height:100%;display:block;object-fit:cover}.product-image.secondary{position:absolute;inset:0;opacity:0;transition:opacity .25s}.product-card:hover .secondary{opacity:1}.zoom{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.82);border:1px solid #444;padding:7px 9px;font:700 10px 'Barlow Condensed';letter-spacing:1px;opacity:0;transition:.2s}.product-card:hover .zoom{opacity:1}.product-body{padding:15px 15px 16px;display:flex;flex-direction:column;flex:1}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.status{font:800 10px 'Barlow Condensed';letter-spacing:1.7px;padding:5px 7px}.status.available{background:var(--acid);color:#000}.status.soldout{background:var(--red);color:#fff}.item-no{color:#666;font:600 11px 'Barlow Condensed';letter-spacing:1px}.product-body h2{font:800 25px/.9 'Barlow Condensed';margin:0;text-transform:uppercase}.album{color:#aaa;font:500 16px/1.05 'Barlow Condensed';margin:7px 0 20px;min-height:17px;text-transform:uppercase}.product-footer{margin-top:auto;border-top:1px solid #292929;padding-top:13px;display:flex;justify-content:space-between;gap:10px;align-items:center}.product-footer strong{font:800 21px 'Barlow Condensed';color:#fff}.buy{font:800 10px 'Inter';letter-spacing:.7px;color:#000;background:var(--acid);padding:9px 10px;text-decoration:none;white-space:nowrap}.buy:hover{background:#fff}
.empty{display:none;max-width:1380px;margin:0 auto;padding:70px 28px 120px;text-align:center;color:#888}.empty strong{display:block;color:#fff;font:800 48px 'Barlow Condensed';margin-bottom:8px}.footer{border-top:1px solid var(--line);padding:35px 28px 50px;color:#777;text-align:center;font-size:12px;line-height:1.6}.footer b{color:var(--acid)}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-mark{justify-content:flex-start}.controls{grid-template-columns:1fr}.filters{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:720px){.nav{height:62px;padding:0 18px}.brand{font-size:23px}.navlinks{gap:10px}.navlinks a:not(:last-child){display:none}.hero{padding:52px 18px 35px}.hero h1{font-size:68px}.hero-mark img{width:150px;max-height:170px}.controls,.count,.grid{padding-left:18px;padding-right:18px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-body{padding:12px}.product-body h2{font-size:21px}.album{font-size:14px;margin-bottom:15px}.product-footer{display:block}.product-footer strong{display:block;margin-bottom:8px}.buy{display:block;text-align:center}.zoom{display:none}}@media(max-width:440px){.grid{grid-template-columns:1fr}.hero h1{font-size:62px}}