.water-dispenser-grey-banner{position:relative;width:100%;background-color:var(--banner-bg, var(--color-background));--full-page-grid-central-column-width: min( var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2) )}.water-dispenser-grey-banner__picture,.water-dispenser-grey-banner__img{display:block;width:100%;height:auto;vertical-align:top}.water-dispenser-grey-banner--adaptive,.water-dispenser-grey-banner--custom{display:flex;flex-direction:column;justify-content:center;align-items:center}.water-dispenser-grey-banner--adaptive .water-dispenser-grey-banner__picture,.water-dispenser-grey-banner--adaptive .water-dispenser-grey-banner__img{width:auto;max-width:100%;height:auto}.water-dispenser-grey-banner--custom .water-dispenser-grey-banner__picture,.water-dispenser-grey-banner--custom .water-dispenser-grey-banner__img{width:var(--banner-img-width-pc, 70%);max-width:100%;height:auto}.water-dispenser-grey-banner__text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:center;padding:8% var(--page-margin);box-sizing:border-box;pointer-events:none}.water-dispenser-grey-banner__text-inner{width:100%;max-width:var(--full-page-grid-central-column-width);display:flex;justify-content:var(--banner-text-x, center);align-items:var(--banner-text-y, flex-start);min-height:100%;pointer-events:none}.water-dispenser-grey-banner__copy{margin:0;width:min(100%,var(--banner-text-max-width, 90%));color:var(--banner-text-color, #fff);text-align:var(--banner-text-align, center);line-height:1.3;pointer-events:auto}.water-dispenser-grey-banner h2.water-dispenser-grey-banner__title,.water-dispenser-grey-banner p.water-dispenser-grey-banner__subhead{margin:0;color:inherit;font-family:inherit;font-weight:700;letter-spacing:inherit;text-transform:none;line-height:1.2}.water-dispenser-grey-banner h2.water-dispenser-grey-banner__title{font-size:clamp(var(--banner-title-min, 24px),calc(var(--banner-title-size, 56) * var(--relative-px)),var(--banner-title-max, 56px))}.water-dispenser-grey-banner h2.water-dispenser-grey-banner__title+.water-dispenser-grey-banner__subhead{margin-top:clamp(6px,calc(12 * var(--relative-px)),16px)}.water-dispenser-grey-banner p.water-dispenser-grey-banner__subhead{font-size:clamp(var(--banner-subhead-min, 14px),calc(var(--banner-subhead-size, 31) * var(--relative-px)),var(--banner-subhead-max, 31px))}@media screen and (max-width:749px){.water-dispenser-grey-banner__text{padding:12% var(--page-margin)}.water-dispenser-grey-banner__text-inner{max-width:100%}.water-dispenser-grey-banner__copy{width:100%}.water-dispenser-grey-banner--custom .water-dispenser-grey-banner__picture,.water-dispenser-grey-banner--custom .water-dispenser-grey-banner__img{width:var(--banner-img-width-m, 100%)}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/water-dispenser-grey-banner.css.map */