/** Shopify CDN: Minification failed

Line 67:4 Unexpected "{"
Line 67:5 Expected identifier but found "%"
Line 69:4 Unexpected "{"
Line 69:5 Expected identifier but found "%"
Line 85:4 Unexpected "{"
Line 85:5 Expected identifier but found "%"
Line 87:4 Unexpected "{"
Line 87:5 Expected identifier but found "%"
Line 118:14 Expected identifier but found whitespace
Line 118:16 Unexpected "{"
... and 24 more hidden warnings

**/


/* CSS from section stylesheet tags */
.about-button {
    max-width: 220px;
  }

  .about-us {
    padding: 150px 0;
    background-color: #FFFAF5;
  }

  .about-us--full-width {
    width: 100%;
  }

  .about-us__wrapper {
    margin: 0 auto;
  }

  .about-us__container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 100px;
    justify-content: center;
  }

  .about-us__image-column {
    position: relative;
    max-width: 619px;
  }

  .about-us__content-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    max-width: 490px;
  }

  .about-us__main-image {
    width: 100%;
    max-width: 619px;
    height: auto;
    aspect-ratio: 619 / 808;
    object-fit: cover;
    display: block;
    border-radius: 20px;
    {% if section.settings.add_image_shadow %}
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
    {% endif %}
  }

  .about-us__secondary-image-wrapper {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 50%;
    z-index: 2;
  }

  .about-us__secondary-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    {% if section.settings.add_image_shadow %}
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    {% endif %}
  }

  .about-us__placeholder {
    width: 100%;
    padding-bottom: 100%;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .about-us__placeholder-svg {
    width: 50%;
    height: 50%;
    opacity: 0.3;
  }

  .about-us__logo {
    margin-bottom: 30px;
    max-width: 200px;
  }

  .about-us__logo-image {
    width: 100%;
    height: auto;
  }

  .about-us__heading {
    font-family: "Nautica"
    , serif;
    font-size: {{ section.settings.heading_size }}px;
    line-height: 1.2;
    color: {{ section.settings.heading_color }};
    margin-bottom: 15px;
    font-weight: 500;
  }

  .about-us__subheading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #664E4C;
  }

  strong {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-weight: normal !important;
  }

  .about-us__text p {
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px !important;
    color: #664E4C;
  }

  .about-us__founder {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }

  .about-us__founder-label {
    font-size: 14px;
    color: #664E4C;
    opacity: 0.8;
    margin-bottom: 5px;
  }

  .about-us__founder-name {
    font-weight: 600;
    font-size: 18px;
    color: {{ section.settings.heading_color }};
  }

  .about-us__founder-title {
    font-size: 14px;
    color: #664E4C;
    margin-top: 5px;
  }

  @media screen and (max-width: 989px) {
    .about-us {
      padding: 60px 0;
    }

    .about-us__container {
      flex-direction: column;
    }

    .about-us__image-column,
    .about-us__content-column {
      flex: 1 1 100%;
    }

    .about-us__heading {
      font-size: {{ section.settings.heading_size | times: 0.8 }}px;
    }
  }

  @media screen and (max-width: 749px) {
    .about-us {
      padding: 40px 20px;
    }

    .about-us__heading {
      font-size: {{ section.settings.heading_size | times: 0.7 }}px;
    }

    .about-us__secondary-image-wrapper {
      bottom: -10px;
      right: -10px;
    }
  }
.bundle-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    background-color: #664E4C;
    color: #FFFFFF;
    overflow: hidden;
    width: 100%;
  }

  .bundle-banner__cow {
    position: absolute;
    width: 30%;
    max-width: 350px;
    z-index: 1;
  }

  .bundle-banner__cow--left {
    bottom: -20px;
    left: 0;
  }

  .bundle-banner__cow--right {
    bottom: -20px;
    right: 0;
    transform: scaleX(-1);
  }

  .bundle-banner__cow-image {
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: 0.9;
  }

  .bundle-banner__content {
    text-align: center;
    max-width: 600px;
    width: 40%;
    z-index: 2;
    padding: 0;
  }

  .bundle-banner__subtitle {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }

  .bundle-banner__title {
    font-family: 'Nautica' !important;
    font-size: 96px;
    margin-bottom: 0;
    font-weight: normal;
    color: #FFFAF5;
    font-style: italic;
  }

  .bundle-banner__description {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 566px;
  }

  .bundle-banner__button-wrapper {
    display: flex;
    justify-content: center;

  }

  .bundle-banner__button-wrapper a {
    max-width: 250px;
  }

  @media screen and (max-width: 990px) {
    .bundle-banner {
      padding: 50px 20px;
    }

    .bundle-banner__title {
      font-size: 56px;
    }

    .bundle-banner__content {
      width: 60%;
    }

    .bundle-banner__cow {
      width: 20%;
    }
  }

  @media screen and (max-width: 749px) {
    .bundle-banner {
      flex-direction: column;
      padding: 40px 20px;
    }

    .bundle-banner__cow {
      display: none;
    }

    .bundle-banner__content {
      width: 100%;
    }

    .bundle-banner__subtitle {
      font-size: 18px !important;
    }

    .bundle-banner__title {
      font-size: 48px;
      margin-bottom: 10px;
    }

    .bundle-banner__description {
      margin-bottom: 30px;
      font-size: 16px;
    }
  }
.comparison-table {
  position: relative;
  padding: 100px 0;
  background-color: #B8D8E8;
  overflow: hidden;
}

.comparison-table--full-width {
  width: 100%;
}

.comparison-table__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}

.comparison-table__logo {
  text-align: center;
}

.comparison-table__logo-image {
  max-width: 150px;
}

.comparison-table__header {
  display: flex;
  width: 100%;
}

.comparison-table__column-header {
  flex: 1;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #834B3F;
}

.comparison-table__column-header--bovi {
  color: #834B3F;
}

.comparison-table__column-header--others {
  color: #834B3F;
}

.comparison-table__rows {
  width: 100%;
}

