/** Shopify CDN: Minification failed

Line 2495:2 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:alive-benefits (INDEX:2) */
.alive-benefits {
    background-color: var(--alive-color-bg);
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    min-width: 0;
  }

  .alive-benefits__heading {
    font-family: var(--alive-font-display);
    font-weight: 700;
    font-size: 45px;
    line-height: 1.1;
    color: var(--alive-color-primary);
    margin: 0 0 50px;
    text-align: center;
  }

  .alive-benefits__viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-block: 12px;
    cursor: grab;
    touch-action: pan-y;
  }

  .alive-benefits__viewport.is-dragging {
    cursor: grabbing;
  }

  .alive-benefits__viewport.is-dragging,
  .alive-benefits__viewport.is-dragging * {
    -webkit-user-select: none;
    user-select: none;
  }

  .alive-benefits__track {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: translate3d(0, 0, 0);
    transition: transform 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
  }

  .alive-benefits__track.no-anim {
    transition: none !important;
  }

  .alive-benefits__item {
    flex: 0 0 auto;
  }

  .alive-benefit {
    width: 300px;
    min-height: 355px;
    background-color: #f5f8f9;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 30px 30px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    box-sizing: border-box;
    transition:
      border-color 0.25s ease,
      box-shadow 0.25s ease,
      padding 0.25s ease,
      gap 0.25s ease;
  }

  .alive-benefit__image {
    width: 187px;
    height: 187px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .alive-benefit__image--photo {
    mix-blend-mode: multiply;
  }

  .alive-benefit__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .alive-benefit__img--placeholder {
    color: #c7d1d5;
    background-color: #eef2f4;
    border-radius: 8px;
  }

  .alive-benefit__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .alive-benefit__slot {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
  }

  .alive-benefit__slot > * {
    overflow: hidden;
    min-height: 0;
    transition: opacity 0.2s ease;
  }

  .alive-benefit--has-desc .alive-benefit__slot--desc {
    grid-template-rows: 0fr;
  }

  .alive-benefit--has-desc .alive-benefit__desc {
    opacity: 0;
  }

  .alive-benefit__title {
    font-family: var(--alive-font-bold);
    font-weight: 700;
    font-size: 25px;
    line-height: 1.1;
    text-align: center;
    margin: 0;
    background-image: linear-gradient(to left, #0e6096, #5392ab);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .alive-benefit__desc {
    font-family: var(--alive-font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: var(--alive-color-primary);
    text-align: center;
    margin: 0;
    padding: 0 22px;
  }

  @media (hover: hover) {
    .alive-benefit--has-desc:hover,
    .alive-benefit--has-desc:focus-within {
      border-color: #f2ecd7;
      padding: 30px 30px 20px;
      gap: 25px;
      box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.05),
        0 8px 18px rgba(0, 0, 0, 0.04),
        0 17px 41px rgba(0, 0, 0, 0.03);
    }

    .alive-benefit--has-desc:hover .alive-benefit__slot--title,
    .alive-benefit--has-desc:focus-within .alive-benefit__slot--title {
      grid-template-rows: 0fr;
    }

    .alive-benefit--has-desc:hover .alive-benefit__title,
    .alive-benefit--has-desc:focus-within .alive-benefit__title {
      opacity: 0;
    }

    .alive-benefit--has-desc:hover .alive-benefit__slot--desc,
    .alive-benefit--has-desc:focus-within .alive-benefit__slot--desc {
      grid-template-rows: 1fr;
    }

    .alive-benefit--has-desc:hover .alive-benefit__desc,
    .alive-benefit--has-desc:focus-within .alive-benefit__desc {
      opacity: 1;
      transition: opacity 0.25s ease 0.15s;
    }
  }

  .alive-benefits__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 30px;
  }

  .alive-benefits__dot {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    width: 6px;
    height: 4px;
    border-radius: 2px;
    background-color: #053C7D;
    opacity: 0.5;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
    flex: 0 0 auto;
  }

  .alive-benefits__dot:hover {
    opacity: 0.8;
  }

  .alive-benefits__dot.is-active {
    width: 20px;
    opacity: 1;
  }

  .alive-benefits__dot:focus-visible {
    outline: 2px solid #053C7D;
    outline-offset: 4px;
  }

  @media (max-width: 900px) {
    .alive-benefits {
      padding-top: 48px;
      padding-bottom: 48px;
    }

    .alive-benefits__heading {
      font-size: 32px;
      margin-bottom: 32px;
    }

    .alive-benefits__dots {
      margin-top: 24px;
    }
  }

  /* ---------- Waterfall SVG: mesmo papel que .graphic-wrap no swiper (centro + crop) ---------- */
  .alive-benefit__image--svg {
    overflow: hidden;
    align-items: flex-end;
    justify-content: center;
  }

  .alive-benefit__image--svg .graphic-wrap.aw-graphic-wrap,
  .alive-benefit__image--svg .graphic-wrap.aw-graphic-wrap > div {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    height: 100%;
    margin: 0;
  }

  .alive-benefit__image--svg .graphic-wrap.aw-graphic-wrap > div {
    overflow: hidden;
  }

  .alive-benefit__image--svg .aw-waterfall.aw-waterfall-animation {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 100%;
    overflow: hidden;
  }

  /*
   * No swiper original o blurb pode ir a 150% da largura; aqui a caixa é fixa (187px).
   * O translateX(-15%) do bundle empurrava o desenho para fora do centro — usamos só
   * flex + translateY para encostar o jarro na base, com overflow simétrico nas laterais.
   */
  .alive-benefit__image--svg .aw-waterfall-animation svg {
    width: 150%;
    max-width: none;
    height: auto;
    flex-shrink: 0;
    display: block;
    transform: translateY(18%);
    transform-origin: 50% 100%;
  }

  @media (max-width: 767px) {
    .alive-benefit__image--svg .aw-waterfall-animation svg {
      width: 118%;
      transform: translateY(16%);
    }
  }

  /* Lottie — mesmo papel que no swiper (graphic-wrap + meet) */
  .alive-benefit__image--lottie {
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }

  .alive-benefit__image--lottie .alive-benefit__lottie-host {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .alive-benefit__image--lottie .alive-benefit__lottie-host svg {
    width: 100% !important;
    height: auto !important;
    max-height: 100%;
    display: block;
  }
/* END_SECTION:alive-benefits */

/* START_SECTION:alive-comparison-table (INDEX:3) */
.alive-compare {
    position: relative;
    color: #ffffff;
    isolation: isolate;
    overflow: hidden;
  }

  .alive-compare__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .alive-compare__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .alive-compare__tint {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .alive-compare__inner {
    position: relative;
    z-index: 1;
  }

  .alive-compare .alive-compare__heading {
    color: #ffffff;
    text-align: center;
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01em;
    margin: 0 0 48px;
  }

  .alive-compare__scroll-shell {
    position: relative;
  }

  .alive-compare__hint {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    pointer-events: none;
    display: none;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-family: var(--alive-font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 280ms ease;
  }
  .alive-compare__hint.is-visible {
    opacity: 1;
  }

  .alive-compare__grid-wrap {
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 4px;
  }

  @keyframes alive-compare-pump {
    0%   { transform: translateX(0); }
    35%  { transform: translateX(-80px); }
    70%  { transform: translateX(0); }
    100% { transform: translateX(0); }
  }
  .alive-compare__grid-wrap.is-pumping .alive-compare__grid {
    animation: alive-compare-pump 1100ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
  }
  @media (prefers-reduced-motion: reduce) {
    .alive-compare__grid-wrap.is-pumping .alive-compare__grid { animation: none; }
  }

  .alive-compare__grid {
    display: grid;
    grid-template-columns: 281px repeat(4, 175px);
    gap: 8px;
    margin: 0 auto;
    max-width: 1013px;
    min-width: 1013px;
  }

  .alive-compare__col {
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
  }

  .alive-compare__col--alive {
    background: linear-gradient(186deg, rgba(83, 146, 171, 0.9) 0%, rgba(14, 96, 150, 0.9) 51.35%, rgba(5, 60, 125, 0.9) 102.71%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .alive-compare__cell {
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding: 0 12px;
  }

  .alive-compare__cell.is-alt {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .alive-compare__cell--header {
    font-family: var(--alive-font-display);
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
  }

  .alive-compare__cell--header-alive {
    font-size: 19px;
  }
  .alive-compare__cell--header-alive .alive-gradient-text--gold {
    font-family: var(--alive-font-display);
    font-weight: 700;
  }

  .alive-compare__cell--label {
    justify-content: flex-start;
    text-align: left;
    padding: 0 24px;
    font-size: 16px;
  }

  .alive-compare__cell--data svg {
    width: 23px;
    height: 23px;
    display: block;
  }

  .alive-compare__text {
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
  }

  @media (max-width: 900px) {
    .alive-compare .alive-compare__heading { font-size: 32px; margin-bottom: 32px; }
    .alive-compare__scroll-shell { padding-top: 32px; }
    .alive-compare__hint { display: inline-block; }
    .alive-compare__grid { grid-template-columns: 220px repeat(4, 140px); min-width: 820px; }
    .alive-compare__cell--label { padding: 0 16px; font-size: 14px; }
    .alive-compare__cell--header { font-size: 15px; }
    .alive-compare__cell--header-alive { font-size: 16px; }
    .alive-compare__text { font-size: 14px; }
  }
/* END_SECTION:alive-comparison-table */

/* START_SECTION:alive-hero (INDEX:4) */
.alive-hero {
    position: relative;
    min-height: 720px;
    color: #fff;
    overflow: hidden;
    isolation: isolate;
  }

  .alive-hero__media,
  .alive-hero__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .alive-hero__media img {
    object-fit: cover;
  }

  .alive-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.28) 56.985%, rgba(0, 0, 0, 0.09) 100%);
  }

  .alive-hero__inner {
    padding-top: 140px;
    padding-bottom: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 760px;
  }

  .alive-hero__rating {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--alive-font-body);
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #fff;
  }

  .alive-hero__rating-text {
    color: #ffffff;
  }

  .alive-hero .alive-hero__heading {
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.01em;
    max-width: 720px;
  }

  .alive-hero .alive-hero__sub {
    color: #ffffff;
    max-width: 620px;
    font-size: 17px;
    line-height: 1.4;
  }

  .alive-hero__cta {
    margin-top: 12px;
  }

  .alive-hero .alive-hero__disclaimer {
    color: #ffffff;
    font-size: 16px;
    margin-top: 4px;
  }

  @media (max-width: 768px) {
    .alive-hero { min-height: 0; padding-top: 400px!important; padding-bottom: 30px!important;}
    .alive-hero__media img{
      object-position: top center!important;
    }
    .alive-hero__inner {
      gap: 22px;
      padding: 0 16px!important;
    }
    .alive-hero__rating { font-size: 12px!important; font-weight: 600; }
    .alive-hero .alive-hero__heading {
      font-size: 25.5px;
      font-weight: 700;
      line-height: normal;
    }
    .alive-hero .alive-hero__sub {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
    }
    .alive-hero__cta { margin-top: 0; }
    .alive-hero .alive-hero__disclaimer {
      margin-top: 0;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.2;
    }
  }
/* END_SECTION:alive-hero */

/* START_SECTION:alive-how-it-works (INDEX:5) */
.alive-how__heading {
    text-align: center;
    margin-bottom: 64px;
    font-size: 35px;
    line-height: 1;
    color: var(--alive-color-primary);
  }

  .alive-how__steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 48px 83px;
    margin: 0 auto 64px;
    padding: 0;
    list-style: none;
  }

  .alive-step {
    flex: 1 1 280px;
    max-width: 335px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    position: relative;
  }

  .alive-step__eyebrow-wrap {
    width: 100%;
    padding-left: 89px;
    margin-bottom: 0;
    min-height: 22px;
    box-sizing: border-box;
  }

  .alive-step__eyebrow {
    font-family: var(--alive-font-bold);
    font-size: 18px;
    font-weight: 700;
    color: var(--alive-color-earth);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0;
    display: inline-block;
  }

  .alive-step__row {
    display: flex;
    align-items: flex-start;
    gap: 29px;
    width: 100%;
    margin-top: 0;
  }

  .alive-step__icon {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
  }

  .alive-step__icon img,
  .alive-step__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }

  .alive-step__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
  }

  .alive-step__title {
    font-family: var(--alive-font-display);
    font-size: 35px;
    line-height: 1;
    font-weight: 700;
    color: var(--alive-color-primary);
    margin: 0;
    letter-spacing: -0.01em;
  }

  .alive-step__desc {
    font-family: var(--alive-font-body);
    font-size: 17px;
    line-height: 1.2;
    color: var(--alive-color-primary);
    margin: 20px 0 0;
    padding-left: 89px;
    max-width: 335px;
    font-weight: 400;
  }

  .alive-how__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
  }

  .alive-how__cta-note {
    color: var(--alive-color-primary);
    opacity: 0.75;
  }

  @media (max-width: 900px) {
    .alive-how{
      padding-top:0px!important;
    }
    .alive-how__heading {
      font-size: 28px;
      margin-bottom: 40px;
    }

    .alive-how__steps {
      flex-direction: column;
      align-items: center;
      gap: 47px;
      margin-bottom: 48px;
    }

    .alive-step {
      flex: 0 1 auto;
      width: 100%;
      max-width: 305px;
      gap: 19px;
    }

    .alive-step__eyebrow-wrap {
      padding-left: 75px;
      min-height: 0;
    }

    .alive-step__row {
      gap: 30px;
      align-items: flex-start;
    }

    .alive-step__icon {
      width: 45px;
      height: 45px;
      flex: 0 0 45px;
    }

    .alive-step__body {
      min-height: 45px;
      justify-content: flex-start;
    }

    .alive-step__title {
      font-size: 28px;
      line-height: 1;
      letter-spacing: 0;
    }

    .alive-step__desc {
      padding-left: 75px;
      margin: 0;
      max-width: none;
      font-size: 16px;
      line-height: 1.2;
    }
  }
