/** Shopify CDN: Minification failed

Line 5448:0 Unexpected "}"
Line 5671:2 Comments in CSS use "/* ... */" instead of "//"
Line 5747:15 Comments in CSS use "/* ... */" instead of "//"
Line 5831:12 Comments in CSS use "/* ... */" instead of "//"

**/


/* =========== Universal Styles ========== */

.m-tooltip__content {
  display: none;
}

a:hover {
  box-shadow: none !important;
}

button:hover {
  box-shadow: none !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.04 !important;
}

.fit-text {
  margin: 0;
  white-space: nowrap;
  display: inline-block;
  line-height: 1 !important;
  opacity: 0.2;
}

b {
  font-weight: 500 !important;
}

strong {
  font-weight: 500 !important;
}

@media (max-width: 1200px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none !important;
  }
}

/* =========== Cart Drawer ========== */

.m-cart-drawer {
  background-color: transparent !important;
  @media (max-width: 768px) {
    background-color: transparent !important;
  }
}

.m-cart-drawer__inner {
  width: 100% !important;
}

.m-svg-icon--medium {
  height: 24px;
  width: 24px;
  @media (max-width: 768px) {
    height: 22px;
    width: 22px;
  }
}

.m-cart-drawer-item .m-quantity {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000;
  border-radius: 999px;
}

.m-svg-icon--large {
  height: 30px;
  width: 30px;
  @media (max-width: 768px) {
    height: 28px;
    width: 28px;
  }
}

.m-collection-toolbar--sticky {
  background: #f5f5f5 !important;
}

.m-cart-count {
  font-weight: 700 !Important;
  top: 0;
  right: -10px;
  background: #fff;
  color: #000;
  border: 2px solid #000;
}

.m-sortby-mobile--content {
  background: #f5f5f5 !important;
}

.m-cart-drawer__close {
  top: 30px;
  right: 30px;
  padding: 0 !important;
  height: 42px;
  @media (max-width: 768px) {
    top: 20px;
  right: 20px;
  height: 37px;
  }
}

.m-cart-drawer__inner {
  background: #fff !important;
}

@media screen and (min-width: 768px) {
    .m-cart-drawer__inner {
        width: 600px !Important;
    }
}

.m-cart-drawer__footer .m-button--primary {
   min-height: 60px;
   box-shadow: none !important;
   border: 2px solid #000;
   font-size: 20px;
   @media (max-width: 768px) {
    font-size: 16px !Important;
  }
}

.m-cart-drawer__link-to-cart {
  display: none;
}

.m-cart-drawer__footer {
  padding: 0 30px 30px !Important;
  box-shadow: none !important;
  @media (max-width: 768px) {
    padding: 0 20px 20px !important;
  }
}

.main-product__block .m-product-shipping--text {
  justify-content: center;
}

.m-cart__discount {
  display: flex;
  justify-content: flex-end;
}

.notification.success {
  display: none;
}

.m-cart__discount--item {
    font-size: 14px;
    max-width: fit-content;
    align-self: end;
    padding: 4px 8px;
    background: #000;
    color: #f5f5f5;
    line-height: 1;
    font-weight: 600;
    @media (max-width: 768px) {
    font-size: 12px;
  }
}

.m-cart-drawer__body {
  padding: 40px !important;
  @media (max-width: 768px) {
    padding: 20px !important;
  }
}

.m-cart-drawer__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.m-cart-drawer-item {
  padding: 0 !Important;
}

.m-cart-drawer__header {
  padding: 40px 40px 0 !important;
  @media (max-width: 768px) {
    padding: 20px 20px 0 !important;
  }
}

.m-cart-drawer__title {
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
  @media (max-width: 768px) {
    padding-bottom: 15px;
  }
}

.m-cart-item--drawer__wrapper {
    display: flex;
    gap: 30px;
    background: #fff;
    padding: 0;
    border: none !important;
}

.m-cart-item__info.m-cart-drawer-item__info {
  padding: 0 !Important;
}

.m-cart-drawer-item__image a {
  display: flex;
  height: 100%;
}

.m-cart-item__image.m-cart-drawer-item__image {
  border: none !Important;
  border-radius: 0;
  background: #000;
}

.m-cart-item__image {
  width: 150px;
  min-width: 150px;
  @media (max-width: 768px) {
    width: 100px;
    min-width: 100px;
  }
}

.m-cart-item__title {
  margin-bottom: 6px !Important;
}

.m-cart__subtotal--label, .m-cart__subtotal--price {
  font-size: 26px !important;
  @media (max-width: 768px) {
    font-size: 22px !important;
  }
}

.m-cart-drawer__footer--wrapper {
  border-top: 2px solid #000;
  box-shadow: none !important;
  padding: 20px 0 0 !important;
}

.m-cart__summary {
  margin-top: 0 !important;
}

.m-cart__subtotal {
  margin-top: 0 !Important;
}


/* =========== Header ========== */


.shopify-section-group-header-group {
  background: #000;
}

.m-header__inner {
  justify-content: space-between;
}

.logo-left-menu-center .m-header__left, .logo-left-menu-center .m-header__right {
  flex: none !important;
}

.headerScroll .m-promotion__text {
  font-weight: 400;
  color: #000;
  font-size: 20px !important;
  @media (max-width: 1024px) {
  font-size: 16px !important;
  }
}

.transparent-on-top .m-header__wrapper {
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.header-sticky-always .m-header__wrapper {
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.9) !important;
}

.m-header__wrapper {
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.9) !important;
}

.m-header__desktop {
  background-color: rgb(0 0 0 / 80%);
}

.header-sticky-always .m-header__desktop {
  background-color: rgb(0 0 0 / 80%) !important;
}

.m-header__mobile {
  background-color: rgb(0 0 0 / 80%);
}

.header-sticky-always .m-header__mobile {
  background-color: rgb(0 0 0 / 80%) !important;
}

.m-logo__image {
  padding: 0 !important;
}

.m-header__desktop {
  padding: 15px 40px;
}

.m-header__mobile {
  padding: 10px 20px;
}

.m-header__account {
  padding: 0 !important;
}

.m-header__right {
  gap: 20px;
}

.m-tooltip {
  padding-right: 0;
}

.m-header__menu .m-menu {
  gap: 10px;
}

.m-logo__image-default {
  display: flex;
}

.m-announcement-bar__content {
  font-size: 18px;
  font-weight: 500;
  @media (max-width: 1024px) {
  font-size: 14px;
  padding: 8px 10px;
  }
}

@media (max-width: 767px) {
    .m-menu-drawer__wrapper {
        width: 100% !important;
    }
}

.m-menu-mobile__item>a {
  font-size: 26px;
  font-weight: 500;
}

.m-menu-drawer__content {
  padding: 10px 10px 12px !important;
}

.m-menu-drawer__content .m-menu-customer__label {
  display: none;
}

.m-menu-drawer.open .m-menu-drawer__backdrop {
  background: transparent !important;
}

.m-menu-drawer__content .m-register-button {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 20px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 15px !important;
  }
}

.m-menu-drawer__content .m-register-button:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}


/* =========== Footer ========== */


.shopify-section-group-footer-group {
  background: #000;
}

.m-footer {
  display: flex;
  flex-direction: column;
  gap: 100px;
  padding: 100px 60px 40px;
  @media (max-width: 1024px) {
  gap: 50px;
  padding: 40px 30px 30px;
  }
}

.m-footer .container-full {
  padding: 0 !important;
}

.m-footer--middle .m-footer--block {
  padding: 0 !important;
}

.m-footer .m-accordion--item-icon {
  display: none;
}

.m-footer .m-newsletter-form__icon {
  display: none;
}

.m-footer--bottom {
  padding: 0 !important;
}

.m-footer--bottom-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 !important;
  @media (max-width: 768px) {
  flex-direction: column-reverse;
  align-items: start;
  gap: 10px;
  }
}

.m-footer--block-custom_text .block-image {
  width: 100%;
  @media (max-width: 1024px) {
  max-width: 150px !important;
  }
}

.m-footer--block-custom_text a {
  max-width: fit-content;
  padding: 0;
  border: none;
  font-size: 26px;
  font-weight: 500;
  @media (max-width: 1024px) {
  font-size: 22px;
  line-height: 1;
  }
}

.m-footer--block-custom_text p {
  display: flex;
}

.m-footer--block-custom_text a:hover {
  background: transparent;
}

.m-footer--block-newsletter .social-media-links {
  margin-top: 30px !important;
  padding: 0 !important;
  @media (max-width: 1024px) {
  margin-top: 20px !important;
  }
}

.m-footer--block-newsletter .form-field--input__icon {
  padding: 15px 25px;
  border: 1px solid #fff;
  border-radius: 0;
  line-height: 1;
  height: 60px;
  font-size: 20px;
  font-weight: 500;
  @media (max-width: 1024px) {
  padding: 10px 15px;
  height: 45px;
  font-size: 16px;
  }
}

.m-newsletter-form__button-below .m-newsletter-form__button {
  margin: 0 !important;
  height: 60px;
  background: #FBB03B;
  border: none !important;
  transition: 0.2s;
  font-size: 20px;
  @media (max-width: 1024px) {
  height: 45px;
  font-size: 16px;
  }
}

.m-newsletter-form__button-below .m-newsletter-form__button:hover {
  background: #FFD166;
}

.m-newsletter-form__wrapper {
  gap: 0;
}

.m-footer .m-newsletter-form {
  margin-top: 24px;
  @media (max-width: 1024px) {
  margin-top: 12px;
  }
}

.m-newsletter-form__input-wrapper {
  background: transparent !important;
  border-radius: 0 !important;
}

.m-footer--block-content .m-link-lists--item {
  line-height: 40px;
}

.m-footer--block-title {
  font-size: 28px !important;
  pointer-events: none;
  @media (max-width: 1024px) {
  font-size: 20px !important;
  }
}

.m-footer__copyright, .m-footer--bottom-menu {
  font-size: 16px;
}

.m-footer--bottom-left {
  display: flex;
  width: fit-content;
  margin: 0 !important;
}

.m-footer--bottom-menu {
  margin: 0 !important;
  gap: 40px;
  width: fit-content !important;
  @media (max-width: 1024px) {
  row-gap: 10px;
  column-gap: 20px;
  }
}

.m-footer .m-footer--bottom-right {
  width: fit-content !important;
}

.m-footer--block-newsletter .social-media-links .m-svg-icon {
  height: 34px;
  width: 34px;
  @media (max-width: 1024px) {
  height: 24px !important;
  width: 24px !important;
  }
}

.m-footer--block .social-media-links a {
  color: #fff !important;
  background: transparent !important;
  border: none;
  height: auto !important;
  width: auto !important;
}

@media (max-width: 1024px) {
  .m-footer--block-spacing {
  display: none;
}
.m-footer--block-menu {
  width: 50%;
}
}

.m-footer--block-custom_text .m-footer--block-content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  @media (max-width: 1024px) {
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
    .m-footer--middle .m-footer--block {
        margin-bottom: 40px !important;
    }
    .m-footer--block-menu .m-link-lists--item {
       font-size: 18px;
    }
}


/* =========== Product Pages ========== */


.template-product #MainContent {
  padding: 0 !important;
}

.m-main-product {
  margin: 0 !important;
  background: var(--flavor-color);
}

.m-main-product .container-fluid {
  padding: 80px 60px 150px;
  @media (max-width: 1024px) {
    padding: 0;
  }
}

.m-main-product .m-quantity {
  background: transparent !important;
  color: #000;
  border-radius: 0;
  height: 100%;
  border: none;
}

.main-product__block-description {
  margin: 20px 0 40px !important;
  @media (max-width: 1024px) {
    margin: 15px 0 20px !important;
  }
}

.m-main-product .m-quantity__input {
  color: #000;
  font-weight: 500;
  font-size: 28px;
  @media (max-width: 1024px) {
    font-size: 24px;
    width: 35px;
  }
}

@media (max-width: 1024px) {
  .m-quantity__button {
   width: 35px;
 }
}

.m-product-form--input {
  margin: 0 !important;
  height: 75px;
  width: 130px;
  border: none;
  border-radius: 0;
  background: #fff;
  overflow: hidden;
  @media (max-width: 1024px) {
    height: 65px;
    width: 105px;
  }
}

.m-product-media--slider__thumbnails {
  padding: 0;
  margin-top: 12px !important;
  @media (max-width: 1024px) {
    display: none;
  }
}

.m-product-media--slider__thumbnails .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-width: 60px !important;
  @media (max-width: 1024px) {
    gap: 10px;
  }
}

.m-product-media--slider__thumbnails .m-product-media {
  width: 100% !important;
  border: none !important;
  max-width: 100% !important;
}

.m-main-product--wrapper {
  --column-gap: 0 !important;
  --column-gap-mobile: 0 !important;
  gap: 60px !important;
  flex-wrap: nowrap;
  @media (max-width: 1024px) {
    flex-direction: column;
    gap: 30px !important;
  }
}

.m-product-media--wrapper {
  overflow: hidden;
}

.m-product-media--wrapper img {
  background: transparent !important;
}

.m-product-media--slider__thumbnails .swiper-slide {
  margin: 0 !important;
  overflow: hidden;
  width: 100% !important;
  background: #000;
}