.comparison-table__row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #834B3F;
}

.comparison-table__feature {
  flex: 2;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #834B3F;
  text-transform: uppercase;
}

.comparison-table__bovi,
.comparison-table__others {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.comparison-table__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.comparison-table__icon--check {
  background-color: #834B3F;
  color: #FFFAF5;
}

.comparison-table__icon--x {
  background-color: #FFFAF5;
  color: #834B3F;
}

.comparison-table__icon svg {
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 749px) {
  .comparison-table {
    padding: 60px 20px;
  }
  
  .comparison-table__feature {
    font-size: 14px;
  }
  
  .comparison-table__column-header {
    font-size: 18px;
  }
}
.custom-product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-block: 100px;
  }

  .product__media-wrapper {
    position: relative;
    width: 100%;
  }

  .product-media-container {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .product-media-container img {
    width: 100%;
    height: auto;
    display: block;
  }

  .product-thumbnails {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .product-thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
  }

  .product-thumbnail.active {
    border-color: #834B3F;
  }

  .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .nutrition-label-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }

  .nutrition-label-button {
    background-color: {{ section.settings.nutrition_button_background }}
     !important;
    width: 100%;
    max-width: 320px !important;
  }

  .nutrition-label-button span {
    line-height: normal !important;
  }

  .product__info-container {
    display: flex;
    flex-direction: column;
  }

  .product-category-pills {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    margin-bottom: 30px;
  }

  .product-category-pill {
    color: #664E4C;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 14px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
  }

  .product-category-pill--inactive {
    background-color: #F7D5D94D;
  }

  .product__title {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-size: 40px;
    line-height: 1;
    color: #664E4C;
    margin: 0 !important;
    text-transform: uppercase !important;
  }

  .product__subtitle {
    font-size: 18px;
    color: #664E4C;
    margin-top: -10px;
  }

  .product-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
  }

  .rating {
    position: relative;
    display: inline-block;
    height: 23px;
  }

  .stars-outer {
    position: relative;
    display: inline-flex;
  }

  .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
  }

  .star {
    display: inline-block;
    margin-right: 2px;
  }

  .rating-text {
    display: inline-block !important;
    font-size: 16px;
    color: #664E4C;
    margin: 0 !important;
    padding-top: 4px !important;
    font-family: "Neutra Text"
    , sans-serif !important;
  }

  .product-description p {
    margin: 0 !important;
    padding: 0 !important;
    color: #664E4C;
    line-height: 1.2;
    font-size: 16px;
    color: #664E4C;
    font-family: "Neutra Text"
    , sans-serif !important;
  }

  .product-form {
    margin: 20px 0;
  }

  .product-quantity-price-wrapper {
    display: flex;
    align-items: start;
    gap: 20px;
    margin-top: 10px;
  }

  .product-quantity > label {
    font-size: 16px;
    color: #664E4C;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    display: block;
    margin-bottom: 10px;
  }

  .quantity-dropdown {
    position: relative;
    width: 120px;
    border: 2px solid #664E4C;
    border-radius: 8px;
    background-color: #fff;
  }

  .quantity-selector {
    width: 120px !important;
    height: 40px;
    padding: 0 15px;
    border-radius: 8px;
    border: none;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    color: #664E4C;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    cursor: pointer;
  }

  .quantity-selector:focus {
    outline: none;
    box-shadow: none;
  }

  .quantity-selector:focus-visible {
    outline: none;
    box-shadow: none;
  }

  .quantity-dropdown-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .quantity-input {
    display: flex;
    align-items: center;
    max-width: 120px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    overflow: hidden;
  }

  .quantity-button {
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
  }

  .quantity-selector {
    width: 48px;
    border: none;
    text-align: center;
    font-size: 16px;
    -moz-appearance: textfield;
  }

  .quantity-selector::-webkit-outer-spin-button,
  .quantity-selector::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .purchase-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
    width: 100%;
  }

  .purchase-option {
    border-radius: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
  }

  .purchase-option input[type="radio"] {
    display: none;
  }

  .purchase-option-label {
    display: block;
    padding: 20px;
    cursor: pointer;
    border: 2px solid #834B3F;
    border-radius: 10px;
    position: relative;
  }

  .purchase-option-label:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 24px;
    width: 18px;
    height: 18px;
    border: 2px solid #664E4C;
    border-radius: 50%;
    background-color: #fff;
  }

  .purchase-option input[type="radio"]:checked + .purchase-option-label:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 28px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #834B3F;
  }

  .purchase-option-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-left: 28px;
  }

  .purchase-option-header-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .purchase-option-title {
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    font-size: 16px;
    color: #664E4C;
  }

  .purchase-option-price {
    font-size: 16px;
    color: #664E4C;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
  }

  .purchase-option-header-text > p {
    font-size: 14px;
    color: #664E4C;
    margin: 0 !important;
    font-family: "Neutra Text Book"
    , sans-serif !important;
  }

  .purchase-option-features {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .purchase-option-features li {
    position: relative;
    font-size: 14px;
    color: #664E4C;
    font-family: "Neutra Text Book"
    , sans-serif !important;
    padding-left: 20px;
    margin-bottom: 5px;
  }

  .purchase-option-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #834B3F;
  }

  .product-form__submit {
    background-color: {{ section.settings.button_background }}
     !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 90px;
    padding: 17px 30px;
    transition: background-color 0.3s;
    cursor: pointer;
    text-decoration: none;
  }

  .product-form__submit > span {
    font-size: 14px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    color: #664E4C !important;
  }

  .product-form__submit:hover {
    background-color: #FFFFFF !important;
  }

  .product-certifications {
    text-align: center;
    font-size: 14px;
    color: #664E4C;
    margin: 20px 0;
  }

  .product-certifications > p {
    color: #664E4C;
    font-family: "Neutra Text Book"
    , sans-serif !important;
  }

  .product-certifications > hr {
    margin: 10px auto !important;
    width: 30%;
    background-color: #664E4C;
    border: none;
    height: 1px;
  }
  .product-accordions {
    margin-top: 30px;
  }

  .product-accordion {
    border-bottom: 1px solid #E0E0E0;
  }

  .product-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    font-size: 16px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    color: #664E4C !important;
  }

  .product-accordion-header > span {
    font-size: 16px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    color: #664E4C !important;
  }

  .product-accordion[open] .icon-plus {
    display: none;
  }

  .product-accordion:not([open]) .icon-minus {
    display: none;
  }

  .product-accordion-content {
    padding: 0 0 20px;
    color: #664E4C;
    line-height: 1.2;
    color: #664E4C;
    font-size: 14px;
    font-family: "Neutra Text Book"
    , sans-serif !important;
  }

  @media screen and (min-width: 750px) {
    .custom-product {
      grid-template-columns: 1fr 1fr;
    }

    .product__title {
      font-size: 42px;
    }
  }

  @media screen and (max-width: 749px) {
    .custom-product {
      grid-template-columns: 1fr;
      gap: 30px;
      margin-block: 24px;
    }

    .product-media-container {
      margin-bottom: 15px;
    }

    .product__title {
      font-size: 28px;
    }

    .purchase-option-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
    }

    .purchase-option-features {
      grid-template-columns: 1fr;
    }

    .product-quantity-price-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }

    .product-category-pills {
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    .product-category-pill {
      padding-inline: 0;
    }

    .product-accordions {
      margin-top: 10px;
    }
  }
