body{background:var(--bg)}.bar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:max(var(--pad),env(safe-area-inset-top)) var(--pad) var(--pad);background:linear-gradient(rgba(5,5,7,.9),transparent)}.home{letter-spacing:.3em}.home b{color:var(--lamp);font-weight:500}.bar nav{display:flex;gap:22px;align-items:center}.cart-btn{font:inherit;letter-spacing:inherit;text-transform:inherit;display:inline-flex;gap:8px;align-items:center}.cart-btn span{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--text);color:var(--bg);display:inline-grid;place-items:center;font-size:11px}.cart-btn.bump span{animation:bump .4s}@keyframes bump{50%{transform:scale(1.4);background:var(--lamp)}}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;align-items:end;overflow:hidden}.hero-img{position:absolute;inset:0 0 0 30%}.hero-img img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 55% 45%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 55% 45%,#000 30%,transparent 72%)}.hero-txt{position:relative;padding:0 var(--pad) clamp(40px,8vh,90px)}.kicker{color:var(--lamp)}.hero h1{font-size:clamp(110px,21vw,340px);margin:6px 0 0;line-height:.8}.lead{font-size:clamp(22px,2.4vw,32px);max-width:520px;color:var(--dim);margin:18px 0 26px}.listen.big .dot{font-size:16px}.grid-wrap{padding-top:clamp(60px,10vw,120px)}.grid-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:12px}.grid-head h2{font-size:clamp(48px,7vw,96px);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,28px)}.card{text-align:left;display:grid;gap:10px}.card .img{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:#0d0714}.card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s}.card .img img+img{opacity:0}.card:hover .img img{transform:scale(1.04)}.card:hover .img img+img{opacity:1}.card .tag{position:absolute;left:10px;top:10px;font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--lamp);color:#140a02;z-index:2}.card .row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.card b{font:800 24px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.card .pr{font:600 14px var(--ui);color:var(--dim);white-space:nowrap}.card .sub{font-size:12px;color:var(--faint)}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(60px,10vw,120px);padding-top:28px;border-top:1px solid var(--line)}.info h3{margin:0 0 8px;color:var(--lamp)}.info p{margin:0;color:var(--dim);font-size:14px;max-width:340px}.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:40px;padding-bottom:calc(40px + env(safe-area-inset-bottom));margin-top:60px;border-top:1px solid var(--line);color:var(--dim)}.foot .legal{display:flex;flex-wrap:wrap;gap:20px}.withdraw{font:inherit;letter-spacing:inherit;text-transform:inherit;border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:var(--text)}dialog.sheet{padding:0;border:0;background:#0b0a0f;color:var(--text);width:min(1100px,100vw - 32px);max-height:calc(100dvh - 40px);border-radius:18px;overflow:auto}dialog.sheet.small{width:min(480px,100vw - 32px)}dialog::backdrop{background:#000000b3;backdrop-filter:blur(4px)}.x{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;background:#ffffff14;z-index:3}.p-wrap{position:relative;display:grid;grid-template-columns:1.2fr 1fr}.p-gallery{display:grid;gap:4px}.p-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.p-info{padding:32px;display:grid;gap:14px;align-content:start;position:sticky;top:0}.p-info h2{font-size:clamp(44px,5vw,72px);margin:0;line-height:.85}.price{font:600 20px var(--ui);margin:0}.price small{display:block;font-size:12px;color:var(--faint);font-weight:500;margin-top:4px}.sizes{display:flex;flex-wrap:wrap;gap:6px}.sizes button{min-width:48px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:600 13px var(--ui)}.sizes button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--bg)}.add{padding:15px 20px;border-radius:999px;background:var(--lamp);color:#140a02;font:700 14px var(--ui);letter-spacing:.04em}.add:disabled{opacity:.4;cursor:not-allowed}details{border-top:1px solid var(--line);padding-top:12px}details summary{cursor:pointer;color:var(--dim)}details p{color:var(--dim);font-size:14px;margin:10px 0 0}.drawer{position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(440px,100vw);background:#0b0a0f;border-left:1px solid var(--line);transform:translate(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.drawer.open{transform:none}.scrim{position:fixed;z-index:55;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.on{opacity:1;pointer-events:auto}.d-head{position:relative;padding:max(24px,env(safe-area-inset-top)) 24px 16px;border-bottom:1px solid var(--line)}.d-head h2{margin:0;font-size:44px}.d-items{flex:1;overflow:auto;padding:8px 24px}.ci{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.ci img{width:72px;height:72px;object-fit:cover;border-radius:6px}.ci b{display:block;font-size:14px}.ci small{color:var(--faint);font-size:12px}.qty{display:inline-flex;gap:10px;align-items:center;margin-top:6px;font-size:13px}.qty button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line)}.d-foot{padding:16px 24px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:8px;font-size:14px}.d-foot .r{display:flex;justify-content:space-between;color:var(--dim)}.d-foot .r.t{color:var(--text);font-weight:700;font-size:16px}.d-foot small{color:var(--faint);font-size:11px}.empty{color:var(--faint);padding:30px 0}.free{font-size:12px;color:var(--lamp)}.co{position:relative;padding:32px;display:grid;gap:14px}.co h2{margin:0;font-size:52px}.co p{margin:0;font-size:14px}.co input:not([type=checkbox]){background:var(--card, #121117);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font:400 16px var(--ui)}.co-sum{display:grid;gap:6px;font-size:14px;color:var(--dim)}.co-sum .r{display:flex;justify-content:space-between}.check{font-size:13px;color:var(--dim);display:flex;gap:10px;align-items:flex-start}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-img{inset:0 0 30%}.grid{grid-template-columns:1fr 1fr}.card b{font-size:19px}.info{grid-template-columns:1fr}.bar nav .link{display:none}.p-wrap{grid-template-columns:1fr}.p-gallery{grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory}.p-gallery img{scroll-snap-align:start}.p-info{padding:22px;position:static}dialog.sheet{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}}.legal-page{max-width:760px;margin:0 auto;padding:calc(110px + env(safe-area-inset-top)) var(--pad) 40px}.legal-page h1{font-size:clamp(48px,8vw,96px);margin:0 0 24px}.legal-page h2{font:600 17px var(--ui);margin:28px 0 8px}.legal-page p,.legal-page li{color:var(--dim);font-size:15px;line-height:1.6}.legal-page .note{border:1px dashed var(--lamp);border-radius:10px;padding:12px 14px;color:var(--lamp);font-size:13px}.form{display:grid;gap:10px}.form label{display:grid;gap:6px;font-size:13px;color:var(--dim)}.kasse>*,.form .two>*{min-width:0}.form input,.form select,.form textarea{width:100%;min-width:0;background:#121117;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font:400 16px var(--ui)}.form .two{display:grid;grid-template-columns:1fr 2fr;gap:10px}.msg-ok{color:#4ade80}.msg-err{color:#f87171}.closed{border:1px dashed var(--line);border-radius:12px;padding:14px;color:var(--dim);font-size:14px}.kasse{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}.kasse .sum{position:sticky;top:100px;background:#0b0a0f;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:8px;font-size:14px}.kasse .sum .r{display:flex;justify-content:space-between;color:var(--dim)}.kasse .sum .t{color:var(--text);font-weight:700;font-size:16px}#payment{min-height:40px}@media(max-width:860px){.kasse{grid-template-columns:1fr}.kasse .sum{position:static}}