.m-main-product--media {
  width: 55%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.m-main-product--info {
  width: 45%;
  @media (max-width: 1024px) {
    width: 100%;
    padding: 0 20px 60px;
  }
}

.m-media-gallery__inner {
  background: #000;
}

.m-main-product--info .m-product-info--wrapper {
  max-width: 100%;
  margin: 0 auto;
  @media (max-width: 1024px) {
    max-width: 100%;
  }
}

   .aint-flavor-switcher {
      margin: 18px 0 24px;
    }

    .aint-flavor-options {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: 100%;
      gap: 20px;
      flex-wrap: wrap;
      @media (max-width: 1100px) {
      grid-template-columns: repeat(1, 1fr);
      gap: 10px;
  }
  }

    .aint-flavor-option {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 15px;
      padding: 0 20px 0 0;
      background: #fff;
      transition: 0.25s;
      color: #000;
      height: 60px;
      overflow: hidden;
      @media (max-width: 1024px) {
    padding: 0 10px 0 0;
    gap: 10px;
    height: 50px;
  }
}

    .aint-flavor-option:hover {
      background: #000;
      color: #fff;
    }

    .aint-flavor-option.active {
      background: #000;
      color: #fff;
    }

    .aint-flavor-option img {
      width: 90px;
      height: 90px;
      margin-bottom: -30px;
      @media (max-width: 1200px) {
    height: 75px;
    width: 75px;
  }
}

    .aint-flavor-name {
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
      @media (max-width: 1024px) {
    font-size: 16px;
  }
    }

.m-product-form--wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 0;
  margin-top: 40px;
  @media (max-width: 1024px) {
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
    margin-top: 25px;
  }
}

.m-product-media {
  padding: 0 !important;
}

.m-product-option--label {
  display: none;
}

.m-product-media--item {
  display: flex;
  justify-content: center;
  border-radius: 0;
}

.main-product__block .m-product-title {
  font-size: 50px;
  font-weight: 500;
  @media (max-width: 1024px) {
    font-size: 30px;
  }
}

.m-main-product--media .m-media-gallery__wrapper .swiper-button-control {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  height: 50px !important;
  width: 50px !important;
  /* border: 4px solid #fff; */
  transition: 0.2s;
  background: #000;
  box-shadow: none !important;
  @media (max-width: 1024px) {
    height: 30px !important;
    width: 30px !important;
  }
}


.m-main-product--media .m-media-gallery__wrapper .swiper-button-control svg {
  height: 95%;
  width: 95%;
  color: #fff;
  transition: 0.2s;
  &:hover {
    path:first-of-type {
      fill:#FFF;
    }
    path:last-of-type {
      stroke: #000;
    }
  }

}

.m-main-product--media .m-media-gallery__wrapper .swiper-button-control:hover {
  /* border: 4px solid #fff; */
  background: #000;
}

.m-main-product--media .m-media-gallery__wrapper .swiper-button-control.swiper-button-next {
  margin-right:10px;
}

.m-main-product--media .m-media-gallery__wrapper .swiper-button-control.swiper-button-prev {
  margin-left:10px;
}

.m-media-gallery__wrapper .m-product-media--slider__navigation {
  justify-content: space-between !important;
  gap: 10px;
  bottom: auto !important;
  padding: 20px !important;
  transform: translateY(-50%) !important;
  @media (max-width: 1024px) {
    gap: 5px;
    padding: 10px !important;
  }
}

.m-main-product--media .swiper-wrapper {
  height: auto !important;
}

.installment-shoppay {
  display: none;
}

.main-product__block+.main-product__block {
  margin: 0;
}

.m-main-product .m-add-to-cart {
  height: 75px;
  font-size: 28px;
  border: none !important;
  transition: 0.25s;
  @media (max-width: 1024px) {
    height: 65px;
    font-size: 24px;
  }
}

.m-main-product .m-add-to-cart:hover {
  color: #fff;
  background: #000;
}

.main-product__block .m-product-description {
  font-size: clamp(18px,4vw,26px);
}

.mainProductFlavorTitle {
  font-size: clamp(40px,7vw,102px);
}

.mainProductFlavorQuantity {
  font-size: clamp(40px,7vw,102px);
  margin-top: 10px;
  @media (max-width: 1024px) {
    margin-top: 0;
    width: 100%;
  }
}

.m-product-text {
  display: flex;
}

.flavorProfile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  overflow: hidden;
}

.flavorProfile img {
  width: 25%;
  object-fit: contain;
  height: 100%;
}

.flavorProfileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 75%;
  height: 100%;
}

.flavorProfile h6 {
  font-size: 18px;
}

.flavorProfile p {
  font-size: 16px;
}

.MP-title {
  margin-bottom: 16px;
  font-size: 24px;
}

.MP-grid {
  display: flex;
  gap: 20px;
@media (max-width: 1024px) {
    gap: 12px;
  }
}

.MP-card {
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.MP-imageWrap {
  width: 80px;
  height: auto;
  border: 2px solid transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: all 0.2s ease;
  padding: 10px;
  @media (max-width: 1024px) {
    width: 60px;
  }
}

.MP-image {
  max-height: 150px;
  width: auto;
}

.MP-label {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}

.sls-widget-branding {
  display: none;
}

.sls-more-info-container {
  display: none;
}

.sls-purchase-options-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: none !important;
  border-radius: 0 !important;
  @media (max-width: 768px) {
    gap: 0;
  }
}

.sealsubs-container .sls-option-container {
  border-radius: 0 !important;
  background: #fff;
  box-shadow: none;
  border: none !important;
  @media (max-width: 768px) {
    padding: 12px !important;
  }
}

.sealsubs-container .sls-option-container:first-of-type {
  padding-bottom: 0 !important;
}

.sls-selling-plan-group-name,.sls-price {
  font-weight: 500 !important;
  color: #000 !important;
  @media (max-width: 1024px) {
    font-size: 18px !important;
  }
}

.sls-purchase-options-label {
  display: none !important;
}

.sls-more-info-container .sls-sub-icon {
  fill: #000 !important;
}

.sls-selling-plan-group-name {
  display: flex !important;
  align-items: center;
  gap: 10px;
  @media (max-width: 768px) {
    gap: 5px;
  }
}

.sls-savings-badge::before {
  display: none !important;
}

.sls-savings-badge {
  color: #fff !important;
  background: var(--flavor-color) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  transform: none !important;
  padding: 8px 14px !important;
  line-height: 1 !important;
  font-size: 12px !important;
  @media (max-width: 768px) {
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
}

.sealsubs-target-element .sls-custom-radio, .sls-option[type="radio"] + span.sls-custom-radio {
  border: 2px solid #000 !important;
}

.sealsubs-target-element .sls-option[type="radio"] + .sls-custom-radio::after {
  box-shadow: inset 1em 1em #000 !important;
}

.main-product__block-buy_buttons {
   margin-top: 40px !important;
   @media (max-width: 768px) {
    margin-top: 30px !important;
  }
}

.sealsubs-container .sls-option-container .sls-selling-plan-group-options label {
  color: #000 !important;
  font-weight: 500;
  @media (max-width: 768px) {
    font-size: 18px !important;
  }
}

.sls-select, .sealsubs-container .sls-select-container select.sls-select {
  padding: 5px 10px !important;
  @media (max-width: 768px) {
    padding: 3px 6px !important;
    font-size: 18px !important;
  }
}

.sls-select option, .sealsubs-container .sls-select-container select.sls-select option {
  color: #000 !important;
}

#appstle_subscription_widget0 .appstle_subscription_wrapper_option {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.WIDGET_TYPE_7 .appstle_widget_title {
  display: none !important;
}

#appstle_subscription_widget0 {
  margin-top: 40px !important;
}

#appstle_subscription_widget0 .appstle_subscription_wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 20px;
  background: #fff;
}

.appstle-tootltip-parent,.appstleLoyaltyTable {
  display: none !important;
}

.WIDGET_TYPE_7 .appstle_custom_select {
  border-radius: 0 !important;
  border-width: 1px !important;
  border: none !important;
}

.WIDGET_TYPE_7 .appstle_select {
  border-color: #000 !important;
  border-radius: 0 !important;
}

.appstle_subscription_wrapper_option input[type=radio]:focus + label .appstle_circle:before {
  display: none !important;
}

.appstle-save-badge {
  color: rgb(255, 255, 255) !important;
    transform: none !important;
    line-height: 1 !important;
    font-size: 12px !important;
    background: var(--flavor-color) !important;
    border-radius: 0px !important;
    margin: 0px !important;
    padding: 8px 14px !important;
    font-weight: 500 !important;
    @media (max-width: 768px) {
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
}

.appstle_subscribe_save_text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  @media (max-width: 768px) {
    font-size: 16px !important;
  }
}

.WIDGET_TYPE_7 .appstle_one_time_text {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1;
  @media (max-width: 768px) {
    font-size: 16px !important;
  }
}

.appstle_one_time_price_wrapper {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1;
  @media (max-width: 768px) {
    font-size: 16px !important;
  }
}

.appstle_subscription_amount_wrapper {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1;
  @media (max-width: 768px) {
    font-size: 16px !important;
  }
}

.appstle_one_time_details_wrapper {
  align-items: center !important;
  min-height: 28px;
}

.appstle_subscription_radio_wrapper {
  align-items: center !important;
}

.appstle_subscribe_option_grid {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
  @media (max-width: 768px) {
    gap: 3px;
  }
}

.appstle_subscription_compare_amount {
  display: none !important;
}

.appstle_circle {
  border-color: #000 !important;
}

span.appstle_dot {
  background: #000 !important;
}

#appstle_subscription_widget0 .appstle_select_label {
  font-size: 12px !important;
  letter-spacing: 1px;
  @media (max-width: 768px) {
    font-size: 10px !important;
  }
}


/* =========== Collection Pages ========== */


.shopFlavorsS1 .container-fluid {
  padding: 80px 60px 120px !important;
  @media (max-width: 1024px) {
    padding: 60px 40px 80px !important;
  }
  @media (max-width: 768px) {
    padding: 30px 10px 60px !important;
  }
}

.productFamilyCard {
  padding: 6vw;
}

.productFamilyCard h3 {
  font-size: clamp(28px,4vw,42px);
  font-weight: 500;
  line-height: 1.1 !important;
}

.productFamilyCard p {
  font-size: clamp(28px,4vw,42px);
  font-weight: 500;
  line-height: 1.1 !important;
}

.productFamilyCard .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.productFamilyCard .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.moProductFamilyCard {
  background: #FBB03C;
}

.mbProductFamilyCard {
  background: #59CBF5;
}

.pmProductFamilyCard {
  background: #F16978;
}

.vpProductFamilyCard {
  background: #000;
}


/* =========== Home Page ========== */


.aintHomeS1 {
  padding: 0;
}

.aintHomeS1 .container {
  position: relative;
  padding: 300px 0 100px;
  @media (max-width: 1300px) {
    padding: 250px 60px 50px;
  }
  @media (max-width: 1050px) {
    padding: 150px 30px 50px;
  }
  @media (max-width: 768px) {
    padding: 150px 0 50px;
  }
}

.aintHomeS1 .m-custom-content__wrapper {
  padding: 0;
  @media (max-width: 768px) {
    gap: 80px;
    padding: 0 30px;
  }
}

.floatingCan1 {
  position: absolute;
  top: 0%;
  right: 16%;
  width: clamp(300px, 45vw, 600px);
  @media (max-width: 1300px) {
   right: 16%;
  }
  @media (max-width: 768px) {
    right: -9%;
    z-index: 3;
  }
}

.floatingCan2 {
  position: absolute;
  top: 24%;
  transform: rotate(5deg);
  right: 0%;
  width: clamp(300px, 45vw, 600px);
  pointer-events:none;
  @media (max-width: 1300px) {
    right: 12%;
    top: 25%;
  }
  @media (max-width: 768px) {
    right: 12%;
    top: 27%;
  }
}

.floatingCan3 {
  position: absolute;
  bottom: 15%;
  left: 8%;
  width: clamp(300px, 45vw, 650px);
  @media (max-width: 1300px) {
   left: 18%;
   bottom: 18%;
  }
  @media (max-width: 1100px) {
   left: 13%;
  }
  @media (max-width: 768px) {
    bottom: 22%;
    left: 13%;
  }
}

.floatingCan4 {
  position: absolute;
    bottom: -2%;
    right: 9%;
    width: clamp(300px, 45vw, 650px);
    @media (max-width: 1300px) {
    right: 13%;
    bottom: -2%;
    }
    @media (max-width: 768px) {
    right: 13%;
    bottom: 0%;
  }
}

.aintHomeS1Content .m-custom-content__block-inner {
  width: clamp(300px, 40vw, 600px);
  @media (max-width: 768px) {
    max-width: 70%;
  }
}

@media (max-width: 768px) {
  .aintHomeS1Content {
  z-index: 2;
  padding-left: 10px;
}
}

.aintHomeS1Content h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 768px) {
    text-align: left;
    margin-bottom: 15px;
  }
}

.aintHomeS1Content p {
  font-size: clamp(18px,3vw,32px);
  text-align: right;
  @media (max-width: 768px) {
    text-align: left;
  }
}

.aintHomeS1Content .m-richtext__button {
  display: flex;
  justify-content: end;
  @media (max-width: 768px) {
    justify-content: start;
  }
}

.aintHomeS1Content .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aintHomeS1Content .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.aintHomeS1Content2 {
  display: flex;
  justify-content: flex-end;
  margin-top: -50px;
  @media (max-width: 768px) {
    margin-top: 0;
  }
}