.farm-problem-solution {
    padding: 80px 0;
    background-color: #FFFAF5;
    color: #664E4C;
  }

  .farm-problem-solution__container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 20px;
  }

  .farm-problem-solution__farm-image {
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
    z-index: 2;
  }

  .farm-problem-solution__farm-img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }

  .farm-problem-solution__problem-section {
    text-align: center;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .farm-problem-solution__problem-heading {
    font-size: 48px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    color: #664E4C;
    margin-bottom: 20px;
    text-transform: uppercase;
  }

  .farm-problem-solution__problem-text {
    font-size: 16px;
    line-height: 1.2;
    color: #664E4C;
    max-width: 390px;
    margin: 0 auto;
  }

  .farm-problem-solution__with-bovi {
    margin-top: 40px;
  }

  .farm-problem-solution__with-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
  }

  .farm-problem-solution__bovi-logo {
    max-width: 250px;
    margin: 0 auto 20px;
  }

  .farm-problem-solution__bovi-logo-img {
    width: 100%;
    height: auto;
  }

  .farm-problem-solution__solution-text {
    font-size: 16px;
    line-height: 1.2;
    color: #664E4C;
    max-width: 435px;
    margin: 0 auto;
  }

  @media screen and (max-width: 990px) {
    .farm-problem-solution__container {
      flex-direction: column;
    }

    .farm-problem-solution__farm-image {
      margin-bottom: 40px;
    }

    .farm-problem-solution__problem-heading {
      font-size: 2rem;
    }
  }

  @media screen and (max-width: 749px) {
    .farm-problem-solution {
      padding: 60px 0;
    }

    .farm-problem-solution__problem-heading {
      font-size: 1.8rem;
    }

    .farm-problem-solution__farm-image {
      width: 90%;
    }
  }
.final-cta {
    position: relative;
    padding: 80px 0;
    background-color: #F7D5D9;
    overflow: hidden;
    text-align: center;
  }

  .final-cta--full-width {
    width: 100%;
  }

  .final-cta__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
  }

  .final-cta__heading {
    font-family: 'Nautica' !important;
    font-size: 96px;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #834B3F;
    font-weight: 500;
    font-style: italic;
  }

  .product-category-pills--cta {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    width: 100%;
    max-width: 800px;
  }

  .product-category-pill--cta {
    background-color: #FFFAF5;
    color: #664E4C;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 14px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    text-decoration: none;
    transition: background-color 0.3s ease
    , transform 0.2s ease;
  }

  .product-category-pill--cta:hover {
    background-color: #FFFFFF;
    transform: translateY(-3px);
  }

  .product-category-pill--inactive--cta {
    background-color: #FFFAF54D;
  }

  @media screen and (max-width: 749px) {
    .final-cta {
      padding: 60px 0;
    }

    .final-cta__heading {
      font-size: 42px;
      margin-bottom: 30px;
    }

    .product-category-pills--cta {
      grid-template-columns: 1fr;
      max-width: 300px;
    }
  }
