/* Shared approved blue surfaces for the hygiene and vaccine product family. */
.product-blue-theme .p-hero{background:radial-gradient(ellipse at 80% 45%,#397fa45e,transparent 65%),linear-gradient(120deg,#071c32,#16456d)}
.product-blue-theme .p-overview,.product-blue-theme .p-details{background:#edf4f8}
.product-blue-theme .p-applications,.product-blue-theme .hygiene-applications{background:#0b283f}
.product-blue-theme .p-resources{background:#14344e}
.product-blue-theme .p-related{background:linear-gradient(115deg,#0b263e,#1b486b);color:#eef8ff}
/* Remove the older framed glow so mockups sit directly on the blue hero. */
.product-blue-theme:not(.hygiene-page) .p-visual{border:0;border-radius:0;background:none}
.product-blue-theme:not(.hygiene-page) .p-visual:before{inset:auto;bottom:35px;width:75%;height:38px;border:0;background:#03152f77;filter:blur(18px)}

/* Approved water-ripple motion, shared across the blue product family. */
.product-blue-theme .hero-ripples{position:absolute;width:min(90%,420px);height:auto;aspect-ratio:1;max-height:none;flex-shrink:0;border:0;border-radius:50%;pointer-events:none;z-index:0}
.product-blue-theme .hero-ripples i,.product-blue-theme .hero-ripples i:nth-child(2),.product-blue-theme .hero-ripples i:nth-child(3){position:absolute;inset:0;border:1px solid #aadbf366;border-radius:50%;background:none;filter:none}
.product-blue-theme:not(.motion-off) .hero-ripples i{animation:hero-water-ripple 9s linear infinite!important}
.product-blue-theme:not(.motion-off) .hero-ripples i:nth-child(2){animation-delay:-3s!important}
.product-blue-theme:not(.motion-off) .hero-ripples i:nth-child(3){animation-delay:-6s!important}
.product-blue-theme .p-visual>.pack,.product-blue-theme .p-visual>.vaxguard-front{position:relative;z-index:1}
/* Wider packs need a larger circle field for the same visible ripple surround. */
.product-blue-theme.ripple-wide .hero-ripples{width:min(100%,500px)}
@media(max-width:650px){.product-blue-theme .hero-ripples,.product-blue-theme.ripple-wide .hero-ripples{width:300px;max-width:95%}}
.product-blue-theme.motion-off .hero-ripples i{animation:none!important;opacity:.35;transform:scale(.55)}
.product-blue-theme.motion-off .hero-ripples i:nth-child(2){transform:scale(.8)}
.product-blue-theme.motion-off .hero-ripples i:nth-child(3){transform:scale(1.05)}

/* Match GLUTRON's tightly cropped can to HYDROFOAM+'s visible hero scale. */
.product-blue-theme.glutron .p-visual > img.pack{max-height:310px;max-width:90%}
@media(max-width:900px){.product-blue-theme.glutron .p-visual > img.pack{max-height:240px}}