.aintHomeS1Content2 h3 {
  font-size: clamp(28px,4vw,42px);
}

.aintHomeS1Content2 p {
  font-size: clamp(16px,3vw,26px);
}

.aintHomeS1Content2 .m-custom-content__block-inner {
  display: flex;
  justify-content: end;
  max-width: 600px;
  @media (max-width: 768px) {
    max-width: 100%;
  }
}

.aintHomeS1Content2 .text-card-with-image {
  align-items: center;
  max-width: 200px;
  @media (max-width: 480px) {
    max-width: fit-content;
  }
}

.aintHomeS1Content3 {
  display: flex;
  justify-content: flex-start;
  margin-top: 50px;
  @media (max-width: 1100px) {
    margin-top: 200px;
  }
  @media (max-width: 768px) {
    margin-top: 100px;
  }
}

.aintHomeS1Content3 h3 {
  font-size: clamp(28px,4vw,42px);
}

.aintHomeS1Content3 p {
  font-size: clamp(16px,3vw,26px);
}

.aintHomeS1Content3 .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
  max-width: 400px;
  @media (max-width: 900px) {
    justify-content: start;
    max-width: 100%;
  }
}

.aintHomeS1Content3 .text-card-with-image {
  align-items: center;
  max-width: 200px;
  @media (max-width: 480px) {
    max-width: fit-content;
  }
}

.aintHomeS1Content4 {
  display: flex;
  justify-content: flex-end;
  margin-top: -50px;
  @media (max-width: 1300px) {
    margin-top: 200px;
  }
  @media (max-width: 1100px) {
    margin-top: 0;
  }
}

.aintHomeS1Content4 h3 {
  font-size: clamp(28px,4vw,42px);
}

.aintHomeS1Content4 p {
  font-size: clamp(16px,3vw,26px);
}

.aintHomeS1Content4 .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
  max-width: 420px;
  @media (max-width: 900px) {
    justify-content: end;
    max-width: 100%;
  }
}

.aintHomeS1Content4 .text-card-with-image {
  align-items: center;
  max-width: 200px;
  @media (max-width: 480px) {
    max-width: fit-content;
  }
}

.aintHomeS2 {
  padding: 200px 0 100px;
  @media (max-width: 1024px) {
    padding: 75px 0 50px;
  }
}

.aintPPS2 {
  padding: 100px 0 !important;
  @media (max-width: 1024px) {
    padding: 50px 0 !important;
  }
}

@media (max-width: 768px) {
  .aintHomeS2Content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.aintHomeS2Content h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintHomeS2Content p {
  font-size: clamp(16px,4vw,32px);
  max-width: 850px;
  margin: 0 auto 40px !important;
  @media (max-width: 768px) {
    max-width: 100%;
  }
}

.aintHomeS2Content .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aintHomeS2Content .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.aintHomeS3 {
  padding: 100px 0 200px;
  @media (max-width: 1024px) {
    padding: 25px 0 100px;
  }
}

@media (max-width: 1200px) {
  .aintHomeS3 .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.aintHomeS3 .m-custom-content__wrapper {
  display: flex;
  @media (min-width:768px) and (max-width: 1024px) {
    max-width:70%;
    margin-left: auto;
    margin-right: auto;
  }
  @media (max-width: 768px) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.aintHomeS3 .m-image-card__inner p {
  font-size: clamp(18px,3vw,28px);
  line-height: 1.1;
  font-weight: 400;
  strong {
    font-weight: 500;
  }
}

.aintHomeS3 .m-image-card__inner {
  background: #fff;
  border-radius: 50%;
  transition: background 0.5s ease;
}

.aintHomeS3 .m-image-card:hover .m-image-card__inner {
  background: #232323;
}

.aintHomeS3 .m-image-card__img {
  opacity: 1 !important;
  transition: opacity 0.5s ease;
}

.aintHomeS3 .m-image-card:hover .m-image-card__img {
  opacity: 0 !important;
}

.aintHomeS3 .m-image-card__content {
  opacity: 0 !important;
  transition: opacity 0.5s ease;
  animation: none !important;
  transform: none !important;
}

.aintHomeS3 .m-image-card:hover .m-image-card__content {
  opacity: 1 !important;
}

.aintHomeS5Content {
  justify-content: center;
}

.aintHomeS5Content .m-custom-content__block-inner {
  max-width: fit-content;
}

.aintHomeS6 {
   @media (max-width: 1024px) {
    padding: 5px 20px 80px 20px !important;
   }
}

.aintHomeS6Img {
  margin-top: -50px;
  width: 45%;
  @media (max-width: 1024px) {
    margin-top: -25px;
    margin-bottom:-25px;
    max-width: 70%;
    width: 100%;
  }
}

.aintHomeS6Content .m-richtext__ratings {
  margin-top:0px;
}

.aintHomeS6Content .yotpo-stars{
  margin-top:0;
}

.aintHomeS6Content h3 {
  font-size: clamp(40px,7vw,102px);
  margin-bottom: 15px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintHomeS6Content .m-richtext__button {
  display: flex;
  @media (max-width: 1024px) {
    justify-content: center;
  }
}

.aintHomeS6Content .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aintHomeS6Content .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.aintHomeS7 {
  padding: 100px 60px;
  @media (max-width: 1350px) {
    padding: 80px 40px;
  }
  @media (max-width: 1024px) {
    padding: 60px 30px;
  }
}

.aintHomeS7Content h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintHomeS7Card h3 {
  font-size: clamp(26px,2vw,36px);
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.aintHomeS7Card p {
  font-size: clamp(22px,4vw,24px);
}

.aintHomeS7Card .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1300px) {
  padding: 14px 25px !important;
   font-size: 24px !important;
  }
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
  }
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aintHomeS7Card .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.aintHomeS7Cart .sealsubs-target-element {
  display: none;
}

.aintHomeS7Cart .main-product__block-buy_buttons {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.homePageHero {
  position: relative;
  transition: background 1s ease;
}

.rotatingTextColor {
  transition: color 1s ease;
}

.homePageHero .m-gradient {
  background: transparent;
}

.homePageHero .container-full {
  padding: 0;
}

.homePageHero .m-custom-content__wrapper {
  display: flex;
  @media (max-width: 1024px) {
    flex-direction: column;
  }
}

.homePageHeroContent {
  display: flex;
  justify-content: center;
  padding: 60px;
  width: 52%;
  @media (max-width: 1024px) {
    padding: 95px 30px 10px;
    width: 100%;
  }
}

.homePageHeroContent .m-custom-content__block-inner {
  max-width: fit-content;
  padding: 0;
}

.homePageHeroContent .m-richtext {
   display: flex;
   flex-direction: column;
   @media (max-width: 1024px) {
    align-items: center;
  }
}

.homePageHeroContent h3 {
  font-size: clamp(40px, 7vw, 90px);
  margin-bottom: 20px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 10px;
  }
}

.homePageHeroContent h3 .mobileBr {
   display: none !important;
   @media (max-width: 480px) {
  display: block !important;
}
}

.homePageHeroContent .m-richtext__description {
  max-width: 500px;
  margin: 0 !important;
  @media (max-width: 480px) {
  max-width: 90%;
}
}

.homePageHeroContent p {
  font-size: clamp(18px,4vw,32px);
  @media (max-width: 1024px) {
    text-align: center;
  }
}

.homePageHeroContent .m-richtext__button {
  display: flex;
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    justify-content: center;
    margin-top: 20px !important;
  }
  @media (max-width: 480px) {
    margin-top: 15px !important;
  }
}

.homePageHeroContent a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.homePageHeroContent a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.homePageHeroSlider {
  overflow: hidden;
  width: 48%;
  transition: background 1s ease;
  @media (max-width: 1024px) {
  border-left: none;
  width: 100%;
  }
}

 .hps-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    height: 85vh;
    min-height: 850px;
  }

  .hps-slider-viewport {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .hps-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
  }

  .hps-slide.hps-active {
    opacity: 1;
    z-index: 2;
  }

  .hps-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    @media (max-width: 480px) {
      height: 120%;
    }
  }

  @media (max-width: 1024px) {
    .hps-slider,
    .hps-slide {
      min-height: 700px;
    }
  }

  @media (max-width: 480px) {
    .hps-slider,
    .hps-slide {
      min-height: 350px;
      height: 100%;
    }
  }

.homePageS2 {
  padding: 0;
}

.homePageS2 .m-promotion__icon--large {
    --icon-height: 40px !important;
    margin-right: 15px;
    @media (max-width: 1024px) {
    --icon-height: 25px !important;
    margin-right: 10px;
  }
}

.homePageS2 .m-promotion__icon--large svg {

}

.homePageS2 .container-full {
    z-index: 9;
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    transition: background 1s ease;
    @media (max-width: 1024px) {
    padding: 15px 0;
  }
}

.homePageS2 .m-promotion__text {
  font-size: clamp(16px,4vw,24px);
  font-weight: 500;
  line-height: 1;
}

.homePageS3 .container-fluid {
  padding: 120px 60px 150px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 768px) {
    padding: 40px 10px;
  }
}

.homePageS3 .m-section__header {
  max-width: 730px;
  margin: 0 auto 60px !important;
  @media (max-width: 768px) {
    padding: 0 20px;
    margin: 0 auto 30px !important;
  }
}

.homePageS3 .m-section__description {
  line-height: 1.1 !important;
  font-size: 60px;
  font-weight: 500;
  margin: 0 !important;
  @media (max-width: 1024px) {
    font-size: 40px;
  }
  @media (max-width: 480px) {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .homePageS3 .m-custom-content__wrapper {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(2, 1fr);
}
.homePageS3 .productCard {
        padding: 10px !important;
    }
}

.homePageS4 .container-fluid {
  padding: 0 60px 120px;
  @media (max-width: 1024px) {
    padding: 0 40px 80px;
  }
  @media (max-width: 480px) {
    padding: 0 20px 60px;
  }
}

.homePageS4 .m-gradient {
  background: transparent;
}

.homePageS4Img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 55%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.homePageS4Content {
  display: flex;
  align-items: flex-start;
  width: 45%;
  padding-top: 100px;
  @media (max-width: 1024px) {
    width: 100%;
    padding: 0 30px !important;
  }
}

.homePageS4Content h3 {
  font-size: clamp(40px,7vw,95px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
    text-align: center;
  }
}

.homePageS4Content h3 .mobileBr {
   display: none !important;
   @media (max-width: 480px) {
  display: block !important;
}
}

.homePageS4Content .m-richtext__description {
  max-width: 100%;
}

.homePageS4Content p {
  font-size: clamp(18px,4vw,28px);
  margin-bottom: 25px;
  color: #fff;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
    text-align: center;
  }
}

.homePageS4Content em {
  font-style: normal !important;
  text-decoration: underline;
}

.homePageS4Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    display: flex;
    justify-content: center;
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.homePageS4Content a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.homePageS4Content a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.homePageS4IngredientIcons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 0;
}

.homePageS4IngredientIcons .m-custom-content__block-inner {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  justify-content: center;
  gap: 50px;
  @media (max-width: 480px) {
  gap: 10px;
  margin-top: 20px;
}
}

.homePageS4IngredientIcons img {
  width: 140px;
  @media (max-width: 1024px) {
  max-width: 70px;
}
}

.homePageS5 {
  background: #65C7F1 !important;
}

.homePageS5 .container-full {
  padding: 0 !important;
}

.homePageS5 .m-gradient {
  background: transparent !important;
}

.homePageS5Content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.homePageS5Content .m-custom-content__block-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.homePageS5Content .m-richtext-outer {
  display: flex;
  justify-content: center;
  padding: 80px 60px;
  background: #000;
  width: 100%;
  @media (max-width: 1024px) {
    padding: 40px 30px;
  }
}

.homePageS5Content .m-richtext {
  max-width: 650px;
}

.homePageS5Content h3 {
  font-size: clamp(35px,5vw,70px);
  margin-bottom: 30px;
  color: #59cbf5;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
  }
}

.homePageS5Content .m-richtext__description {
  max-width: 100%;
}

.homePageS5Content p {
  font-size: clamp(18px,4vw,28px);
  margin-bottom: 25px;
  color: #fff;
  @media (max-width: 480px) {
    margin-bottom: 15px;
  }
}

.homePageS5Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.homePageS5Content a {
  background: transparent;
  color: #fff;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #fff !important;
  box-shadow: 0 5px 0 #fff;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.homePageS5Content a:hover {
  color: #000;
  background: #fff;
  box-shadow: 0 0 #fff;
}

.homePageS5StatementsWrapperOuter {
  display: flex;
  justify-content: center;
  padding: 60px;
  height: 100%;
  width: 100%;
  @media (max-width: 768px) {
  padding: 40px 30px 20px;
}
}

.homePageS5StatementsWrapper {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  max-width: 600px;
  gap: 50px;
  @media (max-width: 480px) {
  grid-template-columns: repeat(4, max-content);
  gap: 10px;
}
}

.homePageS5StatementsWrapper img {
  width: 140px;
  @media (max-width: 1024px) {
  max-width: 70px;
}
}

.clean-sweep-cc .clean-sweep {
  display: grid;
  grid-auto-flow: column;
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  border: 2px solid #000;
  border-radius: 20px;
  background-color: #fff;
   @media (max-width: 768px) {
      max-width: 100%;
    }
}

