.hydrate-collection-hero{position:relative;color:#fff;width:100%;overflow:hidden;display:flex;align-items:center;--hero-heading-size: clamp(3rem, calc(2.4rem + 1.8vw) , 7rem);--hero-heading-letter-spacing: clamp(.025em, calc(.015em + .12vw) , .07em);--hero-subheading-size: clamp(1.125rem, calc(.95rem + 1vw) , 3.5rem);--hero-bullet-size: clamp(.8125rem, calc(.7rem + .45vw) , 2rem);--hero-footnote-size: clamp(.6875rem, calc(.63rem + .3vw) , 1.5rem);--hero-padding-inline-start: clamp(1.5rem, 6vw, 5rem);--hero-bullet-gap: clamp(8px, calc(.7vw + 3px) , 16px);--hero-button-bg: #f96f4d;--hero-button-bg-hover: #ff824f;--hero-button-text: #042d64;--hero-bullet-weight: 500;--hero-bullet-strong-weight: 700}.hydrate-collection-hero:has(.hydrate-collection-hero__background){height:auto}.hydrate-collection-hero:not(:has(.hydrate-collection-hero__background)){min-height:clamp(26.25rem,35vw,100vh)}.hydrate-collection-hero__media-wrapper{position:relative;width:100%;z-index:0}.hydrate-collection-hero__background{position:relative;z-index:0;display:block;width:100%;aspect-ratio:var(--hero-img-width, 2200) / var(--hero-img-height, 1200)}@media (max-width: 749px){.hydrate-collection-hero__background{aspect-ratio:var(--hero-mobile-width, 1200) / var(--hero-mobile-height, 1200)}}@media (max-width: 1023px) and (orientation: landscape){.hydrate-collection-hero__background{aspect-ratio:var(--hero-mobile-width, 1200) / var(--hero-mobile-height, 1200)}}.hydrate-collection-hero__background img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.hydrate-collection-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.75rem,2vw,1rem) clamp(2rem,4vw,3rem);border-radius:999px;background-color:var(--hero-button-bg);color:var(--hero-button-text);text-decoration:none;font-weight:700;font-size:clamp(.875rem,1.5vw,1rem);text-transform:uppercase;letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease}.hydrate-collection-hero__button:hover,.hydrate-collection-hero__button:focus{transform:translateY(-1px);background-color:var(--hero-button-bg-hover);box-shadow:0 12px 24px #0000002e}.hydrate-collection-hero__main-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;margin:0;padding-inline:clamp(1rem,3vw,2rem) var(--hero-padding-inline-start);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.75rem,2vw,1.5rem)}@media (max-width: 767px){.hydrate-collection-hero__main-content{justify-content:flex-start;align-items:flex-start;text-align:left;padding-block-start:clamp(2rem,8vw,4rem)}}@media (max-width: 767px) and (orientation: landscape){.hydrate-collection-hero__main-content{justify-content:flex-start;align-items:flex-start;text-align:left;padding-block-start:clamp(1.5rem,6vw,3rem);padding-inline:clamp(1rem,3vw,2rem)}}@media (min-width: 768px){.hydrate-collection-hero__main-content{justify-content:center;align-items:flex-start;text-align:left;left:0;right:auto;max-width:none}}@media (min-width: 1024px){.hydrate-collection-hero__main-content{padding-left:clamp(2rem,6vw,5rem)}}.hydrate-collection-hero .hydrate-collection-hero__main-heading{margin:0!important;font-family:Outfit,sans-serif!important;font-size:var(--hero-heading-size)!important;font-weight:700!important;line-height:.9!important;letter-spacing:var(--hero-heading-letter-spacing)!important;color:#042d64!important;text-transform:uppercase!important}.hydrate-collection-hero .hydrate-collection-hero__main-subheading{margin:0!important;font-family:Outfit,sans-serif!important;font-size:var(--hero-subheading-size)!important;font-weight:400!important;line-height:1.2!important;color:#fff!important;text-transform:uppercase!important}@media (max-width: 767px){.hydrate-collection-hero{--hero-heading-size: clamp(32px, 8vw, 38px);--hero-heading-letter-spacing: clamp(.02em, calc(.012em + .16vw) , .06em);--hero-subheading-size: clamp(.95rem, calc(.82rem + 2vw) , 1.95rem);--hero-bullet-size: clamp(.75rem, calc(.68rem + 1.1vw) , 1.2rem);--hero-footnote-size: clamp(.6875rem, calc(.64rem + .65vw) , .95rem);--hero-padding-inline-start: clamp(1.25rem, 6vw, 2rem)}.hydrate-collection-hero .hydrate-collection-hero__main-subheading{font-weight:500!important}.hydrate-collection-hero__bullet-item{justify-content:flex-start;max-width:280px;white-space:normal}.hydrate-collection-hero__bullet-list{align-items:flex-start;justify-content:flex-start}.hydrate-collection-hero .hydrate-collection-hero__bullet-content{text-align:left}.hydrate-collection-hero__footnotes{margin-top:clamp(1rem,3vw,1.5rem);width:100%;order:99;align-items:center;text-align:center;align-self:center;margin-inline:auto}.hydrate-collection-hero__footnote{justify-content:center}.hydrate-collection-hero__button{order:50;margin-top:auto}.hydrate-collection-hero__main-content:not(:has(.hydrate-collection-hero__button)) .hydrate-collection-hero__footnotes{margin-top:auto}}@media (min-width: 1024px){.hydrate-collection-hero{--hero-bullet-size: clamp(.9rem, calc(.75rem + .4vw) , 2rem);--hero-footnote-size: clamp(.75rem, calc(.68rem + .3vw) , 1.5rem);--hero-bullet-gap: clamp(10px, calc(.7vw + 3px) , 18px)}}@media (max-width: 479px){.hydrate-collection-hero{--hero-heading-size: clamp(30px, 9vw, 38px);--hero-heading-letter-spacing: clamp(.018em, calc(.01em + .18vw) , .05em);--hero-subheading-size: clamp(.9rem, calc(.75rem + 2.5vw) , 1.6rem);--hero-bullet-size: clamp(.7rem, calc(.65rem + 1.4vw) , 1.05rem);--hero-footnote-size: clamp(.65rem, calc(.63rem + .7vw) , .9rem)}}.hydrate-collection-hero__bullet-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--hero-bullet-gap);width:100%;justify-content:flex-start}.hydrate-collection-hero__bullet-item{display:flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);flex-direction:row;flex-shrink:0;white-space:nowrap}.hydrate-collection-hero__bullet-icon{flex-shrink:0;width:clamp(20px,2.5vw,24px);height:clamp(20px,2.5vw,24px);object-fit:contain}.hydrate-collection-hero .hydrate-collection-hero__bullet-content{color:#000!important;font-size:var(--hero-bullet-size)!important;line-height:1.3!important;font-weight:var(--hero-bullet-weight)!important;font-family:Outfit,sans-serif!important}.hydrate-collection-hero .hydrate-collection-hero__bullet-content p{margin:0;color:#000!important}.hydrate-collection-hero .hydrate-collection-hero__bullet-content strong{font-weight:var(--hero-bullet-strong-weight);color:#000!important}.hydrate-collection-hero__footnotes{margin-top:clamp(.75rem,2vw,1.5rem);display:flex;flex-direction:column;gap:clamp(.25rem,1vw,.75rem);color:#000}.hydrate-collection-hero__footnote{display:flex;align-items:center;gap:clamp(.25rem,.6vw,.5rem);font-size:var(--hero-footnote-size);line-height:1.4}.hydrate-collection-hero__footnote-icon{flex:0 0 auto;width:18px;height:18px}.hydrate-collection-hero__footnote-icon img{width:100%;height:100%;object-fit:contain}.hydrate-collection-hero__footnote-text{color:inherit}.hydrate-collection-hero__footnote-text p{margin:0;color:inherit}@media (orientation: landscape) and (max-height: 600px){.hydrate-collection-hero__main-content{left:0;right:0;width:100%;max-width:none;transform:none;justify-content:center;align-items:center;text-align:center;padding-inline:clamp(1.5rem,6vw,3rem);padding-block:clamp(1.5rem,6vw,3rem);margin-inline:auto}.hydrate-collection-hero__bullet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,4vw,1.5rem);align-items:stretch;justify-items:center;width:min(90vw,600px);margin-inline:auto}.hydrate-collection-hero__bullet-item{justify-content:center;width:100%;text-align:center;white-space:normal}.hydrate-collection-hero__bullet-item:nth-child(5){grid-column:1 / -1;justify-self:center}.hydrate-collection-hero__background img{object-fit:cover}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 667px){.hydrate-collection-hero__bullet-list{grid-template-columns:1fr;width:min(90vw,420px)}.hydrate-collection-hero__bullet-item:nth-child(5){grid-column:auto}}.hydrate-collection-text{padding-block:clamp(3rem,8vw,5rem)}.hydrate-collection-text__inner{margin-inline:auto;max-width:60rem;padding-inline:clamp(1.5rem,5vw,3rem);display:grid;gap:clamp(1rem,4vw,1.5rem);text-align:center}.hydrate-collection-text__heading{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.hydrate-collection-text__subheading{margin:0;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.6}.hydrate-collection-whats-inside{position:relative;background:var(--whats-inside-bg, #39b54a);color:var(--whats-inside-text, #ffffff);padding-block:clamp(3rem,8vw,5rem);overflow:hidden;max-width:100vw;--whats-inside-heading-weight: 800;--whats-inside-subheading-weight: 400;--whats-inside-nutrient-value-weight: 800;--whats-inside-nutrient-label-weight: 600;--whats-inside-feature-label-weight: 700}.hydrate-collection-whats-inside__inner{margin-inline:auto;width:min(1600px,100%);padding-inline:clamp(1.75rem,5vw,3.75rem);display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);gap:clamp(2rem,5vw,4rem);align-items:center;justify-content:center}@media (min-width: 1200px) and (max-width: 1439px){.hydrate-collection-whats-inside__inner{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:clamp(1.75rem,4vw,3rem);padding-inline:clamp(1.5rem,4vw,3rem)}}@media (max-width: 1023px){.hydrate-collection-whats-inside__inner{grid-template-columns:1fr;padding:0;overflow-x:hidden;width:100%}.hydrate-collection-whats-inside{padding-block:clamp(2.5rem,6vw,4rem);padding-inline:0;overflow-x:hidden;max-width:100vw}.hydrate-collection-whats-inside__media{order:-1;margin-bottom:clamp(1.5rem,5vw,2.5rem)}.hydrate-collection-whats-inside__content{width:100%;max-width:100%;text-align:left;padding-inline:15px;margin-left:0;margin-right:0;overflow-x:hidden}.hydrate-collection-whats-inside__heading,.hydrate-collection-whats-inside__subheading{text-align:left;width:100%;max-width:100%}}.hydrate-collection-whats-inside__media{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%}.hydrate-collection-whats-inside__media-composition{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:clamp(320px,36vw,540px);margin-inline:auto;overflow:hidden}@media (max-width: 767px){.hydrate-collection-whats-inside__media-composition{max-width:clamp(280px,90vw,400px)}.hydrate-collection-whats-inside__media-item--main{width:100%;flex:0 0 100%}}.hydrate-collection-whats-inside__media-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,3vw,1.5rem);width:100%;margin-top:clamp(1.5rem,4vw,2rem)}.hydrate-collection-whats-inside__media-item{flex:1 1 clamp(120px,22vw,180px);max-width:clamp(140px,28vw,220px);display:flex;align-items:center;justify-content:center}.hydrate-collection-whats-inside__media-item--small{flex-basis:clamp(120px,22vw,180px);max-width:clamp(140px,28vw,220px)}.hydrate-collection-whats-inside__media-item--large{flex-basis:clamp(180px,30vw,280px);max-width:clamp(200px,36vw,320px)}.hydrate-collection-whats-inside__media-item--main{flex:0 0 auto;width:clamp(320px,36vw,540px);max-width:100%;margin-bottom:0;display:flex;align-items:center;justify-content:center;z-index:1}.hydrate-collection-whats-inside__media-image{width:100%;height:auto;object-fit:contain;display:block}.hydrate-collection-whats-inside__image-placeholder{width:100%;min-height:clamp(180px,30vw,260px);border-radius:20px;border:1px dashed rgba(255,255,255,.45);background:#ffffff1f;color:#fffc;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;font-size:clamp(.75rem,2.4vw,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.hydrate-collection-whats-inside__content{max-width:clamp(420px,60vw,960px);text-align:left;width:100%;position:relative;z-index:1}@media (max-width: 1023px){.hydrate-collection-whats-inside__content{text-align:center}}.hydrate-collection-whats-inside__heading{margin:0;font-size:28px;line-height:1.1;font-family:Outfit,sans-serif;font-weight:var(--whats-inside-heading-weight);color:#fff}@media (min-width: 768px){.hydrate-collection-whats-inside__heading{font-size:clamp(2.25rem,4vw,45px)}}@media (max-width: 767px){.hydrate-collection-whats-inside__heading{font-size:clamp(2.25rem,9vw,2.75rem)}}.hydrate-collection-whats-inside__subheading{margin:clamp(.75rem,2.5vw,1.25rem) 0 0;font-size:clamp(1rem,2.2vw,1.125rem);line-height:1.5;font-family:Outfit,sans-serif;font-weight:var(--whats-inside-subheading-weight);color:#ffffffe6}.hydrate-collection-whats-inside__nutrients{margin-block-start:clamp(1.5rem,4vw,2.25rem);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:clamp(1rem,3vw,1.5rem);width:100%;max-width:100%}@media (max-width: 1023px){.hydrate-collection-whats-inside__nutrients{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:clamp(1.25rem,5vw,2rem);margin-inline:0;max-width:100%;text-align:left}}@media (max-width: 479px){.hydrate-collection-whats-inside__nutrients{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,4vw,1.5rem) clamp(.75rem,3vw,1.25rem)}}@media (min-width: 768px){.hydrate-collection-whats-inside__nutrients{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2.5vw,1.5rem)}}@media (min-width: 1024px){.hydrate-collection-whats-inside__nutrients{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.5vw,1.25rem)}}.hydrate-collection-whats-inside__nutrient{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}@media (max-width: 1023px){.hydrate-collection-whats-inside__nutrient{align-items:flex-start}}@media (max-width: 767px){.hydrate-collection-whats-inside__nutrient{align-items:flex-start}}.hydrate-collection-whats-inside__nutrient-value{font-size:clamp(1.25rem,3vw,1.75rem);font-family:Outfit,sans-serif;font-weight:var(--whats-inside-nutrient-value-weight);letter-spacing:.03em;color:var(--whats-inside-accent, var(--whats-inside-text, #ffffff));line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1200px){.hydrate-collection-whats-inside__nutrient-value{font-size:clamp(1.5rem,2.2vw,1.875rem)}}@media (max-width: 767px){.hydrate-collection-whats-inside__nutrient-value{font-size:clamp(1.5rem,5vw,2rem)}}.hydrate-collection-whats-inside__nutrient-label{font-size:clamp(.75rem,2vw,.875rem);font-family:Outfit,sans-serif;font-weight:var(--whats-inside-nutrient-label-weight);color:#ffffffd9;line-height:1.1}.hydrate-collection-whats-inside__features-container{margin-block-start:clamp(2rem,5vw,2.75rem);position:relative;width:100%}.hydrate-collection-whats-inside__features{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:clamp(.5rem,1.5vw,1rem);align-items:flex-start;margin-block-start:clamp(2rem,5vw,2.75rem);max-width:100%;overflow:hidden}@media (min-width: 1200px) and (max-width: 1439px){.hydrate-collection-whats-inside__features{gap:clamp(.35rem,1vw,.75rem);justify-content:center}.hydrate-collection-whats-inside__feature{flex:1 1 clamp(70px,8vw,95px);max-width:clamp(70px,8vw,95px);min-width:clamp(60px,6vw,88px)}}@media (max-width: 1023px){.hydrate-collection-whats-inside__features{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.5vw,10px);width:100%;padding-inline:clamp(1.25rem,4vw,2rem);overflow:visible}.hydrate-collection-whats-inside__features::-webkit-scrollbar{display:none}.hydrate-collection-whats-inside__feature{flex:0 0 auto;width:clamp(52px,20%,90px);min-width:clamp(52px,17%,70px)}}@media (max-width: 479px){.hydrate-collection-whats-inside__content{padding-inline:16px}.hydrate-collection-whats-inside__features{gap:clamp(4px,1vw,8px);padding-inline:16px}.hydrate-collection-whats-inside__feature{flex:0 0 auto;width:clamp(46px,18%,60px);min-width:clamp(46px,17%,55px)}.hydrate-collection-whats-inside__feature-icon{--feature-icon-size: clamp(28px, 8vw, 32px)}.hydrate-collection-whats-inside__feature-label{font-size:clamp(.55rem,2vw,.65rem);max-width:100%;overflow:hidden;text-overflow:ellipsis}.hydrate-collection-whats-inside__nutrients{gap:10px 10px}.hydrate-collection-whats-inside__nutrient-value{font-size:1.25rem}.hydrate-collection-whats-inside__nutrient-label{font-size:.75rem}}.hydrate-collection-whats-inside__feature{flex:1 1 clamp(90px,10vw,110px);max-width:clamp(90px,10vw,110px);min-width:72px;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,.65rem);text-align:center}@media (max-width: 767px){.hydrate-collection-whats-inside__feature{width:clamp(52px,18%,75px);flex:0 0 auto;min-width:clamp(52px,17%,70px)}}.hydrate-collection-whats-inside__feature-icon{--feature-icon-size: clamp(36px, 2.2vw, 40px);display:flex;align-items:center;justify-content:center;width:var(--feature-icon-size);height:var(--feature-icon-size);margin-bottom:clamp(.15rem,1vw,.25rem)}@media (max-width: 767px){.hydrate-collection-whats-inside__feature-icon{--feature-icon-size: clamp(36px, 10vw, 44px)}}.hydrate-collection-whats-inside__feature-icon-img{width:100%;height:100%;object-fit:contain;aspect-ratio:1}@media (max-width: 767px){.hydrate-collection-whats-inside__feature-icon-img{width:100%;height:100%}}.hydrate-collection-whats-inside__icon-placeholder{display:inline-flex;align-items:center;justify-content:center;width:var(--feature-icon-size);height:var(--feature-icon-size);border-radius:50%;border:1px dashed rgba(255,255,255,.45);color:#ffffffb3;font-size:clamp(.65rem,1.8vw,.75rem);text-transform:uppercase;letter-spacing:.08em}.hydrate-collection-whats-inside__feature-label{font-size:clamp(.7rem,1.8vw,.8rem);font-family:Outfit,sans-serif;font-weight:var(--whats-inside-feature-label-weight);color:var(--whats-inside-text, #ffffff);max-width:100%;white-space:normal;line-height:1.2}@media (max-width: 767px){.hydrate-collection-whats-inside__feature-label{font-size:clamp(.65rem,2.5vw,.75rem);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}}
/*# sourceMappingURL=/cdn/shop/t/2601/assets/hydrate-collection.css.map */