/* Smaller desktop catalog. Mobile keeps the approved two-column layout. */
@media(min-width:701px){
 .product-site .static-grid{gap:20px;align-items:stretch}
 .product-site .static-photo{height:190px;aspect-ratio:auto}
 .product-site .static-photo img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
 .product-site .static-product{border-radius:20px}
 .product-site .static-product>div{padding:18px 20px}
 .product-site .static-product .eyebrow{font-size:10px;margin:0 0 9px;letter-spacing:.045em}
 .product-site .static-product h2{font-size:19px;line-height:1.3;margin:0 0 11px;min-height:49px;overflow-wrap:normal}
 .product-site .static-product p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0 0 12px}
 .product-site .static-product strong{font-size:25px;margin:8px 0 14px}
 .product-site .static-product .secondary{font-size:14px;min-height:42px;padding:10px 14px}
 .product-site .collection-head{margin-bottom:30px}
 .product-site .category-nav{gap:10px;margin-top:24px}
 .product-site .category-nav a{font-size:14px;padding:10px 16px}
 .product-site .detail-photo{height:340px;aspect-ratio:auto}
 .product-site .detail-photo img{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}
 .website .products:not(.compact-products){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
 .website .accessory-choice{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;padding:18px 20px;gap:15px;border-radius:20px}
 .website .accessory-choice::before{display:none}
 .website .accessory-photo{height:155px;width:100%;background:#fff;flex-shrink:0;overflow:hidden;padding:0}
 .website .accessory-photo img{width:100%;height:155px;max-width:100%;max-height:155px;object-fit:contain}
 .website .accessory-intro{flex:1;min-width:0;padding:0}
 .website .accessory-intro h3{font-size:20px;line-height:1.3;margin-bottom:10px}
 .website .accessory-intro .eyebrow{font-size:10px;margin-bottom:8px}
 .website .accessory-intro p{font-size:14px;line-height:1.55;margin-bottom:12px}
 .website .product-detail-button{font-size:13px;padding:9px 13px;min-height:38px}
 .website .accessory-purchase{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:0}
 .website .accessory-purchase .quantity-in-order{min-width:0}
 .website .accessory-purchase .choose-add{grid-column:1/-1;font-size:14px;min-height:42px;padding:10px 14px}
 .website .choose-price strong{font-size:25px}
 .website #products>.water-choice{grid-column:auto;border-radius:20px}
 .website .water-choice-top{padding:18px 20px 12px;min-height:190px;gap:8px}
 .website .water-choice-intro h3{font-size:29px}
 .website .water-choice-photo{width:145px;height:155px}
 .website .water-choice-photo img{width:155px;height:155px;max-width:155px;max-height:155px}
 .website .water-choice-body{padding:16px 20px 20px}
 .website .water-choice .choose-purchase{flex-wrap:wrap;gap:12px}
 .website .water-choice .choose-add{width:100%;font-size:14px;min-height:42px}
 .website .water-choice .quantity-in-order{min-width:115px}
 .website .water-links{flex-wrap:wrap;font-size:12px;gap:10px}
}
@media(min-width:1100px){.website .products:not(.compact-products){grid-template-columns:repeat(3,minmax(0,1fr))}.product-site .static-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1099px){.product-site .static-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-site .detail-photo{height:290px}}

/* V25: narrower catalog cards with more separation. */
@media(min-width:701px){
 .product-site .static-grid{gap:32px;align-items:stretch}
 .product-site .static-photo{height:210px}
 .product-site .static-product>div{padding:17px 18px}
 .product-site .static-product h2{font-size:18px;line-height:1.35}
 .product-site .static-product p:not(.eyebrow){font-size:14px;line-height:1.55}
 .website #products:not(.compact-products){gap:30px}
}
@media(min-width:1100px){.product-site .static-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1400px){.product-site .static-grid,.website #products:not(.compact-products){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1850px){.product-site .static-grid,.website #products:not(.compact-products){grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){
 .product-site .static-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .product-site .static-photo{height:150px;aspect-ratio:auto}
 .product-site .static-product{border-radius:16px}
 .product-site .static-product>div{padding:13px}
 .product-site .static-product .eyebrow{font-size:9px;letter-spacing:.025em;margin-bottom:8px}
 .product-site .static-product h2{font-size:15px;line-height:1.35;margin-bottom:9px;overflow-wrap:normal}
 .product-site .static-product p:not(.eyebrow){font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 10px}
 .product-site .static-product strong{font-size:23px;margin:6px 0 12px}
 .product-site .static-product .secondary{font-size:12px;min-height:44px;padding:9px 10px}
}

/* V26: category labels never reserve paragraph-height space. */
.website .accessory-intro>.eyebrow{min-height:0!important;height:auto;flex:none;font-size:10px!important;line-height:1.4!important;margin:0 0 8px!important}
.product-site .static-product .eyebrow{min-height:0;height:auto;flex:none}