.homePageS5Img {
  display: flex;
  align-items: flex-end;
  width: 50%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.clean-sweep-cc .clean-sweep-brands {
  z-index: 99;
  border-right: 2px solid #000;
  width: max-content;
  box-shadow: 10px 0 15px -5px rgb(0 0 0 / 10%);
}

.clean-sweep-cc .cs-brands-img {
  height: 560px;
  @media (max-width: 768px) {
      height: 320px;
    }
}

.clean-sweep-cc .m-promotion__item img {
  height: 560px !important;
  border-right: 2px solid #000;
  @media (max-width: 768px) {
      height: 320px !important;
    }
}

.clean-sweep-cc .clean-sweep-compare {
  overflow: hidden;
  z-index: 99;
}

.clean-sweep-compare .m-color-default {
  background-color: transparent !important;
}

.clean-sweep-lines-container {
    position: absolute;
    height: 560px;
    width: 100%;
   @media (max-width: 768px) {
      height: 320px;
    }
  }

  .clean-sweep-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-bottom: 2px solid #000;
    z-index: 1;
  }

  .clean-sweep-line:nth-child(1) {
    top: 110px;
    @media (max-width: 768px) {
      top: 60px;
    }
  }

  .clean-sweep-line:nth-child(2) {
    top: 200px;
    @media (max-width: 768px) {
      top: 216px;
    }
  }

  .clean-sweep-line:nth-child(3) {
    top: 290px;
    @media (max-width: 768px) {
      top: 164px;
    }
  }

  .clean-sweep-line:nth-child(4) {
    top: 380px;
    @media (max-width: 768px) {
      top: 216px;
    }
  }

  .clean-sweep-line:nth-child(5) {
    top: 470px;
    @media (max-width: 768px) {
      top: 268px;
    }
  }

  .clean-sweep-background-between {
    position: absolute;
    top: 110px;
    height: 90px;
    left: 0;
    right: 0;
    background-color: #E7DDFC;
    z-index: 0;
    border-bottom: 2px solid #000;
    @media (max-width: 768px) {
      top: 60px;
      height: 52px;
    }
  }


/* =========== Regular Pages ========== */


.template-page #MainContent {
  padding: 0 !important;
}

.section404 {
  display: flex !important;
  align-items: center;
  min-height: 60vh;
}

.section404 a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 20px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 15px !important;
  }
}

.section404 a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.aboutUsHero {
  background: #59CBF5;
  /*
  background: url(/cdn/shop/files/cloudAesthetic.webp?v=1776641617);
  background-size: cover;
  background-position: left center;
  */
  position: relative;
}

/*
.aboutUsHero::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 140%;
  height: 130px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,40 C180,95 360,95 540,55 C720,15 900,15 1080,55 C1260,95 1350,95 1440,65 L1440,120 L0,120 Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 3;
  @media (max-width: 1024px) {
    height: 80px;
  }
  @media (max-width: 480px) {
    height: 40px;
  }
}
*/

.aboutUsHero .m-color-default {
  background-color: transparent !important;
  width: 100%;
}

.aboutUsHero .m-custom-content__wrapper {
  justify-content: space-between;
  align-items: center;
  @media (max-width: 1024px) {
    flex-direction: column;
    align-items: center;
  }
}

.aboutUsHero .container-full {
  display: flex;
  align-items: center;
  padding: 150px 0 150px 80px;
  /*
  background: linear-gradient(to right, #6fd0f3ad, #c9f1ffba);
  */
  @media (max-width: 1024px) {
    padding: 0;
  }
}

.aboutUsHero h3 {
  font-size: clamp(45px, 7vw, 90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
  }
}

.aboutUsHero p {
  font-size: clamp(18px,4vw,32px);
}

.aboutUsHero img {
  max-width: 100%;
}

.aboutUsHero .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.aboutUsHero a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.aboutUsHero a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.aboutUsHeroContent {
  display: flex;
  justify-content: center;
  width: 55%;
  @media (max-width: 1024px) {
    width: 100%;
    padding: 40px 30px 30px;
  }
}

.aboutUsHeroContent .m-custom-content__block-inner {
  max-width: fit-content;
  @media (max-width: 1024px) {
    max-width: 100%;
  }
}

.aboutUsHeroContent .m-richtext__description {
  max-width: 530px;
  @media (max-width: 768px) {
    max-width: 280px;
  }
}

.aboutUsHeroImg {
  width: 42%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.aboutUsHeroImg .m-custom-content__block-inner {
  display: flex;
  @media (max-width: 1024px) {
    justify-content: flex-end;
  }
}

.aboutUsHeroImg img {
  width: 100%;
  z-index: 2;
  @media (max-width: 1024px) {
    width: 60%;
  }
  @media (max-width: 480px) {
    width: 80%;
    margin-top: 0;
    margin-right: -60px;
  }
}

#shopify-section-template--19497381101628__custom_content_NQM9Ry {
  background: #000;
  overflow: hidden;
}

.aboutUsS2 {
  /*
 background: radial-gradient(
    circle at 50% 100%,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.12) 16%,
    rgba(255, 255, 255, 0.06) 34%,
    rgba(255, 255, 255, 0.025) 55%,
    rgba(255, 255, 255, 0.01) 70%,
    transparent 85%
  );
*/
}

.aboutUsS2 .m-gradient {
  background: transparent;
}

.aboutUsS2 .container-fluid {
  padding: 100px 60px 0;
  @media (max-width: 480px) {
    padding: 40px 20px 0;
  }
}

.aboutUsS2 .m-custom-content__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
  @media (max-width: 480px) {
    gap: 40px;
  }
}

.aboutUsS2Content .m-richtext {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  @media (max-width: 480px) {
    gap: 15px;
  }
}

.aboutUsS2Content h3 {
  font-size: clamp(36px,7vw,90px);
}

.aboutUsS2Content .m-richtext__description {
  max-width: 820px;
  margin: 0 !important;
  @media (max-width: 480px) {
    max-width: 100%;
  }
}

.aboutUsS2Content .m-richtext p {
  font-size: clamp(18px,4vw,30px);
}

.aboutUsS2Content .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
}

.aboutUsS2Img {
  width: 100% !important;
  max-width: 350px;
  @media (max-width: 480px) {
  max-width: 200px;
}
}

.aboutUsS2Img .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
}

.aboutUsFloatingFacts {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  padding: 0;
}

.aboutUsFloatingFacts .m-custom-content__block-inner {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  justify-content: center;
  gap: 30px;
  @media (max-width: 480px) {
  gap: 10px;
}
}

.aboutUsFloatingFacts img {
  width: 100px;
  padding: 2px;
  border-radius: 50%;
  background: #fff;
  @media (max-width: 1024px) {
  max-width: 60px;
}
}

.aboutUsS3 {
  background: #fff;
  position: relative;
  overflow: hidden;
}

.aboutUsS3 .m-gradient {
  background: transparent;
}

.aboutUsS3 .container-full {
  padding: 0;
}

.aboutUsS3 .m-custom-content__wrapper {
  padding: 350px 60px;
  /*
  background: url(/cdn/shop/files/cafup.webp?v=1776658389);
  background-position: center;
  background-size: cover;
  */
  border-radius: 0;
  margin: 0 !important;
  @media (max-width: 1024px) {
  padding: 200px 40px;
}
@media (max-width: 480px) {
  padding: 200px 50px;
}
}

.aboutUsS3Content .m-richtext {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  z-index: 99;
  position: relative;
  @media (max-width: 480px) {
    gap: 15px;
  }
}

.aboutUsS3Content h3 {
  font-size: clamp(40px,7vw,90px);
  @media (max-width: 480px) {
  padding: 0;
}
}

.aboutUsS3Content .m-richtext__description {
  max-width: 650px;
  margin: 0 !important;
  @media (max-width: 1024px) {
    max-width: 80%;
  }
  @media (max-width: 480px) {
    max-width: 100%;
  }
}

.aboutUsS3Content p {
  font-size: clamp(18px,4vw,32px);
}

#shopify-section-template--19497381101628__scrolling_promotion_Lj7Pkx {
  margin-top: 0;
  z-index: 3;
  position: relative;
  padding: 0;
}

.aboutUsS4 {
  background: transparent;
}

.aboutUsS4 .container {
  padding: 0;
  max-width: 1000px;
  position: relative;
  @media (max-width: 1024px) {
  max-width: 100%;
}
}

.aboutUsS4 .m-scrolling-promotion {
  overflow: hidden;
  position: relative;
  pointer-events: none;
  background: linear-gradient(to bottom, black 40px, white 40px);
  @media (max-width: 1024px) {
  background: linear-gradient(to bottom, black 24px, white 24px);
}
}

/*
.aboutUsS4 .container::before {
    content: "";
    aspect-ratio: 1;
    height: 48px;
    width: 48px;
    position: absolute;
    bottom: 2px;
    left: -48px;
    z-index: 1;
    background-color: transparent;
    border-radius: 50px;
    flex: none;
    overflow: visible;
    box-shadow: 24px 24px #fff;
    @media (max-width: 1024px) {
    height: 30px;
    width: 30px;
    left: -30px;
    box-shadow: 15px 15px #fff;
}
}

.aboutUsS4 .container::after {
    content: "";
    aspect-ratio: 1;
    height: 48px;
    width: 48px;
    position: absolute;
    bottom: 2px;
    right: -48px;
    z-index: 1;
    background-color: transparent;
    border-radius: 50px;
    flex: none;
    overflow: visible;
    box-shadow: -24px 24px #fff;
    @media (max-width: 1024px) {
    height: 30px;
    width: 30px;
    right: -30px;
    box-shadow: -15px 15px #fff;
}
}

.aboutUsS4 .m-scrolling-promotion::before,
.aboutUsS4 .m-scrolling-promotion::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.aboutUsS4 .m-scrolling-promotion::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}

.aboutUsS4 .m-scrolling-promotion::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}
*/

.aboutUsS4 .m-promotion__item {
  position: relative;
  padding: 60px 0 20px;
  @media (max-width: 1024px) {
  padding: 30px 0 10px;
}
}

.aboutUsS4 .m-promotion__item img {
  height: 200px;
  @media (max-width: 1024px) {
  height: 100px;
}
}

.aboutUsS4 .m-promotion__item::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 6px 10px;
  z-index: 10;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  line-height: 1;
  height: 40px;
  @media (max-width: 1024px) {
  height: 24px;
  font-size: 13px;
}
}

.aboutUsS4 .m-promotion__item:nth-child(1)::before {
  content: "80 mg";
}

.aboutUsS4 .m-promotion__item:nth-child(2)::before {
  content: "160 mg";
}

.aboutUsS4 .m-promotion__item:nth-child(3)::before {
  content: "200 mg";
}

.aboutUsS4 .m-promotion__item:nth-child(4)::before {
  content: "200 mg";
}

.aboutUsS4 .m-promotion__item:nth-child(5)::before {
  content: "200 mg";
}

.aboutUsS4 .m-promotion__item:nth-child(6)::before {
  content: "300 mg";
}

.aboutUsS5 {
  position: relative;
}

/*
.aboutUsS5:after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 140%;
  height: 130px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23feceb5' d='M0,40 C180,95 360,95 540,55 C720,15 900,15 1080,55 C1260,95 1350,95 1440,65 L1440,120 L0,120 Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 3;
  @media (max-width: 1024px) {
    height: 80px;
  }
  @media (max-width: 480px) {
    height: 40px;
  }
}
*/

.aboutUsS5 .container-fluid {
  padding: 80px 60px 200px;
  @media (max-width: 1024px) {
    padding: 60px 40px 80px;
  }
  @media (max-width: 480px) {
    padding: 40px 20px 60px;
  }
}

.aboutUsS5 .m-custom-content__wrapper {
  padding: 0;
  background: #fff;
  @media (max-width: 1024px) {
    padding: 0;
  }
}

.aboutUsS5Content {
  max-width: 850px;
  margin: 0 auto;
  margin-bottom: 80px;
  @media (max-width: 1024px) {
    margin-bottom: 60px;
    max-width: 700px;
  }
  @media (max-width: 768px) {
    max-width: 100%;
    margin-bottom: 30px;
  }
}

.aboutUsS5Content2 {
  max-width: 850px;
  margin: 0 auto;
  margin-top: 80px !important;
  @media (max-width: 1024px) {
    margin-top: 60px !important;
    max-width: 700px;
  }
  @media (max-width: 768px) {
    max-width: 100%;
    margin-top: 30px !important;
  }
}

.aboutUsS5Content h3 {
  line-height: 1.1 !important;
  font-size: 50px;
  @media (max-width: 1024px) {
    font-size: 40px;
  }
  @media (max-width: 480px) {
    font-size: 25px;
  }
}

.aboutUsS5Content .m-richtext p {
  font-weight: 500;
  font-size: 45px;
  @media (max-width: 1024px) {
    font-size: 20px;
  }
  @media (max-width: 480px) {
    font-size: 16px;
    line-height: 1.4;
  }
}

.topArrow .m-custom-content__block-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  @media (max-width: 1024px) {

  }
}

.bottomArrow .m-custom-content__block-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  @media (max-width: 1024px) {

  }
}