/* END_SECTION:alive-how-it-works */

/* START_SECTION:alive-product-configurator (INDEX:6) */
.alive-configurator {
    background-color: var(--alive-color-bg);
    padding-top: 60px;
    padding-bottom: 60px;
    scroll-margin-top: 80px;
  }

  html {
    scroll-behavior: smooth;
  }

  .alive-configurator__card {
    background-color: #fff;
    border-radius: 20px;
    padding: 65px 65px 70px;
    box-shadow:
      0 10px 21px rgba(128, 128, 128, 0.1),
      0 38px 38px rgba(128, 128, 128, 0.09),
      0 86px 52px rgba(128, 128, 128, 0.05);
  }

  .alive-configurator__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 500px;
    gap: 65px;
    align-items: stretch;
  }

  .alive-configurator__media {
    display: flex;
    min-height: 0;
  }

  .alive-configurator__map {
    background-color: #F2ECD7;
    border-radius: 10px;
    padding: 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .alive-configurator__map-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    border-radius: 10px;
    transition: opacity 0.2s ease;
  }

  .alive-configurator__form {
    display: flex;
    flex-direction: column;
    gap: 25px;
    min-width: 0;
  }

  /* Same theme hook as PDP: theme.AjaxProduct(this.form) */
  .alive-configurator__atc-form {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    min-width: 0;
  }

  .alive-configurator__atc-form .alive-configurator__policies {
    margin: 0;
  }

  .alive-configurator__atc-form .add-to-cart.btn--loading {
    pointer-events: none;
  }

  .alive-configurator__intro {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .alive-configurator__heading {
    font-family: var(--alive-font-display);
    font-size: 35px;
    line-height: 1;
    font-weight: 600;
    color: #053C7D;
    margin: 0;
  }

  .alive-configurator__intro p {
    font-family: var(--alive-font-body);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #053C7D;
    margin: 0;
  }

  .alive-configurator__intro p + p {
    margin-top: 8px;
  }

  .alive-configurator__intro a {
    color: #053C7D;
    text-decoration: underline;
    font-family: var(--alive-font-display);
    font-weight: 600;
  }

  .alive-configurator__regions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .alive-region-pill {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    background-color: rgba(5, 60, 125, 0.06);
    color: #053C7D;
    font-family: var(--alive-font-display);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    padding: 15px 26px;
    border-radius: 200px;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
    white-space: nowrap;
  }

  .alive-region-pill:hover {
    background-color: rgba(5, 60, 125, 0.12);
  }

  .alive-region-pill.is-selected {
    background-color: #053C7D;
    color: #fff;
  }

  .alive-region-pill:focus-visible {
    outline: 2px solid #053C7D;
    outline-offset: 2px;
  }

  .alive-configurator__jug-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .alive-configurator__not-sure {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--alive-font-display);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(5, 60, 125, 0.5);
    text-decoration: none;
  }

  .alive-configurator__not-sure:hover {
    color: #053C7D;
  }

  .alive-configurator__not-sure-icon {
    flex: 0 0 auto;
  }

  /* ~3 jug rows visible (same footprint as 4/6/8 only); rest scrolls */
  .alive-configurator__jugs-scroll {
    max-height: calc(3 * 67px + 2 * 8px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(5, 60, 125, 0.35) rgba(5, 60, 125, 0.06);
    padding-right: 2px;
  }

  .alive-configurator__jugs-scroll::-webkit-scrollbar {
    width: 6px;
  }

  .alive-configurator__jugs-scroll::-webkit-scrollbar-track {
    background: rgba(5, 60, 125, 0.06);
    border-radius: 3px;
  }

  .alive-configurator__jugs-scroll::-webkit-scrollbar-thumb {
    background: rgba(5, 60, 125, 0.25);
    border-radius: 3px;
  }

  .alive-configurator__jugs-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(5, 60, 125, 0.4);
  }

  .alive-configurator__jugs {
    border: 0;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
  }

  .alive-jug-option {
    display: grid;
    grid-template-columns: 59px 1fr auto;
    align-items: center;
    gap: 14px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    min-height: 67px;
    padding: 4px 22px 4px 5px;
    font-family: var(--alive-font-body);
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease;
    text-align: left;
  }

  .alive-jug-option:hover {
    border-color: var(--alive-color-primary);
  }

  .alive-jug-option.is-selected {
    border: 1.5px solid #053C7D;
    background-color: #F2F5F8;
    padding: 4px calc(22px - 0.5px) 4px calc(5px - 0.5px);
  }

  .alive-jug-option__thumb {
    width: 59px;
    height: 59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #f5f8f9;
  }

  .alive-jug-option__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .alive-jug-option__label {
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 600;
    color: #053C7D;
    line-height: 1.2;
  }

  .alive-jug-option__meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--alive-font-body);
    font-size: 18px;
    line-height: 1.2;
    color: #053C7D;
    white-space: nowrap;
  }

  .alive-jug-option__divider {
    color: #053C7D;
    opacity: 0.45;
  }

  .alive-jug-option__savings.is-highlight {
    color: #00BC80;
    font-family: var(--alive-font-display);
    font-weight: 600;
  }

  .alive-configurator__freq {
    position: relative;
  }

  .alive-configurator__freq-trigger {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(5, 60, 125, 0.06);
    border: 1px solid #053C7D;
    border-radius: 5px;
    min-height: 51px;
    padding: 14px 18px;
    cursor: pointer;
    color: #053C7D;
    font-family: var(--alive-font-display);
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
    transition: background-color 160ms ease;
  }

  .alive-configurator__freq-trigger:hover {
    background-color: rgba(5, 60, 125, 0.1);
  }

  .alive-configurator__freq-text {
    display: inline-flex;
    gap: 6px;
    align-items: baseline;
  }

  .alive-configurator__freq-prefix {
    font-family: var(--alive-font-bold);
    font-weight: 700;
  }

  .alive-configurator__freq-value {
    font-weight: 600;
  }

  .alive-configurator__freq-chevron {
    flex: 0 0 auto;
    transition: transform 220ms cubic-bezier(.22,.61,.36,1);
  }

  .alive-configurator__freq[data-freq-open="true"] .alive-configurator__freq-chevron {
    transform: rotate(180deg);
  }

  .alive-configurator__freq-panel {
    overflow: hidden;
    height: 0;
    transition: height 260ms cubic-bezier(.22,.61,.36,1);
  }

  .alive-configurator__freq-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    max-height: 280px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .alive-configurator__freq-option {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 12px 16px;
    border-radius: 3px;
    text-align: left;
    font-family: var(--alive-font-body);
    font-size: 16px;
    line-height: 1.2;
    color: #053C7D;
    cursor: pointer;
    transition: background-color 120ms ease;
  }

  .alive-configurator__freq-option:hover {
    background-color: rgba(5, 60, 125, 0.06);
  }

  .alive-configurator__freq-option.is-selected {
    background-color: #F2F5F8;
    font-family: var(--alive-font-display);
    font-weight: 600;
  }

  .alive-configurator__cta {
    width: 100%;
    min-height: 51px;
    font-size: 20px;
    border-radius: 3px;
  }

  .alive-configurator__error {
    font-family: var(--alive-font-body);
    font-size: 13px;
    color: #b84545;
    margin: 0;
    min-height: 18px;
  }

  @media (max-width: 1080px) {
    .alive-configurator__layout {
      grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
      gap: 40px;
    }
    .alive-configurator__card {
      padding: 48px 40px 52px;
    }
  }

  @media (max-width: 900px) {
    .alive-configurator{
      padding-top:0px!important;
    }
    .alive-configurator__card {
      padding: 28px 20px 32px;
      border-radius: 16px;
    }
    .alive-configurator__layout {
      grid-template-columns: 1fr;
      gap: 28px;
      align-items: stretch;
    }
    .alive-configurator__map {
      padding: 16px;
      aspect-ratio: 1 / 1;
    }
    .alive-configurator__form {
      gap: 24px;
    }
    .alive-configurator__heading { font-size: 28px; }
    .alive-configurator__regions {
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      margin-inline: -20px;
      padding-inline: 20px;
    }
    .alive-configurator__regions::-webkit-scrollbar { display: none; }
    .alive-region-pill { font-size: 16px; padding: 12px 22px; }
    .alive-jug-option {
      grid-template-columns: 48px 1fr auto;
      min-height: 60px;
      padding: 4px 16px 4px 5px;
      gap: 10px;
    }
    .alive-jug-option.is-selected {
      padding: 4px calc(16px - 0.5px) 4px calc(5px - 0.5px);
    }
    .alive-jug-option__thumb { width: 48px; height: 48px; }
    .alive-jug-option__label { font-size: 18px; }
    .alive-jug-option__meta { font-size: 15px; }
    .alive-configurator__jugs-scroll {
      max-height: calc(3 * 60px + 2 * 8px);
    }
    .alive-configurator__freq-trigger { font-size: 16px; }
    .alive-configurator__cta { font-size: 18px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .alive-configurator__freq-panel,
    .alive-configurator__freq-chevron,
    .alive-configurator__map-img { transition: none; }
  }
/* END_SECTION:alive-product-configurator */

/* START_SECTION:alive-social-proof (INDEX:7) */
.alive-social-proof__card {
    position: relative;
    border-radius: var(--alive-radius-lg);
    overflow: hidden;
    min-height: 420px;
    display: flex;
    align-items: center;
    isolation: isolate;
  }

  .alive-social-proof__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  .alive-social-proof__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .alive-social-proof__content {
    position: relative;
    z-index: 2;
    padding: 72px 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 640px;
  }

  .alive-social-proof__heading {
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01em;
    margin: 0;
  }

  @media (max-width: 900px) {
    .alive-social-proof__card { min-height: 360px; }
    .alive-social-proof__content { padding: 48px 28px; gap: 24px; }
    .alive-social-proof__heading { font-size: 32px; }
  }

  @media (max-width: 600px) {
    .alive-social-proof__card {
      min-height: 226px;
    }
    .alive-social-proof__bg {
      object-position: 72% center;
    }
    .alive-social-proof__content {
      padding: 40px 28px;
      gap: 20px;
      max-width: 100%;
    }
    .alive-social-proof__heading {
      font-size: 23px;
      line-height: 1.1;
      max-width: 189px;
    }
    .alive-social-proof__content .alive-btn--gold {
      padding: 13px 28px;
      font-size: 15px;
      border-radius: 3px;
    }
  }
/* END_SECTION:alive-social-proof */

/* START_SECTION:alive-stats-bar (INDEX:8) */
.alive-stats-bar {
    background: var(--alive-gradient-blue);
    color: #fff;
    min-height: 144px;
    display: flex;
    align-items: center;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .alive-stats-bar .alive-container {
    width: 100%;
  }

  .alive-stats-bar__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 170px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    padding: 40px 0;
  }

  .alive-stats-bar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
  }

  .alive-stats-bar__number {
    font-family: var(--alive-font-display);
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.01em;
    background: var(--alive-gradient-gold);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  .alive-stats-bar__label {
    font-family: var(--alive-font-body);
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    letter-spacing: 0;
  }

  @media (max-width: 900px) {
    .alive-stats-bar__list { gap: 56px; }
  }

  @media (max-width: 600px) {
    .alive-stats-bar__list {
      flex-direction: column;
      gap: 24px;
    }
    .alive-stats-bar__number { font-size: 32px; }
    .alive-stats-bar__label { font-size: 16px; }
  }
/* END_SECTION:alive-stats-bar */

/* START_SECTION:alive-story-faq-cta (INDEX:9) */
.alive-story-stack {
    position: relative;
    isolation: isolate;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
  }

  .alive-story-stack__bg,
  .alive-story-stack__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .alive-story-stack__bg img {
    object-fit: cover;
    object-position: top center;
  }

  .alive-story-stack__inner {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }

  /* Glass card base — matches Figma 312:79 */
  .alive-glass-card {
    position: relative;
    border-radius: 20px;
    background: linear-gradient(244.5deg, rgba(83, 146, 171, 0.80) 0.66%, rgba(14, 96, 150, 0.80) 50.19%, rgba(5, 60, 125, 0.80) 99.71%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: #ffffff;
    box-sizing: border-box;
  }

  .alive-story-stack .alive-glass-card__heading {
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
    margin: 0;
  }

  .alive-glass-card__text {
    color: #ffffff;
    font-family: var(--alive-font-body);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 400;
  }
  .alive-glass-card__text p { margin: 0; }
  .alive-glass-card__text p + p { margin-top: 1em; }

  .alive-glass-card__callout {
    color: #ffffff;
    font-family: var(--alive-font-display);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
  }

  /* Gold CTA — matches Figma 312:496 */
  .alive-gold-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    min-width: 252px;
    padding: 0 35px;
    border-radius: 3px;
    background: linear-gradient(270deg, #E3C487 -23.6%, #FFF3CD 47.8%, #E3C487 119.2%);
    color: #644A2C;
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: filter 180ms ease;
  }
  .alive-gold-btn:hover { filter: brightness(1.04); color: #644A2C; }

  /* Founder card layout — Figma 374:1850 */
  .alive-glass-card--founder {
    display: grid;
    grid-template-columns: 597px 1fr;
    gap: 97px;
    padding: 53px;
    align-items: center;
    min-height: 712px;
  }
  .alive-glass-card__media {
    width: 597px;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    overflow: hidden;
    align-self: start;
  }
  .alive-glass-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .alive-glass-card__body {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 433px;
  }

  /* Outline button — Figma: View All */
  .alive-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 130px;
    height: 46px;
    padding: 18px 35px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 2px solid #053C7D;
    background: rgba(5, 60, 125, 0.00);
    color: #053C7D;
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 160ms ease, color 160ms ease;
  }
  .alive-outline-btn:hover {
    background: #053C7D;
    color: #ffffff;
  }

  /* FAQ block — sits on the section background, no glass card */
  .alive-faq-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .alive-faq-block__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .alive-faq-block__heading {
    color: #053C7D;
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
  }
  .alive-faq-block__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 14px;
    align-items: start;
  }
  .alive-faq-block__item {
    background: transparent;
    border-radius: 5px;
  }
  .alive-faq-block__q {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 24px;
    cursor: pointer;
    border-radius: 5px;
    background: linear-gradient(270deg, #5392AB 0%, #0E6096 50%, #053C7D 100%);
    font-family: var(--alive-font-display);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
  }
  .alive-faq-block__q:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }
  .alive-faq-block__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    flex-shrink: 0;
    transition: transform 260ms cubic-bezier(.22,.61,.36,1);
  }
  .alive-faq-block__minus { display: none; }
  .alive-faq-block__item[data-faq-open="true"] .alive-faq-block__plus { display: none; }
  .alive-faq-block__item[data-faq-open="true"] .alive-faq-block__minus { display: inline-flex; }
  .alive-faq-block__item[data-faq-open="true"] .alive-faq-block__toggle { transform: rotate(180deg); }

  .alive-faq-block__a-wrap {
    overflow: hidden;
    height: 0;
    transition: height 280ms cubic-bezier(.22,.61,.36,1);
  }
  .alive-faq-block__a {
    margin-top: 8px;
    padding: 22px 24px;
    border-radius: 5px;
    background: #ffffff;
    font-family: var(--alive-font-body);
    font-size: 15px;
    line-height: 1.55;
    color: #053C7D;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 220ms ease 60ms, transform 260ms ease 60ms;
  }
  .alive-faq-block__item[data-faq-open="true"] .alive-faq-block__a {
    opacity: 1;
    transform: translateY(0);
  }
  .alive-faq-block__a p { margin: 0; }
  .alive-faq-block__a p + p { margin-top: 0.8em; }

  @media (prefers-reduced-motion: reduce) {
    .alive-faq-block__a-wrap,
    .alive-faq-block__a,
    .alive-faq-block__toggle { transition: none; }
  }

  /* Final CTA block — sits on the section background, no glass card */
  .alive-final-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 136px;
    text-align: center;
  }
  .alive-final-block__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    max-width: 820px;
    margin: 0 auto;
  }
  .alive-final-block__heading {
    color: #ffffff;
    text-align: center;
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-weight: 600;
    line-height: 1.05;
    margin: 0;
  }
  .alive-final-block__lead {
    color: #ffffff;
    text-align: center;
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
  }

  .alive-final-block__quote {
    position: relative;
    width: 100%;
    max-width: 739px;
    min-height: 303px;
    margin: 0 auto 142px auto;
    padding: 44px 52px 40px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
  }
  .alive-final-block__quote-mark {
    display: block;
    font-family: var(--alive-font-display);
    font-size: 160px;
    font-weight: 500;
    line-height: 0.6;
    margin: 0 0 -18px;
    background: linear-gradient(270deg, #E3C487 -23.6%, #FFF3CD 47.8%, #E3C487 119.2%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .alive-final-block__quote-text {
    color: #ffffff;
    text-align: center;
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
    max-width: 612px;
  }
  .alive-final-block__quote-author {
    color: #ffffff;
    text-align: center;
    font-family: var(--alive-font-display);
    font-style: normal;
    font-size: 17px;
    font-weight: 600;
    line-height: 130%;
    margin-top: 6px;
  }

  @media (max-width: 1100px) {
    .alive-glass-card--founder {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 40px;
      min-height: 0;
    }
    .alive-glass-card__media { width: 100%; }
    .alive-glass-card__body { max-width: none; }
    .alive-faq-block__list { grid-template-columns: 1fr; column-gap: 0; }
  }

  @media (max-width: 640px) {
    .alive-story-stack .alive-glass-card__heading { font-size: 32px; }
    .alive-faq-block__heading { font-size: 32px; }
    .alive-final-block__heading { font-size: 32px; }
    .alive-final-block__lead { font-size: 17px; }
    .alive-final-block__quote { padding: 32px 24px 28px; min-height: 0; margin: 0 auto 40px auto;}
    .alive-final-block__quote-mark { font-size: 120px; margin-bottom: -10px; }
    .alive-final-block__quote-text { font-size: 17px; }
    .alive-glass-card--founder { padding: 28px; }
    .alive-gold-btn { height: 48px; font-size: 16px; min-width: 200px; padding: 0 24px; }
    .alive-final-block{
    gap: 40px;
    padding: 0 16px;
  }
  .alive-faq-block{
    padding: 0 16px;
  }
  .alive-faq-block__header,.alive-glass-card__body{
    justify-content: center;
    text-align: center;
  }
  .alive-faq-block__header{
    text-align: center;
  }
  .alive-faq-block__q{
    position: relative;
    justify-content: center;
    text-align: center;
    padding-left: 48px;
    padding-right: 48px;
  }
  .alive-faq-block__toggle{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .alive-faq-block__item[data-faq-open="true"] .alive-faq-block__toggle{
    transform: translateY(-50%) rotate(180deg);
  }
  }
/* END_SECTION:alive-story-faq-cta */

/* START_SECTION:alive-testimonials (INDEX:10) */
.alive-testimonials {
    background-color: var(--alive-color-bg);
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .alive-testimonials__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }

  .alive-testimonials__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 502px;
    width: 100%;
    text-align: center;
  }

  .alive-testimonials__heading {
    font-family: var(--alive-font-display);
    font-weight: 700;
    font-size: 45px;
    line-height: 1.1;
    color: var(--alive-color-primary);
    margin: 0;
  }

  .alive-testimonials__rating {
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }

  .alive-testimonials__rating .alive-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--alive-color-earth);
  }

  .alive-testimonials__rating .alive-stars svg {
    width: 18px;
    height: 18px;
  }

  .alive-testimonials__rating-text {
    font-family: var(--alive-font-body);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2;
    color: var(--alive-color-primary);
    white-space: nowrap;
  }

  .alive-testimonials__carousel {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    min-width: 0;
  }

  .alive-testimonials__track {
    display: flex;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x pinch-zoom;
    -webkit-overflow-scrolling: touch;
  }

  .alive-testimonials__track::-webkit-scrollbar {
    display: none;
  }

  .alive-testimonials__slide {
    flex: 0 0 auto;
    width: 262px;
    scroll-snap-align: start;
  }

  .alive-testimonials__slide--video {
    position: relative;
    height: 392px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
  }

  .alive-testimonials__video {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
  }

  .alive-testimonials__video-thumb,
  .alive-testimonials__video-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background-color: #000;
  }

  .alive-testimonials__video-placeholder {
    position: absolute;
    inset: 0;
    background-color: #d9d9d9;
  }

  .alive-testimonials__video[data-video-player] {
    cursor: pointer;
  }

  .alive-testimonials__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.28);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.22s ease, transform 0.22s ease;
  }

  span.alive-testimonials__play {
    pointer-events: none;
  }

  .alive-testimonials__play svg {
    margin-left: 2px;
  }

  .alive-testimonials__video[data-playing="true"] .alive-testimonials__play {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.85);
    pointer-events: none;
  }

  .alive-testimonials__slide--card {
    height: 391px;
    width: 261px;
  }

  .alive-testimonials__card {
    background-color: var(--alive-color-card);
    border-radius: 8px;
    height: 100%;
    padding: 60px 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    box-sizing: border-box;
  }

  .alive-testimonials__card > * {
    width: 220px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .alive-testimonials__card .alive-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--alive-color-earth);
  }

  .alive-testimonials__card .alive-stars svg {
    width: 16px;
    height: 16px;
  }

  .alive-testimonials__quote {
    font-family: var(--alive-font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: var(--alive-color-primary);
    margin: 0;
    padding: 0;
    quotes: none;
  }

  .alive-testimonials__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 171px;
    margin: 0;
  }

  .alive-testimonials__author {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--alive-font-display);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    color: var(--alive-color-primary);
    margin: 0;
  }

  .alive-testimonials__author .alive-icon--check-gradient {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
  }

  .alive-testimonials__tag {
    font-family: var(--alive-font-display);
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    color: var(--alive-color-primary);
    opacity: 0.5;
    margin: 0;
  }

  .alive-testimonials__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
  }

  .alive-testimonials__arrow {
    width: 42px;
    height: 42px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--alive-color-earth);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .alive-testimonials__arrow:hover {
    opacity: 0.75;
  }

  .alive-testimonials__arrow:active {
    transform: scale(0.96);
  }

  .alive-testimonials__arrow:focus-visible {
    outline: 2px solid var(--alive-color-primary);
    outline-offset: 4px;
    border-radius: 50%;
  }

  @media (max-width: 900px) {
    .alive-testimonials {
      padding-top: 56px;
      padding-bottom: 56px;
    }

    .alive-testimonials__container {
      gap: 22px;
    }

    .alive-testimonials__heading {
      font-size: 32px;
    }

    .alive-testimonials__track {
      padding-inline: 16px;
      scroll-padding-inline: 16px;
    }
  }
