/** Shopify CDN: Minification failed

Line 354:12 Expected ":"

**/


/* header */
.m-header a.has-icon-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.m-cart-icon-bubble .m-svg-icon--medium {
  width: 24px;
  height: 24px;
}


/* global */
body {
  --btn-border-radius: 30px;
  --inputs-radius: 30px;
}

/* pages */
.template-page #MainContent {
  padding-bottom: 0;
}

/* utils */
.overflow-hidden {
  overflow: hidden;
}

@media (min-width: 1024px) {
  .one-fifth.lg\:m\:w-2\/12 {
    width: 20%;
  }
}

/* flushed image */
@media only screen and (min-width: 768px) {
  .flushed-image .m-image-with-text__image .m-image-with-text__image-wrapper,
  .flushed-image .m-image-with-text__image .m-image-with-text__image-wrapper > div,
  .flushed-image .m-image-with-text__image .m-image {
    height: 100%;
  }
  .flushed-image .m-image-with-text__image .m-image-with-text__image-wrapper {
    overflow: initial;
    position: initial;
    display: block;
  }
  .flushed-image .m-image-with-text__image .m-image::before {
    display: none;
  }
}

/* image with text carousel */
.image-with-text-carousel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

/* stroke */
.stroke-image-after-title .m-richtext__title::after {
  content: "";
  display: block;
  height: 9px;
  background: url('/cdn/shop/files/stroke.webp?v=1748349870') no-repeat center left;
  margin-top: 10px;
}

/* title seal */
.title-seal::before {
  content: "";
  display: block;
  height: 40px;
  background: url('/cdn/shop/files/seal-2.webp?v=1751969928') no-repeat center left;
  background-size: contain;
}

/* border after */
.border-after {
  position: relative;
}
.border-after .container-fluid::after {
  content: "";
  display: block;
  border-bottom: 2px solid #d7dbdb;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset)*2 - 100px);
  margin: 0 auto;
}

/* water image */
@media only screen and (min-width: 768px) {
  .image-water {
    position: relative;
  }
  .image-water::before {
    content: "";
    display: block;
    background: url("/cdn/shop/files/water.webp?v=1748420066") no-repeat 0 0;
    width: 532px;
    height: 486px;
    position: absolute;
    right: -180px;
    top: -110px;
    z-index: -1;
    transform: scale(0.8) rotate(20deg);
  }
}

/* check */
.list-check ul {
  padding-left: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 20px;
}
.list-check ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: normal;
}
.list-check ul li::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8031_198)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.5C0 5.14872 5.14872 0 11.5 0C17.8512 0 23 5.14872 23 11.5C23 17.8512 17.8512 23 11.5 23C5.14872 23 0 17.8512 0 11.5ZM10.8434 16.4229L17.4654 8.14556L16.2681 7.18768L10.6233 14.2436L6.62418 10.911L5.64256 12.0889L10.8434 16.4229Z" fill="%230054A4"/></g><defs><clipPath id="clip0_8031_198"><rect width="23" height="23" fill="white"/></clipPath></defs></svg>') no-repeat center;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .list-check ul {
    grid-template-columns: 1fr 1fr;
  }
}