.cycleCircle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 400px;
  height: 400px;
  background: #000;
  border-radius: 50%;
  padding: 40px;
  flex-shrink: 0;
  @media (max-width: 1024px) {
    gap: 10px;
    height: 300px;
    width: 300px;
    padding: 20px;
  }
  @media (max-width: 480px) {
    gap: 5px;
    width: 150px;
    height: 150px;
    padding: 15px;
  }
}

.cycleCircle h4 {
  color: #fff;
  text-align: center;
  font-size: 36px;
  @media (max-width: 1024px) {
    font-size: 24px;
  }
  @media (max-width: 480px) {
    font-size: 14px;
  }
}

.cycleCircle p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  @media (max-width: 1024px) {
    font-size: 17px;
  }
  @media (max-width: 480px) {
    font-size: 11px;
  }
}

.topArrow img {
  width: 150px;
  height: 150px;
  @media (max-width: 1024px) {
    height: 75px;
    width: 75px;
  }
  @media (max-width: 480px) {
    height: 50px;
    width: 50px;
  }
}

.bottomArrow img {
  width: 150px;
  height: 150px;
  transform: rotate(180deg);
  @media (max-width: 1024px) {
    height: 75px;
    width: 75px;
  }
  @media (max-width: 480px) {
    height: 50px;
    width: 50px;
  }
}

.middleArrows .m-custom-content__block-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  max-width: 950px;
  margin: 0 auto;
  @media (max-width: 1024px) {
    max-width: 750px;
  }
  @media (max-width: 480px) {
    max-width: 350px;
  }
}

.middleArrows .cycleArrow1 {
  display: flex;
  justify-content: center;
  width: 400px;
  @media (max-width: 1024px) {
    width: 300px;
  }
  @media (max-width: 480px) {
    width: 150px;
  }
}

.middleArrows .cycleArrow1 img {
  width: 150px;
  height: 150px;
  transform: rotate(270deg);
  @media (max-width: 1024px) {
    height: 75px;
    width: 75px;
  }
  @media (max-width: 480px) {
    height: 50px;
    width: 50px;
  }
}

.middleArrows .cycleArrow2 {
  display: flex;
  justify-content: center;
  width: 400px;
  @media (max-width: 1024px) {
    width: 300px;
  }
  @media (max-width: 480px) {
    width: 150px;
  }
}

.middleArrows .cycleArrow2 img {
  width: 150px;
  height: 150px;
  transform: rotate(90deg);
  @media (max-width: 1024px) {
    height: 75px;
    width: 75px;
  }
  @media (max-width: 480px) {
    height: 50px;
    width: 50px;
  }
}

.aboutUsS6 {
  background: #fff;
}

.aboutUsS6 .container-full {
  padding: 120px 60px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 480px) {
    padding: 40px 30px 60px;
  }
}

.aboutUsS6 .m-gradient {
  background: transparent;
}

.aboutUsS6 .m-custom-content__wrapper {
  gap: 60px;
  flex-wrap: nowrap;
  @media (max-width: 1024px) {
    gap: 30px;
    flex-direction: column;
  }
}

.aboutUsS6Content h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aboutUsS6Img {
  display: flex;
  justify-content: center;
  width: 55%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.aboutUsS6Content {
  display: flex;
  justify-content: center;
  width: 45%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.aboutUsS6Content .m-custom-content__block-inner {
  padding: 0;
}

.aboutUsS6Content .m-richtext {
  display: flex;
  flex-direction: column;
  @media (max-width: 1024px) {
    align-items: center;
  }
}

.aboutUsS6Content .m-richtext__subtitle {
  font-size: clamp(30px,7vw,55px);
  margin-bottom: 15px !important;
  line-height: 1.1 !important;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 10px !important;
  }
}

.aboutUsS6Content .m-richtext__description {
  max-width: 100%;
  margin: 0 !important;
}

.aboutUsS6Content p {
  font-size: clamp(18px,4vw,32px);
  @media (max-width: 1024px) {
    text-align: center;
  }
}

.aboutUsS6Content em {
  font-style: normal !important;
  text-decoration: underline;
}

.aboutUsS6Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.aboutUsS6Content a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.aboutUsS6Content a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.aboutUsS7 {
  background: #FAFAFA;
}

.aboutUsS7 .m-gradient {
  background: transparent !important;
}

.aboutUsS7 .container-full {
  padding: 100px 60px 120px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 768px) {
    padding: 40px 20px 60px;
  }
}

.aboutUsS7 .container-fluid {
  padding: 120px 60px 150px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 768px) {
    padding: 40px 0 60px;
  }
}

.aboutUsS7 .handpicked-products__header {
  margin-bottom: 60px !important;
  max-width: 750px;
  margin: 0 auto;
  @media (max-width: 1024px) {
    margin-bottom: 30px !important;
    max-width: 100%;
  }
}

.aboutUsS7 .handpicked-products__header h3 {
  font-size: clamp(35px,7vw,85px);
  margin-bottom: 30px !important;
  @media (max-width: 1024px) {
    margin-bottom: 15px !important;
  }
}

.aboutUsS7 .m-richtext__description {
  margin: 0 !important;
}