/* END_SECTION:alive-testimonials */

/* START_SECTION:alive-trust-badges (INDEX:11) */
.alive-badges {
    background-color: var(--alive-color-bg);
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .alive-badges__viewport {
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(
      90deg,
      transparent 0%,
      #000 6%,
      #000 94%,
      transparent 100%
    );
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      #000 6%,
      #000 94%,
      transparent 100%
    );
  }

  .alive-badges__track {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: max-content;
    animation: alive-badges-scroll var(--alive-badges-duration, 40s) linear infinite;
  }

  .alive-badges__track:hover {
    animation-play-state: paused;
  }

  .alive-badges__track .alive-badge {
    flex: 0 0 245px;
    width: 245px;
    height: 219px;
    margin-right: 16px;
    border-radius: 10px;
    background: #F5F8F9;
    padding: 37px 32px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 17px;
  }

  .alive-badge__icon {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  .alive-badge__icon img,
  .alive-badge__icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .alive-badges .alive-badge__title {
    font-family: var(--alive-font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    max-width: 180px;
    background: linear-gradient(270deg, #5392AB 0%, #0E6096 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  .alive-badges .alive-badge__desc {
    font-family: var(--alive-font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    max-width: 180px;
    background: linear-gradient(270deg, #5392AB 0%, #0E6096 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  @keyframes alive-badges-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    .alive-badges__track {
      animation: none;
      transform: none;
    }
  }

  @media (max-width: 768px) {
    .alive-badges__track .alive-badge {
      flex-basis: 220px;
      width: 220px;
      height: 200px;
      padding: 32px 24px;
    }
    .alive-badges .alive-badge__title { font-size: 18px; }
    .alive-badges .alive-badge__desc { font-size: 14px; }
  }
/* END_SECTION:alive-trust-badges */

/* START_SECTION:alive-water-sources (INDEX:12) */
.alive-sources__header {
    text-align: center;
    max-width: 578px;
    margin: 0 auto 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .alive-sources__heading {
    font-family: var(--alive-font-display);
    font-size: 45px;
    font-weight: 700;
    line-height: normal;
    color: var(--alive-color-primary);
    margin: 0;
    letter-spacing: -0.01em;
  }

  .alive-sources__lead {
    font-family: var(--alive-font-body);
    font-size: 17px;
    line-height: 1.2;
    color: var(--alive-color-primary);
    margin: 0;
  }

  .alive-sources__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 524px));
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .alive-source {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    isolation: isolate;
    background-color: var(--alive-color-primary-dark);
    display: flex;
    flex-direction: column;
    min-height: 616px;
  }

  .alive-source__media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .alive-source__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .alive-source__tint {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
  }

  .alive-source__panel {
    position: relative;
    margin-top: auto;
    z-index: 2;
    padding: 55px 57px;
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    box-sizing: border-box;
  }

  .alive-source .alive-source__title {
    font-family: var(--alive-font-display);
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.01em;
  }

  .alive-source__serving {
    font-family: var(--alive-font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--alive-color-blond);
    margin: 13px 0 0;
  }

  .alive-source__desc {
    font-family: var(--alive-font-body);
    font-size: 12px;
    line-height: 1.4;
    color: #ffffff;
    margin: 14px 0 0;
    max-width: 360px;
    font-weight: 400;
  }

  .alive-source__cta {
    margin-top: 28px;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    padding: 0 29px;
    background: var(--alive-gradient-gold);
    color: var(--alive-color-button-copy);
    font-family: var(--alive-font-display);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
    transition: filter 180ms ease;
  }

  .alive-source__cta:hover {
    filter: brightness(1.04);
    color: var(--alive-color-button-copy);
  }

  @media (max-width: 900px) {
    .alive-sources{
      padding-top:0px!important;
    }
    .alive-sources__heading { font-size: 32px; }
    .alive-sources__grid {
      grid-template-columns: minmax(0, 524px);
    }
    .alive-source { min-height: 520px; }
    .alive-source__panel { padding: 32px 24px; text-align: center;}
    .alive-source__cta{margin-left: auto; margin-right: auto;}
    .alive-source__title { font-size: 26px; }

    .alive-sources__header, .alive-sources__grid{
      padding: 0 16px;
    }
  }

  @media (max-width: 480px) {
    .alive-source { min-height: 460px; }
    .alive-source__panel { padding: 24px 20px; }
    .alive-source__title { font-size: 22px; }
  }
/* END_SECTION:alive-water-sources */

/* START_SECTION:custom-blog (INDEX:34) */
.pagination-wrapper {
    text-align: center;
  }

  .pagination {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }

    .pagination .pagination__item {
        align-items: center !important;
        display: inline-flex !important;
        border: none;
        font-size: 1.3vw;
        font-weight: 500;
        font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
        width: 2.66vw;
        height: 2.66vw;
        border-radius: 100%;
        justify-content: center;
    }

    .pagination .pagination__item.pagination__item--current {
        background: #0E6096;
    }

  .pagination__item:hover {
    background-color: #f3f4f6;
    border-color: #d1d5db;
    text-decoration: none;
  }

  .pagination__item--current {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
  }

  .pagination__item--current:hover {
    background-color: #2563eb;
    border-color: #2563eb;
  }

  .pagination__item--prev,
  .pagination__item--next {
    font-weight: 500;
  }

  @media screen and (max-width: 640px) {
    .pagination {
      gap: 0.25rem;
    }
    
    .pagination__item {
      min-width: 2rem;
      height: 2rem;
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
    }
  }
/* END_SECTION:custom-blog */

/* START_SECTION:marquee-text-section (INDEX:77) */
/* Flickity CSS */
  @import url('https://unpkg.com/flickity@2/dist/flickity.min.css');
  
  /* Additional custom styles can be added here */
/* END_SECTION:marquee-text-section */