/* blog grid */
@media screen and (min-width: 640px) {
  .blog-grid .m-article-card__title {
    font-size: 26px;
  }
}
.blog-grid .h2 {
  font-weight: 500;
  font-size: calc(((var(--font-h1-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.278;
}
@media only screen and (min-width: 768px) {
  .blog-grid .h2 {
    font-size: calc(((var(--font-h1-tablet)) / (var(--font-base-size))) * 1rem);
    line-height: 1.238;
  }
}
@media only screen and (min-width: 1280px) {
  .blog-grid .h2 {
    font-size: calc(
      ((var(--font-h1-desktop)) / (var(--font-base-size))) * 1rem
    );
    line-height: 1.167;
  }
}
.blog-grid .m-section__description {
  --font-h6-desktop: 24;
  font-size: calc(((var(--font-h6-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
  .blog-grid .m-section__description {
    font-size: calc(
      ((var(--font-h6-desktop)) / (var(--font-base-size))) * 1rem
    );
  }
}

/* newsletter water section */
.newsletter-water .container-fluid .m-gradient {
  background-color: transparent;
}
.newsletter-water .h2 {
  font-size: calc(((var(--font-h1-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.278;
  font-weight: 500;
  border-left: 10px solid #b1d235;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) {
  .newsletter-water .h2 {
    font-size: calc(((var(--font-h1-tablet)) / (var(--font-base-size))) * 1rem);
    line-height: 1.238;
  }
}
@media only screen and (min-width: 1280px) {
  .newsletter-water .h2 {
    font-size: calc(
      ((var(--font-h1-desktop)) / (var(--font-base-size))) * 1rem
    );
    line-height: 1.167;
  }
}
.newsletter-water .rte {
  font-size: calc(((var(--font-h5-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.5;
  margin-top: 32px;
}
@media only screen and (min-width: 1280px) {
  .newsletter-water .rte {
    font-size: calc(((var(--font-h5-desktop)) / (var(--font-base-size))) * 1rem);
  }
}

/* ingredients slider */
.ingredients-slider .h2 {
  font-weight: 500;
}
.ingredients-slider .h2 {
  font-size: calc(((var(--font-h1-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.278;
}
@media only screen and (min-width: 768px) {
  .ingredients-slider .h2 {
    font-size: calc(((var(--font-h1-tablet)) / (var(--font-base-size))) * 1rem);
    line-height: 1.238;
  }
}
@media only screen and (min-width: 1280px) {
  .ingredients-slider .h2 {
    font-size: calc(
      ((var(--font-h1-desktop)) / (var(--font-base-size))) * 1rem
    );
    line-height: 1.167;
  }
}
.ingredients-slider .m-hover-box--scale-up:hover .m-image {
  transform: none;
}
@media only screen and (min-width: 1280px) {
    .ingredients-slider .m-iwt__wrapper {
    grid-template-columns: repeat(3, 1fr);
    }
    .ingredients-slider .m-iwt__content {
        grid-column: 2/3 span;
    }
}
/* .ingredients-slider .m-iwt {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .ingredients-slider .m-iwt-carousel[data-enable-slider="true"] {
    width: 100%;
  }
} */

/* footer newsletter */
.m-footer .m-newsletter-form__wrapper .m-newsletter-form__input {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  --color-form-field: 233, 251, 251;
  --color-border: 198, 199, 199;
  --inputs-radius: 0;
}


/* ingredients */
.ingredient-item {}

@media screen and (min-width: 1280px) {
  .ingredient-item:hover .m-hover-box--scale-up .m-image, .m-hover-box--scale-up svg {
    transform: scale(1.08) translateZ(0);
  }
}

.ingredient-item [style*="--aspect-ratio"]::before {
  padding-top: 133%;
}

.ingredient-item .text-card-with-image {
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 100%;
  overflow: hidden;
}

.ingredient-item .text-card-with-image * {
  color: inherit;
}

.ingredient-item .text-card-with-image__content {
  /* padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px; */
  margin-top: 0;
}
.ingredient-item .m-richtext__title {
  font-size: calc(((var(--font-h4-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.4;

  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: #0054a480;
}
@media only screen and (min-width: 768px) {
  .ingredient-item .m-richtext__title {
    font-size: calc(((var(--font-h4-tablet)) / (var(--font-base-size))) * 1rem);
    line-height: 1.4;
  }
}
@media only screen and (min-width: 1280px) {
  .ingredient-item .m-richtext__title {
    font-size: calc(((var(--font-h4-desktop)) / (var(--font-base-size))) * 1rem);
    line-height: 1.333;
  }
}

.ingredient-item .m-richtext__description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  overflow-y: auto;
  padding: 20px;
  transform: translateY(100%);
  transition: 300ms all ease;
  margin-top: 0;
  z-index: 5;
}

.ingredient-item .m-richtext__description ul {
  margin-top: 0;
}

.ingredient-item.opened .m-richtext__description {
  transform: translateY(0%);
  /* height: 400px; */
  overflow-y auto;
  padding: 20px;
}

.ingredient-item .ingredient-trigger {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgb(var(--color-button-hover));
  height: 50px;
  width: 50px;
  font-size: 25px;
  /* display: none; */
}

.ingredient-item .text-card-with-image {
  cursor: pointer;
}

/* hydration */
.hydration-stack {}

.hydration-stack .m-custom-content__wrapper {
  padding-bottom: 240px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  row-gap: 40px;
}

.hydration-stack .hydration-heading {
  grid-row: 1 / -1;
  position: sticky;
  top: 80px;
}

.hydration-stack .hydration-card {
  position: sticky;
  top: 80px;
  grid-column: 2 / span 9;
}

.hydration-stack .hydration-card:nth-of-type(2) {
  transform: translateY(0);
  margin-top: 0;
}

.hydration-stack .hydration-card:nth-of-type(3) {
  transform: translateY(80px);
  margin-top: -80px;
  margin-left: -40px;
}

.hydration-stack .hydration-card:nth-of-type(4) {
  transform: translateY(160px);
  margin-top: -80px;
  margin-left: -80px;
}

.hydration-stack .hydration-card:nth-of-type(5) {
  transform: translateY(240px);
  margin-top: -80px;
  margin-left: -120px;
}

.hydration-card [style*="--aspect-ratio"]::before {
  padding-top: 300px;
}

.hydration-card .text-card-with-image {
  flex-direction: row;
  background: #fff;
  padding: 20px 40px;
  gap: 40px;
  height: 400px;
  /* box-shadow: 0 -1px 4px #00000014,0 2px 16px #00000014; */
}

.hydration-card .text-card-with-image__media {
  width: 50%;
}

.hydration-card .text-card-with-image__content {
  width: 50%;
  order: -1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .hydration-stack .hydration-heading,
  .hydration-stack .hydration-card {
    grid-column: 1 / span 10;
    margin-left: 0 !important;
  }

  .hydration-stack .hydration-heading {
    position: relative;
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .hydration-card .text-card-with-image {
    flex-direction: column;
  }

  .hydration-card .text-card-with-image__media,
  .hydration-card .text-card-with-image__content {
    width: 100%;
  }
}

/* hand graphic */
.hand-product {
  margin-bottom: -40px;
}

@media (min-width: 768px) {
  .hand-product {
    margin-bottom: -60px;
  }
}

@media (min-width: 1280px) {
  .hand-product {
    margin-bottom: -80px;
  }
}

@media (min-width: 1536px) {
  .hand-product {
    margin-bottom: -100px;
  }
}

/* subify */
.m-product-form--wrapper .subify-root {
  width: 100%;
}

/* ctable */
.ctable_wrapper {
  overflow-y: auto;
}

.ctable_table {
  width: 100%;
}

.ctable_row {
  border-bottom: 1px solid #d9dddb;
}

.ctable_cell-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

.ctable_cell-content.align-left {
  justify-content: flex-start;
}

.ctable_icon {
  max-width: 55px;
}

.ctable_cell-head {
  width: auto;
  min-width: 110px;
  max-width: 105px;
}

.ctable_head {
  border-bottom: 1px solid #d9dddb;
  text-align: center;
}

.ctable_cell-head.highlighted {
  border-radius: 16px 16px 0 0;
}

.ctable_cell-head.highlighted,
.ctable_cell-body.highlighted {
  background-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button));
  font-size: 20px;
}

.ctable_cell-body img {
  width: 30px;
  height: 30px;
}

.ctable_cell-body .ctable_cell-content:not(:has(.ctable_row-title)) {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

/* hydration */
.after-plus, .after-equals {
  position: relative;
}

.after-plus::after, .after-equals::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  font-size: 2.5rem;
  color: rgb(var(--color-heading));
}

.after-equals::after {
  content: "=";
}

@media (max-width: 767px) {
  .after-plus::after, .after-equals::after {
    right: auto;
    top: auto;
    bottom: 0;
    left: 50%;    
    transform: translateY(50%) translateX(-50%);
  }
}

/* buy now button */
.m-header__menu .m-menu__item {
  display: flex;
  align-items: center;
}
.m-header__menu .buy-now-button {
  outline: none;
  text-align: center;
  padding: 10px 20px;
  white-space: normal;
  transition: var(--m-duration-default, .25s) all;
  display: inline-block;
  border: 1px solid rgba(0,0,0,0);
  font-size: var(--font-btn-size, 1rem);
  font-weight: var(--font-btn-weight, 500);
  letter-spacing: var(--btn-letter-spacing, 0);
  text-transform: var(--btn-text-transform, "");
  border-radius: var(--btn-border-radius, 0);
  line-height: var(--btn-line-height, "normal");

  background-color: rgb(var(--color-button));
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

.m-header__menu .buy-now-button::after {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .m-header__menu .buy-now-button {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.m-header__menu .buy-now-button:hover {
  cursor: pointer;
  background: rgb(var(--color-button-hover));
  border-color: rgb(var(--color-button-hover));
  color: rgb(var(--color-button-text-hover));
  box-shadow: 0 0 0 .2rem rgb(var(--color-button-hover));
}

/* video overlay */
.text-video-overlay {
  margin: 0 auto;
  padding: 80px 20px;
}
@media only screen and (min-width: 768px) {
  .text-video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    align-items: end !important;
    padding: 80px 20px 60px;
  }
}

.text-video-overlay .m-richtext__description {
  font-size: calc(((var(--font-h4-mobile)) / (var(--font-base-size))) * 1rem);
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .text-video-overlay .m-richtext__description {
    font-size: calc(((var(--font-h4-tablet)) / (var(--font-base-size))) * 1rem);
    line-height: 1.4;
  }
}
@media only screen and (min-width: 1280px) {
  .text-video-overlay .m-richtext__description {
    font-size: calc(((var(--font-h4-desktop)) / (var(--font-base-size))) * 1rem);
    line-height: 1.333;
  }
}