/* Keep the garden companion visible while giving products the strongest hierarchy. */
.hero{padding-top:36px;padding-bottom:30px;gap:44px}
.hero .garden{aspect-ratio:1.4;max-height:390px}
.hero h1{font-size:clamp(40px,4.1vw,62px);margin-bottom:18px}
.hero .eyebrow{margin-bottom:16px}
.hero-description{margin-bottom:21px;color:#586350}
.hero-footnote{margin-top:16px}
.collection.section-space{padding-top:38px;padding-bottom:48px}
.collection .section-heading{margin-bottom:14px;align-items:center}
.collection .section-heading .eyebrow{margin-bottom:8px}
.collection .section-heading h2{margin-bottom:0;font-size:clamp(27px,2.7vw,38px)}
.collection .section-heading>p{font-size:12px;color:#596650}
.shop-mode-control{margin-bottom:10px}
.shop-mode-control p{font-size:12px;color:#596650}
.collection-toolbar{padding:9px 0;margin-bottom:20px}
.filter{font-size:12px;min-height:40px}
.row-products .product{padding:12px}
.row-products .product-visual{height:clamp(165px,17vw,205px);min-height:165px;max-height:205px;padding:8px;background:#f0eee7}
.row-products .product-visual img{object-fit:contain;width:100%;height:100%}
.row-products .product-index{font-size:8px}
.row-products .product-meta{font-size:9px;margin:9px 0 6px;letter-spacing:.04em}
.row-products .product h3{font-size:22px;min-height:50px;margin-bottom:6px}
.row-products .product-description{font-size:13px;line-height:1.5;color:#586350;margin-bottom:10px}
.row-products .product-buy{margin-top:auto;padding-top:10px;min-height:62px;gap:10px}
.row-products .price-placeholder{font-size:13px;line-height:1.35;font-weight:500;color:#304c37}
.row-products .price-placeholder small{font-size:10px;line-height:1.4;color:#626c5c;font-weight:400}
.row-products .add-button{font-size:12px;min-height:42px;padding:9px 12px}
.garden-path{height:88px}
.path-status{font-size:10px;color:#40563b}
.shelf-note{font-size:12px;line-height:1.6;color:#596650}
.checkout-link[hidden]{display:none}
@media(min-width:701px) and (max-width:1050px){
 .hero{gap:30px}
 .row-products .product{padding:10px}
 .row-products .product-buy{flex-direction:column;align-items:stretch;gap:7px}
 .row-products .add-button{width:100%}
 .row-products .product h3{font-size:20px}
}
@media(max-width:700px){
 .hero{padding:26px 6% 28px;gap:22px}
 .hero h1{font-size:38px}
 .hero .garden{max-height:260px;aspect-ratio:1.5}
 .hero-description{font-size:14px}
 .collection.section-space{padding-top:26px;padding-bottom:32px}
 .collection .section-heading{margin-bottom:14px}
 .collection .section-heading>p{margin-top:10px;font-size:13px}
 .collection .section-heading h2 em{display:inline}
 .shop-mode-control{gap:8px}
 .shop-mode-control p{font-size:12px;line-height:1.5}
 .collection-toolbar{margin-bottom:14px;padding:7px 0}
 .filters{gap:2px}
 .filter{font-size:11px;padding:8px 10px;min-height:42px}
 /* Keep each three-product row and its shared pet path together on small screens. */
 .row-products{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:7px;scrollbar-width:thin}
 .row-products .shelf-column{flex:0 0 min(78vw,290px);min-width:0;scroll-snap-align:start}
 .row-products .product{padding:10px}
 .row-products .product-visual{height:175px;min-height:175px;max-height:175px}
 .row-products .product h3{font-size:21px;min-height:48px}
 .row-products .product-description{font-size:13px}
 .row-products .product-buy{flex-direction:row;align-items:center;gap:8px}
 .row-products .add-button{width:auto;min-height:44px;font-size:12px}
 .row-products .price-placeholder{font-size:12px}
 .row-products .price-placeholder small{font-size:10px}
 .garden-path{height:84px;margin-top:5px}
 .path-status{font-size:9px}
 .floating-help{bottom:76px}
}

/* Foundation navigation stays reachable on small screens without crowding the shop header. */
.foundation-links{display:flex;justify-content:flex-end;gap:24px;padding:12px 6%;border-bottom:1px solid #d9ddce;font:12px/1.5 system-ui,sans-serif;background:#eff0e5}.foundation-links a{color:#365d43;text-decoration:none}.foundation-links a:hover{text-decoration:underline}@media(max-width:700px){.foundation-links{justify-content:center;gap:28px;padding:13px 18px}}