/* The approved Dropbox color fields and Nothing/Astral media layout, adapted to Hydro's actual photos. */
.hydro-page .hero-media > img { width: 92%; height: 490px; max-height: 490px; object-fit: contain; mix-blend-mode:normal; }
.hydro-page .hero-media { background:#fff; }
.hydro-page .hero .product-name { font-size: clamp(19px,1.7vw,26px); }
.hydro-page .hero .spec-art { height: 42px; }
.hydro-page .hero .spec-art svg { height: 42px; max-width: 95px; }
.hydro-page .hydro-price { display: flex; align-items: center; gap: 14px; margin: 8px 0; }
.hydro-price > strong { font-size: 28px; letter-spacing: -.04em; }
.hydro-price > span { font-size: 10px; line-height: 1.45; }
.hydro-page .hero .offer-state { font-size: 11px; }
.hydro-cap-visual { display:flex; flex-direction:column; justify-content:center; height:auto; min-height:260px; padding:12px; background:#f6f4ef; }
.hydro-cap-states { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-height:0; flex:none; }
.hydro-cap-states > div { min-width:0; text-align:center; }
.hydro-cap-states img { width:100%; height:178px; object-fit:contain; mix-blend-mode:normal; }
.hydro-cap-states span { display:block; font-size:11px; }
.hydro-cap-visual figcaption { margin-top:12px; text-align:center; font-size:10px; color:#574272; }
.hydro-fit-visual { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:12px; padding:18px 24px; }
.hydro-fit-measurement { display:flex; flex-direction:column; align-items:center; text-align:center; gap:7px; }
.hydro-fit-measurement svg { height:93px; width:108px; }
.hydro-fit-measurement strong { display:block; font-size:29px; line-height:1.1; letter-spacing:-.04em; }
.hydro-fit-measurement span { display:block; font-size:12px; margin-top:3px; }
.hydro-fit-measurement small { display:block; font-size:10px; color:#574272; margin-top:6px; }
.hydro-fit-visual figcaption { grid-column:1/-1; text-align:center; font-size:10px; color:#574272; }
.hydro-cleaning-visual { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 12px; background:#f6f4ef; }
.hydro-cleaning-composition { width:100%; height:215px; min-height:0; }
.hydro-cleaning-visual figcaption { font-size:10px; color:#574272; margin-top:3px; text-align:center; }
.hydro-page .history-section .chart-heading > span:last-child { font-size:12px; }
.hydro-page .chart-series::before { background:#d98b16; }
.hydro-cleaning-composition text { font-size:56px; }
.hydro-page .review-attribution > div { min-width:0; }
@media (prefers-reduced-motion:no-preference) { .hydro-cleaning-composition { transition:scale .35s ease; } }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .hydro-cleaning-visual:hover .hydro-cleaning-composition { scale:1.04; } }
@media(max-width:950px) { .hydro-page .hero-media > img { height:400px; } }
@media(max-width:700px) {
  .hydro-page .hero-media > img { height:320px; }
  .hydro-page .hero .product-name { font-size:19px; }
  .hydro-page .hero .spec-art, .hydro-page .hero .spec-art svg { height:36px; }
  .hydro-fit-visual { padding:14px; }
  .hydro-page .history-section .chart-heading { align-items:start; }
}