/* Decorative water photography; opacity is deliberately very low. */
.hero,#water,#checkout,#account,.corporate,.delivery{position:relative;isolation:isolate}
.hero::before,#water::before,#checkout::before,#account::before,.corporate::before,.delivery::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/water-background.png');background-size:cover;background-position:center;opacity:.065}
.hero::before{opacity:.11;background-position:center right}
#water::before{opacity:.045;transform:scaleX(-1)}
#checkout::before{opacity:.04}
#account::before{opacity:.045;background-position:right bottom}
.corporate::before{opacity:.055}
.delivery::before{opacity:.07;mix-blend-mode:screen}
@media(max-width:560px){.hero::before{opacity:.075}.delivery::before{opacity:.055}}


.water-action{width:100%;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#edf6fc}.water-action img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:560px){.water-action{aspect-ratio:1.15;border-radius:18px}}

/* Carry the running-water hero image through each ordering screen. */
#water::before,#checkout::before,#account::before,.corporate::before,.delivery::before,#complete::before{background-image:url('assets/water-action.png');background-repeat:no-repeat;background-position:right center;background-size:cover;opacity:.14;transform:none}
#water::before{background-position:center 48%;opacity:.16}
#checkout::before{opacity:.12}
.delivery::before{opacity:.2;mix-blend-mode:screen}
#complete{position:relative;isolation:isolate}
#complete::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.products article{background:#ffffffed}
.corporate form,#order-form{background:#ffffffeb;border-radius:12px;padding:22px}
@media(max-width:560px){#water::before{background-position:65% center;opacity:.14}#checkout::before,.corporate::before{opacity:.1}#order-form,.corporate form{padding:16px}.delivery::before{opacity:.16}}