/* Homepage size comparison: compact mobile layout only. */
@media(max-width:750px){
 body[data-grove-page="home"] #kettle-size-guide{padding:18px 16px;scroll-margin-top:8px}
 #kettle-size-guide .size-intro{display:block}
 #kettle-size-guide .size-intro .eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.4}
 #kettle-size-guide .size-intro h2{font-size:26px;line-height:1.1;margin:5px 0 0}
 #kettle-size-guide .size-intro>p{display:none}
 #kettle-size-guide .kettle-family{display:block;margin:10px 0 0}
 #kettle-size-guide .kettle-family img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
 #kettle-size-guide .kettle-family figcaption{display:none}
 #kettle-size-guide .kettle-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
 #kettle-size-guide .kettle-spec{padding:8px 10px!important;border:1px solid #d8d6cb!important;border-top:2px solid #8d694c!important;background:#f5f2ea;border-radius:2px}
 #kettle-size-guide .kettle-spec h3{font-size:22px;line-height:1.1;margin:0 0 5px;color:#354b3e}
 #kettle-size-guide .kettle-spec dl{font-size:12px;line-height:1.3}
 #kettle-size-guide .kettle-spec dl div{gap:6px;padding:1.5px 0}
 #kettle-size-guide .size-bottom{display:block;border:0;padding:0}
 #kettle-size-guide .size-bottom p{font-size:11px;line-height:1.4;max-width:none;margin:0}
}

/* Mobile first-screen refinement: category buttons already describe the range. */
@media(max-width:750px){
 body[data-grove-page="home"] .hero p{display:none}
 body[data-grove-page="home"] .hero .actions{margin:10px 20px 12px}
}

@media(max-width:750px){
 body[data-grove-page="home"] .herotext>.eyebrow{margin-top:14px}
 body[data-grove-page="home"] .hero h1{margin-bottom:12px}
 body[data-grove-page="home"] .home-quickshop{padding-top:10px;padding-bottom:10px}
 body[data-grove-page="home"] .hero .actions{margin-top:8px}
}