/* A compact product shelf, with separate paths to the shop and the comparison. */
.home-products { padding: 12px 0 36px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.home-products-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.home-products-heading h2 { font-size:clamp(23px,2.3vw,30px); margin:10px 0 6px; }
.home-products-heading p { color:var(--muted); font-size:14px; }
.home-products-skip { font-size:13px; text-decoration:underline; text-underline-offset:4px; white-space:nowrap; padding:10px 0; }
.home-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-product { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:auto 1fr auto auto; gap:12px 16px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); min-width:0; }
.home-product-use { grid-column:1/-1; font-size:16px; font-weight:800; line-height:1.6; color:var(--brown); }
.home-product .product-photo { --photo-height:112px; --photo-padding:0px; margin:0; min-width:0; }
.home-product .product-photo-stage { width:112px; height:112px; border:0; }
.home-product .product-photo-stage img:not([width="1"]) { width:auto; max-width:112px; max-height:112px; }
.home-product .product-photo figcaption { font-size:10px; line-height:1.6; margin-top:6px; }
.home-product .media-status { font-size:11px; padding:6px; }
.home-product-copy { min-width:0; }
.home-product-maker { font-size:12px; color:var(--muted); margin-bottom:3px; line-height:1.6; overflow-wrap:anywhere; }
.home-product h3 { font-size:15px; line-height:1.65; text-wrap:initial; }
.home-product-title { text-decoration:underline; text-decoration-color:#cdb8a3; text-underline-offset:4px; }
.home-product-reason { font-size:14px; line-height:1.8; margin-top:8px; }
.home-product-actions { grid-column:1/-1; display:grid; gap:4px; align-self:end; }
.home-product-buy { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; padding:10px 14px; border-radius:7px; background:var(--red); color:white; font-size:14px; font-weight:700; transition:background var(--motion-fast); }
.home-product-compare { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; font-size:13px; color:var(--brown); text-decoration:underline; text-underline-offset:4px; }
.home-product-evidence { grid-column:1/-1; font-size:12px; color:var(--muted); border-top:1px solid var(--line); padding-top:8px; align-self:end; }
.home-product-evidence summary { cursor:pointer; padding:4px 0; }
.home-product-evidence p { margin-top:8px; }
.home-product-evidence a { text-decoration:underline; text-underline-offset:3px; }
.home-products-disclosure { margin-top:18px; font-size:12px; color:var(--muted); }
.home-products-disclosure a { text-decoration:underline; text-underline-offset:3px; }
.home-products-more { display:block; min-height:46px; margin:18px auto 0; padding:10px 22px; border:1px solid var(--brown); border-radius:7px; color:var(--brown); background:var(--paper); font-size:14px; }
@media(hover:hover){ .home-product-buy:hover { background:#8f352d; } .home-product-title:hover { text-decoration-color:var(--brown); } }
@media(min-width:701px) and (max-width:1100px){ .home-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px){
 .home-products-heading { align-items:flex-start; flex-direction:column; gap:2px; }
 .home-products-heading h2 { font-size:23px; }
 .home-products-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .home-product { grid-template-columns:88px minmax(0,1fr); gap:10px 12px; padding:16px; }
 .home-product .product-photo { --photo-height:88px; }
 .home-product .product-photo-stage { width:88px; height:88px; }
 .home-product .product-photo-stage img:not([width="1"]) { max-width:88px; max-height:88px; }
 .home-product-use { font-size:15px; }
}
@media(prefers-reduced-motion:reduce){ .home-product-buy { transition:none; } }