.footer {
    background-color: #664E4C;
    color: #FFFAF5;
    padding: 60px 0 30px;
  }

  .footer__content {
    display: flex;
    flex-direction: column;
  }

  .footer__top {
    display: grid;
    grid-template-columns: 1fr 1fr 490px;
    margin-bottom: 40px;
  }

  .footer__social-icons {
    display: flex;
    gap: 15px;
  }

  .footer__social-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFFAF5;
    color: #664E4C;
    transition: opacity 0.3s ease;
  }

  .footer__social-link:hover {
    opacity: 0.8;
  }

  .footer__social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer__middle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }

  .footer__nav-column {
    flex: 1;
    max-width: 300px;
  }

  .footer__nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer__nav-item {
    margin-bottom: 15px;
    margin-right: 0 !important;
  }

  .footer__nav-link {
    color: #FFFAF5;
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.3s ease;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font-family: NeutraTextTF-DemiAlt
    , sans-serif !important;
  }

  .footer__nav-link:hover {
    opacity: 0.8;
  }

  .footer__cookie-button {
    cursor: pointer;
  }

  .footer__newsletter-column {
    flex: 1;
  }

  .footer__newsletter-heading {
    font-size: 16px;
    margin-bottom: 16px;
    color: #FFFAF5;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
  }

  .footer__newsletter-form {
    margin-bottom: 15px;
  }

  .footer__newsletter-field {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .footer__newsletter-input {
    flex: 1;
    height: 48px;
    padding: 12px 15px;
    border: 1px solid #FFFAF5;
    border-radius: 10px;
    color: #FFFAF5;
    font-size: 16px;
    background: transparent;
  }

  .footer__newsletter-input:active,
  .footer__newsletter-input:focus {
    outline: none;
    border: 0;
  }


  .footer__newsletter-input::placeholder {
    color: #FFFAF5;
    opacity: 0.7;
  }


  .footer__newsletter-submit {
    height: 48px;
    padding: 12px 48px;
    background-color: #FFFAF5;
    color: #664E4C;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-family: NeutraText-BoldAlt
    , sans-serif;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }

  .footer__newsletter-submit:hover {
    opacity: 0.8;
  }

  .footer__newsletter-success {
    color: #FFFAF5;
    margin-top: 10px;
    font-size: 14px;
  }

  .footer__newsletter-error {
    color: #ff6b6b;
    margin-top: 10px;
    font-size: 14px;
  }

  .footer__newsletter-disclaimer {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #FFFAF5;
    max-width: 320px;
    width: 100%;
  }

  .footer__disclaimer-link {
    color: #FFFAF5;
    text-decoration: underline;
  }

  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 30px;
    border-top: 1px solid rgba(247, 231, 216, 0.2);
  }

  .footer__logo {
    flex: 1;
    max-width: 200px;
  }

  .footer__logo-image {
    max-width: 100%;
    height: auto;
  }

  .footer__logo-text {
    font-size: 24px;
    font-weight: 700;
  }

  .footer__copyright {
    font-family: "Neutra Text Book"
    , sans-serif !important;
    font-size: 14px;
  }

  .footer__cow-icon {
    flex: 1;
    max-width: 100px;
    text-align: right;
  }

  .footer__cow-image {
    max-width: 100%;
    height: auto;
  }

  /* Tablet Styles */
  @media screen and (max-width: 989px) {
    .footer__top {
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }

    .footer__newsletter-column {
      grid-column: span 2;
      max-width: 100%;
    }

    .footer__newsletter-field {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .footer__newsletter-disclaimer {
      max-width: 100%;
    }

    .footer__bottom {
      align-items: center;
    }
  }

  /* Mobile Styles */
  @media screen and (max-width: 749px) {
    .footer {
      padding: 40px 20px 20px;
    }

    .footer__top {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .footer__social-icons {
      justify-content: center;
    }

    .footer__nav-column {
      max-width: 100%;
      text-align: center;
    }

    .footer__nav-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
    }

    .footer__nav-item {
      margin-bottom: 0;
      margin-right: 15px;
    }

    .footer__newsletter-column {
      grid-column: span 1;
      text-align: center;
    }

    .footer__newsletter-heading {
      margin-bottom: 20px;
    }

    .footer__newsletter-field {
      flex-direction: column;
      gap: 15px;
    }

    .footer__newsletter-input {
      width: 100%;
    }

    .footer__newsletter-submit {
      width: 100%;
    }

    .footer__newsletter-disclaimer {
      margin: 0 auto;
      text-align: center;
    }

    .footer__bottom {
      flex-direction: column;
      gap: 20px;
      text-align: center;
    }

    .footer__logo,
    .footer__copyright,
    .footer__cow-icon {
      max-width: 100%;
      text-align: center;
    }

    .footer__logo {
      margin: 0 auto;
    }

    .footer__cow-icon img {
      display: none;
    }
  }
.hero-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    color: #664E4C;
    background-color: #FFFAF5;
    padding-bottom: 60px;
  }

  .hero-banner--full-width {
    width: 100%;
  }

  .hero-banner__content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 80px;
  }

  .hero-banner__content {
    max-width: 600px;
    margin: 0 auto;
    padding: 100px 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hero-banner__top-text {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 50px;
    letter-spacing: 1px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
  }

  .hero-banner__badge {
    max-width: 295px;
    margin-bottom: 40px;
  }

  .hero-banner__badge-image {
    width: 100%;
    height: auto;
  }

  @media screen and (max-width: 749px) {
    .hero-banner__badge {
      max-width: 200px;
    }
  }

  .hero-banner__heading {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    font-family: "NeutraText-BoldAlt"
    , sans-serif;
  }

  .hero-banner__subheading {
    margin-bottom: 40px;
  }

  .hero-banner__subheading p {
    font-size: 20px;
    line-height: 150%;
    color: #664E4C;
    margin-bottom: 40px;
    max-width: 500px;
  }

  .hero-banner__subheading strong {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-weight: normal !important;
  }

  .primary-button {
    background-color: #664E4C !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 90px;
    padding: 15px 61px;
    transition: background-color 0.3s;
    cursor: pointer;
    text-decoration: none;
  }

  .primary-button > span {
    font-size: 14px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFAF5 !important;
  }


  .hero-banner__product-images {
  ;


  /*
   display: flex;
   justify-content: space-between;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
*/
}

.hero-banner__product-image {
  width: 100%;
  max-width: 600px;
  z-index: 0;
  pointer-events: none;
}

.hero-banner__product-image--left {
  margin-right: auto;
  transform: translateY(40px);
  position: absolute;
  left: 0;
  top: 0;
  max-width: 800px;
}

.hero-banner__product-image--right {
  margin-left: auto;
  transform: translateY(40px);
  position: absolute;
  right: 0;
  top: -60px;
}

.hero-banner__product-img {
  width: 100%;
  height: auto;
}

.hero-banner__farm-image-container {
  width: 100%;
  max-width: 1000px;
  margin: 180px auto 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  gap: 40px;
}

.hero-banner__farm-image {
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
  z-index: 99;
}

.hero-banner__farm-img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.hero-banner__problem-section {
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.hero-banner__problem-heading {
  font-size: 48px;
  font-family: "NeutraTextTF-DemiAlt"
  , sans-serif !important;
  color: #664E4C;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero-banner__problem-text {
  font-size: 16px;
  line-height: 1.2;
  color: #664E4C;
  max-width: 390px;
  margin: 0 auto;
}

.hero-banner__with-bovi {
  margin-top: 40px;
}

.hero-banner__with-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero-banner__bovi-logo {
  max-width: 250px;
  margin: 0 auto 20px;
}

.hero-banner__bovi-logo-img {
  width: 100%;
  height: auto;
}

.hero-banner__solution-text {
  font-size: 16px;
  line-height: 1.2;
  color: #664E4C;
  max-width: 455px;
  margin: 0 auto;
}

@media screen and (max-width: 990px) {
  .hero-banner__product-images {
    flex-direction: column;
    align-items: center;
  }

  .hero-banner__product-image {
    display: none;
    width: 80%;
    max-width: 500px;
    margin: 20px auto;
  }

  .hero-banner__product-image--left,
  .hero-banner__product-image--right {
    transform: none;
  }

  .hero-banner__heading {
    font-size: 3rem;
  }

  .hero-banner__subheading p {
    font-size: 18px;
  }

  .hero-banner__problem-heading {
    font-size: 32px !important;
  }
  .hero-banner__product-image--left {
    left: -100px;
    top: 0;
    max-width: 700px;
  }

  .hero-banner__product-image--right {
    right: -100px;
    top: -60px;
  }

  .hero-banner__farm-image-container {
    width: 100%;
    max-width: 1000px;
    margin: 60px auto 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 20px !important;
  }
}

@media screen and (max-width: 749px) {
  .hero-banner {
    padding-bottom: 0;
  }

  .hero-banner__top-text {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .hero-banner__product-image {
    width: 80%;
    max-width: 350px;
    margin: 20px auto;
  }
  .hero-banner__product-image--left {
    left: -100px;
    top: 0;
    max-width: 450px;
  }
  .hero-banner__product-image--right {
    right: -100px;
    top: -60px;
  }

  .hero-banner__content {
    padding: 60px 0;
  }

  .hero-banner__heading {
    font-size: 2.5rem;
  }

  .hero-banner__subheading {
    font-size: 16px;
  }

  .hero-banner__product-image {
    width: 90%;
  }

  .hero-banner__problem-heading {
    font-size: 1.8rem;
  }
}
.key-benefits {
    position: relative;
    padding: 100px 0;
    background-color: #FFFAF5;
    overflow: hidden;
  }

  .key-benefits--full-width {
    width: 100%;
  }

  .key-benefits__wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
  }

  .key-benefits__illustration-column {
    flex: 1;
    max-width: 45%;
    display: flex;
    align-items: start;
    justify-content: start;
  }

  .key-benefits__illustration {
    width: 100%;
    height: auto;
    display: block;
  }

  .key-benefits__content-column {
    flex: 1;
    max-width: 55%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .key-benefits__content-container {
    max-width: 660px;
  }

  .key-benefits__heading {
    font-family: "Nautica" !important;
    font-size: 96px;
    line-height: 1.2;
    margin-bottom: 48px;
    color: #664E4C;
    text-align: center;
    font-weight: 500;
    font-style: italic;
  }

  .key-benefits__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  .key-benefits__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .key-benefits__icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 20px;
  }

  .key-benefits__icon {
    width: 30px;
    height: 30px;
    color: #FFFAF5;
  }

  .key-benefits__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
  }

  .key-benefits__title {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    font-size: 24px;
    color: #664E4C;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    padding-bottom: 16px;
  }

  .key-benefits__description {
    font-size: 16px;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Neutra Text Book"
    , sans-serif !important;
    color: #664E4C;
  }

  @media screen and (max-width: 989px) {
    .key-benefits__wrapper {
      flex-direction: column;
    }

    .key-benefits__illustration-column {
      display: none;
    }

    .key-benefits__illustration-column,
    .key-benefits__content-column {
      max-width: 100%;
    }

    .key-benefits__title {
      font-size: 18px;
    }

    .key-benefits__heading {
      font-size: 56px;
      text-align: center;
    }

    .key-benefits__grid {
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
  }

  @media screen and (max-width: 749px) {
    .key-benefits {
      padding: 30px 20px;
    }
  }
.product-details {
    background-color: #F9E7D8;
    padding: 60px 0;
  }

  .product-details--full-width {
    width: 100%;
  }

  .product-details__wrapper {
    max-width: 1200px;
    margin: 0 auto;
  }

  .product-details__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .product-details__media-column {
    display: flex;
    flex-direction: column;
  }

  .product-details__media-main {
    margin-bottom: 20px;
  }

  .product-details__featured-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .product-details__media-thumbnails {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }

  .product-details__thumbnail-item {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
  }

  .product-details__thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-details__nutrition-button-wrapper {
    margin-top: 20px;
    text-align: center;
  }

  .product-details__nutrition-button {
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid #834B3F;
    border-radius: 8px;
    color: #834B3F;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.3s
    , color 0.3s;
  }

  .product-details__nutrition-button:hover {
    background-color: #834B3F;
    color: #FFFAF5;
  }

  .product-details__info-column {
    display: flex;
    flex-direction: column;
  }

  .product-details__tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }

  .product-details__tab-button {
    padding: 12px 24px;
    background-color: #834B3F;
    color: #FFFAF5;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .product-details__tab-button--active {
    background-color: #FFFAF5;
    color: #834B3F;
  }

  .product-details__tab-button:hover {
    opacity: 0.9;
  }

  .product-details__title {
    font-size: 32px;
    font-weight: 700;
    color: #834B3F;
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .product-details__subtitle {
    font-size: 16px;
    color: #834B3F;
    margin-bottom: 16px;
  }

  .product-details__reviews {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }

  .star-rating {
    display: flex;
    gap: 4px;
    margin-right: 8px;
  }

  .product-details__review-count {
    font-size: 14px;
    color: #834B3F;
  }

  .product-details__purchase-options {
    margin-bottom: 24px;
  }

  .product-details__purchase-option {
    margin-bottom: 12px;
  }

  .product-details__purchase-label {
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .product-details__purchase-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .product-details__purchase-radio-custom {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #834B3F;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
  }

  .product-details__purchase-radio:checked + .product-details__purchase-radio-custom::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #834B3F;
  }

  .product-details__purchase-text {
    font-size: 16px;
    font-weight: 600;
    color: #834B3F;
  }

  .product-details__selectors {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
  }

  .product-details__frequency,
  .product-details__quantity {
    flex: 1;
  }

  .product-details__selector-label {
    font-size: 14px;
    color: #834B3F;
    margin-bottom: 8px;
  }

  .product-details__selector-wrapper {
    position: relative;
  }

  .product-details__selector {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #834B3F;
    border-radius: 8px;
    background-color: #FFFAF5;
    color: #834B3F;
    font-size: 14px;
    appearance: none;
  }

  .product-details__selector-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .product-details__subscription-benefits {
    margin-bottom: 24px;
  }

  .product-details__benefit {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #834B3F;
  }

  .product-details__add-to-cart {
    margin-bottom: 8px;
  }

  .product-details__add-button {
    width: 100%;
    padding: 16px;
    background-color: #834B3F;
    color: #FFFAF5;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .product-details__add-button:hover {
    background-color: #6a3d33;
  }

  .product-details__subscription-note {
    text-align: center;
    font-size: 14px;
    color: #834B3F;
    margin-bottom: 24px;
  }

  .product-details__shipping-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
  }

  .product-details__shipping-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .product-details__shipping-icon {
    margin-bottom: 8px;
  }

  .product-details__shipping-title {
    font-size: 14px;
    font-weight: 600;
    color: #834B3F;
  }

  .product-details__shipping-description {
    font-size: 14px;
    color: #834B3F;
  }

  .product-details__accordion {
    border-top: 1px solid rgba(131, 75, 63, 0.2);
  }

  .product-details__accordion-item {
    border-bottom: 1px solid rgba(131, 75, 63, 0.2);
  }

  .product-details__accordion-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #834B3F;
    cursor: pointer;
    text-align: left;
  }

  .product-details__accordion-content {
    padding: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #834B3F;
  }

  @media screen and (max-width: 989px) {
    .product-details__grid {
      grid-template-columns: 1fr;
    }

    .product-details__shipping-info {
      flex-direction: column;
      gap: 20px;
    }

    .product-details__shipping-item {
      flex-direction: row;
      text-align: left;
      gap: 16px;
    }

    .product-details__shipping-text {
      display: flex;
      flex-direction: column;
    }
  }

  @media screen and (max-width: 749px) {
    .product-details {
      padding: 40px 0;
    }

    .product-details__selectors {
      flex-direction: column;
      gap: 16px;
    }

    .product-details__tabs {
      flex-wrap: wrap;
    }

    .product-details__tab-button {
      flex: 1;
      min-width: 120px;
    }
  }