.aboutUsS7 .handpicked-products__header p {
  font-size: clamp(18px,4vw,32px);
  @media (max-width: 480px) {
    max-width: 70%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
    .aboutUsS7 .m-mixed-layout--mobile-scroll {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
}

.aboutUsS7 .m-product-card {
  padding: 20px 0 35px;
  @media (max-width: 1024px) {
    padding: 10px 0 20px;
  }
}

.aboutUsS7 .swiper-slide:nth-child(1) .m-product-card {
  background: #FBB03C;
}

.aboutUsS7 .swiper-slide:nth-child(2) .m-product-card {
  background: #59CBF5;
}

.aboutUsS7 .swiper-slide:nth-child(3) .m-product-card {
  background: #F16978;
}

.aboutUsS7 .swiper-slide:nth-child(4) .m-product-card {
  background: #000;
}

.aboutUsS7 .m-product-card__content {
  padding: 0 30px;
  @media (max-width: 1024px) {
    padding: 0 15px;
  }
}

.aboutUsS7 .m-product-card__title {
  margin-bottom: 10px;
  @media (max-width: 480px) {
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  .aboutUsS7 .swiper-slide:nth-child(2) .m-product-card__title,
  .aboutUsS7 .swiper-slide:nth-child(3) .m-product-card__title,
  .aboutUsS7 .swiper-slide:nth-child(4) .m-product-card__title {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.aboutUsS7 .m-product-card:hover .m-product-card__name {
  text-decoration: underline;
}

.aboutUsS7 .m-product-card__name {
  font-size: clamp(18px,4vw,26px);
  color: #fff;
  line-height: 1.1 !important;
  @media (max-width: 480px) {
    line-height: 1.2 !important;
  }
}

.aboutUsS7 .m-product-card__price {
  font-size: clamp(16px,4vw,22px);
  line-height: 1.1 !important;
}

.aboutUsS7 .m-product-card__price .m-price__regular {
  color: #fff !important;
}

.aboutUsS7 .m-product-card--style-4 .m-product-card__content .m-product-card__action-wrapper {
  margin-top: 20px !important;
  @media (max-width: 480px) {
    margin-top: 15px !important;
  }
}

.aboutUsS7 .m-product-form .m-add-to-cart {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 18px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aboutUsS7 .m-product-form .m-add-to-cart:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.aboutUsS7 .swiper-slide:nth-child(4) .m-product-card .m-add-to-cart {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 5px 0 #fff !important;
}

.aboutUsS7 .swiper-slide:nth-child(4) .m-product-card .m-add-to-cart:hover {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 0 #fff !important;
}

.aboutUsS7 .m-product-card__action {
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.productGrid .productCard {
  display: flex;
  flex-direction: column;
  gap: 30px;
  @media (max-width: 768px) {
    gap: 15px;
    padding: 0 15px;
  }
}

.productCard:hover .productCardContentUpper h4 {
  text-decoration: underline;
}

.productGrid .productCardMedia {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 20px 20px;
  border-radius: 20px;
  overflow: hidden;
  @media (max-width: 768px) {
    gap: 5px;
    padding: 20px 12px 12px;
    border-radius: 15px;
  }
}

.productGrid .productCardMedia p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 999px;
    background: #fff;
    mix-blend-mode: screen;
    color: #000;
    @media (max-width: 768px) {
    font-size: 14px;
  }
}

.mandarinOrangeCard .productCardMedia {
  background: radial-gradient( 80% 80% at 50% 50%,  #ffe8c9 0%,  #fbcf7a 25%,  #fbb03b 70%,  #e6952f 100%);
}

.mixedBerryCard .productCardMedia {
  background: radial-gradient(80% 80% at 50% 50%, #eaf9ff 0%, #bfe9fb 25%, #7fd8f8 50%, #56CBF5 100%);
}

.peachMangoCard .productCardMedia {
  background: radial-gradient(80% 80% at 50% 50%, #ffe9e3 0%, #f7b3a3 25%, #de6f73 60%, #C64D5C 100%);
}

.mixedFlavorsCard .productCardMedia {
  background: radial-gradient(80% 80% at 50% 50%, #bfbfbf 0%, #6a6a6a 8%, #323232 28%, #141414 80%, #000000 100%);
}

.productCardContent {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.productCardContentUpper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (max-width: 480px) {
    gap: 5px;
  }
}

.productCardContentUpper h4 {
  color: #000;
  text-align: center;
  font-size: 36px;
  @media (max-width: 1024px) {
    font-size: 24px;
  }
  @media (max-width: 480px) {
    font-size: 20px;
  }
}

.productCardContentUpper p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  opacity: 0.3;
  @media (max-width: 1024px) {
    font-size: 17px;
  }
  @media (max-width: 480px) {
    font-size: 14px;
  }
}

.productCardContentLower p {
  color: #000;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  @media (max-width: 1024px) {
    font-size: 20px;
  }
  @media (max-width: 480px) {
    font-size: 18px;
  }
}

.sciencePageS1 {
  background: url(/cdn/shop/files/newImgHp.webp?v=1776865727);
  background-position: top center;
  background-size: cover;
}

.sciencePageS1 .m-gradient {
  display: flex;
  background: rgb(0 0 0 / 10%);
  width: 100%;
}

.sciencePageS1 .m-custom-content__wrapper {
  width: 100%;
}

.sciencePageS1 .container-full {
  display: flex;
  padding: 0;
  min-height: 100vh;
  @media (max-width: 768px) {
    min-height: 70vh;
  }
}

.sciencePageS1Content .m-custom-content__block-inner {
  height: 100%;
}

.sciencePageS1Content .m-richtext {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.sciencePageS1Content h3 {
  font-size: clamp(36px,7vw,110px);
  padding-left: 40px;
  padding-top: 100px;
  max-width: 600px;
  line-height: 1 !important;
  @media (max-width: 480px) {
    max-width: 220px;
    padding-left: 20px;
    padding-top: 40px;
    line-height: 1.1 !important;
  }
}

.sciencePageS1Content .m-richtext__description {
  display: flex;
  justify-content: flex-end;
  margin: 0 !important;
}

.sciencePageS1Content .m-richtext__description p {
  font-size: clamp(18px,4vw,30px);
  max-width: 700px;
  padding: 40px;
  background: #000;
  @media (max-width: 768px) {
    padding: 20px;
  }
}

.sciencePageS2 {
  background: #fff;
}

.sciencePageS2 .container-full {
  padding: 120px 60px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 480px) {
    padding: 40px 30px 60px;
  }
}

.sciencePageS2 .m-gradient {
  background: transparent;
}

.sciencePageS2 .m-custom-content__wrapper {
  gap: 80px;
  flex-wrap: nowrap;
  @media (max-width: 1024px) {
    flex-direction: column-reverse;
    gap: 60px;
  }
  @media (max-width: 768px) {
    gap: 30px;
  }
}

.sciencePageS2Img {
  display: flex;
  justify-content: center;
  width: 55%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.sciencePageS2Img .m-custom-content__block-inner {
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  @media (max-width: 1024px) {
    padding: 0;
  }
}

.sciencePageS2Content {
  display: flex;
  justify-content: center;
  width: 45%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.sciencePageS2Content .m-custom-content__block-inner {
  padding: 0;
}

.sciencePageS2Content .m-richtext {
  display: flex;
  flex-direction: column;
}

.sciencePageS2Content h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
  }
}

.sciencePageS2Content .m-richtext__description {
  max-width: 100%;
  margin: 0 !important;
}

.sciencePageS2Content p {
  font-size: clamp(18px,4vw,32px);
}

.sciencePageS2Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.sciencePageS2Content a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.sciencePageS2Content a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.sciencePageS3 {
  background: #fff;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  @media (max-width: 1024px) {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
}

.sciencePageS3 .container-full {
  padding: 0;
}

.sciencePageS3 .m-gradient {
  background: transparent;
}

.sciencePageS3 .m-custom-content__wrapper {
  gap: 0;
  flex-wrap: nowrap;
  @media (max-width: 1024px) {
    flex-direction: column;
  }
}

.sciencePageS3Clock {
  display: flex;
  justify-content: center;
  padding: 40px;
  background: #000;
  @media (max-width: 1024px) {
    width: 100%;
    padding: 20px;
  }
}

.sciencePageS3Clock .m-custom-content__block-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  @media (max-width: 1024px) {
    padding: 0;
  }
}

.sciencePageS3Content {
  display: flex;
  justify-content: center;
  padding: 80px 70px 80px 60px;
  @media (max-width: 1024px) {
    width: 100%;
    padding: 30px;
  }
}

.sciencePageS3Content .m-custom-content__block-inner {
  padding: 0;
}

.sciencePageS3Content .m-richtext {
  display: flex;
  flex-direction: column;
}

.sciencePageS3Content h3 {
  font-size: clamp(36px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    margin-bottom: 15px;
    text-align: center;
  }
}

.sciencePageS3Content .m-richtext__description {
  max-width: 100%;
  margin: 0 !important;
}

.sciencePageS3Content p {
  font-size: clamp(18px,4vw,32px);
  @media (max-width: 1024px) {
    text-align: center;
  }
}

.sciencePageS3Content em {
  font-style: normal !important;
  text-decoration: underline;
}

.sciencePageS3Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.sciencePageS3Content a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.sciencePageS3Content a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.sciencePageS4 {
  background: #fff;
}

.sciencePageS4 .container-full {
  padding: 120px 60px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 480px) {
    padding: 40px 0 60px;
  }
}

@media screen and (max-width: 767px) {
    .sciencePageS4 .m-mixed-layout--mobile-scroll {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
}

.sciencePageS4 .m-gradient {
  background: transparent;
}

.sciencePageS4 .m-section__header {
  display: flex;
  flex-direction: column-reverse;
  gap: 0;
}

.sciencePageS4 h2 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.sciencePageS4 .m-section__subheading {
  font-size: clamp(18px,4vw,32px);
  font-weight: 400 !important;
  @media (max-width: 1024px) {
    text-align: center;
    margin: 0 !important;
  }
}

.sciencePageS4 .m-iwt__content-inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 0 0 5px;
}

.sciencePageS4 .m-iwt__content .m-richtext__title {
  font-size: clamp(30px,7vw,60px);
  line-height: 1.1 !important;
}

.sciencePageS4 .m-iwt__content .m-richtext__subtitle {
    font-size: clamp(12px, 4vw, 18px);
    padding: 6px 20px;
    font-weight: 400 !important;
    background: #000;
    color: #fff;
    margin-bottom: 40px !important;
    @media (max-width: 1024px) {
    padding: 4px 10px;
    margin-bottom: 20px !important;
  }
}

.sciencePageS4 .m-iwt__content .m-richtext__description {
  margin-top: 20px !important;
  @media (max-width: 1024px) {
    margin-top: 15px !important;
  }
}

.sciencePageS4 .m-iwt__content .m-richtext__description p {
  font-size: clamp(16px,4vw,24px);
}

.sciencePageS4 em {
  font-style: normal !important;
  text-decoration: underline;
}

.sciencePageS4 .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.sciencePageS4 .m-iwt__content a {
  background: #fff;
  color: #000;
  padding: 20px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #000 !important;
  box-shadow: 0 5px 0 #000;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 10px 20px !important;
   font-size: 16px !important;
  }
}

.sciencePageS4 .m-iwt__content a:hover {
  color: #fff;
  background: #000;
  box-shadow: 0 0 #000;
}

.sciencePageS4 .m-iwt__content a:before {
  display: none;
}

.sciencePageS4 .m-iwt__content a:after {
  display: none;
}

.sciencePageS4 .m-slider-controls__button {
  height: 50px !important;
  width: 50px !important;
  border: 2px solid #000;
  transition: 0.2s;
  box-shadow: 0 2px #000;
  background: #fff;
  @media (max-width: 1024px) {
    height: 30px !important;
    width: 30px !important;
  }
}

.sciencePageS4 .m-slider-controls__button svg {
  height: 95%;
  width: 95%;
  color: #000;
  transition: 0.2s;
}

.sciencePageS4 .m-slider-controls__button:hover {
  background: #fff;
  box-shadow: none;
}

.sciencePageS4 .m-slider-controls__button:hover svg {
  color: #000;
}



.sciencePageS5 {
  background: #000;
}

.sciencePageS5 .container-fluid {
  padding: 80px 60px 120px;
  @media (max-width: 1024px) {
    padding: 40px 0;
  }
}

.sciencePageS5 .container-full {
  padding: 0 60px;
  @media (max-width: 1024px) {
    padding: 0 20px;
  }
}

.sciencePageS5 .m-gradient {
  background: transparent;
}

.sciencePageS5 .m-section__heading {
  font-size: clamp(40px,7vw,90px);
}

.sciencePageS5 .m-section__header {
  margin-bottom: 100px !important;
  max-width: 700px;
  margin: 0 auto;
  @media (max-width: 1024px) {
    max-width: 100%;
    margin-bottom: 40px !important;
    padding: 0 30px;
  }
}

.sciencePageS5Graph {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px;
  @media (max-width: 1024px) {
    padding: 20px 20px 50px;
  }
}

@media screen and (max-width: 767px) {
    .sciencePageS5 .m-mixed-layout--mobile-scroll {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
}

.sciencePageS5Graph .m-custom-content__block-inner {
  max-width: 600px;
}

.sciencePageS5Img {
  display: flex;
  justify-content: center;
  align-items: end;
}

.sciencePageS5Content {
  display: flex;
  justify-content: center;
  padding: 0 30px 80px;
  @media (max-width: 1024px) {
    padding: 0 15px 20px;
  }
}

.sciencePageS5Content .m-custom-content__block-inner {
  padding: 0;
}

.sciencePageS5Content .m-richtext {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sciencePageS5Content .m-richtext__subtitle {
    font-size: clamp(12px, 4vw, 18px);
    padding: 5px 15px;
    font-weight: 500 !important;
    background: #fff;
    color: #000;
    margin-bottom: 40px !important;
    @media (max-width: 1024px) {
    padding: 4px 10px;
    margin-bottom: 20px !important;
  }
}

.sciencePageS5Content .m-richtext__title {
  font-size: clamp(30px,7vw,45px);
  margin-bottom: 15px !important;
  line-height: 1.1 !important;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 10px !important;
  }
}

.sciencePageS5Content .m-richtext__description {
  max-width: 100%;
  margin: 0 !important;
}

.sciencePageS5Content p {
  font-size: clamp(16px,4vw,22px);
  @media (max-width: 1024px) {
    text-align: center;
  }
}

.sciencePageS5Content em {
  font-style: normal !important;
  text-decoration: underline;
}

.sciencePageS5Content .m-richtext__button {
  margin-top: 40px !important;
  @media (max-width: 1024px) {
    margin-top: 30px !important;
  }
  @media (max-width: 480px) {
    margin-top: 20px !important;
  }
}

.sciencePageS5Content a {
  background: #000;
  color: #fff;
  padding: 18px 40px !important;
  font-size: 22px !important;
  font-weight: 500;
  border: 2px solid #fff !important;
  box-shadow: 0 5px 0 #fff;
  @media (max-width: 1024px) {
  padding: 10px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 16px !important;
  }
}

.sciencePageS5Content a:hover {
  color: #000;
  background: #fff;
  box-shadow: 0 0 #fff;
}

.ingredientsS1 {
  background: #feceb5;
  position: relative;
}

/*
.ingredientsS1:after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 140%;
  height: 130px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23F5F1EC' d='M0,40 C180,95 360,95 540,55 C720,15 900,15 1080,55 C1260,95 1350,95 1440,65 L1440,120 L0,120 Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 3;
  @media (max-width: 1024px) {
    height: 80px;
  }
  @media (max-width: 480px) {
    height: 40px;
  }
}
*/

.ingredientsS1 .container-fluid {
  padding: 80px 60px 200px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 768px) {
    padding: 40px 20px 80px;
  }
}

.ingredientsS1 .m-gradient {
  background: transparent;
}

.ingredientsS1Content {
  display: flex;
  justify-content: center;
  width: 50%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.ingredientsS1Content .m-custom-content__block-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 30px 0;
  @media (max-width: 1024px) {
    gap: 20px;
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .theReverse .m-custom-content__block-inner {
  flex-direction: column-reverse !important;
  }
  .ingredientsS1 .m-custom-content__wrapper {
    gap: 20px;
  }
}

.ingredientsS1Content .m-richtext {
   width: 100%;
   max-width: 650px;
   @media (max-width: 1024px) {
    max-width: 100%;
  }
}

.ingredientsS1Content h3 {
  font-size: 90px;
  margin-bottom: 20px;
  @media (max-width: 1024px) {
    font-size: 65px;
    margin-bottom: 0;
    text-align: center;
  }
  @media (max-width: 480px) {
    font-size: 38px;
    margin-bottom: 0;
  }
}

.ingredientsS1Content .m-richtext__description {
  max-width: 100%;
  @media (max-width: 1024px) {
    text-align: center;
    padding: 0 20px;
  }
}

.ingredientsS1Content p {
  line-height: 1.1 !important;
  font-size: 50px;
  font-weight: 500;
  @media (max-width: 1024px) {
    font-size: 40px;
  }
  @media (max-width: 480px) {
    font-size: 25px;
  }
}

.ingredientsS1Content .m-custom-content__block-inner img {
  border-radius: 40px;
  overflow: hidden;
}

.ingredientsS2 {
  background: #F5F1EC;
}

.ingredientsS2 .container-fluid {
  padding: 100px 60px 120px;
  @media (max-width: 1024px) {
    padding: 80px 40px;
  }
  @media (max-width: 768px) {
    padding: 40px 20px;
  }
}

.ingredientsS2 .m-gradient {
  background: transparent;
}

.ingredientsS2 .m-custom-content__wrapper {
  justify-content: center;
}

.ingredientsS2Content {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.ingredientsS2Content .m-custom-content__block-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 0;
  @media (max-width: 1024px) {
    gap: 20px;
    padding: 0;
  }
}

.ingredientsS2Content .m-richtext {
   width: 100%;
   @media (max-width: 1024px) {
    max-width: 100%;
  }
}

.ingredientsS2Content h3 {
  font-size: 90px;
  margin-bottom: 20px;
  @media (max-width: 1024px) {
    font-size: 65px;
    margin-bottom: 0;
    text-align: center;
  }
  @media (max-width: 480px) {
    font-size: 38px;
    margin-bottom: 0;
  }
}

.ingredientsS2Content .m-richtext__description {
  max-width: 100%;
  @media (max-width: 1024px) {
    text-align: center;
    padding: 0 20px;
  }
}

.ingredientsS2Content p {
  font-size: 24px;
  font-weight: 500;
  @media (max-width: 1024px) {
    font-size: 18px;
  }
  @media (max-width: 480px) {
    font-size: 16px;
  }
}

.ai-accordion-subheadline-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  font-size: 24px !important;
  font-weight: 500;
  color: #000 !Important;
  opacity: 0.3 !Important;
  @media (max-width: 1024px) {
    font-size: 18px !important;
  }
  @media (max-width: 480px) {
    font-size: 16px !important;
  }
}

.ai-accordion-container-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  padding: 100px 60px 150px !important;
  @media (max-width: 1024px) {
    padding: 80px 40px !important;
  }
  @media (max-width: 768px) {
    padding: 40px 20px 60px !important;
  }
}

.ai-accordion-header-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  gap: 30px !important;
  padding: 50px 0 !important;
  @media (max-width: 768px) {
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 25px 0 !important;
  }
}

.ai-accordion-header-admiyew1trtjszmu0zaigenblockf1a539frpewyn:hover {
  background-color: #fff !important;
}

.ai-accordion-item-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  border-bottom: 2px solid #000 !important;
}

.ai-accordion-image-wrapper-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  height: 200px !important;
  width: 200px !important;
  @media (max-width: 768px) {
    height: 100px !important;
    width: 100px !important;
  }
}

.ai-accordion-title-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  font-size: 60px !important;
  margin-bottom: 20px;
  @media (max-width: 1024px) {
    font-size: 45px !important;
    margin-bottom: 0;
  }
  @media (max-width: 480px) {
    font-size: 26px !important;
    margin-bottom: 4px !important;
  }
}

.ai-accordion-body-admiyew1trtjszmu0zaigenblockf1a539frpewyn {
  transition: max-height 0.4s ease !important;
}

.ai-accordion-body-admiyew1trtjszmu0zaigenblockf1a539frpewyn p {
  font-size: 22px !important;
  padding: 0 0 50px !important;
  font-weight: 500 !Important;
  margin: 0 !important;
  @media (max-width: 768px) {
    font-size: 16px !Important;
    padding: 0 0 25px !important;
  }
}

.ai-accordion-body-admiyew1trtjszmu0zaigenblockf1a539frpewyn.active {
  padding: 0 !Important;
}

.aintScienceS1Content {
  max-width: 600px;
}

.aintScienceS1 .m-richtext {
  margin-bottom: 120px;
  @media (max-width: 1024px) {
    margin-bottom: 30px;
  }
}

.aintScienceS1 h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintScienceS1 p {
  font-size: clamp(18px,2.3vw,32px);
  @media (max-width: 1024px) {
    text-align: center;
  }
}

.aintScienceS2 {
  padding: 200px 0 80px;
}

.aintScienceS2 h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintScienceS2 p {
  font-size: clamp(18px,4vw,32px);
  max-width: 720px;
  margin: 0 auto;
  @media (max-width: 768px) {
    max-width: 100%;
  }
}

.aintScienceS2ContentBottom {
  margin-top: 200px;
  @media (max-width: 1024px) {
    margin-top: 100px;
  }
}

.aintScienceS3Card {
  aspect-ratio: 1 / 1;
}

