/* 給湯器商品ハブ：地域LPから独立した共通商品階層 */
.heater-products-page{background:var(--color-page);color:var(--color-ink)}
.whp-head{padding-block:var(--space-12);border-bottom:var(--rule);background:var(--color-wash)}
.whp-head-inner{display:grid;gap:var(--space-4);max-width:58rem}
.whp-head .eyebrow,.whp-section-head .eyebrow,.whp-areas .eyebrow{margin:0;color:var(--color-teal-dark);font-weight:800;letter-spacing:.08em}
.whp-head h1{font-family:var(--font-body);font-size:clamp(2rem,5vw,3.6rem);font-weight:900;font-style:normal;line-height:1.2;color:var(--color-teal-dark)}
.whp-head p:last-child{max-width:48rem;margin:0;color:var(--color-muted);font-size:var(--text-lg)}
.whp-catalog{padding-block:var(--space-12) var(--space-16)}
.whp-section-head{margin-bottom:var(--space-8)}
.whp-section-head h2,.whp-areas h2{margin:0;font-family:var(--font-body);font-weight:900;color:var(--color-teal-dark)}
.whp-ledger{display:grid;border-top:2px solid var(--color-teal-dark)}
.whp-ledger>a{display:grid;grid-template-columns:3rem minmax(0,1fr) auto 2rem;align-items:center;gap:var(--space-5);min-height:8rem;padding:var(--space-5) var(--space-4);border-bottom:var(--rule);color:inherit;text-decoration:none}
.whp-no{align-self:start;padding-top:.2rem;color:var(--color-teal);font-size:var(--text-sm);font-weight:800}
.whp-copy{display:grid;gap:var(--space-2);min-width:0}
.whp-copy strong{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:900;line-height:1.35;color:var(--color-teal-dark)}
.whp-copy small{max-width:44rem;color:var(--color-muted);font-size:var(--text-base);line-height:1.7}
.whp-count{color:var(--color-muted);font-size:var(--text-sm);font-weight:800;white-space:nowrap}
.whp-arrow{color:var(--color-coral-dark);font-size:var(--text-xl);font-weight:900}
.whp-areas{padding-block:var(--space-12);border-block:var(--rule);background:var(--color-aqua-soft)}
.whp-areas-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:var(--space-12);align-items:start}
.whp-areas h2{margin-bottom:var(--space-4)}
.whp-areas p:last-child{max-width:40rem;margin:0;color:var(--color-muted)}
.whp-area-links{display:grid;border-top:1px solid var(--color-teal)}
.whp-area-links a{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;padding-inline:var(--space-3);border-bottom:1px solid var(--color-teal);color:var(--color-teal-dark);font-weight:800;text-decoration:none}
@media(hover:hover) and (pointer:fine){.whp-ledger>a:hover{background:var(--color-wash)}.whp-ledger>a:hover .whp-arrow{transform:translateX(.25rem)}.whp-area-links a:hover{background:color-mix(in oklch,var(--color-page) 58%,transparent)}}
@media(max-width:48rem){.whp-head{padding-block:var(--space-10)}.whp-ledger>a{grid-template-columns:2.25rem minmax(0,1fr) 1.5rem;gap:var(--space-3);min-height:0}.whp-count{grid-column:2}.whp-arrow{grid-column:3;grid-row:1 / span 2}.whp-areas-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.whp-arrow{transition:none}}