.social-media-gallery {
    position: relative;
    padding: 80px 0;
    background-color: #FFFAF5;
    overflow: hidden;
  }

  .social-media-gallery--full-width {
    width: 100%;
  }

  .social-media-gallery__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .social-media-gallery__header {
    text-align: center;
    margin-bottom: 40px;
  }

  .social-media-gallery__heading {
    font-family: "Nautica" !important;
    font-size: 96px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #834B3F;
    font-weight: 500;
    font-style: italic;
  }

  .social-media-gallery__social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .social-media-gallery__social-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #834B3F;
    color: #FFFAF5;
    transition: background-color 0.3s ease;
  }

  .social-media-gallery__social-link:hover {
    background-color: #6a3d33;
  }

  .social-media-gallery__social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .social-media-gallery__social-icon svg {
    width: 100%;
    height: 100%;
  }

  .social-media-gallery__item {
    position: relative;
    flex: 0 0 320px;
    min-width: 320px;
    height: 399px;
    overflow: hidden;
    border-radius: 8px;
    list-style: none;
  }

  .social-media-gallery__link {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
  }

  .social-media-gallery__link:hover {
    transform: scale(1.05);
  }

  .social-media-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Scroller styles */
  .scroller {
    width: 100%;
    max-width: 100%;
  }

  .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 0;
    margin: 0;
  }

  .scroller[data-animated="true"] {
    overflow: hidden;
  }

  .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
  }

  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }

  .scroller[data-direction="right"] {
    --_animation-direction: reverse;
  }

  .scroller[data-speed="slow"] {
    --_animation-duration: 40s;
  }

  @keyframes scroll {
    to {
      transform: translate(calc(-50% - 0.5rem));
    }
  }

  @media screen and (max-width: 989px) {
    .social-media-gallery__heading {
      font-size: 56px;
    }

    .social-media-gallery__item {
      flex: 0 0 200px;
    }
  }

  @media screen and (max-width: 749px) {
    .social-media-gallery {
      padding: 60px 0;
    }

    .social-media-gallery__heading {
      font-size: 56px;
    }

    .social-media-gallery__item {
      flex: 0 0 180px;
    }
  }
