/* Merch (Oct 28, 2026): lookbook layout (option B). Theme vars only (Newsreader / Inter / #2f5d46). */
.m-wrap{max-width:1100px}
.m-page h1{font-family:var(--font-serif)}
.m-h2{font-family:var(--font-serif);font-size:1.5rem;margin:1.4em 0 .3em;color:var(--ink)}
.m-note{background:#f1f6f2;border-left:4px solid var(--g,#2f5d46);border-radius:var(--radius);padding:12px 16px;margin:14px 0 8px;font-size:.95rem}
.m-note p{margin:.3em 0}
.m-price{font-family:var(--font-sans);font-weight:700;color:var(--g,#2f5d46);margin:.2em 0 .5em}
.m-cols{font-size:.9rem;color:var(--muted)}
.m-buy{margin:.8em 0 0}
.m-soon{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:9px 16px;border-radius:var(--radius-btn);border:1px dashed var(--g,#2f5d46);color:var(--g,#2f5d46);background:#fff;cursor:default}
.m-fig{margin:0;background:#eceae4;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.m-fig img,.lb-fig img{display:block;width:100%;height:auto}
.m-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:80px}
.m-body{padding:12px 16px 16px}
.m-body h3{font-family:var(--font-serif);font-size:1.3rem;margin:.1em 0 .1em}
.m-body p{margin:.35em 0}
.m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
/* B: lookbook */
.lb{display:grid;gap:18px;align-items:center;margin:34px 0;scroll-margin-top:80px}
.lb-media{display:grid;gap:10px}
.lb-fig{margin:0;background:#eceae4;border-radius:var(--radius);overflow:hidden}
.lb-text h2{font-family:var(--font-serif);font-size:1.8rem;margin:.1em 0 .1em;border:0}
.m-k{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
@media(min-width:900px){.lb{grid-template-columns:3fr 2fr}.lb-rev .lb-media{order:2}.lb-rev{grid-template-columns:2fr 3fr}.lb-fig2{max-width:70%;justify-self:end}}
/* C: by activity */
.m-jump{margin:10px 0}
.m-group{margin:8px 0 26px}
.m-list{display:grid;gap:16px}
@media(min-width:700px){.m-list .m-card{flex-direction:row}.m-list .m-fig{flex:0 0 46%;border-radius:var(--radius) 0 0 var(--radius);display:flex;align-items:center}.m-list .m-body{flex:1}}
.m-xlink{font-size:.95rem}
.m-size{font-size:.85rem;color:var(--muted);margin:-.3em 0 .5em}