.aintScienceS3Card .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
  padding: 6vw;
  background: rgba(0,0,0,.88);
  backdrop-filter: blur(24px);
  opacity: 0;
  transition: opacity 0.5s;
}

.aintScienceS3Card .m-custom-content__block-inner:hover {
  opacity: 1;
}

.aintScienceS3Card .image-with-text {
  display: flex;
  align-items: center;
}

.aintScienceS3Card .m-custom-content__block-inner .m-image {
  max-width: 167px;
}

.aintScienceS3Card p {
  font-size: clamp(18px,4vw,24px);
  max-width: 380px;
  margin: 0 auto;
  @media (max-width: 480px) {
    max-width: 100%;
  }
}

.cfCard {
  background: url(/cdn/shop/files/newIgGray2.webp?v=1778815774);
  background-position: center;
  background-size: cover;
}

.gbCard {
  background: url(/cdn/shop/files/gbBg.webp?v=1778380934);
  background-position: center;
  background-size: cover;
}

.gsCard {
  background: url(/cdn/shop/files/gsBg.webp?v=1778380000);
  background-position: center;
  background-size: cover;
}

.beCard {
  background: url(/cdn/shop/files/newigGray1.webp?v=1778815774);
  background-position: center;
  background-size: cover;
}

.aintScienceS4 {
  padding: 100px 0;
}

.aintScienceS4 h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintScienceS4 p {
  font-size: clamp(17px, 1.6vw, 20px);
  max-width: 720px;
  margin: 0 auto;
  @media (max-width: 768px) {
    max-width: 100%;
  }
}

.aintScienceS5Card {
  display: flex;
  justify-content: center;
  aspect-ratio: 1 / 1;
  padding: 6vw;
  @media (max-width: 768px) {
    aspect-ratio: auto;
  }
}

.aintScienceS5Card .m-custom-content__block-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkGray {
  background: #232323;
}

.lightGray {
  background: #313131;
}

@media (max-width: 480px) {
  .mobile-darkGray {
    background: #232323;
  }
  .mobile-lightGray {
    background: #313131;
  }
}

.aintScienceS5Card .m-custom-content__block-inner .m-image {
  max-width: 167px;
}

.aintScienceS5Card h3 {
  font-size: clamp(28px,4vw,42px);
  font-weight: 500;
  line-height: 1.1 !important;
}

.aintScienceS5Card p {
  font-size: clamp(18px,4vw,24px);
  max-width: 380px;
  margin: 0 auto;
  @media (max-width: 480px) {
    max-width: 100%;
  }
}

.aintScienceS5Card .m-button--primary {
  height: auto !important;
  background: #fff;
  color: #000;
  padding: 14px 40px !important;
  font-size: 24px !important;
  font-weight: 500;
  border: 3px solid #fff !important;
  box-shadow: none !important;
  @media (max-width: 1024px) {
  padding: 12px 25px !important;
  font-size: 18px !important;
  width: auto;
}
@media (max-width: 480px) {
  padding: 8px 20px !important;
   font-size: 15px !important;
  }
}

.aintScienceS5Card .m-button--primary:hover {
  color: #fff;
  background: transparent;
}

.aintScienceS6Card {
  display: flex;
  justify-content: center;
}

.aintScienceS6Card .m-image {
  max-width: 500px;
}

.aintAboutS1 {
  padding: 0 0 200px;
  @media (max-width: 1024px) {
    padding: 0 0 100px;
  }
}

.aintAboutS1Content h3 {
  font-size: clamp(50px,9vw,115px);
  margin-bottom: 30px;
  line-height: 1 !important;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintAboutS1Content p {
  font-size: clamp(18px,4vw,32px);
  max-width: 750px;
  margin: 0 auto;
  @media (max-width: 1024px) {
    max-width: 100%;
    text-align: center;
  }
}

.aintAboutS1Content2 h3 {
  font-size: clamp(40px,7vw,90px);
  margin-bottom: 30px;
  @media (max-width: 1024px) {
    text-align: center;
    margin-bottom: 15px;
  }
}

.aintAboutS1Content2 p {
  font-size: clamp(18px,4vw,32px);
  max-width: 830px;
  margin: 0 auto;
  @media (max-width: 1024px) {
    max-width: 100%;
    text-align: center;
  }
}


/* =========== Policy Pages ========== */


.shopify-policy__container {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shopify-policy__title {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: #F16A78;
  min-height: 40vh;
}

.shopify-policy__body {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1280px) {
    .shopify-policy__title {
      padding: 120px var(--fluid-container-offset, 60px);
    }
    .shopify-policy__body {
      padding: 120px var(--fluid-container-offset, 60px);
    }
}

.shopify-policy__title h1 {
  font-size: 8rem !important;
  line-height: 1;
  color: #000;
  text-transform: capitalize;
  text-align: left;
  max-width: 1520px;
  width: 100%;
  @media (max-width: 1024px) {
    font-size: 4rem !important;
  }
}

.shopify-policy__body .rte {
  max-width: 1520px;
  width: 100%;
  @media (max-width: 1024px) {
    max-width: 100%;
  }
}

.shopify-policy__body p {
  font-size: 22px;
}

.shopify-policy__body strong {
  font-weight: 500 !important;
}

.shopify-policy__body .rte :where(h1,h2,h3,h4,h5,h6) {
  margin-bottom: 0 !important;
  margin-top: 30px !important;
  font-size: 50px;
}

/* =========== Password Page ========== */

.template-password {
  background: #000;
}

.m-password-page {
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100vh !important;
  padding: 0 !important;
  @media (max-width: 1024px) {
    flex-direction: column !important;
    height: 100dvh !important;
  }
}

.passwordPageMainSection {
  display: flex;
  flex-direction: row;
  @media (max-width: 1024px) {
    flex-direction: column-reverse !important;
    justify-content: space-between;
    flex-grow: 1;
  }
}

@media (max-width: 1024px) {
  .passwordPageContentBottom {
  display: none;
}
}

.m-password-page .notification {
  display: none !important;
}

.passwordPageImages {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  width: 45%;
  position: relative;
  /*
  animation: bgFade 30s infinite;
  */
  overflow: hidden;
  @media (max-width: 1024px) {
    /*
    height: 500px;
    */
    height: auto;
    width: 100%;
  }
  /*
  @media (max-width: 480px) {
    height: 250px;
  }
    */
}

.passwordPageBottleImg {
  max-width: 70%;
  @media (max-width: 1024px) {
    max-width: 60%;
  }
}

.passwordPageContentTop .m-password-page__form {
  max-width: 250px;
}

    @keyframes bgFade {
      0% {
        background-color: #FBB03B;
      }
      23.333% {
        background-color: #FBB03B;
      }
      33.333% {
        background-color: #56CBF5;
      }
      56.666% {
        background-color: #56CBF5;
      }
      66.666% {
        background-color: #F16A78;
      }
      90% {
        background-color: #F16A78;
      }
      100% {
        background-color: #FBB03B;
      }
    }

.passwordPageContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 50px;
  height: 100%;
  width: 55%;
  padding: 60px;
  background: #000;
  @media (max-width: 1024px) {
    justify-content: center;
    gap: 40px;
    height: auto;
    width: 100%;
    padding: 20px;
    flex-grow: 1;
  }
}

.passwordPageContentTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
  padding: 40px;
  @media (max-width: 1024px) {
    flex-direction: row;
    gap: 15px;
    padding: 20px;
  }
}

.passwordPageContentTop .m-password-page__form-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 5px !important;
    border-bottom: 2px solid #fff;
}

.passwordPageContentTop .m-password-page__form button {
  justify-content: flex-end;
  position: relative !important;
  width: auto !important;
}

.passwordPageContentTop .form-field {
  background-color: transparent !important;
  color: #fff !important;
  border: none !Important;
  border-bottom: none !important;
  font-size: 18px;
  line-height: 1.5 !important;
  padding-top: 0 !important;
  @media (max-width: 1024px) {
    font-size: 14px;
  }
}

.m-password-page__form-wrapper span {
  display: none !important;
}

.passwordPageContentTop .m-svg-icon {
  fill: #fff !important;
}

.m-password-page__logo {
  width: 125px !important;
  @media (max-width: 1024px) {
    width: 75px !important;
  }
}

.passwordPageContentTop .form-field--input__icon {
  padding: 0 !Important;
}

@media (max-width: 1024px) {
  .passwordPageContentTop .m-password-page__form {
    max-width: 50%;
  }
}

.m-password-page__heading {
  color: #FBB03B;
  text-align: left;
  font-size: 80px !important;
  line-height: 1.1 !important;
  @media (max-width: 1024px) {
    font-size: 36px !Important;
    margin-bottom: 10px !important;
    text-align: center;
  }
}

.m-password-page__description {
  color: #fff !important;
  text-align: left;
  font-size: 30px;
  margin-bottom: 0 !Important;
  @media (max-width: 1024px) {
    font-size: 20px !Important;
    text-align: center;
  }
}

.m-password-page__form-heading {
  color: #fff;
}

.m-password-page .m-copyright {
  color: #fff;
  text-align: left;
  font-size: 20px;
  @media (max-width: 1024px) {
    font-size: 16px;
    margin-top: 20px;
  }
}

.passwordPageContentMiddle .m-password-page__form {
  width: 80%;
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.passwordPageContentMiddle .m-password-page__form-wrapper {
  display: flex;
  flex-direction: row;
  border: 2px solid #fff;
  padding: 10px;
  border-radius: 10px;
  @media (max-width: 1024px) {
    padding: 8px;
  }
}

.passwordPageContentMiddle .m-password-page__form {
  display: none;
}

.passwordPageContentMiddle .form-field--input__icon {
  padding: 5px 15px !important;
  background-color: transparent !important;
  border: none !important;
  width: 70%;
  line-height: 1 !important;
  font-size: 22px !important;
  @media (max-width: 1024px) {
    padding: 5px 10px !important;
    font-size: 18px !important;
  }
}

.outerButton {
  width: 30% !important;
  /*
  animation: bgFade 30s infinite;
  */
  border-radius: 8px;
  overflow: hidden;
  background: #FBB03B;
}

.passwordPageNewsletterSubmit {
  position: relative !important;
  height: 100%;
  width: 100% !important;
  color: #000;
  padding: 12px;
  font-family: var(--font-stack-header) !important;
  font-size: 20px;
  transition: 0.5s;
  @media (max-width: 1024px) {
    font-size: 16px !important;
    padding: 10px;
  }
}

.outerButton:hover .passwordPageNewsletterSubmit {
  background: #fff;
}

.bottle {
  position: absolute;
  display: block;
  width: 50%;
  height: auto;
  will-change: transform;
  @media (max-width: 1024px) {
    width: 45%;
  }
}

.bottle-top {
  top: 0;
  left: -15px;
  transform: translateX(-70px);
  animation: bottleTopIn 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 0.1s;
  @media (max-width: 1024px) {
    left: -40px;
  }
}

.bottle-center {
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) rotate(-14deg);
  animation: bottleCenterTurn 1.4s ease-out forwards;
  animation-delay: 0.25s;
}

.bottle-bottom {
  right: -5px;
  bottom: 0;
  transform: translateX(70px);
  animation: bottleBottomIn 1.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 0.45s;
  @media (max-width: 1024px) {
    right: -5px;
  }
}