.split-product-showcase {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 720px;
    overflow: visible;
  }

  .split-product-showcase__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-inline: 24px;
    overflow: visible;
  }

  .split-product-showcase__item--left {
    background-color: #F8D7D7;
    align-items: end;
    /* Default pink */
  }

  .split-product-showcase__product-image--left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .split-product-showcase__product-image--right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .split-product-showcase__item--right {
    background-color: #D7E6F8;
    align-items: start;
    /* Default blue */
  }

  .split-product-showcase__product-image {
    width: 100%;
    max-width: 300px;
    margin-bottom: 40px;
    pointer-events: none;
  }

  .split-product-showcase__image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .split-product-showcase__content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 490px;
    width: 100%;
  }

  .split-product-showcase__content p,
  h2 {
    z-index: 10;
  }

  .split-product-showcase__tag {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-size: 20px;
    text-transform: uppercase;
    color: #664E4C;
  }

  .split-product-showcase__title {
    font-size: 96px;
    margin-bottom: 0;
    font-family: 'Nautica' !important;
    color: #664E4C;
    font-style: italic;
  }

  .split-product-showcase__description {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 50px;
    color: #664E4C;
    max-width: 330px;
    text-align: center;
  }

  .secondary-button {
    background-color: #ffffff !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 90px;
    padding: 15px 61px;
    transition: background-color 0.3s;
    cursor: pointer;
    text-decoration: none;
  }

  .secondary-button > span {
    font-size: 14px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    color: #664E4C !important;
  }

  .secondary-button:hover {
    background-color: #F5F5F5 !important;
  }

  @media screen and (max-width: 990px) {
    .split-product-showcase {
      flex-direction: column;
    }

    .split-product-showcase__item {
      padding: 50px 20px;
    }

    .split-product-showcase__item--left {
      align-items: center;
    }
    .split-product-showcase__item--right {
      align-items: center;
    }

    .split-product-showcase__title {
      font-size: 48px;
    }
  }

  @media screen and (max-width: 749px) {


    /*
   .split-product-showcase__product-image--left {
   position: absolute;
   bottom: 80px;
   left: 0;
   transform: translateY(-50%);
   z-index: 1;
   }

   .split-product-showcase__product-image--right {
   position: absolute;
   top: 0;
   right: 0;
   transform: translateY(-50%);
   z-index: 1;
   }
*/
    .split-product-showcase__tag {
      font-size: 18px;
    }

    .split-product-showcase__title {
      font-size: 48px;
    }

    .split-product-showcase__description {
      margin-bottom: 30px;
    }

    .split-product-showcase__product-image {
      max-width: 170px;
      display: none;
    }
  }
