:root{--bg:#0e1f16;--card:#112619;--ink:#f3ead2;--mute:#a9b39f;--line:#2b4a37;--gold:#f2b705;--red:#e04040;--green:#2fa04f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'DM Sans',system-ui,sans-serif;overflow-x:clip}
a{color:var(--gold)}
img{display:block;max-width:100%;height:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px max(16px,4vw);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;font:400 20px 'Bowlby One',Impact,sans-serif;color:var(--ink);text-decoration:none}
header nav{display:flex;gap:18px;font-size:15px}
main{max-width:1200px;margin:0 auto;padding:20px max(16px,4vw) 56px}
.crumb{font-size:14px;color:var(--mute);margin-bottom:18px}
.disc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a i" "b i";grid-template-rows:auto 1fr;column-gap:40px;row-gap:12px;align-items:start}.ph1{grid-area:a}.info{grid-area:i}.ph2{grid-area:b}
.ph{display:grid;gap:12px}
.ph img{width:100%;border-radius:8px;border:1px solid var(--line)}
h1{margin:0 0 10px;font:400 clamp(30px,4.4vw,48px)/1.08 'Bowlby One',Impact,sans-serif;overflow-wrap:anywhere}
h1 span{display:block;font:700 18px/1.4 'DM Sans',system-ui,sans-serif;color:var(--gold);margin-bottom:6px}
h1.ct{margin-bottom:14px}
.price{font:700 28px 'DM Sans',system-ui,sans-serif;margin:0 0 14px}
.cta{display:block;background:var(--gold);color:#14130c;text-align:center;text-decoration:none;font-weight:700;border-radius:8px;padding:15px 18px;font-size:17px}
.cta:hover{background:#ffcb2e}
.note{color:var(--mute);font-size:14px;margin:10px 0 22px}
dl{margin:0 0 22px;border-top:1px solid var(--line)}
dl div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
dt{color:var(--mute)}
dd{margin:0;text-align:right;font-weight:500}
.lab{margin:0 0 6px;font-size:14px;color:var(--mute)}
audio{width:100%;margin-bottom:22px}
.txt p{margin:0 0 14px}
.more{margin-top:56px}
h2{font-size:20px;margin:0 0 16px}
.intro{max-width:720px;margin:0 0 14px}
.grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:26px 0 0;padding:0}
.grid a{display:flex;flex-direction:column;gap:2px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--ink);text-decoration:none;padding-bottom:12px;font-size:15px}
.grid a:hover{border-color:var(--gold)}
.grid img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:8px}
.grid b,.grid span{padding:0 12px}
.grid .m{color:var(--mute);font-size:13px}
.grid .p{font-weight:700;color:var(--gold);margin-top:4px}
.grid .sold{font-weight:700;color:var(--red);margin-top:4px}
footer{border-top:1px solid var(--line);padding:22px max(16px,4vw);color:var(--mute);font-size:14px;text-align:center}
@media(max-width:760px){.disc{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "i" "b";grid-template-rows:none;row-gap:20px}}