@keyframes bottleTopIn {
  from {
    transform: translateX(-70px);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes bottleCenterTurn {
  from {
    transform: translate(-50%, -50%) rotate(-14deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-8deg);
  }
}

@keyframes bottleBottomIn {
  from {
    transform: translateX(70px);
  }
  to {
    transform: translateX(0);
  }
}

.productFamilyCard h3 {
  font-size: clamp(26px, 2vw, 36px);
  font-weight:500;
}

.productFamilyCard p {
  font-weight: 400;
  font-size: clamp(22px, 4vw, 24px);
}

/* A&F Custom */

@media screen and (min-width: 1024px) {
  .mobile-only {
    display:none!important;
  }
}

@media (min-width:768px) and (max-width:930px) {
  .container {
    padding-left:45px!important;
    padding-right:45px!important;
  }
}
@media screen and (max-width: 1024px) {
    .m\:column:not(.m-custom-content__block-image):not(.m-main-product--media):not(.m-main-product--info):not(.m-custom-content__block-image_with_text):not(.m-custom-content__block-liquid) {
        padding-left:60px;
        padding-right:60px;
    }
    .desktop-only {
      display:none!important;
    }

}
@media screen and (max-width: 1024px) {
  .aintHomeS3 {
    .m-custom-content__block-image_card {
      padding-left:30px!important;
      padding-right:30px!important;
    }
  }
  .aintHomeS1 {

    .m\:column:not(.m-custom-content__block-image):not(.m-main-product--media):not(.m-main-product--info):not(.m-custom-content__block-image_with_text):not(.m-custom-content__block-liquid) {
      padding-left: max(7.5px, var(--column-gap-mobile, var(--column-gap)) / 2)!important;
      padding-right: max(7.5px, var(--column-gap-mobile, var(--column-gap)) / 2)!important;
}
    }
  }
}
@media screen and (max-width: 768px) {
  .aintHomeS3 {
    .m-custom-content__block-image_card {
      padding-left:30px!important;
      padding-right:30px!important;
    }
  }
  .aintHomeS1 {
    .m-custom-content__block-text, .m-custom-content__block-text_card_with_image {
      padding-left:5px!important;
      padding-right:5px!important;
    }
  }
}


@media screen and (max-width: 600px) {
    .m\:column:not(.m-custom-content__block-image):not(.m-main-product--media):not(.m-main-product--info):not(.m-custom-content__block-image_with_text):not(.m-custom-content__block-liquid)  {
        padding-left:45px;
        padding-right:45px;
    }
    .aintHomeS3 {
      .m-custom-content__block-image_card {
        padding-left:15px!important;
        padding-right:15px!important;
      }
    }
    .aintHomeS1 {
      .m-custom-content__block-text, .m-custom-content__block-text_card_with_image {
        padding-left:5px!important;
        padding-right:5px!important;
      }
    }
}

.template-product.mixed-flavors .yotpo-reviews-star-ratings-widget,
.template-product.mixed-flavors-6-pack .yotpo-reviews-star-ratings-widget{
  * {
    color:#FFF!important;
  }

  svg.star-container {
    path {
      stroke:#FFF;
    }
    &.yotpo-sr-star-empty {
      path {
        fill:transparent;
      }
    }
    &.yotpo-sr-star-half {
      linearGradient stop:last-of-type {
        stop-color:transparent;
      }
    }
  }
}

.template-product .yotpo-reviews-star-ratings-widget {
  margin-top:20px;
  * {
    font-family: var(--font-stack-body)!important;
    font-weight: 400!important;
    &.yotpo-sr-bottom-line-text {
      text-decoration: underline;
    }
  }
  svg.star-container {
    width:25px;
    height: auto;
    &.yotpo-sr-star-empty {
      path {
        fill:transparent;
      }
    }
    &.yotpo-sr-star-half {
      linearGradient stop:last-of-type {
        stop-color:transparent;
      }
    }
  }

}

.template-product {
  .aintHomeS2Content {
    .yotpo-stars {
      margin-top:0;
      .yotpo-reviews-star-ratings-widget {
        margin-top:15px;
      }
    }
    p {
      margin-bottom:0!important;
    }
  }

}

.pdp-yotpo-reviews {
  padding-top:100px;
  padding-bottom:100px;

  .yotpo-base-layout {
    width: 100%!important;
  }
}
.m-richtext__reviews {
  margin-top:0;
}
.yotpo-stars {
  margin-top:10px;
  .yotpo-reviews-star-ratings-widget  {
    justify-content: center!important;
  }
  * {
    font-family: var(--font-stack-body)!important;
    font-weight: 400!important;
    &.yotpo-sr-bottom-line-text {
      text-decoration: underline;
    }
  }
  svg.star-container {
    width:25px;
    height: auto;
    &.yotpo-sr-star-empty {
      path {
        fill:transparent!important;
      }
    }
    &.yotpo-sr-star-half {
      linearGradient stop:last-of-type {
        stop-color:transparent;
      }
    }
  }
  &.ko {
    * {
      color:#FFF!important;
      font-size: 12px!important;
    }
    svg {
      path {
        fill:#FFF;
      }
      &.yotpo-sr-star-empty {
        path {
          stroke:#FFF!important;
        }
      }
    }
  }

}

.yotpo-reviews-pagination-container {
  .yotpo-horizontal-pagination-container {
    align-items: center;
    .yotpo-pagination-number-container:not(.yotpo-pagination-arrow) {
      button {
        background:none;
        border-radius: 0;
        font-family: var(--font-stack-body)!important;
        font-weight: 600!important;
        text-decoration: underline;
        padding-left: 3px;
        padding-right: 3px;
        &.selected {
          color:#000;
        }
        &:hover {
          background:none!important;
          border-radius: 0;
          color:#000!important;
        }
      }
    }
    .yotpo-pagination-arrow {
      svg {
        display: none!important;
      }
      button {
        &:hover {

        }
      }
      &:first-of-type {
        button {
          width:46px;
          height: 46px;
          background:url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9967 2.49978C13.0205 2.49978 2.50125 13.0191 2.50125 25.9952C2.50125 38.9714 13.0205 49.4907 25.9967 49.4907C38.9729 49.4907 49.4922 38.9714 49.4922 25.9953C49.4922 13.0191 38.9729 2.49978 25.9967 2.49978Z" stroke="black" stroke-width="5" stroke-miterlimit="10"/><path d="M29.4062 36.9048L18.4968 25.9953L29.4063 15.0858" stroke="black" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
          background-size:65% auto;
          &:hover {
            background:url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9953 2.49929C13.0191 2.49929 2.49979 13.0186 2.49978 25.9948C2.49978 38.9709 13.0191 49.4902 25.9953 49.4902C38.9714 49.4902 49.4907 38.971 49.4907 25.9948C49.4907 13.0186 38.9714 2.49929 25.9953 2.49929Z" fill="black" stroke="black" stroke-width="5" stroke-miterlimit="10"/><path d="M29.4048 36.9043L18.4953 25.9948L29.4048 15.0854" fill="black"/><path d="M29.4048 36.9043L18.4953 25.9948L29.4048 15.0854" stroke="white" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
            background-size:65% auto;
          }
        }
      }
      &:last-of-type {
        button {
          width:46px;
          height: 46px;
          background:url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9955 49.4909C38.9717 49.4909 49.4909 38.9717 49.4909 25.9955C49.4909 13.0193 38.9717 2.5 25.9955 2.5C13.0193 2.5 2.5 13.0193 2.5 25.9955C2.5 38.9717 13.0193 49.4909 25.9955 49.4909Z" stroke="black" stroke-width="5" stroke-miterlimit="10"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" stroke="black" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
          background-size:65% auto;
          &:hover {
            background:url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9955 49.4909C38.9717 49.4909 49.4909 38.9717 49.4909 25.9955C49.4909 13.0193 38.9717 2.5 25.9955 2.5C13.0193 2.5 2.5 13.0193 2.5 25.9955C2.5 38.9717 13.0193 49.4909 25.9955 49.4909Z" fill="black" stroke="black" stroke-width="5" stroke-miterlimit="10"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" fill="black"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" stroke="white" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
            background-size:65% auto;
          }
        }
      }
      .yotpo-reviews-pagination-item {


      }
    }
  }
}

#yotpo-reviews-carousel-widget {
  * {
    font-family: var(--font-stack-body)!important;
  }
  // width: calc(100% - 190px);

  @media (min-width:768px) {
    position: relative;
    width: calc(100% - 190px);
    &:before {
      content:'';
      display: block;
      position: absolute;
      left:-1px;
      top:0;
      bottom:0;
      width:30%;
      background: #232323;
      background: linear-gradient(90deg, rgba(35, 35, 35, 1) 4%, rgba(0, 0, 0, 0) 95%);
      z-index: 1;
    }
    &:after {
      content:'';
      display: block;
      position: absolute;
      right:-1px;
      top:0;
      bottom:0;
      width:25%;
      background: #232323;
      background: linear-gradient(90deg, rgba(35, 35, 35, 0) 5%, rgba(35, 35, 35, 1) 93%);
      z-index: 1;
    }
  }

  .yotpo-carousel-arrow {
    &.glide__arrow {
      &.glide__arrow--left {
        background: transparent url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9953 2.49929C13.0191 2.49929 2.49979 13.0186 2.49978 25.9948C2.49978 38.9709 13.0191 49.4902 25.9953 49.4902C38.9714 49.4902 49.4907 38.971 49.4907 25.9948C49.4907 13.0186 38.9714 2.49929 25.9953 2.49929Z" stroke="white" stroke-width="5" stroke-miterlimit="10"/><path d="M29.4048 36.9043L18.4953 25.9948L29.4048 15.0854" stroke="white" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
        background-size:100% auto;
        width:50px;
        height: 50px;
        right:calc(100% + 20px);
        left:auto;
        border:none;
        &:hover {
          background: transparent url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9953 2.49929C13.0191 2.49929 2.49979 13.0186 2.49978 25.9948C2.49978 38.9709 13.0191 49.4902 25.9953 49.4902C38.9714 49.4902 49.4907 38.971 49.4907 25.9948C49.4907 13.0186 38.9714 2.49929 25.9953 2.49929Z" fill="white" stroke="white" stroke-width="5" stroke-miterlimit="10"/><path d="M29.4048 36.9043L18.4953 25.9948L29.4048 15.0854" fill="white"/><path d="M29.4048 36.9043L18.4953 25.9948L29.4048 15.0854" stroke="black" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
          background-size:100% auto;
        }
        svg {
          display: none;
        }
      }
    }
    &.glide__arrow--right {
      background: transparent url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9955 49.4909C38.9717 49.4909 49.4909 38.9717 49.4909 25.9955C49.4909 13.0193 38.9717 2.5 25.9955 2.5C13.0193 2.5 2.5 13.0193 2.5 25.9955C2.5 38.9717 13.0193 49.4909 25.9955 49.4909Z" stroke="white" stroke-width="5" stroke-miterlimit="10"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" stroke="white" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
      background-size:100% auto;
      width:50px;
      height: 50px;
      left:calc(100% + 20px);
      right:auto;
      border:none;
      &:hover {
        background: transparent url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.9955 49.4909C38.9717 49.4909 49.4909 38.9717 49.4909 25.9955C49.4909 13.0193 38.9717 2.5 25.9955 2.5C13.0193 2.5 2.5 13.0193 2.5 25.9955C2.5 38.9717 13.0193 49.4909 25.9955 49.4909Z" fill="white" stroke="white" stroke-width="5" stroke-miterlimit="10"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" fill="white"/><path d="M22.5859 15.0859L33.4954 25.9954L22.5859 36.9049" stroke="black" stroke-width="4.72" stroke-miterlimit="10"/></svg>') no-repeat center;
        background-size:100% auto;
      }
      svg {
        display: none;
      }
    }
  }

  .yotpo-reviews-carousel-container {

    .glide__track {
      .glide__slides {
        .glide__slide {
          transition: all .3s ease;
          @media (min-width:768px) {
            &:not(.glide__slide--active ) {
               // filter: blur(3px);
               opacity:.85;
            }
          }
          .reviews-carousel-card-container {
              border-radius: 0;
              border:none;
              .reviews-carousel-card {
                .reviews-carousel-card-star-rating-shop-badge-container {
                  order:1;
                }
                .review-title, .reviews-carousel-card-review-product-container {
                  display: none;
                }
                .reviews-carousel-card-review-content-container {
                  order:2;
                  margin-top:15px;
                  p.review-content {
                    font-size: 20px;
                    font-weight: 500!important;
                    line-height: 1.4;
                    &:before {
                      content: "“";
                      display: inline-block;

                    }
                    &:after {
                      content: "”";
                      display: inline-block;

                    }
                  }
                }
                .reviews-carousel-reviewer-info-container {
                  order:3;
                  .reviewer-info {
                    span {
                      font-size: 20px;
                      font-weight: 400!important;
                      line-height: 1.4;
                    }
                  }
                }
              }
          }
        }
      }
    }
  }
}

.yotpo-main-reviews-widget {
  * {
    font-family: var(--font-stack-body)!important;
  }

  .yotpo-head {
    display: none!important;
  }

  .yotpo-filters-container + .yotpo-review-border-smooth {
    border-top: 4px solid #000;
    background:none;
  }

  .yotpo-layout-header-wrapper {
    width:100%;
    margin-bottom:0!important;

    .yotpo-bottom-line {
      flex:0 0 100%;
      margin-top:30px;
      margin-right: 0!important;
      .yotpo-summary-section {
        flex:0 0 50%;
        .yotpo-bottom-line-summary {
          align-items: flex-end;
          margin-bottom:10px;
        }
        .yotpo-bottom-line-score {
          line-height: 1;
        }
        .yotpo-star-rating-icon {
          path {
            // stroke-width: 2px;
            stroke: #000;
          }
        }
        .yotpo-sr-star-half {

        }
        .yotpo-bottom-line-score {
          font-family: var(--font-stack-body);
          font-weight: 500;
          font-size: calc(((var(--font-h3-desktop)) / (var(--font-base-size))) * 1rem);
        }
      }
      .yotpo-vertical-border {
        display: none;
      }
      .yotpo-star-distribution {
        flex:0 0 50%;
        * {
          font-family: var(--font-stack-body);
          font-size: 18px;
          line-height: 1;
          font-weight: 400;
          text-decoration: underline;
        }
        .yotpo-star-distribution-value {
          width:30px!important;

        }
        .yotpo-star-distribution-bar  {
          flex-grow: 1;
          .yotpo-progress-bar {
            width: 100%;
            background:#BEBEBE;
            border-radius: 0;
            .yotpo-progress-bar-score {
              border-radius: 0;
            }
          }
        }
      }
    }
  }
  .yotpo-reviews-list {
    .yotpo-reviews-item {
      .yotpo-review-border-smooth {
        background:none;
        border-top:2px solid #000;
      }
      .yotpo-review-left-panel {
        display: none;
      }
      .yotpo-review-center-panel {
        padding-left:0!important;
        padding-right:0!important;
        width:100%;
        .yotpo-review-title {
          display: none;
        }
        .yotpo-review-content {
          p {
            font-size: 20px;
            line-height: 1.5;
          }
        }

        .star-container {
          svg {
            path {
              stroke-width:3px;
            }
          }
        }
      }
      .yotpo-review-right-panel {
        display: none;
      }
    }
  }
}