.subscription-banner-wrapper {
    padding: 100px 50px;
    background-color: #FFFAF5;
  }

  .subscription-banner {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 auto;
    height: 467px;
    width: 100%;
  }

  .subscription-banner--full-width {
    max-width: 100%;
    border-radius: 0;
  }

  .subscription-banner__image-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .subscription-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .subscription-banner__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 700px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #FFFFFF;
    text-align: left;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.8));
  }

  .subscription-banner__heading {
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    font-size: 48px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #FFFAF5;
    max-width: 280px;
    text-align: center;
  }

  .subscription-banner__subheading {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 25px;
    max-width: 400px;
    text-align: center;
  }

  @media screen and (max-width: 990px) {
    .subscription-banner-wrapper {
      padding: 40px 20px 0;
      background-color: #FFFAF5;
    }
    .subscription-banner__image-container {
      padding-bottom: 50%;
    }

    .subscription-banner__content {
      width: 60%;
      padding: 30px;
    }

    .subscription-banner__heading {
      font-size: 36px;
    }
  }

  @media screen and (max-width: 749px) {
    .subscription-banner__image-container {
      padding-bottom: 100%;
    }

    .subscription-banner__content {
      width: 100%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6));
      padding: 20px;
    }

    .subscription-banner__heading {
      font-size: 32px;
    }
  }
.testimonials-slider {
    position: relative;
    padding: 100px 0;
    background-color: #FFFAF5;
    overflow: hidden;
  }

  .testimonials-slider--full-width {
    width: 100%;
  }

  .testimonials-slider__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .testimonials-slider__slide {
    flex: 0 0 320px;
    margin: 0 20px;
    text-align: center;
  }

  .testimonials-slider__stars {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }

  .testimonials-slider__star {
    color: #834B3F;
    font-size: 20px;
  }

  .testimonials-slider__content {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #834B3F;
    margin-bottom: 20px;
  }

  .testimonials-slider__author {
    font-size: 16px;
    font-weight: 700;
    color: #834B3F;
    text-transform: uppercase;
  }

  .testimonials-slider__button-wrapper {
    margin-top: 20px;
  }

  .outlined__button {
    padding: 1.2rem 2.5rem;
    width: 200px;
    color: #834B3F;
    border: 1px solid #834B3F;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }

  @media screen and (max-width: 749px) {
    .testimonials-slider {
      padding: 60px 0;
    }

    .testimonials-slider__slide {
      flex: 0 0 300px;
      padding: 20px;
    }

    .testimonials-slider__heading {
      font-size: 28px;
    }
  }

  .scroller {
    width: 100%;
  }

  .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .scroller[data-animated="true"] {
    overflow: hidden;

    /*
   -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
   mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
*/
  }

  .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 0s) var(--_animation-direction, forwards) linear infinite;
  }

  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }

  .scroller[data-speed="slow"] {
    --_animation-duration: 180s;
  }

  @keyframes scroll {
    to {
      transform: translate(calc(-50% - 0.5rem));
    }
  }
