/* すぎふと：見出しと商品詳細 */
.ht-kicker{display:block;font-family:var(--maru);font-size:clamp(.85rem,1.5vw,1.2rem);font-weight:700;letter-spacing:.16em;line-height:1.7;margin-bottom:.7rem;color:var(--ink)}
.catalog-note{max-width:46em;margin:2rem auto 0;font-size:.9rem;text-align:center;line-height:1.9}
.prod:focus-visible,.detail-page a:focus-visible{outline:3px solid var(--sakura-deep);outline-offset:5px}
.detail-page{background:var(--cream);color:#59434d}
.detail-header{background:var(--paper);padding:1.2rem 0}
.detail-brand{display:inline-block;font-family:var(--maru);font-weight:700;font-size:1.5rem;color:#aa456c}
.detail-brand small{font-family:var(--body);display:block;font-size:.8rem;color:#59434d}
.detail-main{padding-top:1.7rem;padding-bottom:3rem}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.3em 1em;list-style:none;font-size:.85rem;margin-bottom:2rem;overflow-wrap:anywhere}
.breadcrumb li+li:before{content:'›';margin-right:1em}
.breadcrumb a,.detail-page main a:not(.btn){text-decoration:underline;text-underline-offset:.2em}
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.detail-photo{height:auto;aspect-ratio:1;object-fit:contain;width:100%;background:var(--paper);border-radius:20px}
.detail-cat{font-size:.9rem;margin-bottom:.5rem}
.detail-title{font-family:var(--maru);font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.5;margin:0 0 1.2rem;overflow-wrap:anywhere}
.detail-desc{font-size:1.05rem;margin-bottom:1.5rem}
.detail-facts{margin:1.2rem 0}
.detail-facts dt{font-weight:700;margin-top:1rem}
.detail-facts dd{margin:.25rem 0 0;overflow-wrap:anywhere}
.detail-store{margin:2rem 0 1rem;font-size:1.3rem}
.detail-note{font-size:.85rem;margin:1.5rem 0;color:#6d5962}
.detail-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}
.detail-related{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5d5cb}
.detail-related h2{font-size:1.25rem;margin-bottom:1rem}
.detail-related ul{padding-left:1.2rem}
.detail-related li{margin:.65rem 0}
.detail-footer{background:var(--paper);padding:2rem 0;font-size:.88rem;line-height:1.9}
@media(max-width:680px){.detail-hero{grid-template-columns:1fr}.detail-photo{max-width:440px;margin:auto}.detail-main{padding-top:1.2rem}.detail-title{font-size:1.7rem}.breadcrumb{margin-bottom:1.4rem}.detail-actions .btn{width:100%;justify-content:center}}