/* Keep card actions at the foot of the copy, with a shared image gap. */
:root{--card-action-image-gap:24px}
body .carousel-card>.card-link,
body .related-grid>a>.card-link{
 display:flex;align-items:center;gap:8px;flex-shrink:0;
 min-height:24px;line-height:1.5;margin-top:auto;
 margin-bottom:var(--card-action-image-gap);
}
body .carousel-card>.card-link .toss-arrow,
body .related-grid>a>.card-link .toss-arrow{margin:0;vertical-align:middle}
body .carousel-card>img{flex:0 0 auto;margin-top:0;height:auto;aspect-ratio:1}
body .related-grid>a>img{flex:0 0 auto;margin-top:0}
@media(max-width:700px){
 body .related-grid>a{
  grid-template-rows:auto auto minmax(0,1fr) auto;
  min-height:208px;column-gap:16px;
 }
 body .related-grid>a>.card-link{
  grid-column:2;grid-row:4;align-self:end;
  margin:8px 0 0;min-height:32px;
 }
 body .related-grid>a>img{grid-row:1/span 4;margin:0}
 body .carousel-card>.card-link{min-height:32px}
}

/* Homepage range cards have a nested copy wrapper. */
body.picture .product-copy{display:flex;flex-direction:column;flex:1;padding-bottom:12px}
body.picture .product-copy>.text-link{display:flex;align-items:center;gap:8px;min-height:24px;margin-top:auto;margin-bottom:0;line-height:1.5}
body.picture .product-copy>.text-link .toss-arrow{margin:0}
@media(max-width:700px){
 body.picture .product-tile{align-items:stretch;column-gap:16px}
 body.picture .product-copy{min-height:180px;padding-bottom:0}
 body.picture .product-copy>.text-link{min-height:32px}
 body.picture .product-image{align-self:start}
}

body .story>.dishwasher-story-photo{height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center 60%}
@media(max-width:700px){body .story>.dishwasher-story-photo{aspect-ratio:16/10;object-position:50% 60%}}

.overview-highlights{padding-left:22px;margin:24px 0 28px;line-height:1.65;font-size:16px}
.overview-highlights li{margin:0 0 12px;padding-left:4px}
@media(max-width:700px){.overview-highlights{font-size:14px;padding-left:18px;margin-top:20px}.overview-highlights li{margin-bottom:10px}}

.sheet-dose-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}
.sheet-dose-guide>div{padding:20px 24px;background:#fff;border:1px solid #14234b22;border-radius:8px}
.sheet-dose-guide strong,.sheet-dose-guide span{display:block}.sheet-dose-guide strong{font-size:14px;margin-bottom:8px}.sheet-dose-guide span{font-size:24px;font-weight:700}
@media(max-width:700px){.sheet-dose-guide{gap:8px}.sheet-dose-guide>div{padding:14px 10px}.sheet-dose-guide strong{font-size:12px}.sheet-dose-guide span{font-size:20px}}

/* Keep use and storage on the shared section grid. */
body .safety{padding:65px var(--page-gutter)}
body .safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body .safety-grid article{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){body .safety{padding:50px var(--page-gutter)}body .safety-grid{grid-template-columns:1fr}}