.transformation-timeline {
    position: relative;
    padding: 50px 0 100px;
    background-color: #F7D5D9;
    overflow: hidden;
  }

  .transformation-timeline--full-width {
    width: 100%;
  }

  .transformation-timeline__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
  }


  .product-category-pills--transformation {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    margin-bottom: 60px;
  }

  .product-category-pills--transformation > a {
    text-decoration: none;
  }

  .product-category-pill--transformation {
    background-color: #FFFAF5;
    color: #664E4C;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 14px;
    font-family: "NeutraTextTF-DemiAlt"
    , sans-serif !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease
    , transform 0.2s ease;
  }
  .product-category-pill--transformation:hover {
    background-color: #FFFFFF;
    transform: translateY(-3px);
  }
  .product-category-pill--inactive--transformation {
    background-color: #FFFAF54D;
  }

  .transformation-timeline__header {
    text-align: center;
    margin-bottom: 40px;
  }

  .transformation-timeline__heading {
    font-family: 'Nautica' !important;
    font-size: 96px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #834B3F;
    font-style: italic;
  }

  .transformation-timeline__subheading {
    font-size: 24px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    color: #834B3F;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .transformation-timeline__container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 60px;
  }

  .transformation-timeline__progress {
    position: absolute;
    top: 4px;
    left: 100px;
    right: 100px;
    height: 2px;
    background-color: #834B3F;
    z-index: 2;
  }

  .transformation-timeline__milestones {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 20px;
  }

  .transformation-timeline__milestone {
    position: relative;
    width: 200px;
    text-align: center;
    padding: 0 10px;
  }

  .transformation-timeline__milestone--active .transformation-timeline__milestone-content {
    position: relative;
  }

  .transformation-timeline__milestone--active .transformation-timeline__milestone-description {
    position: relative;
    border: 1px solid #834B3F;
    border-radius: 4px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
  }

  .transformation-timeline__dot {
    width: 12px;
    height: 12px;
    background-color: #834B3F;
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
    z-index: 3;
  }

  .transformation-timeline__milestone-title {
    font-size: 18px;
    line-height: 1.2;
    font-family: NeutraText-BoldAlt
    , sans-serif !important;
    color: #834B3F;
    text-transform: uppercase;
    margin-bottom: 5px;
  }

  .transformation-timeline__milestone-subtitle {
    font-size: 18px;
    font-family: NeutraText-BoldAlt
    , sans-serif !important;
    color: #834B3F;
    margin-bottom: 15px;
  }

  .transformation-timeline__milestone-description {
    font-size: 14px;
    line-height: 1.4;
    color: #834B3F;
    font-family: "Neutra Text"
    , sans-serif !important;
  }

  @media screen and (max-width: 749px) {
    .transformation-timeline {
      padding: 30px 0;
    }

    .transformation-timeline__heading {
      font-size: 56px;
    }

    .transformation-timeline__subheading {
      font-size: 18px;
    }

    .product-category-pills--transformation {
      display: flex;
      gap: 16px;
      align-items: center;
      justify-content: flex-start;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE and Edge */
      padding-bottom: 10px;
      width: 100%;
      margin-bottom: 40px;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .product-category-pills--transformation::-webkit-scrollbar {
      display: none;
    }

    .product-category-pill--transformation {
      flex: 0 0 auto;
      min-width: 150px;
      white-space: nowrap;
      width: 200px;
    }

    .transformation-timeline__milestones {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .transformation-timeline__milestone {
      width: 100%;
      margin-bottom: 40px;
    }
    .transformation-timeline__dot,
    .transformation-timeline__progress {
      display: none;
    }

    .transformation-timeline__milestone--active .transformation-timeline__milestone-description {
      max-width: 250px;
      margin: 0 auto;
    }

    .transformation-timeline__container {
      margin-bottom: 0;
    }
  }
.why-bovi {
    padding: 80px 20px;
    max-width: 1048px;
    margin: 0 auto;
    color: #664E4C;
    font-family: "Neutraface Text"
    , sans-serif;
  }

  .why-bovi__header {
    text-align: center;
    margin-bottom: 40px;
  }

  .why-bovi__title {
    font-size: 24px;
    margin-bottom: 0;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    color: #664E4C;
  }

  .why-bovi__logo {
    max-width: 300px;
    margin: 0 auto;
  }

  .why-bovi__logo img {
    width: 100%;
    height: auto;
  }

  .why-bovi__comparison {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
  }

  .why-bovi__column {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 32px rgba(0, 0, 0, 0.2);
  }

  .why-bovi__column--modern {
    background-color: #FFFFFF;
    color: #000;
  }

  .why-bovi__column--bovi {
    background-color: #85706e;
    color: #FFFAF5;
  }

  .why-bovi__column-header {
    background-color: #664E4C;
    color: #FFFFFF;
    padding: 24px 20px 20px;
    text-align: center;
  }

  .why-bovi__column--bovi .why-bovi__column-header {
    background-color: #664E4C;
  }

  .why-bovi__column-header h3 {
    margin: 0;
    font-size: 24px;
    color: #FFFFFF;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
  }

  .why-bovi__column-content {
    padding: 20px 90px 28px;
  }

  .why-bovi__item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
  }

  .why-bovi__item:last-child {
    margin-bottom: 0;
  }

  .why-bovi__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
  }

  .why-bovi__text h4 {
    margin: 0 0 5px;
    font-size: 16px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
  }

  .why-bovi__column--modern .why-bovi__text h4 {
    color: #000 !important;
  }

  .why-bovi__column--bovi .why-bovi__text h4 {
    color: #FFFAF5 !important;
  }

  .why-bovi__text p {
    margin: 0;
    font-size: 14px;
    line-height: 1;
  }

  .why-bovi__testimonials {
    margin-bottom: 16px;
  }

  .why-bovi__testimonials-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 16px;
    font-family: "NeutraText-BoldAlt"
    , sans-serif !important;
    color: #664E4C;
  }

  .why-bovi__testimonials-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 45px;
  }

  .why-bovi__testimonial {
    background-color: #FFF1EE;
    border-radius: 20px;
    padding: 25px 20px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .why-bovi__testimonial p {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-family: "Open Sans"
    , sans-serif !important;

  }

  .why-bovi__footer {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
  }

  .why-bovi__footer p {
    font-size: 16px;
    line-height: 1.2;
    font-family: "Neutra Text"
    , sans-serif !important;
  }

  @media screen and (max-width: 990px) {
    .why-bovi__testimonials-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .why-bovi__column-header {
      padding: 16px;
    }

    .why-bovi__column-content {
      padding: 20px;
    }

    .why-bovi__column-header h3 {
      font-size: 20px;


      /*
   font-family: "NeutraTextTF-DemiAlt"
   , sans-serif !important;
*/
    }

    .why-bovi__testimonials-title {
      font-size: 20px;
    }

    .why-bovi__testimonials-grid {
      gap: 8px;
    }

    .why-bovi__footer {
      padding-top: 16px;
    }
  }

  @media screen and (max-width: 749px) {
    .why-bovi {
      padding: 60px 15px;
    }

    .why-bovi__title {
      font-size: 20px;
    }

    .why-bovi__comparison {
      flex-direction: column;
    }

    .why-bovi__testimonials-grid {
      grid-template-columns: 1fr;
    }

    .why-bovi__logo {
      max-width: 220px;
    }
  }