/** Shopify CDN: Minification failed

Line 9201:0 Unexpected "}"

**/
/* TSF Custom Footer CSS */
:root {
          --black: #000000;
        --white: #FFFFFF;

        --charcoal: #1F2322;
        --charcoal-light: #545759;
        --charcoal-lighter: #BBBCBC;
        --charcoal-60: #797B7A;
        --gray-light: #E9E9E9;
        --gray-lighest: #F8F8F8;

        --beige-dark: #ECD8C5;
        --beige: #F6ECE1;
        --beige-light: #F8F1EB;

        --teal-dark: #329298;
        --teal: #479DA6;
        --teal-light: #6EAEB3;

        --teal-gray: #B3CDCE;
        --teal-gray-light: #E0EAEB;
        --teal-gray-lighter: #EFF4F4;

        --green-dark: #75A951;
        --green: #9AC847;
        --green-light: #C6DB76;
        --green-1: #DEF647;
        --green-2: #398200;

        --yellow: #FED18E;
        --yellow-light: #FEEBCD;
        --yellow-lighter: #FFF3E3;

        --orange-dark: #FFA225;
        --orange: #FFBE4D;
        --orange-light: #FAD16F;

        --sky-blue: #B7D7EA;
        --sky-blue-light: #E2EEF6;
        --sky-blue-lighter: #F0F6FA;

        --color-base-text: ;
        --color-base-text-rgb: , , ;
        --color-base-background-1: ;
        --color-base-background-1-rgb: , , ;
        --color-base-solid-button-labels: ;
        --color-base-solid-button-labels-rgb: , , ;
        --color-base-outline-button-labels: ;
        --color-base-outline-button-labels-rgb: , , ;
        --color-base-accent-1: ;
        --color-base-accent-1-rgb: , , ;
        --color-base-accent-2: ;
        --color-base-accent-2-rgb: , , ;
        --font-body-family: Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;
        --font-heading-family: Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;
        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;
        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;
        --page-width: 120rem;
        --page-width-margin: 0rem;
        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;
        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;
        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;
        --badge-corner-radius: 4.0rem;
        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;
        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;
        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;
        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;
        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;
        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;
        --inputs-radius: 0px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;
        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }
.footer__support_layout .account {
  padding: 0;
  margin: 0;
}
.footer__main_wrapper {
  background-color: #1f2322;
}
.footer__main__container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 70px 70px 40px;
}
.footer__main_flex_viewport {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.footer__left_interior {
  width: 40%;
}
.footer__right_interior {
  width: 55%;
}
.footer__support_layout {
  width: 100%;
  max-width: 350px;
}
.footer__support_navigate {
  padding: 16px;
  border: 1px solid #797b7a;
  border-radius: 5px;
}
.supporttxt {
  padding: 16px;
  border: 1px solid #797b7a;
  border-radius: 5px;
  margin: 16px 0 0;
  display: none;
}
.supporttxt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #fff;
}
.footer__support_heading {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
  line-height: 21px;
  color: #bbbcbc;
  letter-spacing: -0.015em;
}
.footer_box_heading {
  margin-bottom: 5px;
}
.footer__support_navigate ul {
  padding: 0;
  margin: 0;
}
.footer__support_navigate ul li {
  list-style: none;
}
.footer__support_navigate ul li a {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
  line-height: 21px;
  color: #fff;
  display: inline-block;
  font-family: inter;
}
.footer__support_navigate ul li:last-child a {
  margin: 0;
}
.signup-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  gap: 10px;
}
.signup-section-mob {
  display: none;
}
.newsletter__heading {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  line-height: 28px;
  color: #fff;
  letter-spacing: -0.015em;
}
.footer__newsletter {
  max-width: 342px;
  width: 100%;
}
.footer__newsletter .input-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #797b7a;
  border-radius: 5px;
}
.footer__newsletter .input-group .field__input {
  padding: 15px 18px;
  border: none;
  font-size: 14px;
  background: none;
  color: #fff;
  font-family: inter;
  font-weight: 400;
  width: calc(100% - 88px);
  line-height: 21px;
  outline: none !important;
  box-shadow: none !important;
  height: auto;
}
.footer__newsletter .input-group .field__input::placeholder {
  opacity: 1;
  color: #fff;
}
.signup-button {
  padding: 12px 7px;
  border: none;
  border-left: 1px solid #797b7a;
  cursor: pointer;
  background: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
  color: #fff;
  font-family: inter;
  width: 100%;
  max-width: 88px;
}
.footer__social_media_follows {
  color: #fff;
  margin: 24px 0;
  display: flex;
  gap: 0 12px;
}
.footer__social_media_follows a {
  display: flex;
  align-items: center;
}
.footer__support_layout .account a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  margin: 0;
  font-family: inter;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__except__navigation {
  width: 100%;
  max-width: 712px;
  margin: 0 auto;
  border-bottom: 1px solid #797b7a;
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.naviagtion__footer_heading {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
  line-height: 21px;
  color: #bbbcbc;
  letter-spacing: -0.015em;
}
.naviagtion__footer_items ul {
  padding: 0;
  margin: 0;
}
.naviagtion__footer_items ul li {
  list-style: none;
}
.naviagtion__footer_items ul li a,
.naviagtion__footer_items ul li .open__drawerLink {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 12px;
  line-height: 21px;
  color: #fff;
  display: inline-block;
  font-family: Inter;
}
.naviagtion__footer_items ul li:last-child a {
  margin: 0;
}
.support_sec_mob {
  width: 100%;
  padding: 16px;
  border: 1px solid #797b7a;
  border-radius: 5px;
  display: none;
}
.footer__bottom_layout {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8rem;
}
.footer__copyright_note,
.footer__copyright_note a,
.footer__policies_navigation ul li a {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
  color: #fff;
  font-family: Inter;
}
.footer__policies_navigation ul {
  display: flex;
  align-items: center;
  gap: 0 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 750px) {
  .supporttxt {
    display: block;
  }
  .supporttxt.support_sec_mob {
    display: none;
  }
}
@media (min-width: 1280px) {
  .naviagtion__footer_items {
    width: 33.33%;
  }
  .footer__bottom_layout {
    margin-top: 137px;
  }
}
@media (max-width: 1279px) {
  .footer__main__container {
    padding: 70px 30px 40px;
  }
}
@media (max-width: 1100px) {
  .footer__support_navigate ul li a,
  .naviagtion__footer_items ul li a,
  .naviagtion__footer_items ul li .open__drawerLink,
  .supporttxt p {
    font-size: 12px;
  }
  .newsletter__heading {
    font-size: 16px;
  }
}
@media (max-width: 950px) {
  .footer__left_interior {
    width: 25%;
  }
  .footer__right_interior {
    width: 70%;
  }
  .footer__support_navigate,
  .supporttxt {
    padding: 8px;
  }
  .footer__except__navigation {
    padding-bottom: 2rem;
  }
  .sign_up_heading {
    width: 100%;
    max-width: 260px;
  }
}
@media (max-width: 749px) {
  .supporttxt {
    padding: 16px;
  }
  .supporttxt p {
    font-size: 14px;
  }
  .footer__newsletter {
    max-width: 100%;
  }
  .footer__main__container {
    padding: 40px 20px 30px;
  }
  .footer__main_flex_viewport {
    flex-direction: column;
    gap: 40px;
  }
  .footer__left_interior,
  .footer__right_interior {
    width: 100%;
  }
  .footer__support_layout {
    max-width: 100%;
  }
  .footer__support_navigate {
    display: none;
  }
  .signup-section-mob {
    display: block;
  }
  .signup-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 0;
  }
  .sign_up_heading {
    margin: 0 0 28px;
  }
  .newsletter__heading {
    font-size: 20px;
  }
  .signup-button {
    padding: 12px;
  }
  .footer__social_media_follows,
  .footer__support_layout .account {
    margin: 28px 0 0;
  }
  .footer__except__navigation {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 40px;
    border: none;
  }
  .naviagtion__footer_items {
    border-bottom: 1px solid #797b7a;
    padding-bottom: 20px;
  }
  .naviagtion__footer_heading {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    font-size: 18px !important;
    line-height: 28px;
    margin: 0;
  }
  .naviagtion__footer_items ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease;
  }
  .naviagtion__footer_items.active .naviagtion__footer_heading:after {
    background-image: url(../../../files/footer-minus-icon7d65.svg?v=1747739134);
  }
  .naviagtion__footer_heading:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    color: #fff;
    width: 17px;
    height: 17px;
    background-image: url(../../../files/footer-plus-icon7d65.svg?v=1747739134);
    background-repeat: no-repeat;
    transform: translateY(-50%);
  }
  .naviagtion__footer_items ul li a,
  .naviagtion__footer_items ul li .open__drawerLink {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
  }
  .naviagtion__footer_items ul li {
    margin: 12px 0 0;
  }
  .naviagtion__footer_items:last-child {
    padding: 0;
    border: none;
  }
  .signup-section-desktop {
    display: none;
  }
  .support_sec_mob {
    display: block;
  }
  .footer__support_navigate {
    padding: 16px;
  }
  .footer__support_navigate ul li {
    margin: 12px 0 0;
    line-height: 21px;
  }
  .footer__support_navigate ul li a {
    font-size: 14px;
    margin: 0;
  }
  .footer__bottom_layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 40px;
  }
  .footer__policies_navigation ul {
    flex-wrap: wrap;
    gap: 10px 16px;
  }
  .footer__policies_navigation ul li {
    line-height: 16px;
  }
}


/* Global Css */
body {
  letter-spacing: 0;
  color: #1f2322;
  line-height: 1.8;
  font-size: 1.5rem;
}
body,
a,
ul,
input,
textarea,
select,
button,
.btn,
h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: Inter;
}
p {
  margin: 0;
}
p,
.body {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
}
.first-to-try-heading i,
i {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
}
.swiper-button-disabled.swiper-button-lock {
  display: none !important;
}
.open__drawerLink {
  cursor: pointer;
}
.bullet_maker {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #797b7a;
  border-radius: 100px;
  position: relative;
  top: -2px;
}
.no-italic {
  font-style: normal;
}
button {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
img,
video {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
video {
  width: 100%;
}
a {
  text-decoration: none;
  color: #1f2322;
  transition: ease 0.3s;
}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
  z-index: 2;
}
.page-blury-overlay {
  width: 100%;
  height: 100%;
  display: block !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #bbbcbc;
  mix-blend-mode: multiply;
}
.page-blury-overlay.is-visible,
.page-blury-overlay.is-visible-mobile {
  visibility: visible;
  opacity: 1;
}
.okeReviews-reviewsSummary-ratingCount {
  position: relative;
  left: 20px;
}
.badgeline_newTagged {
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  background: #def647;
  width: fit-content;
  margin: 0 0 16px;
  padding: 3.5px 8.5px;
}
body
  .okeReviews-reviewsWidget-header
  .okeReviews-reviewsWidget-header-poweredBy,
.oke-poweredBy {
  display: none !important;
}
.page__header_interior {
  padding-top: 100px;
}
.page__header_heading {
  text-align: center;
  max-width: 770px;
  margin: 0 auto 30px;
  font-size: 50px;
  letter-spacing: -0.015em;
  line-height: 60px;
}
.page__header_description {
  margin: 0 auto 5px;
  text-align: center;
  max-width: 770px;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}
.byob-banner-clnc-prvn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: white !important;
}
.byob-banner-clnc-inr {
  display: flex;
  align-items: center;
  background: #ffffffd4;
  padding: 7px 13.5px;
  gap: 12px;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  min-height: 66px;
}
.byob-banner-clnc-inr .byob-banner-clnc-Icn {
  display: flex;
}
.byob-banner-clnc-txt {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;
  color: #1f2322;
  border-left: 1px solid #000;
  padding-left: 12px;
}
.byob-banner-clnc-inr .byob-banner-clnc-Icn img {
  width: 30px;
  height: 38px;
  object-fit: contain;
}
.byob-banner-clnc-txt .open__drawerLink {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  display: block;
  color: #1f2322;
  width: fit-content;
  border-bottom: 1px solid #1f2322;
  padding: 0 0 3px;
  cursor: pointer;
}
.byob-banner-clnc-txt drawer-open {
  display: block;
  padding: 4px 0 0;
}
.squeeze_scroller_main {
  width: 100%;
  background-color: #f8f8f8;
  cursor: pointer;
}
.squeeze_scroller_data {
  width: 100%;
  padding: 40px 0;
}
.squeeze_scroller_box {
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.squeeze_scroller_inner {
  display: inline-flex;
  gap: 40px;
}
.squeeze_scroller_item {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.squeeze_scroller_image {
  width: 100px;
  height: 30px;
}
.squeeze_scroller_image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.squeeze_scroller_para {
  color: #1f2322;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}
.scrolling__card_marquee {
  width: 100%;
  background-color: #fff;
}
.scrolling__card_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px 0 100px 70px;
}
.scrolling__card_heading {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.scrolling__card_heading em {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
  font-weight: 300;
}
.scrolling__card_main {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.fade-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, #fff 0.31%, #fff0 14%);
  pointer-events: none;
  z-index: 1;
}
.scrolling__heading {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #1f2322;
  margin: 0;
  letter-spacing: -0.015em;
}
.scrolling__card_content {
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  will-change: transform;
}
.scrolling__card_item {
  padding: 8px;
  border-radius: 10px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 18px;
  background: #f8f8f8;
  width: 311px;
  flex-shrink: 0;
}
.scrolling__card_interior {
  width: calc(100% - 67px);
}
.item-heading {
  white-space: normal;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #1f2322;
}
.marquee-img {
  width: 55px;
}
.marquee-img img {
  width: 55px;
  height: 55px;
  object-fit: cover;
  display: block;
}
.profession {
  font-family: Rhymes-Light-Italic;
  font-size: 12px;
  line-height: 15px;
  color: #1f2322;
  margin: 0;
  font-weight: 300;
  padding: 4px 0 0;
}
@media (min-width: 750px) {
  .showOnMob,
  .mobile_view {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .for-mobile,
  .mobile-show,
  .hide-desktop,
  .button.hide-desktop {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .scrolling__card_container {
    padding: 80px 0 80px 30px;
  }
}
@media (max-width: 950px) {
  .scrolling__card_container {
    flex-direction: column;
    padding-left: 0;
  }
  .scrolling__heading {
    margin: 0 0 25px;
  }
  .fade-overlay {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 989px) {
  p,
  .body {
    font-size: 16px;
    line-height: 25px;
  }
}
@media (max-width: 768px) {
  .for-desktop,
  .desktop-show {
    display: none !important;
  }
  p,
  .body {
    font-size: 14px;
    line-height: 21px;
  }
  .page__header_interior {
    padding-top: 50px;
  }
  .page__header_heading {
    margin: 0 auto 20px;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.015em;
  }
  .page__header_description {
    max-width: 320px;
    font-size: 16px;
    line-height: 25px;
  }
  .byob-banner-clnc-prvn {
    position: static;
    padding: 16px 0 0;
  }
  .byob-banner-clnc-inr {
    background: #f8f8f8;
    justify-content: center;
    max-width: fit-content;
    margin-left: 10px;
    padding: 7px 12.5px;
    border-radius: 10px;
  }
}
@media (max-width: 749px) {
  .showOnDesk,
  .desktop_view {
    display: none !important;
  }
  .badgeline_newTagged {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 6.5px;
  }
}




:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}
.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}
.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}
.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}
.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}
.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}
:focus-visible {
  outline: none;
}
.rhymes-subtitle {
  font-size: 14px;
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.page-overlay {
  width: 100%;
  height: 100%;
  display: block !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #bbbcbc;
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  mix-blend-mode: multiply;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.page-overlay.is-visible {
  visibility: visible;
  opacity: 1;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page-width {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}
.page-width--wide {
  padding: 0 70px;
}
.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}
em {
  font-style: normal;
}
.body-large {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}
@media screen and (max-width: 1279px) {
  .page-width {
    padding: 0 60px;
  }
}
@media screen and (max-width: 1023px) {
  .page-width {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page-width--narrow {
    padding: 0 1rem;
  }
  .page-width-desktop {
    padding: 0;
  }
  .lock-scroll .page-blury-overlay {
    z-index: 11;
  }
}
.isolate {
  position: relative;
  z-index: 0;
}
.section + .section {
  margin-top: var(--spacing-sections-mobile);
}
@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}
.element-margin-top {
  margin-top: 5rem;
}
@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}
.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}
.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}
.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}
.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}
.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hidden {
  display: none !important;
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}
.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.visually-hidden--inline {
  margin: 0;
  height: 1em;
}
.overflow-hidden {
  overflow: hidden;
}
.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}
.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}
.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}
h1,
.h1 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  letter-spacing: -0.015em;
  line-height: 60px;
}
@media only screen and (max-width: 768px) {
  h1,
  .h1 {
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.015em;
  }
}
h2,
.h2 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.015em;
  line-height: 50px;
}
@media only screen and (max-width: 768px) {
  h2,
  .h2 {
    font-size: 30px;
    line-height: 39px;
    letter-spacing: -0.015em;
  }
}
h3,
.h3 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
}
@media only screen and (max-width: 768px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
h4,
.h4 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 34px;
}
@media only screen and (max-width: 768px) {
  h4,
  .h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
h5,
.h5 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24.2px;
}
@media only screen and (max-width: 768px) {
  h5,
  .h5 {
    font-size: 20px;
  }
}
h6,
.h6 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}
@media only screen and (max-width: 768px) {
  h6,
  .h6 {
    font-size: 16px;
    line-height: 25px;
  }
}
.medium {
  font-weight: 500;
}
.body-small {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}
.body-med {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
}
.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}
.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
}
.caption-with-letter-spacing--large {
  font-size: 1.4rem;
}
.color-foreground {
  color: rgb(var(--color-foreground));
}
table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
}
table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}
@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.uppercase {
  text-transform: uppercase;
}
.light {
  font-weight: 300;
}
.body-xs {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 14.52px;
  text-transform: uppercase;
}
.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.link--text {
  color: rgb(var(--color-foreground));
}
.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}
.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}
.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}
a:not([href]) {
  cursor: not-allowed;
}
.circle-divider:after {
  content: "\2022";
  margin: 0 1.3rem 0 1.5rem;
}
.circle-divider:last-of-type:after {
  display: none;
}
hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}
@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}
.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}
.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}
details > * {
  box-sizing: border-box;
}
.break {
  word-break: break-word;
}
.visibility-hidden {
  visibility: hidden;
}
@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}
:root {
  --duration-short: 0.1s;
  --duration-default: 0.2s;
  --duration-announcement-bar: 0.25s;
  --duration-medium: 0.3s;
  --duration-long: 0.5s;
  --duration-extra-long: 0.6s;
  --duration-extra-longer: 0.75s;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow)
    forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}
.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}
.icon-arrow {
  width: 1.5rem;
}
h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}
.animate-arrow .icon-arrow path {
  transform: translate(-0.25rem);
  transition: transform var(--duration-short) ease;
}
.animate-arrow:hover .icon-arrow path {
  transform: translate(-0.05rem);
}
.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}
summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}
summary::-webkit-details-marker {
  display: none;
}
.disclosure-has-popup {
  position: relative;
}
.disclosure-has-popup[open] > summary:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}
.disclosure-has-popup > summary:before {
  display: none;
}
.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}
@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }
  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}
.placeholder-svg {
  height: 100%;
  width: 100%;
}
input {
  outline: none;
}
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}
.title-wrapper-with-link .title {
  margin: 0;
}
.title .link {
  font-size: inherit;
}
.title-wrapper {
  margin-bottom: 3rem;
}
.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}
.title--primary {
  margin: 4rem 0;
}
.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }
  .title--primary {
    margin: 2rem 0;
  }
  .title-wrapper-with-link {
    align-items: center;
  }
  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }
  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}
.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}
.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}
.title-wrapper--no-top-margin {
  margin-top: 0;
}
.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}
.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}
.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}
@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}
.grid:last-child {
  margin-bottom: 0;
}
.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}
.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}
@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}
.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}
.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}
@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}
.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}
@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}
@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }
  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }
  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }
  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}
@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }
  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }
  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}
@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }
  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
  .grid--peek .grid__item {
    min-width: 35%;
  }
  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}
.media--transparent {
  background-color: transparent;
}
.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.media--square {
  padding-bottom: 100%;
}
.media--portrait {
  padding-bottom: 125%;
}
.media--landscape {
  padding-bottom: 66.6%;
}
.media--cropped {
  padding-bottom: 56%;
}
.media--16-9 {
  padding-bottom: 56.25%;
}
.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}
.media.media--hover-effect > img + img {
  opacity: 0;
}
@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}
deferred-media {
  display: block;
}
.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}
.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}
.button,
.shopify-challenge__button,
.customer button {
  min-width: 240px;
  padding: 13px 20px;
  display: inline-block;
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
  border: 1.5px solid var(--charcoal);
  border-radius: 50px;
  color: var(--charcoal);
  transition: 0.2s ease;
  background: var(--beige);
  cursor: pointer;
}
.button:not(
    [disabled],
    .product-form .button,
    .Product_Bar_Container .button,
    .routine-products__product button
  ):hover,
.shopify-challenge__button:hover,
.customer button:hover {
  background: var(--charcoal);
  color: var(--white);
}
.button--overlay {
  background: #fff9;
  box-shadow: none;
  transition: 0.2s ease;
  will-change: background;
}
.button--green {
  background: var(--green-1);
  border: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 3rem;
}
.sh3 {
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.875em;
  text-transform: uppercase;
}
.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}
.button--white {
  background: #fff;
}
.button--small {
  padding: 10px 14px;
}
@media screen and (max-width: 768px) {
  .button,
  .shopify-challenge__button,
  .customer button {
    font-size: 14px;
    line-height: 20px;
    padding: 14px 20px;
  }
  .sh3 {
    font-size: 14px;
  }
  .hide-mobile {
    display: none !important;
  }
  .loading-overlay {
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .loading-overlay {
    left: 0;
  }
}
.loading-overlay__spinner {
  width: 3rem;
  display: inline-block;
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #000;
  animation: dash 1.4s ease-in-out infinite;
}
.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}
.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}
.cart-drawer__content .loading-overlay {
  width: 100%;
  background: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.cart-drawer__content .loading-overlay .path {
  stroke: #000;
}
shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: var(
    --buttons-radius-outset
  );
  --shopify-accelerated-checkout-button-box-shadow: var(
      --shadow-horizontal-offset
    )
    var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(
    --buttons-radius-outset
  );
  --shopify-accelerated-checkout-button-box-shadow: var(
      --shadow-horizontal-offset
    )
    var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}
.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.button.loading {
  color: transparent;
  position: relative;
}
@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}
.button.loading > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}
.button.loading > .loading__spinner .spinner {
  width: fit-content;
}
.button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}
.share-button {
  display: block;
  position: relative;
}
.share-button details {
  width: fit-content;
}
.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}
details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}
.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}
.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}
.share-button__fallback:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}
.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}
.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}
.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}
.share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}
.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}
.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}
.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}
.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}
.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}
.share-button__fallback .field__input:hover {
  box-shadow: none;
}
.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}
.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}
.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}
.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}
.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}
.select .svg-wrapper,
.customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}
.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}
.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}
.customer .field {
  display: block;
}
.field--with-error {
  flex-wrap: wrap;
}
.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
}
.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease,
    font-size var(--duration-short) ease;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  letter-spacing: 0.04rem;
}
.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}
.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}
.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}
.field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}
.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: #000;
}
.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}
input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}
.form__label {
  display: block;
  margin-bottom: 0.6rem;
}
.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}
.form__message--large {
  font-size: 1.6rem;
}
.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}
.form__message .icon,
.customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}
.form__message--large .icon,
.customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}
.customer .field .form__message .svg-wrapper {
  align-self: start;
}
.form-status {
  margin: 0;
  font-size: 1.6rem;
}
.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}
.form-status-list li {
  list-style-position: inside;
}
.form-status-list .link:first-letter {
  text-transform: capitalize;
}
.quantity {
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
  position: relative;
  width: 14rem;
  display: flex;
}
.quantity__input {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0rem;
  height: 4.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}
.quantity__button {
  width: 4.5rem;
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
}
.quantity__button .svg-wrapper {
  width: 0.8rem;
  pointer-events: none;
}
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity__input[type="number"] {
  -moz-appearance: textfield;
}
.quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}
.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.quantity__rules .divider + .divider:before {
  content: "\2022";
  margin: 0 0.5rem;
}
.quantity__rules-cart {
  position: relative;
}
.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}
.modal__toggle {
  list-style-type: none;
}
.modal__toggle-close {
  display: none;
}
.modal__toggle-open {
  display: flex;
}
.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}
.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}
.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-modal {
  cursor: zoom-out;
}
.media-modal .deferred-media {
  cursor: initial;
}
.cart-count-bubble:empty {
  display: none;
}
.utility-bar {
  height: 100%;
}
.utility-bar--bottom-border {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
@media screen and (min-width: 990px) {
  .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}
.utility-bar__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "announcements";
}
.utility-bar__grid .list-social {
  justify-content: flex-start;
  align-content: center;
  margin-left: -1.2rem;
  grid-area: social-icons;
}
@media screen and (max-width: 989px) {
  .utility-bar .utility-bar__grid .list-social {
    display: none;
  }
}
.utility-bar .list-social__item .icon {
  scale: 0.9;
}
@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: "social-icons announcements language-currency";
  }
  .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "social-icons language-currency";
  }
  .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto;
  }
}
.announcement-bar,
.announcement-bar__announcement {
  color: rgb(var(--color-foreground));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  grid-area: announcements;
}
.announcement-bar .slider--everywhere {
  margin-bottom: 0;
  scroll-behavior: auto;
}
.utility-bar__grid .announcement-bar-slider,
.announcement-bar-slider,
.announcement-bar-slider .slider {
  width: 100%;
}
.announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}
.announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}
.localization-wrapper {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}
.localization-wrapper .localization-selector + .disclosure__list-wrapper {
  animation: animateMenuOpen var(--duration-default) ease;
}
.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}
@media screen and (min-width: 990px) {
  body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .announcement-bar-slider {
    width: 60%;
  }
  .announcement-bar .slider-button {
    height: 3.8rem;
  }
}
.announcement-bar__link {
  display: flex;
  width: fit-content;
  text-decoration: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}
.announcement-bar__message {
  text-align: center;
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
  min-height: 3.8rem;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation-duration: var(--duration-announcement-bar);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message {
  --announcement-translate-from: -1.5rem;
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-in-previous .announcement-bar__message {
  --announcement-translate-from: 1.5rem;
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-out-next .announcement-bar__message {
  --announcement-translate-to: 1.5rem;
  animation-name: translateAnnouncementSlideOut;
}
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  --announcement-translate-to: -1.5rem;
  animation-name: translateAnnouncementSlideOut;
}
@keyframes translateAnnouncementSlideIn {
  0% {
    opacity: 0;
    transform: translate(var(--announcement-translate-from));
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes translateAnnouncementSlideOut {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(var(--announcement-translate-to));
  }
}
.section-header.shopify-section-group-header-group {
  z-index: 9;
}
.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}
.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}
.shopify-section-header-hidden.menu-open {
  top: 0;
}
.section-header.animate {
  transition: top 0.15s ease-out;
}
.shopify-section-group-header-group {
  z-index: 4;
}
.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}
.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.header {
  display: grid;
  grid-template-areas: "left-icons heading icons";
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}
@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr;
  }
  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas: "heading icons" "navigation navigation";
    grid-template-columns: 1fr auto;
  }
  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }
  .header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }
  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }
  .header--middle-center a.header__heading-link {
    text-align: center;
  }
  .header--top-center {
    grid-template-areas: "left-icons heading icons" "navigation navigation navigation";
  }
  .header--top-center.drawer-menu {
    grid-template-areas: "left-icons heading icons";
    grid-template-columns: 1fr auto 1fr;
  }
  .header:not(.header--middle-left, .header--middle-center)
    .header__inline-menu {
    margin-top: 1.05rem;
  }
}
.header *[tabindex="-1"]:focus {
  outline: none;
}
.header__heading {
  margin: 0;
  line-height: 0;
}
.header > .header__heading-link {
  line-height: 0;
}
.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}
.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}
.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}
.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}
.header__heading-logo {
  height: auto;
  max-width: 100%;
}
.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}
@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }
  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }
  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}
@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: -0.75rem;
  }
  .header__heading,
  .header__heading-link {
    justify-self: start;
  }
  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading,
  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  padding-right: 0.8rem;
}
.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}
.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__icon {
  color: rgb(var(--color-foreground));
}
.header__icon span {
  height: 100%;
}
.header__icon .svg-wrapper {
  width: 44px;
  height: 44px;
}
.header__icon:after {
  content: none;
}
.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}
.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}
.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}
.header__icon--cart {
  position: relative;
  margin-right: -1.2rem;
}
.header__icon--menu[aria-expanded="true"]:before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}
.header__icon--account shop-user-avatar {
  --shop-avatar-size: 2.8rem;
}
details .header__icon-close {
  display: none;
}
details[open] .header__icon-close {
  display: inline-block;
}
account-icon {
  display: flex;
}
menu-drawer + .header__search {
  display: none;
}
.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}
.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}
.header--top-center header-drawer {
  grid-area: left-icons;
}
.header:not(.header--has-menu) * > .header__search {
  display: none;
}
.header__search {
  display: inline-flex;
  line-height: 0;
}
.header--top-center > .header__search {
  display: none;
}
.header--top-center * > .header__search {
  display: inline-flex;
}
@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }
  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}
details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}
details[open] .modal-overlay {
  display: block;
}
details[open] .modal-overlay:after {
  position: absolute;
  content: "";
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}
.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(
    100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width))
  );
  height: 100%;
}
.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}
.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}
.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}
.search-modal__form {
  width: 100%;
}
.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}
@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }
  .search-modal__content {
    padding: 0 6rem;
  }
}
@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }
  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.15s ease, opacity 0.15s ease;
}
details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}
.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}
details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}
@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}
.header__inline-menu {
  grid-area: navigation;
  display: none;
}
.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}
@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }
  .header--top-center .header__inline-menu {
    justify-self: center;
  }
  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }
  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}
.header__menu {
  padding: 0 1rem;
}
.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}
.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}
.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}
details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}
.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
}
.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}
.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}
.header__submenu.list-menu {
  padding: 1rem 0;
}
.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 1rem 0;
  margin: 1rem 0;
}
.header__submenu .header__menu-item:after {
  right: 2rem;
}
.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2rem;
}
.header__menu-item .icon-caret {
  right: 0.8rem;
}
.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}
header-menu > details,
details-disclosure > details {
  position: relative;
}
@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}
@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}
@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}
.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-badge-foreground));
  word-break: break-word;
}
.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}
@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }
  .icon-close-small path {
    stroke: CanvasText;
  }
}
.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}
.ratio:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}
.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid
    rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}
.content-container:after {
  content: "";
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}
.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}
@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}
.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}
.global-media-settings--no-shadow {
  overflow: hidden !important;
}
.global-media-settings--no-shadow:after {
  content: none;
}
.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video,
.global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}
.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe,
.global-media-settings--full-width .placeholder-svg {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }
  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }
  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }
    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }
  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }
  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }
  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}
.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}
.rte:after {
  clear: both;
  content: "";
  display: block;
}
.rte > *:first-child {
  margin-top: 0;
}
.rte > *:last-child {
  margin-bottom: 0;
}
.rte table {
  table-layout: fixed;
}
@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
.shape--mask {
  display: block;
  height: 0;
  width: 0;
}
.shape--arch {
  clip-path: url(#Shape-Arch);
}
.shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}
.shape--chevronleft {
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
}
.shape--chevronright {
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}
.shape--circle {
  clip-path: circle(closest-side);
}
.shape--diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.shape--parallelogram {
  clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}
.shape--round {
  clip-path: ellipse(45% 45% at 50% 50%);
}
.animate--fixed {
  clip-path: inset(0);
}
.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}
.animate--zoom-in {
  --zoom-in-ratio: 1;
}
.animate--zoom-in > img,
.animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}
.float {
  transform-origin: center;
  transform-style: preserve-3d;
}
.float {
  -webkit-animation: float var(--float-duration) ease-in-out infinite;
  animation: float var(--float-duration) ease-in-out infinite;
}
.float.is-reverse {
  animation-direction: reverse !important;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(var(--float-offset));
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(var(--float-offset));
  }
  to {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }
  @keyframes animateAmbient {
    0% {
      transform: rotate(0) translate(1em) rotate(0) scale(1.2);
    }
    to {
      transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2);
    }
  }
  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
  }
  .scroll-trigger.animate--slide-in {
    transform: translateY(2rem);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }
  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }
  @keyframes slideIn {
    0% {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease,
      box-shadow var(--duration-long) ease;
    transform-origin: center;
  }
  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease,
      box-shadow var(--duration-long) ease;
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem #0000000d, 1rem 1rem 1rem -1rem #0000000d,
      0 0 0.5rem #fff0, 0 2rem 3.5rem -2rem #00000080;
  }
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05);
  }
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift
    .collage__item
    .card-wrapper:hover
    .card--standard
    .card__inner {
    transform: rotate(0.5deg);
  }
  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2;
  }
  .animate--hover-3d-lift .product-grid {
    isolation: isolate;
  }
  .animate--hover-3d-lift
    .card-wrapper
    .card--shape.card--standard:not(.card--text)
    .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease,
      filter var(--duration-long) ease;
  }
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease,
      filter var(--duration-long) ease;
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15))
      drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }
  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--standard
    .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease,
      opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg, #fff0 45%, #fff, #fff0 55%);
  }
  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--standard
    .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }
  :root {
    --easter-egg: none;
    --sparkle: url(sparkle.gif);
  }
  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }
  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }
  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift
    .card-wrapper:hover
    .card--standard
    .card__inner {
    transform: translateY(-0.75rem);
  }
  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift
    .card-wrapper:active
    .card--standard
    .card__inner {
    transform: translateY(-0.5rem);
  }
  .animate--hover-vertical-lift
    .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift
    .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }
  .animate--hover-vertical-lift
    .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift
    .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }
  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift
    .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px;
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width)
        rgba(var(--color-button), var(--alpha-button-background));
  }
  .animate--hover-vertical-lift
    .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px;
  }
}
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}
.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}
@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  to {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}
.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}
.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}
.progress-bar-container {
  width: 100%;
  margin: auto;
}
.progress-bar {
  height: 0.13rem;
  width: 100%;
}
.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite
    ease-in-out;
  transform-origin: 0;
}
.progress-bar .progress-bar-value {
  display: block;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes indeterminateAnimation {
  0% {
    transform: translate(-20%) scaleX(0);
  }
  40% {
    transform: translate(30%) scaleX(0.7);
  }
  to {
    transform: translate(100%) scaleX(0);
  }
}


@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("static/fonts/CircularStd-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("static/fonts/CircularStd-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("static/fonts/CircularStd-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("static/fonts/CircularStd-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("static/fonts/CircularStd-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Circular STD";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("static/fonts/CircularStd-Book.woff2") format("woff2");
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

::selection {
  background-color: #b5d7fe;
}

html,
body,
#root {
  background-color: var(--main-background-color);
}

body #root,
body #storybook-root {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto minmax(0, 1200px) auto;
  height: 100%;
}

body #root {
  min-height: 50vh;
  padding: 2rem 0;
}

body #storybook-root {
  min-height: calc(100vh - 40px);
}

body #root *[data-stay-selector*="mount-point"]:empty,
body #storybook-root *[data-stay-selector*="mount-point"]:empty {
  display: none;
}

body #retextion-content-root,
body #storybook-retextion-content-root {
  height: 100%;
}

@media screen and (min-width: 900px) {
  #retextion-content-root.legacy,
  #storybook-retextion-content-root.legacy {
    display: grid;
    gap: 3rem;
    grid-auto-flow: column;
    grid-auto-columns: auto minmax(0, 1fr);
  }
}

@media screen and (max-width: 900px) {
  div[role="presentation"] .MuiListItemButton-root.legacy {
    font-size: 14px;
    font-weight: unset;
  }
}

svg.StaySvgIcon-custom {
  width: unset;
  height: unset;
  font-size: unset;
}

.main {
  background-color: var(--main-background-color);
  padding-top: 0px !important;
}

.text-reverse-color {
  color: var(--text-reverse-color);
}

.active-link-color {
  color: var(--link-color);
}

.black-color {
  color: #000;
}

.stay-pink {
  color: var(--stay-ai-pink);
}

.stay-cta-icon-color {
  color: var(--cta-background-color);
}

.stay-zero-margin {
  margin: 0;
}

.MuiFormControl-root.stay-zero-margin {
  margin: 0;
}

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

.modal-icon-container {
  margin: 0 auto 8px auto;
  width: 48px;
  height: 48px;
  background: var(--main-background-color);
  border-radius: 30px;
}

.carousel-container {
  display: flex;
  align-items: center;
  margin: 5px 0 24px 0;
}

.carousel-content {
  width: 100%;
}

.carousel-item {
  flex-shrink: 0;
  padding: 0 8px;
  display: inline-block !important;
  margin-right: 0 !important;
}

.form-control::placeholder {
  color: inherit;
  opacity: 0.3 !important;
}

#retention-engine-frame {
  border: none;
  border-radius: 16px;
  height: 100% !important;
  width: 100% !important;
  background-color: #ffffff;
}

.re-cancel-modal-header > button > svg {
  position: absolute;
  cursor: pointer;
  height: 36px;
  width: 36px;
  right: 0;
  top: 0;
  fill: white;
}

.MuiDateCalendar-root *:empty {
  display: initial !important;
}

*:focus-visible {
  outline: none;
  outline-offset: none;
  box-shadow: none;
}
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Light.woff2?v=1749473402') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Light.woff?v=1749473402') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Bold.woff2?v=1749473402') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Bold.woff?v=1749473402') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Medium.woff2?v=1749473401') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Medium.woff?v=1749473402') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Regular.woff2?v=1749473401') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-Regular.woff?v=1749473402') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-SemiBold.woff2?v=1749473402') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/Inter-SemiBold.woff?v=1749473402') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Rhymes-Light-Italic';
    src: url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/RyhmesText-LightItalic.woff2?v=1731386867') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0267/3351/0727/files/RyhmesText-LightItalic.woff?v=1731386867') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}







.byob-banner-tag {
  margin: 0 0 4px;
  width: fit-content;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 6.3px;
}
.byob-banner-inr {
  position: relative;
}
.byob-banner-vid-inr video {
  width: 100%;
  display: block;
}
.byob-banner-cntnt {
  position: absolute;
  top: 50%;
  color: #fff;
  width: 100%;
  z-index: 1;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 0 70px;
}
.byob-banner-cntnt-inr {
  display: grid;
  gap: 20px;
}
.byob-banner-hd p span {
  font-family: Rhymes-Light-Italic;
}
.byob-banner-hd {
  font-family: Inter;
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.02rem;
  max-width: 581px;
}
.byob-banner-hd span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.byob-banner-hd p {
  font-family: Inter;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -.02rem;
    max-width: 581px;
}
.byob-banner-hd p {
  font-weight: 400;
}

.byob-banner-subhd {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}
.byob-banner-subhd p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}
.byob-banner-btn {
  margin: 12px 0 0;
}
.byob-banner-btn-inr {
  display: flex;
  gap: 16px;
}
.primary-btn-style,
.secondary-btn-style {
  display: inline-flex;
  min-width: 240px;
  max-width: 240px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;
  border: 1px solid white;
  transition: initial;
}
.byob-banner-btn-inr .primary-btn-style:hover {
  border-color: #def647;
}
.primary-btn-style span {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0;
  padding: 2px 6px;
  border-radius: 4px;
  margin-right: 0;
  margin-left: 10px;
}
.homepage_tab_content_XT .byob_bannerKeyPoints {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: start;
  gap: 2px 8px;
  padding: 8px 0 0;
}
.homepage_tab_content_XT .byob_bannerKeyPoint {
  background: #ebf2e5;
  padding: 2px 6.5px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  display: flex;
  align-items: center;
  gap: 4px;
}
.homepage_tab_content_XT .KyIcon__Byob {
  display: flex;
  align-items: center;
}
.homepage_tab_content_XT .KyPoint__Byob {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.homepage_tabs_details_wp .swiper {
  -webkit-overflow-scrolling: touch;
}
.homepage_heading_block {
  font-family: Inter;
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  color: #1f2322;
}
.homepage_heading_block span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.homepage_tab_reviews_widget .okeReviews-reviewsSummary-ratingCount {
  margin: 0 !important;
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  color: #1f2322 !important;
  left: 0;
  top: 1px;
}
.homepage_tab_reviews_widget {
  margin: 0 0 16px;
}
.homepage_tab_reviews_widget .okeReviews .okeReviews-starRating--small {
  height: 15.2px;
  width: 78px;
}
.homepage_tab_reviews_widget
  .okeReviews
  .okeReviews-starRating--small
  .okeReviews-starRating-indicator-layer {
  background-size: 78px 15.2px;
}
.homepage_tab_reviews_widget .okeReviews .okeReviews-reviewsSummary-starRating {
  line-height: 21px;
}
.homepage_tab_reviews_widget
  .okeReviews-reviewsSummary.js-okeReviews-reviewsSummary {
  display: flex;
  align-items: center;
}
.tab_homepage_wd {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 2px 11.5px 3px;
  cursor: pointer;
  color: #797b7a;
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 4;
  font-family: inter;
  min-width: fit-content;
}
.tab_homepage_wd.active {
  color: #1f2322;
  border: 1px solid #1f2322;
}
.homepage_tab_sliderxt {
  padding: 8px 0;
  display: flex;
  justify-content: start;
  margin: 0;
  gap: 6px;
  overflow: auto;
}
.homepage_tab_sliderxt::-webkit-scrollbar {
  display: none;
}
.homepage_tab__slider_wrapper {
  padding: 80px 0 100px;
}
.homepage_tab_layout_header {
  margin: 0 0 36px;
}
.homepage_tab__heading {
  margin: 0 0 16px;
}
.homepage_tab_slider__container {
  padding: 0 70px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.homepage_tab_product_title {
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 4px;
  color: #1f2322;
}
.homepage_tab_product_price {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0;
  color: #797b7a;
  display: flex;
  align-items: center;
  gap: 4px;
}
.normal_tab_price {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #1f2322;
}
.normal_tab_price.off_price_tab {
  color: #398200;
}
.homepage_tab_product_mg {
  position: relative;
  margin: 0 0 18px;
}
.badge_tab_format svg {
  flex: 0 0 14px;
  height: 14px;
  width: 14px;
}
.homepage_tab_badges {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.badge_tab_format {
  width: fit-content;
  border-radius: 4px;
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #fff;
  padding: 2px 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 0 auto;
}
.homepage_tab_product_mg > img {
  width: 100%;
  display: block;
  border-radius: 12px;
}
.hompage_main_container_withinit.swiper {
  opacity: 0;
  overflow: visible;
}
.hompage_main_container_withinit.swiper.swiper-initialized {
  opacity: 1;
}
.hompage_main_container_withinit .swiper-button-next:after,
.hompage_main_container_withinit .swiper-button-prev:after {
  display: none;
}
.hompage_main_container_withinit .swiper-button-next,
.hompage_main_container_withinit .swiper-button-prev {
  position: static;
  margin: 0;
  transform: inherit;
  display: flex;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #f8f8f8;
  border-radius: 100px;
  padding: 9px;
}
.hompage_main_container_withinit .Pagination__tab_slider {
  position: absolute;
  top: -76px;
  right: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 20px;
}
.homepage_tab_interior_main {
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.homepage_tab_interior_main.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.cardWidgetTitle {
  font-family: Inter;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  color: #1f2322;
  margin: 0 0 8px;
}
.cardWidgetTitle span {
  font-family: Rhymes-Light-Italic;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  display: block;
  font-weight: 300;
}
.cardWidgetSubTitle {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  text-align: center;
  color: #1f2322;
}
.cardWidgetSubButton {
  margin: 18px 0 0;
  text-align: center;
}
.cardWidgetSubButton a {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  text-align: center;
  background: #1f2322;
  border-radius: 50px;
  color: #fff;
  padding: 7.5px 19.299px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: auto;
  border: 1px solid transparent;
  transition: ease 0.3s;
}
.cardWidgetSubButton a:hover {
  border-color: #1f2322;
  background: transparent;
  color: #1f2322;
}
.homepage_tab_interior.swiper-slide {
  height: auto;
}
.homepage_tab_portion_card_widget {
  display: flex;
  justify-content: center;
  height: 100%;
  background: #f8fdda;
  border-radius: 18px;
  overflow: hidden;
}
.left_tab_card_widget {
  width: 44%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
}
.right_tab_card_widget {
  width: 50%;
}
.tab_card_widget_image {
  height: 100%;
}
.tab_card_widget_image img {
  height: 100%;
  object-fit: cover;
}
.homepage_tab_portion_end_widget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  padding: 0 10px;
}
.cardEndWidgetTitle {
  font-family: Inter;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  color: #1f2322;
  margin: 0 0 18px;
}
.cardEndWidgetSubButton a {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  text-align: center;
  background: #1f2322;
  border-radius: 50px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: auto;
  padding: 7.5px 19.438px;
  transition: ease 0.3s;
  border: 1px solid transparent;
}
.cardEndWidgetSubButton a:hover {
  border-color: #1f2322;
  background: transparent;
  color: #1f2322;
}
.images__grid_main {
  background-color: #f8f8f8;
}
.images__grid_container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 70px;
}
.images__grid_layout {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}
.images__grid__content {
  width: 100%;
  max-width: 330px;
}
.images__grid__image_layout {
  display: flex;
  gap: 48px;
  width: 100%;
}
.images_grid_heading {
  font-family: Inter;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0;
  color: #1f2322;
  margin: 0 0 24px;
}
.images_grid_heading em {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
  font-weight: 300;
  display: block;
}
.images_grid_description {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #1f2322;
  margin: 0;
  max-width: 330px;
}
.images_grid_buttons {
  width: 100%;
  margin: 24px 0 0;
}
.images__grid_drawers span {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #4c4f4e;
  display: flex;
  align-items: center;
  border: 1px solid #e9e9e9;
  border-radius: 50px;
  gap: 6px;
  cursor: pointer;
  padding: 4.5px 11px;
  margin: 8px 0;
  font-family: inter;
  width: fit-content;
  transition: ease 0.3s;
}
.images__grid_drawers span:hover {
  color: #1f2322;
  border: 1px solid #1f2322;
}
.custom-tsf-key-text-d12 {
  border : none !important;
  margin : 0 !important;
  padding: 0 !important;
}
.custom-tsf-key-text-d12:hover {
  border : none !important;
}
.images__grid_drawers span img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.images__grid_image {
  width: 50%;
  position: relative;
}
.images__grid_image_interior {
  position: relative;
}
.images_grid_mg {
  width: 100%;
  position: relative;
  height: 100%;
}
.images_grid_mg img,
.images_grid_mg video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 10px;
  display: block;
}
.images_grid_image_content {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px;
}
.img__grid_btn {
  margin: 20px 0 0;
}
.img__grid_btn a {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #1f2322;
  margin: 0;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  font-family: inter;
  align-items: center;
  gap: 12px;
}
.img__grid_icons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #fff;
  padding: 8px 0;
}
.img__grid_icons:first-child {
  border: none;
}
.img__grid_icons p {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #fff;
  margin: 0;
}
.img__grid_icons img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.img__grid_icons:last-child {
  padding-bottom: 0;
}
.images_grid_image_content_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
  margin: 0 0 8px;
  letter-spacing: 0;
}
.image__grid_badge {
  position: absolute;
  top: 20px;
  left: 20px;
}
.image__grid_badge a {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  color: #1f2322;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  padding: 3.5px 8px;
}
.timeline__main__wrapper {
  width: 100%;
  background-color: #fff;
}
.timeline__main__container {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding: 0 70px 120px;
}
.timeline__interior_layout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  overflow: hidden;
  gap: 40px 0;
}
.timeline__image_sticky {
  width: 57.8%;
}
.timeline__badge {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #fff;
  background-color: #398200;
  margin: 0 0 12px;
  padding: 3.5px 8.1px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  border: none;
  width: fit-content;
  word-break: break-word;
}
.header-section {
  font-size: 40px;
  line-height: 50px;
  color: #1f2322;
  margin: 0 0 40px;
  max-width: 751px;
  letter-spacing: -0.015em;
}
.header-section p{
  font-size: 40px;
  line-height: 50px;
  color: #1f2322;
  margin: 0 0 40px;
  max-width: 751px;
  letter-spacing: -0.015em;
}
.header-section em {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
  font-weight: 300;
}
.timeline__image_sticky img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  width: 100%;
}
.ct_mobile {
  display: none;
}
.timeline__outer_container {
  flex: 1;
  min-width: 300px;
  padding: 5px 60px 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.timeline-wrapper {
  display: flex;
}
.progress-container {
  min-width: 2px;
  background-color: #bbbcbc;
  border-radius: 3px;
  margin-right: 30px;
  position: relative;
  height: 75%;
  top: 8px;
}
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #1f2322;
  border-radius: 3px;
  transition: height 1s ease, top 1s ease;
}
.progress-dots {
  position: absolute;
  left: 1px;
  width: max-content;
  height: 100%;
}
.progress-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bbbcbc;
  box-sizing: border-box;
  transition: all 0.3s ease;
  transform: translate(-6px);
  position: absolute;
}
.progress-dot.active {
  background-color: #1f2322;
}
.timeline-item {
  margin: 0 0 60px;
  transition: color 0.4s;
  padding-left: 20px;
  position: relative;
}
.timeline-item.center-stage .timeline__title,
.timeline-item.center-stage .timeline__dsc {
  color: #1f2322;
}
.timeline__title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #797b7a;
  margin: 0 0 8px;
}
.timeline__dsc {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #797b7a;
  margin: 0;
  max-width: 349px;
}
.btn-container {
  text-align: start;
  margin-top: 32px;
  width: 100%;
  padding-left: 38px;
}
.btn-container a {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  background-color: #1f2322;
  border: 2px solid #1f2322;
  border-radius: 50px;
  padding: 11px 21px;
  text-decoration: none;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: Inter;
  text-align: center;
  min-width: 218px;
}
.btn-container a:hover {
  background-color: transparent !important;
  color: #1f2322 !important;
}
.information__banner_wrapper {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
}
.information__banner_container {
  width: 100%;
  background-color: #f8fdda;
  max-width: 1080px;
  margin: 0 auto;
  padding: 56.43px 60px;
  border-radius: 10px;
}
.information__banner_interior {
  width: 100%;
  display: flex;
}
.information_banner_lft {
  border-right: 1px solid #1f2322;
  width: 40%;
}
.chronic_right {
  width: 60%;
  margin-top: 0.8rem;
  padding-left: 60px;
}
.icons_main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icons_main_left {
  display: flex;
  justify-content: center;
}
.chronic_icon_one {
  position: relative;
  z-index: 0;
  margin-right: -9px;
}
.chronic_icon img {
  width: 73px;
  height: 73px;
  object-fit: contain;
}
.chronic_icon_two {
  z-index: 1;
  position: relative;
  margin-right: -4px;
}
.chronic_icon_three {
  z-index: 2;
  position: relative;
  margin-right: -4px;
}
.icon_heading {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: #1f2322;
  margin: 20px 0 0;
  letter-spacing: -0.015em;
}
.icon_heading p {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: #1f2322;
  margin: 20px 0 0;
  letter-spacing: -0.015em;
}
.icon_heading span {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
  font-weight: 300;
}
.chronic_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 2rem;
}
.chronic_button a {
  text-decoration: none;
  border: 1px solid #1f2322;
  border-radius: 50px;
  padding: 14.5px 23px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #1f2322;
  background-color: #0000;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: inter;
}
.chronic_button a:hover {
  background-color: #1f2322;
  color: #fff;
  border-color: #1f2322;
}
.globe_main__wrapper {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.globe__wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px 80px;
  text-align: center;
}
.globe_image {
  width: 100%;
  max-width: 422px;
  margin: auto;
}
.globe_image video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.globe__content_wrapper {
  width: 100%;
  max-width: 860px;
  margin: auto;
}
.globe_heading {
  color: #1f2322;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin: 0 0 18px;
  font-family: Inter;
}
.globe_heading p{
  color: #1f2322;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin: 0 0 18px;
  font-family: Inter;
}
.globe_heading span {
  font-family: Rhymes-Light-Italic;
  font-style: normal;
  font-weight: 300;
}
.globe_para {
  margin: 0 0 32px;
  color: #1f2322;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.globe_tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0 32px;
  flex-wrap: wrap;
}
.tooltipCnt {
  position: relative;
}
.tooltipCnt > span,
.tooltipCnt .action_previewbtn {
  color: #1f2322;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  transition: color 0.3s ease;
  font-family: inter;
  border-bottom: 1px solid #1f2322;
  display: inline-block;
  padding: 0 0 3px;
  cursor: pointer;
}
.tool_tipWidget {
  display: none;
  position: relative;
}
.toolTip_encoded {
  position: absolute;
  bottom: 35px;
  background: #1f2322;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 4px;
  color: #fff;
  font-family: inter;
  padding: 9px 6px;
  left: 0;
  z-index: 2;
  right: 0;
  margin: auto;
  text-align: center;
}
.tool_tipWidget:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #1f2322;
  margin: auto;
  transform: rotate(45deg);
  bottom: 34px;
  z-index: 1;
}
.globe_icons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.globe_icon img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.globe_icon img:hover {
  transform: scale(1.1);
}
.richtext__main_wrapper {
  width: 100%;
  background-color: #f8f8f8;
}
.richtext__container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 20px 80px;
}
.richtext__heading {
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  margin: 0 0 36px;
  color: #1f2322;
  text-align: center;
  font-family: Inter;
}
.richtext_buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0 20px;
}
.richtext_button a {
  text-decoration: none;
  padding: 11.5px 24px;
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
  border-radius: 50px;
  display: inline-block;
  width: 240px;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
}
.richtext_button.white a {
  border-color: #1f2322;
}
@media (min-width: 750px) {
  .tooltipCnt:hover .tool_tipWidget {
    display: block;
  }
  .homepage_tab_interior.swiper-slide {
    width: 24%;
  }
  .homepage_tab_interior.swiper-slide.tab_width_increased {
    width: 642px;
  }
  .homepage_tab_sliderxt {
    padding: 8px 100px 8px 0;
  }
  .chronic_right {
    margin: 10px 0;
  }
}
@media (min-width: 1024px) {
  .timeline__interior_layout {
    overflow: initial;
  }
  .timeline__outer_container {
    padding: 185px 70px 0;
  }
  .btn-container {
    margin-top: 155px;
  }
  .timeline__image_sticky img {
    position: sticky;
    top: 150px;
  }
}
@media (min-width: 1280px) {
  .chronic_right {
    width: 61%;
  }
  .information_banner_lft {
    padding-right: 60px;
    width: 39%;
  }
}
@media (min-width: 1600px) {
  .homepage_tab_interior.swiper-slide {
    width: 24.17%;
  }
}
@media (min-width: 1700px) {
  .homepage_tab_interior.swiper-slide {
    width: 24.25%;
  }
}
@media (max-width: 1350px) {
  .homepage_tab_product_title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1280px) {
  .timeline__outer_container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1279px) {
  .byob-banner-cntnt,
  .homepage_tab_slider__container {
    padding: 0 30px;
  }
  .homepage_tab_interior.swiper-slide.tab_width_increased {
    width: 410px;
  }
  .homepage_tab_interior.swiper-slide {
    width: 30%;
  }
  .images__grid_container {
    padding: 80px 30px;
  }
  .images__grid_layout,
  .images__grid__image_layout {
    gap: 32px;
  }
  .timeline__main__container {
    padding: 0 30px 100px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .byob-banner-hd {
    font-size: 40px;
    line-height: 50px;
    max-width: 480px;
  }
  .primary-btn-style,
  .secondary-btn-style {
    min-width: 210px;
    max-width: 210px;
  }
}
@media (max-width: 1023px) {
  .ct_desktop {
    display: none;
  }
  .ct_mobile {
    display: block;
  }
  .timeline__interior_layout {
    gap: 32px 0;
  }
  .timeline__image_sticky {
    width: 100%;
  }
  .timeline__outer_container {
    padding: 0 0 0 15px;
  }
  .timeline-item {
    margin: 0 0 32px;
    padding-left: 10px;
  }
  .btn-container {
    text-align: center;
    padding: 0;
  }
  .homepage_tab_product_title {
    font-size: 16px;
    line-height: 20px;
  }
  .images__grid_layout {
    flex-wrap: wrap;
  }
}
@media (max-width: 950px) {
  .information__banner_container {
    padding: 50px 20px;
  }
  .chronic_right {
    padding-left: 20px;
  }
  .icon_heading {
    font-size: 20px;
    line-height: 28px;
    margin: 19px 0 0;
  }
  .icon_heading p{
    font-size: 20px;
    line-height: 28px;
    margin: 19px 0 0;
  }
}
@media (max-width: 768px) {
  .byob-banner-subhd {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
  }
  .byob-banner-subhd p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
  }
  .byob-banner-tag {
    margin: auto;
  }
  .byob-banner-cntnt {
    position: absolute;
    top: calc(50% - 38px);
    padding: 0 20px;
  }
  .byob-banner-hd {
    font-size: 35px;
    line-height: 41px;
    margin: auto;
    text-align: center;
  }
  .byob-banner-btn {
    margin: 8px 0 0;
  }
  .byob-banner-btn-inr {
    gap: 12px;
    flex-direction: column;
    align-items: center;
  }
  .primary-btn-style,
  .secondary-btn-style {
    height: 38px;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 19.5px;
    min-width: inherit;
    max-width: inherit;
  }
  .byob-banner-cntnt-inr {
    gap: 16px;
  }
  .byob-banner-btn-inr .secondary-btn-style {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    width: fit-content;
    border-radius: 0;
    display: flex;
    align-items: center;
    max-width: inherit;
    min-width: inherit;
    height: auto;
    padding: 0 0 4px;
  }
  .secondary-btn-style {
    border: none;
  }
  .byob-banner-btn-inr .secondary-btn-style:hover {
    background: transparent !important;
    color: #fff !important;
  }
}
@media (max-width: 749px) {
  .hompage_main_container_withinit .Pagination__tab_slider {
    display: none;
  }
  .timeline__interior_layout {
    gap: 0;
  }
  .timeline__image_sticky {
    margin: 0 0 32px;
  }
  .header-section {
    font-size: 30px;
    line-height: 39px;
    max-width: 314px;
    margin: 0 0 28px;
  }
  .header-section p {
    font-size: 30px;
    line-height: 39px;
    max-width: 314px;
    margin: 0 0 28px;
  }
  .timeline__main__container {
    padding: 0 20px 58px;
  }
  .scrolling__card_heading {
    align-items: center;
    padding: 0 20px;
  }
  .scrolling__heading {
    font-size: 16px;
    line-height: 20px;
  }
  .scrolling__card_container {
    padding: 70px 0;
  }
  .progress-container {
    margin-right: 26px;
    height: 73%;
  }
  .timeline__title {
    font-size: 16px;
    line-height: 25px;
  }
  .timeline__dsc {
    max-width: inherit;
  }
  .btn-container {
    margin: 8px 0 0;
    padding-right: 15px;
  }
  .hompage_main_container_withinit.swiper-ios.swiper-css-mode {
    padding: 0;
  }
  .hompage_main_container_withinit.swiper-ios.swiper-css-mode
    .homepage_swiper_container.swiper-wrapper {
    padding: 0 20px;
  }
  .hompage_main_container_withinit.swiper-ios.swiper-css-mode
    .homepage_swiper_container.swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .homepage_tab_interior.swiper-slide,
  .homepage_tab_interior.swiper-slide.tab_width_increased {
    width: 260px;
  }
  .left_tab_card_widget {
    width: 100%;
    padding: 18px;
  }
  .cardWidgetTitle,
  .cardEndWidgetTitle {
    font-size: 20px;
    line-height: 28px;
  }
  .right_tab_card_widget {
    display: none;
  }
  .homepage_tab__slider_wrapper {
    padding: 40px 0 50px;
  }
  .homepage_tab_slider__container {
    padding: 0;
  }
  .homepage_tab_sliderxt {
    gap: 6px;
    padding: 8px 20px;
  }
  .homepage_tab_layout_header {
    margin: 0 0 24px;
  }
  .hompage_main_container_withinit.swiper,
  .homepage_tab_reviews_widget,
  .homepage_tab__heading {
    padding: 0 20px;
  }
  .homepage_heading_block {
    font-size: 30px;
    line-height: 39px;
  }
  .images__grid_container {
    padding: 50px 20px;
  }
  .images__grid_layout {
    gap: 40px;
  }
  .images__grid__content {
    max-width: 100%;
  }
  .images_grid_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .images_grid_description {
    font-size: 14px;
    line-height: 21px;
  }
  .images__grid__image_layout {
    flex-wrap: wrap;
  }
  .images__grid_image {
    width: 100%;
  }
  .img__grid_btn a {
    justify-content: space-between;
  }
  .squeeze_scroller_image {
    height: 22px;
  }
  .richtext__container {
    padding: 60px 20px 30px;
  }
  .richtext__heading {
    font-size: 24px !important;
    line-height: 34px;
    max-width: 249px;
    margin: 0 auto 32px;
  }
  .richtext_buttons {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .tooltipCnt span:hover + .tool_tipWidget {
    display: block;
  }
  .globe__wrapper {
    padding: 0 20px 50px;
  }
  .globe_heading {
    font-size: 30px;
    line-height: 39px;
    margin: 0 auto 12px;
    max-width: 300px;
  }
  .globe_heading p{
    font-size: 30px;
    line-height: 39px;
    margin: 0 auto 12px;
    max-width: 300px;
  }
  .globe_para {
    font-size: 16px;
    line-height: 25px;
    max-width: 313px;
    margin: 0 auto 32px;
  }
  .globe_tabs {
    gap: 12px !important;
    flex-direction: column;
  }
  .scrolling__heading p {
    font-size: 16px !important;
  }
  .globe_icon img {
    width: 60px;
    height: 60px;
  }
  .byob-banner-hd p {
    font-size: 35px !important;
    line-height: 41px;
    text-align: center !important;
  }
  .byob-banner-hd {
    margin-bottom: 0px !important;
  }
  .information__banner_container {
    padding: 40px 20px;
  }
  .information__banner_interior {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .information_banner_lft {
    border-right: none;
    width: 100%;
  }
  .chronic_right {
    padding-left: 0;
    width: 100%;
  }
}








.bubble_left__top {
  position: absolute;
  top: 12px;
  left: 12px;
}
.bubble_left__top span {
  background: #fff;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 6.2px;
}
.okendo__ratings_based_rvw {
  margin: 0 0 16px;
}
.okendo__ratings_based_rvw
  .okeReviews
  .okeReviews-starRating--small
  .okeReviews-starRating-indicator-layer {
  background-size: 78.64px 15.2px;
}
.okendo__ratings_based_rvw .okeReviews .okeReviews-starRating--small {
  width: 78.64px;
  height: 15.2px;
}
.okendo__ratings_based_rvw .okeReviews-reviewsSummary-ratingCount {
  left: 0 !important;
  font-size: 14px;
  line-height: 21px;
  margin: 0 !important;
}
.customer__testimonial_wrapper {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.customer_testimonial__container {
  width: 100%;
  padding: 120px 70px 100px;
  max-width: max-content;
  margin: 0 auto;
}
.customer_testimonial_interior {
  width: 100%;
}
.customer__followers {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
}
.customer__follows {
  display: flex;
  align-items: center;
  gap: 4px;
}
.customer__follows svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.customer__follows span {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #797b7a;
}
.customer__header_testimonial {
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 48px 0;
  justify-content: space-between;
  padding-right: 120px;
}
.customer__testimonial_heading {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  color: #1f2322;
  margin: 0;
  letter-spacing: -0.015em;
}
.customer__testimonial_heading p{
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  color: #1f2322;
  margin: 0;
  letter-spacing: -0.015em;
}
.customer__testimonial_heading span {
  font-family: Rhymes-Light-Italic !important;
  font-style: normal;
  font-weight: 300;
}
.customer__testimonial_views {
  width: 100%;
}
.customer__testimonial_swipe {
  opacity: 0;
  margin-top: -45px;
  padding-top: 90px;
  overflow: visible;
}
.customer__testimonial_swipe.swiper-initialized {
  opacity: 1;
}
.customer__testimonial_swipe .swiper-button-next:after,
.customer__testimonial_swipe .swiper-button-prev:after {
  display: none;
}
.next_btn,
.prev_btn {
  top: 25px !important;
  width: 36px !important;
  height: 36px !important;
  background-color: #f8f8f8;
  border-radius: 50px !important;
  border: 1px solid #f8f8f8;
  padding: 8px;
}
.prev_btn {
  left: auto !important;
  right: 56px !important;
}
.swiper-button-next.next_btn {
  right: 0;
}
.customer__testimonial_swipe .swiper-slide {
  width: 24%;
}
.customer__testimonial_cards {
  width: 100%;
}
.customer__testimonial_card {
  width: 100%;
  position: relative;
}
.customer__testimonial_card video {
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  aspect-ratio: 2 / 3.5516;
  display: block;
  position: relative;
}
.play_paused___action {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
}
.play_paused___action span {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.customer__testimonial_card .thumbnail {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
}
.customer__testimonial_card .thumbnail img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.videoReviewCnt {
  margin: 20px 0 0;
}
.starsVd {
  display: flex;
  align-items: center;
  gap: 1px;
  margin: 0 0 12px;
}
.starsVd svg {
  width: 12.62px;
  height: 12px;
}
.card_dis {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #1f2322;
  margin: 0;
}
.card_button {
  margin-top: 20px;
}
.card_button a {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #1f2322;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #1f2322;
  padding-bottom: 4px;
  transition: all 0.3s ease;
  font-family: inter;
}
.card_button a:hover {
  color: #3a3a3a;
  border-bottom-color: #3a3a3a;
}
@media (min-width: 1600px) {
  .customer__testimonial_swipe .swiper-slide {
    width: 24.25%;
  }
}
@media (max-width: 1279px) {
  .customer_testimonial__container {
    padding: 80px 30px;
  }
}
@media (max-width: 1100px) {
  .customer__testimonial_heading {
    font-size: 37px;
    line-height: 1.1;
  }
   .customer__testimonial_heading p{
    font-size: 37px;
    line-height: 1.1;
  }
  .customer__testimonial_swipe {
    margin-top: -40px;
  }
}
@media (max-width: 768px) {
  .customer_testimonial__container {
    padding: 80px 20px;
  }
}
@media (max-width: 749px) {
  .customer__testimonial_heading span {
    display: block;
  }
  .customer__testimonial_card video {
    aspect-ratio: 2 / 3.5616;
  }
  .okendo__ratings_based_rvw {
    margin: 0 0 12px;
  }
  .next_btn,
  .prev_btn {
    display: none !important;
  }
  .customer__followers {
    margin: 0 0 12px;
  }
  .customer__header_testimonial {
    flex-direction: column-reverse;
    align-items: start;
    padding: 0;
  }
  .customer__testimonial_heading {
    font-size: 30px;
    line-height: 39px;
  }
  .customer__testimonial_heading p{
    font-size: 30px;
    line-height: 39px;
  }
  .customer__testimonial_swipe {
    margin-top: 0;
    padding-top: 24px;
  }
  .customer__testimonial_swipe .swiper-slide {
    width: 260px;
  }
  .customer_testimonial__container {
    padding: 50px 20px 60px;
  }
}
/*# sourceMappingURL=/cdn/shop/t/216/assets/customer-testimonial-section.css.map?v=9918075022588665351757565179 */



@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/*# sourceMappingURL=/cdn/shop/t/216/assets/swiper-min.css.map?v=79953986015470938911757565235 */


.headerchecktext .byob_bannerKeyPoints_headermenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: start;
  gap: 2px 8px;
  padding: 0 0 16px;
}
.headerchecktext .byob_bannerKeyPoint_header {
  background: #ebf2e5;
  padding: 2px 6.5px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  display: flex;
  align-items: center;
  gap: 4px;
}
.headerchecktext .KyIcon__Byob_header {
  display: flex;
  align-items: center;
}
.headerchecktext .KyPoint__Byob_header {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.headerchecktext .KyIcon__Byob_header svg path {
  stroke: #398200;
}
.headerchecktext .KyIcon__Byob_header svg {
  width: 15px;
  height: 15px;
}
.desktop__header_visible
  .section-announcement-bar.shopify-section-group-header-group {
  z-index: 92;
}
.section-announcement-bar .utility-bar {
  border: none;
  background: transparent;
}
.section-announcement-bar .utility-bar .utility-bar__grid {
  position: relative;
  background: #def647;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  max-width: 100%;
}
.section-announcement-bar .announcement-bar__message {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  padding: 0 !important;
  letter-spacing: 0;
  min-height: inherit;
  color: #1f2322;
}
.announcement-bar .announcement-bar__link .announcement-bar__message.body span {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  padding: 1px 6px;
  border-radius: 4px;
  position: relative;
  top: -1px;
}
.announcement-bar .announcement-bar__link img {
  object-fit: contain;
  margin-left: 8px;
  width: 41px;
  height: 36px;
}
.announcement-bar {
  padding: 6px 20px;
}
.announcement-bar__message b {
  font-weight: 600;
}
.announcement-bar .announcement-bar__link .announcement-bar__message.body br {
  display: none;
}
.header_dropdown__collapsible {
  margin: 0 0 40px;
}
.header__dropdown-cops {
  font-size: 30px;
  line-height: 36px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 12px;
  width: fit-content;
  cursor: pointer;
}
.header__list_collapsible {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.header_icons_accorion,
.header_icons_accorion span {
  display: flex;
  align-items: center;
}
.header_icons_accorion span.header-icon-minus,
.header_dropdown__collapsible.active .header_icons_accorion .header-icon-plus {
  display: none;
}
.header_dropdown__collapsible.active
  .header_icons_accorion
  span.header-icon-minus {
  display: flex;
}
.header_dropdown__collapsible.active .header__dropdown-cops {
  color: #bbbcbc;
}
.header__heading-logo-wrapper .header__heading-logo {
  width: 80px;
}
.main-menu__close {
  display: none;
}
.header__dropdown-close {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header__dropdown-close.active {
  display: flex;
}
.main__header_container .header__inline-menu,
.main__header_container .header__heading,
.main__header_container .header__icons {
  width: 33.33%;
}
.main__header__wrapper {
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  margin: 0 28px;
}
.main__header__interior .main__header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  height: 64px;
  transition: padding 0.2s ease;
  position: relative;
}
.header__inline-menu .list-menu {
  align-items: center;
  gap: 20px;
}
.header__inline-menu .list-menu li {
  line-height: normal;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header__inline-menu .list-menu li > a,
.header__inline-menu .list-menu li > .mega__menu_applied_row {
  padding: 0;
  color: #1f2322;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  cursor: pointer;
}
.main__header_container .header__icons {
  padding: 0;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
}
.header__icons .header__icon {
  width: auto;
  height: auto;
  text-decoration: none;
  margin: 0;
  gap: 4px;
}
.header__icons .header__icon .svg-wrapper {
  width: 28px;
  height: 28px;
}
.main__header_container .header__heading-link {
  padding: 0;
}
.header__icon .account_labelled {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.section-header .header__fully__customizable {
  border: none;
  background: transparent;
}
.section-header {
  background: #fff;
  z-index: 9;
}
.main__header__wrapper.active-dropdown {
  border-bottom: 1px solid #e9e9e9;
}
.header__megamenu__wrapper {
  position: absolute;
  background: #fff;
  width: 100%;
  border-radius: 0 0 10px 10px;
  display: none;
}
.header__megamenu__container {
  display: flex;
  justify-content: space-between;
  padding: 32px 28px;
}
.header__megamenu_navigation {
  margin-top: 20px;
}
.header__dropdown-item {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 25px;
  color: #797b7a;
}
.header_megamenu_highlighted_links .header__dropdown-title {
  color: #1f2322;
  margin: 0 0 16px;
  font-family: Inter;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-transform: capitalize;
  display: flex;
  align-items: self-start;
  flex-wrap: wrap;
}
.header_megamenu_highlighted_links .header__dropdown-title span,
.header__list_collapsible .header__list-item a span {
  font-size: 12px;
  line-height: 16px;
  background: #def647;
  border-radius: 4px;
  padding: 2px 6.5px;
  margin-left: 8px;
}
.header__list {
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}
.header__list-item {
  color: #1f2322;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 8px;
}
.header__list-item a {
  color: #1f2322;
}
.header__megamenu_right_images {
  display: flex;
  gap: 12px;
}
.header_dropdown__expanded .header__list {
  margin: 0;
}
.header_dropdown__expanded .header__list .header__list-item:last-child {
  margin: 0;
}
.header__dropdown-card {
  display: flex;
  flex-direction: column;
  max-width: 260px;
}
.header__dropdown-card-bottom {
  position: relative;
  margin: 16px 0 0;
}
.header__off-badge {
  background: #ebf2e5;
  border-radius: 4px;
  width: fit-content;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  padding: 2px 6px;
}
.header__dropdown-card-title {
  font-size: 20px;
  line-height: 28px;
  margin: 8px 0 0;
}
.header_mega_menu__mobile {
  display: none;
  height: calc(100dvh - 140px);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  box-shadow: 0 14px 20px #00000008;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  border-radius: 0 0 10px 10px;
  top: 100px;
  position: sticky;
}
.header__icons .header__icon .cart-count-bubble {
  margin: 0;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
}

@media (min-width: 750px) {
  .header__inline-menu .list-menu li:hover {
    opacity: 0.8;
  }
}
@media (min-width: 769px) {
  .header__megamenu__wrapper.active {
    display: block;
  }
  .section-header.active {
    z-index: 100;
    position: sticky;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .main__header_container .header__heading {
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
  }
  .main__header_container .header__inline-menu,
  .main__header_container .header__icons {
    width: auto;
  }
  .header__dropdown-card {
    width: 50%;
  }
  .header_megamenu_highlighted_links .header__dropdown-title {
    font-size: 24px;
    line-height: 28px;
  }
  .header__list-item {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 769px) and (max-width: 989px) {
  .main__header_container .header__inline-menu {
    display: block;
  }
  .main__header_container header-drawer {
    display: none;
  }
}
@media (max-width: 768px) {
  .section-announcement-bar .utility-bar .utility-bar__grid {
    padding: 10px 20px;
  }
  .announcement-bar__link {
    width: 100%;
  }
  .section-header.active .main__header__interior:after {
    width: 100%;
    height: 100%;
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #0000001a;
    content: "";
  }
  .header_dropdown__collapsible.active .header__dropdown-cops {
    color: #797b7a;
  }
  .header_megamenu_highlighted_links .header__dropdown-title span {
    top: 4px;
    position: relative;
  }
  .scrolled-past-header .header_mega_menu__mobile {
    top: 0;
  }
  .header__social_media_follows {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 28px 0 0;
  }
  .header__social_media_follows img {
    filter: invert(1);
    width: 28px;
    height: 28px;
  }
  .header__dropdown-image-wrapper .header__dropdown-item {
    font-size: 20px;
    line-height: 28px;
    text-transform: inherit;
    font-weight: 400;
    margin: 0 0 40px;
    color: #1f2322;
  }
  .header__dropdown-card-mobile-wrapper {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
  .header__dropdown-card-mobile-desc {
    padding: 8px 0 0;
    font-size: 16px;
    line-height: 20px;
  }
  .header__dropdown-mobile-image {
    margin: 0 0 12px;
  }
  .header__dropdown-mobile-image img {
    width: 100%;
    border-radius: 10px;
  }
  .header__dropdown-image-wrapper {
    margin: 0 0 40px;
  }
  .header_dropdown__expanded .header__dropdown-item {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-transform: inherit;
    color: #797b7a;
  }
  .header_mega_menu__mobile_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .header_mega_menu__mobile_container {
    padding: 24px 20px;
    height: 100%;
    overflow: auto;
  }
  .header_megamenu_highlighted_links .header__dropdown-title {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 28px;
  }
  .header_dropdown__collapsible {
    margin: 0 0 20px;
    padding: 20px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
  }
  .header__dropdown-cops {
    font-size: 20px;
    line-height: 28px;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    margin: 0;
  }
  .header_icons_accorion span svg {
    width: 17px;
    height: 17px;
  }
  .header_dropdown__collapsible.active
    .header_icons_accorion
    span.header-icon-minus
    svg
    path {
    fill: #1f2322;
  }
  .header__list_collapsible .header__list {
    margin: 16px 0 0;
  }
  .header_mega_menu__mobile {
    display: block;
    transform: translate(-100%);
    position: fixed;
    top: 0;
    overflow: hidden;
    transition: ease 0.3s;
    padding: 0;
    width: calc(100% - 40px);
    z-index: 9;
    height: 100%;
    border-radius: 0 10px 0 0;
  }
  .header_mega_menu_mobile__header {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header__mobile__account .header__icon--account {
    width: auto;
    height: auto;
    gap: 4px;
  }
  .header__mobile__crossed {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .header__mobile__cross {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .header__mobile__logo img {
    width: 42.08px;
  }
  .header__mobile__account .header__icon--account .svg-wrapper {
    width: 28px;
    height: 28px;
  }
  .header_mega_menu__mobile.active {
    transform: initial;
  }
  .header_mega_menu__mobile_overlay {
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #01181800, #fff);
    z-index: 9;
    width: 100%;
  }
  .main__header__wrapper {
    border-radius: 0;
    margin: 0;
  }
  .main__header_container header-drawer {
    width: 33.33%;
    margin: 0;
    display: flex !important;
    align-items: center;
  }
  .main__header_container header-drawer .header__icon--menu span {
    width: 24.3px;
    height: 15.5px;
  }
  .main__header_container header-drawer .header__icon--menu {
    width: auto;
    height: auto;
  }
  .main__header__interior .main__header_container {
    height: 68px;
    padding: 8.8px 20px;
  }
  .header__heading-logo-wrapper .header__heading-logo {
    width: 80px;
  }
  .byob-banner-inr {
    background: transparent !important;
  }
}
@media (max-width: 749px) {
  .announcement-bar {
    padding: 10px 20px;
  }
  .header__icons .header__icon.header__icon--account {
    display: none;
  }
}
@media (max-width: 375px) {
  .header_mega_menu__mobile {
    width: calc(100% - 30px);
  }
}
@media (max-width: 370px) {
  .header_mega_menu__mobile {
    width: calc(100% - 20px);
  }
}
@media (max-width: 359px) {
  .section-announcement-bar .announcement-bar__message {
    font-size: 12px;
  }
  .header_mega_menu__mobile {
    width: calc(100% - 10px);
  }
}
.announcement-bar__message span {
    color: white !important;
    background: #398200 !important;
}
.okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground {
    background-image: url(https://cdn.shopify.com/s/files/1/0926/6869/0805/files/download.png?v=1758708368);
}
.okeReviews .okeReviews-starRating-indicator-layer {
    background-image: url(https://cdn.shopify.com/s/files/1/0926/6869/0805/files/download.png?v=1758708368);
    background-repeat: no-repeat;
    background-size: 125px 25px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.okeReviews .okeReviews-starRating-indicator-layer--foreground {
    background-image: url(https://cdn.shopify.com/s/files/1/0926/6869/0805/files/download.png?v=1758708368);
    width: 0;
}
.okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
    background-size: 100px 20px;
}
.okeReviews .okeReviews-reviewsSummary-starRating {
    margin-right: .25em;
}
.okeReviews .okeReviews-reviewsSummary, .okeReviews .okeReviews-reviewsSummary-ratingCount, .okeReviews .okeReviews-reviewsSummary-starRating {
    display: inline-block;
}
.okeReviews .okeReviews-starRating {
    display: inline-block;
    height: 25px;
    position: relative;
    vertical-align: middle;
    width: 125px;
}
.okeReviews .okeReviews-a11yText {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.okeReviews .okeReviews-starRating-indicator {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.homepage_tab_reviews_widget .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer{
    background-size: 78px 15.2px;
}
.okeReviews .okeReviews-starRating-indicator-layer {
    background-image: url(/cdn/shop/files/download.png?v=1758708368);
    background-repeat: no-repeat;
    background-size: 125px 25px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.homepage_tab_reviews_widget .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
    background-size: 78px 15.2px;
}



/* Custom Drawer Css */

.supplement_per_heading single-space {
  padding-left: 10px;
}
.supplement_per_heading double-space {
  padding-left: 20px;
}
.keep__shopping_action_btn {
  position: fixed;
  bottom: 20px;
  width: fit-content;
  right: 20px;
  z-index: 9;
}
.keep__shopping_interior {
  box-shadow: 0 0 20px #1f232233;
  background: #fff;
  border-radius: 50px;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7.5px 19px;
  cursor: pointer;
  gap: 8px;
  font-weight: 400;
  border: 1px solid #1f2322;
  transition: ease 0.3s;
}
.rainforest__side_drawer .keep__shopping_interior,
.keep__shopping_interior:hover {
  background: #1f2322;
  color: #fff;
}
.keep__shopping_icon svg {
  width: 18px;
  height: 18px;
}
.rainforest__side_drawer .keep__shopping_icon svg path,
.keep__shopping_interior:hover .keep__shopping_icon svg path {
  fill: #fff;
}
.keep__shopping_icon {
  display: flex;
  align-items: center;
}
.sub__drawer__layout_main .cross__product_drawer {
  gap: 4px;
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1f2322;
}
.sub__drawer__layout_main .cross__product_drawer .icon__wp_mp {
  display: flex;
  align-items: center;
}
.sub__drawer__layout_main .cross__product_drawer .icon__wp_mp svg {
  width: 17px;
  height: 17px;
}
.custom__drawer__management {
  width: 100%;
  max-width: 720px;
  height: 100dvh;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 20px #1f23221f;
  border-radius: 10px 0 0 10px;
  opacity: 0;
  visibility: hidden;
  transform: translate(100%);
  -webkit-transform: translateX(100%);
  transition: 0.3s ease-in-out;
  z-index: 99999;
}
.custom__drawer__management.active {
  visibility: visible;
  opacity: 1;
  transform: inherit;
}
.custom__drawer_header {
  padding: 20px 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #fff;
  box-shadow: 0 2px 2px 2px #fff;
}
.name__product_drawer {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
.cross__product_drawer {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom_drawers__container,
.custom__drawer__lightbox,
.custom__drawers__layout {
  height: 100%;
}
.drawer__content_interior {
  height: calc(100% - 78px);
}
.drawer__content__box {
  padding: 22px 32px 80px;
  height: 100%;
  overflow: auto;
}
.supplement__title {
  font-size: 24px;
  line-height: 34px;
}
.supplement__title_content {
  margin: 0 0 16px;
  display: grid;
  gap: 16px;
}
.supplement__serving_content {
  display: grid;
  gap: 4px;
  font-size: 14px;
  line-height: 21px;
  color: #797b7a;
  padding: 0 0 8px;
}
.supplement__icons_text {
  display: grid;
  gap: 6px;
}
.supplement_icn_txt {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 21px;
}
.supplement_icon {
  display: flex;
  align-items: center;
  flex: 0 0 24px;
}
.supplement_drawer_box_main {
  margin: 0 0 40px;
}
.supplement__describe_box {
  display: grid;
  gap: 20px;
}
.ingredients__title,
.additional__title,
.facts__chartHeader__title,
.describing_ing__title {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
}
.ingredients__subtitle,
.additional__subtitle,
.facts__chartHeader__subtitle {
  font-size: 14px;
  line-height: 21px;
  font-family: Rhymes-Light-Italic;
}
.supplement__ct_dtl,
.supplement_additional_ct,
.additional__ingredients__list,
.supplement_facts__chartHeader {
  display: grid;
  gap: 4px;
}
.supplement_describe_ingredients,
.supplement_additional_ingredients {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  gap: 18px;
}
.ingredients__paragraph {
  font-size: 14px;
  line-height: 21px;
}
.ingredients__paragraph b {
  font-weight: 500;
}
.additional_ingredients_title {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 16px;
}
.additional__ingredients__list:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 16px;
  margin: 0 0 16px;
}
.additional_title {
  font-size: 14px;
  line-height: 21px;
}
.additional_ingredient__map {
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
  line-height: 16px;
}
.additional_ingredient__map li span {
  font-family: Rhymes-Light-Italic;
}
.supplement_facts__chart {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 20px;
}
.supplement_facts__chartOuter {
  display: grid;
  gap: 14px;
}
.facts__chartHeader__para {
  padding: 4px 0 0;
  color: #797b7a;
  font-size: 12px;
  line-height: 16px;
}
.supplement_facts__servingInterior ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
}
.supplement_per_heading:first-child {
  justify-content: end;
  border-top: none;
  padding-top: 0;
  align-items: end;
}
.per-value tagrecomm {
  display: block;
  background: #def647;
  border-radius: 4px;
  min-width: 98px;
  margin-top: 0;
  position: relative;
  right: 11px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 6px;
}
.supplement_facts__chart.elctrolyt_drawer_wp {
  margin: 20px 0 0;
}
.supplement_per_heading:last-child {
  padding-bottom: 0;
}
.supplement_per_heading > span {
  flex: 1;
}
.supplement_per_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 12px 0;
  border-top: 1px solid #e9e9e9;
}
.supplement_per_heading.per-sub-heading {
  padding-left: 10px;
}
.supplement_per_heading.per-sub-heading.sub_make_more {
  padding-left: 20px;
}
.supplement_per_heading > span em {
  font-family: Rhymes-Light-Italic;
}
.per-value {
  max-width: 80px;
  width: 100%;
  text-align: center;
}
.supplements__footprints {
  display: grid;
  gap: 12px;
}
.supplements__footprints_para {
  font-size: 12px;
  line-height: 15px;
}
.supplements__footprints_para b {
  font-weight: 500;
}
.describing_ing__content {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 0 10px 10px;
  position: relative;
  display: grid;
  gap: 18px;
}
.did_youknow__paragraph {
  font-size: 14px;
  line-height: 21px;
}
.did_youknow__note {
  font-size: 12px;
  line-height: 15px;
  font-family: Rhymes-Light-Italic;
}
.describing_ing__heading span {
  font-size: 14px;
  line-height: 21px;
  background: #def647;
  border-radius: 6px;
  padding: 3.5px 8.5px;
  display: inline-block;
}
.describing_ing__heading {
  background: #f8f8f8;
  width: fit-content;
  padding: 4px 4px 0;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 749px) {
  .keep__shopping_action_btn {
    right: auto;
    left: 20px;
  }
  .keep__shopping_interior {
    padding: 4.5px 10px;
    gap: 6px;
  }
  .custom__drawer__management {
    border-radius: 10px 10px 0 0;
    transform: translateY(100%);
    height: 95dvh;
    top: auto;
  }
  .name__product_drawer {
    font-size: 16px;
    line-height: 20px;
  }
  .cross__product_drawer svg {
    width: 24px;
    height: 24px;
  }
  .drawer__content__box {
    padding: 0 20px 80px;
  }
}
.shopify-policy__body .rte .shopify-section-group-footer-group {
  display: none;
}

.anchor-links__list {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    overflow-x: scroll;
    margin: 0;
    padding: 36px 0 38px;
    position: relative
}

.anchor-links__list .anchor-links__item {
    line-height: 21px
}

.anchor-links__item button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--charcoal-lighter);
    transition: color .3s ease;
    width: max-content
}

.anchor-links__item button.active {
    color: #000
}
.anchor-links__item button.active {
    color: #000 !important;
}

.anchor-links__item .link_redirect_within {
    font-size: 14px;
    line-height: normal;
    font-family: inter, sans-serif;
    font-weight: 500;
    color: #bbbcbc;
    transition: color .3s ease
}

.anchor-links__item button span {
    background: #bbbcbc;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    position: relative;
    top: -2px
}

.anchor-links__item button.active span {
    background: #1f2322
}

@media (max-width: 768px) {
    .anchor-links__sticky .page-width {
        padding: 0 33px
    }

    .anchor-links__list {
        gap: 20px;
        width: calc(100% + 66px);
        margin-left: -33px;
        padding: 20px;
        border-bottom: none
    }
}

@media (max-width: 500px) {
    .anchor-links__list {
        justify-content: start
    }
}






/* FAQ CSS */

body .cart-drawer {
  max-width: 490px;
}
body .okeReviews-qandaWidget-header .okeReviews-qandaWidget-header-poweredBy {
  display: none !important;
}
.rainforst_pdpTemplates .Show_Announcement_Bar.announcement--transparent,
.rainforst_pdpTemplates .spmtFctsFrstShop {
  display: none;
}
#Product_Reviews {
  padding-top: 40px;
}
.image_with_text__wrapper {
  background: #f8f8f8;
  padding: 100px 0;
}
.image_with_text_container {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.media__interior_mgtxt img {
  width: 100%;
  border-radius: 10px;
}
.media__layout_mgtxt {
  width: 100%;
  max-width: 630px;
}
.content_layout__mgtxt {
  width: 100%;
}
.mgtxt__title {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  margin: 0 0 32px;
}
.mgtxt__title span {
  font-family: Rhymes-Light-Italic;
}
.mgtxt__paragraph {
  font-size: 16px;
  line-height: 25px;
}
.content_faq_collapsible {
  margin: 80px 0 0;
}
.content_faq_Faq_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  gap: 12px;
}
.content_faq__FaqList:not(:last-child) {
  border-bottom: 1px solid #797b7a;
}
.content_faq_Faq_para {
  margin: 24px 0 40px;
  display: grid;
  gap: 24px;
}
.content_faq_Faq_paragraph {
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.content_faq__form_factor {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.content_faq__gridftt {
  flex: 0 0 100px;
}
.content_faq_mg_layoutwp img {
  width: 100%;
  border-radius: 10px;
}
.content_faq_factortilt {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 8px;
}
.content_faq_factor_dc {
  font-size: 14px;
  line-height: 21px;
}
.content_faq__FQicon {
  display: flex;
  align-items: center;
}
.content_faq__FaqList.active .content_faq__FQicon .faq-minus {
  display: block;
}
.content_faq__FaqList.active .content_faq__FQicon .faq-plus {
  display: none;
}
.content_faq__FaqList.active .content_faq_Faq_title {
  color: #797b7a;
}
.scrolling__card_marquee .scrolling__card_container {
  margin: 20px 0 0;
}
.customer__testimonial_wrapper .customer_testimonial__container {
  padding-top: 20px;
}
.rainforest__bundle_heading {
  font-size: 18px;
  line-height: 28px;
  color: #1f2322;
  margin: 0 0 20px;
}
.rainforest__bundle_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 4px;
}
.rainforest__bundle_subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  margin: 0 0 4px;
}
.rainforest__bundle_para {
  font-size: 12px;
  line-height: 16px;
  color: #1f2322;
  margin: 0 0 4px;
}
.rainforest__bundle_cta {
  margin: 10px 0 0;
  line-height: 20px;
}
.rainforest__bundle_cta a,
.rainforest__bundle_cta .open__drawerLink {
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  display: inline-block;
  padding: 0 0 4px;
  transition: ease 0.3s;
  border-bottom: 1px solid #797b7a;
  cursor: pointer;
}
.rainforest__bundle_cta a:hover,
.rainforest__bundle_cta .open__drawerLink:hover {
  border-bottom: 1px solid #1f2322;
  color: #1f2322;
}
.rainforest__bundle_include {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rainforest__bundle_image {
  flex: 0 0 100px;
}
.rainforest__bundle_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.rainforest__bundle_content {
  width: calc(100% - 112px);
}
.rainforest__bundle_include_container:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 16px;
  margin: 0 0 16px;
}
.rainforest__sticky_button_actions {
  background: #fff;
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  box-shadow: 0 4px 4px -2px #1f23221f;
  opacity: 0;
  transition: ease 0.8s;
}
.rainforest__sticky_button_actions.stickyAddToCart {
  opacity: 1;
}
.rainforest__sticky_content
  .buy__buttons_layout_container
  .product-form__submit {
  min-width: 300px;
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 21px;
}
.sticky_productName {
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #1f2322;
}
.sticky_subscribe_message {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background: #398200;
  border-radius: 4px;
  width: fit-content;
  padding: 2px 5px;
  display: inline-block;
}
.sticky_shipping_message {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  border-radius: 4px;
  padding: 2px 6px;
  background: #ebf2e5;
  width: fit-content;
  display: inline-block;
}
.sticky_shipping_message .SubscribeSave_sticky {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rainforest__sticky_header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.rainforest__sticky_content_option {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #797b7a;
}
.rainforest__sticky_buttonContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  margin: 0 32px;
  border-top: 1px solid #e9e9e9;
}
.rainforest__sticky_content {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.rainforest__sticky_content .buy__buttons_layout_container {
  margin: 0;
}
.rainforest__image_briefContainer {
  margin: 100px 0;
}
.rainforest__image_briefWrapper {
  max-width: 1440px;
  margin: auto;
  padding: 0 70px;
}
.rainforest__image_briefHeading {
  font-family: Inter;
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #1f2322;
  margin: 0 0 40px;
}
.rainforest__image_briefHeading span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.rainforest__image_briefItems {
  display: flex;
  gap: 18px;
}
.rainforest__image_briefItem {
  width: 33.33%;
}
.rainforest__image_briefcontent {
  margin: 22px 0 0;
}
.rainforest__image_briefmedia img {
  width: 100%;
  border-radius: 10px;
}
.image_brief_subtxt {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #797b7a;
  margin: 0 0 12px;
}
.image_brief_title {
  font-size: 20px;
  line-height: 28px;
  color: #1f2322;
  margin: 0 0 8px;
}
.image_brief_para {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
  margin: 0 0 8px;
}
.image_brief_btn {
  padding: 8px 0 0;
}
.image_brief_btn span {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #1f2322;
  border-bottom: 1px solid #1f2322;
  padding: 0 0 3px;
  display: inline-block;
  cursor: pointer;
}
.SuggestionItemsList_Interior {
  cursor: pointer;
}
.badges__media_main {
  position: absolute;
  bottom: 0;
  left: 0;
}
.badges__media_mainInterior {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffffb2;
  border-radius: 0 10px 0 0;
  padding: 8px 13.5px;
  min-height: 40px;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  box-sizing: border-box;
}
.badge_icn_rainforest {
  margin-right: 6px;
}
.SuggestionItems__productContainer {
  padding: 40px 70px 60px 40px;
}
.SuggestionItems__productTitle {
  font-size: 18px;
  line-height: 28px;
  color: #1f2322;
  margin: 0 0 20px;
}
.SuggestionItems__productsList {
  display: grid;
  gap: 12px;
}
.SuggestionItemsImage img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
.SuggestionItemsMainContent {
  padding: 13px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.SuggestionItemsMainContent_title {
  display: grid;
  gap: 6px;
}
.SuggestionItemPtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.SuggestionItemPsubtitle {
  font-size: 12px;
  line-height: 16px;
  color: #1f2322;
}
.SuggestionItemPdetails {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  margin-right: 3px;
}
.SuggestionItemPprice_cp {
  display: flex;
  align-items: center;
}
.sugg_cprice,
.sugg_price {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.sugg_cprice {
  color: #797b7a;
  text-decoration: line-through;
}
.sugg_price.suggestion_discount_price {
  color: #398200;
}
.SuggestionItemsListGrouped {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 8px;
  overflow: hidden;
}
.SuggestionItemIconmini {
  padding-bottom: 8px;
  cursor: pointer;
}
.SuggestionItemIcon {
  flex: 0 0 28px;
}
.savings_sugg {
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  margin-right: 4px;
}
.SuggestionItemBadge {
  background: #ebf2e5;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  padding: 2px 7px;
  display: inline-block;
  text-align: center;
}
.SuggestionItemsImage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.SuggestionItemsMainImage {
  background: #f8f8f8;
  flex: 0 0 90px;
}
.SuggestionItemsList {
  display: flex;
  gap: 12px;
}
.rainforest_pdp_SubTitle {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 12px;
  color: #1f2322;
}
.rainforest_pdp_ProductTitle {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #1f2322;
  margin: 0 0 12px;
}
.rainforest_pdp_ProductDescription {
  margin: 0 0 12px;
}
.rainforest_pdp_ProductDescription p {
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
}
.rainforest-pdpInformation_interior .okeReviews-reviewsSummary-ratingCount {
  left: 0;
  color: #797b7a !important;
  font-size: 14px;
  line-height: 21px;
  margin: 0 !important;
}
.rainforest-pdpInformation_interior .okeReviews-reviewsSummary-starRating {
  line-height: 21px;
}
.rainforest-pdpInformation_interior
  .okeReviews-reviewsSummary-starRating
  .okeReviews-starRating--small {
  height: 16px;
  width: 82.79px;
}
.rainforest-pdpInformation_interior
  .okeReviews-reviewsSummary-starRating
  .okeReviews-starRating--small
  .okeReviews-starRating-indicator-layer {
  background-size: 82.79px 16px;
}
.rainforest-pdpInformation_interior .okeReviews.okeReviews--theme {
  margin: 0 0 20px;
}
.Productbenifits_wp {
  font-size: 14px;
  line-height: 21px;
  color: #797b7a;
  margin: 0 0 28px;
}
.rainforest_productDrawerLayout {
  margin: 0 0 28px;
}
.drawers--layout_main {
  display: flex;
  align-items: center;
  gap: 8px;
}
.drawer__iconTextWp .listed_drawer,
.drawer__iconTextWp drawer-open {
  display: flex;
  align-items: center;
  gap: 6.52px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #4c4f4e;
  padding: 4.5px 11.5px;
  border-radius: 50px;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  transition: ease 0.3s;
}
.drawer__iconTextWp .listed_drawer:hover,
.drawer__iconTextWp drawer-open:hover {
  border: 1px solid #1f2322;
  color: #1f2322;
}
.rainforest__mainpdp_layout {
  max-width: 1440px;
  margin: auto;
}
.rainforest_mainpdp_container {
  display: flex;
  align-items: flex-start;
}
.rainforest-pdpMedia_wrapper {
  width: 57%;
}
.rainforest-pdpInformation_wrapper {
  width: 43%;
}
.rainforest-pdpInformation_interior {
  padding: 70px 70px 40px 40px;
}
.Media_exceutionxt__lyt {
  height: 100%;
}
.Media_exceutionxt__lyt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Media_exceutionxt video {
  width: 100%;
}
.Purchase_one-time_title {
  padding: 16px;
  cursor: pointer;
}
.Purchase__container_widgetSubs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
}
.normal_price {
  color: #797b7a;
  text-decoration: line-through;
}
.discounted_price {
  color: #398200;
}
.WelcomeSubscibr {
  font-size: 12px;
  line-height: 15px;
  color: #398200;
  margin: 10px 0 0;
  display: block;
}
.WelcomeSubscibr b {
  font-weight: 500;
}
.Purchase__normally_wy:not(:last-child) {
  margin: 0 0 12px;
}
.DeliveryMsgBuoy {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  margin: 6px 0 0;
}
.DeliveryMsgBuoy .DeliveryBuoyBadge {
  display: flex;
  align-items: center;
}
.Buy__save_off {
  background: #398200;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  padding: 2.5px 5.5px;
  position: relative;
  top: -1px;
  margin-left: 3px;
  display: inline-block;
}
.Gift__container_offered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
}
.Subscription_gift_bags {
  display: flex;
  align-items: center;
  background: #ebf2e5;
  border-radius: 4px;
  padding: 2px 5.5px;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #398200;
}
.Subscription_gift_bags .icon_gft {
  display: flex;
  align-items: center;
}
.Purchase_one-time__option {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  overflow: hidden;
}
.Purchase__normally_wy.active .Purchase_one-time__option {
  border: 1px solid #797b7a;
}
.PurchaseShippingInfo__layout {
  background: #fbfbfb;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #398200;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
}
.purchaseSubscribe_layoutWidget .PurchaseShippingInfo__layout {
  background: #ebf2e5;
  display: flex;
}
.PurchaseShippingInfo__layout svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}
.Purchase__selection_variants {
  position: relative;
}
.container_selection_WidgetMain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.Purchase__SelectionVariants {
  padding: 20px 16px;
  display: none;
}
.Purchase__normally_wy.active .Purchase__SelectionVariants {
  display: block;
}
.Purchase__normally_wy.active .PurchaseShippingInfo__layout {
  display: flex;
}
.Purchase__normally_wy.active .Purchase_one-time_title {
  background: #fbfbfb;
}
.Main_variant_selection_image {
  width: 60px;
}
.Main_variant_custom_selection {
  width: calc(100% - 68px);
}
.custom-radio-pdp {
  border: 0.71px solid #1f2322;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  flex: 0 0 20px;
}
.Variant_Title-pdp {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom_variant_supply_ct {
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  margin: 10px 0 0;
  display: block;
}
.Purchase__selection_variants input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.PurchaseQty__sachets_layout .Purchase__selection_variants:not(:last-child) {
  margin: 0 0 24px;
}
.Purchase__selection_variants input:checked + label .custom-radio-pdp {
  background-color: #000;
  background-image: url(../../../files/checked-icon663a.svg?v=1751431509);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
.custom_price_with_name s {
  color: #797b7a;
}
.buy__buttons_layout_container {
  margin: 28px 0 0;
}
.buy__buttons_layout_container .product-form__submit {
  background: #1f2322;
  color: #fff;
  width: 100%;
  padding: 11.5px 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
}
.Shipping__noticed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #398200;
}
.Shipping__noticed svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}
.Grid_iconText__layoutWp {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.Wp__grid_title_map {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #1f2322;
  margin: 0 auto 12px;
  max-width: 200px;
}
.Wp__grid_button_map {
  line-height: 20px;
  text-align: center;
  margin: 0 0 8px;
}
.Wp__grid_button_map a,
.Wp__grid_button_map .open__drawerLink {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  color: #797b7a;
  border-bottom: 1px solid #797b7a;
  padding: 0 0 3px;
  display: inline-block;
  transition: ease 0.3s;
}
.Wp__icon_synamic_layout {
  position: relative;
}
.Grid__icon_withText .Wp__grid_button_map .open__drawerLink:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.Wp__grid_button_map a:hover,
.Wp__grid_button_map .open__drawerLink:hover {
  color: #1f2322;
  border-bottom: 1px solid #1f2322;
}
.Grid__icon_wrapper:not(:last-child) {
  border-right: 1px solid #e9e9e9;
}
.Grid__icon_wrapper {
  width: 50%;
  padding: 0 10px;
}
.Wp__grid_icon_map {
  text-align: center;
  margin: 0 0 12px;
}
.video_playback_title {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.video_playback_ratings {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}
.video_playback_ratings svg {
  width: 66.69px;
  height: 12px;
}
.Testimonial__video_tagged {
  position: relative;
  margin: 0 0 12px;
  border-radius: 10px;
  overflow: hidden;
}
.video_execution_layoutWp {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.from__quick_add_pp .cprice_qcustom {
  padding-left: 4px;
}
.video_execution_layoutWp video {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  object-fit: cover;
}
.video__playIcon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: fit-content;
  margin: auto;
  cursor: pointer;
  z-index: 1;
  padding: 8px;
}
.video__playIcon span {
  display: flex;
  align-items: center;
}
.video__playIcon img {
  width: 30px;
  height: 30px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.video_tagged {
  background: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #1f2322;
  position: absolute;
  padding: 2px 6px;
  z-index: 2;
  left: 8px;
  top: 8px;
}
.Testimonial__reviews_widget {
  margin: 28px 0;
  padding: 98px 0 0 0;
}
.Testimonial_widget_videos_rvw.swiper-slide {
  width: 160px;
}
.Testimonial_button_reviews {
  font-size: 14px;
  line-height: 21px;
  color: #797b7a;
  margin: 32px 0 0;
  border-bottom: 1px solid #797b7a;
  padding: 0 0 4px;
  display: inline-block;
  cursor: pointer;
  transition: ease 0.3s;
}
.Testimonial_button_reviews:hover {
  color: #1f2322;
  border-bottom: 1px solid #1f2322;
}
.Testimonial__reviews_interior {
  opacity: 0;
}
.Testimonial__reviews_interior.swiper-initialized {
  opacity: 1;
}
.Testimonial__reviews_interior.swiper {
  padding: 0 70px 0 0;
}
.image_points {
  padding: 100px 0;
}
body .Without__quick_image .Without__badgesMg a {
  background: #fff;
}
body .Without__quick_image .Without__badgesMg a:hover {
  background: #def647;
}
.benefits-section {
  max-width: 1120px;
  margin: auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-direction: row-reverse;
}
.heading__mainpoint {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #1f2322;
  margin: 0 0 28px;
}
.heading__mainpoint span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.paragraph__mainpoint {
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
}
.progress-container {
     min-width: 2px;
    background-color: #bbbcbc;
    border-radius: 3px;
    margin-right: 30px;
    position: relative;
    /* height: 100% !important; */
    top: 0px;
    max-height: 97%;
}
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #1f2322;
  border-radius: 3px;
  transition: height 1s ease, top 1s ease;
}
.progress-dots {
  position: absolute;
  left: 1px;
  width: max-content;
  height: 100%;
}
.progress-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bbbcbc;
  box-sizing: border-box;
  transition: all 1s ease;
  transform: translate(-6px);
  position: absolute;
}
.progress-dot.active {
  background-color: #1f2322;
}
.timeline-wrapper {
  display: flex;
}
.MainTimeline__containerInterior {
  flex: 1;
  position: relative;
  display: flex;
  padding-left: 10px;
}
.timeline-item {
  margin: 0 0 32px;
  transition: color 0.4s;
  padding-left: 10px;
  position: relative;
}
.timeline-item:last-child {
  margin: 0;
}
.header-section {
  margin: 0 0 40px;
}
.image-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline-item h3 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  color: #797b7a;
  margin: 0 0 8px;
}
.timeline-item p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #797b7a;
  margin: 0;
}
.timeline-item.center-stage h3,
.timeline-item.center-stage p {
  color: #1f2322;
}
.timeline__item:last-child {
  margin: 0;
}
.timeline__dots_height {
  position: relative;
}
.timeline__itemPoint {
  position: absolute;
  left: 9px;
  width: 12px;
  height: 12px;
  background-color: #bbbcbc;
  border-radius: 18px;
  z-index: 2;
  box-sizing: content-box !important;
  top: 6px;
}
.timeline__item.active .timeline__itemPoint {
  background: #000;
}
.timeline__dots_height_calculate {
  position: absolute;
  left: 14px;
  height: 0%;
  width: 2px;
  background-color: #1f2322;
  top: 6px;
  max-height: 60%;
}
.rainforest_pdp_faq_container {
  padding: 20px 70px;
  margin-top: 80px;
}
.scrolling-cards {
  width: 100%;
  background-color: #fff;
}
.scrolling-cards-sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px 0 100px 70px;
}
.headline-card {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.headline-card h2 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  color: #1f2322;
  margin: 0;
}
.headline-card em {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
  font-style: normal;
}
.marquee-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.fade-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, #fff 0.31%, #fff0 14%);
  pointer-events: none;
  z-index: 1;
}
.marquee-content {
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  will-change: transform;
}
.marquee-item {
  padding: 8px;
  border-radius: 10px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 18px;
  background: #f8f8f8;
  width: 311px;
  flex-shrink: 0;
}
.marquee-item-sub {
  width: calc(100% - 67px);
}
.marquee-img {
  width: 55px;
}
.item-heading {
  white-space: normal;
}
.item-heading p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #1f2322;
}
.profession {
  padding-top: 4px;
}
.profession p {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: #1f2322;
  margin: 0;
}
.marquee-img img {
  width: 55px;
  height: 55px;
  object-fit: cover;
  display: block;
}
@media (min-width: 750px) {
  .onlyshowMob {
    display: none !important;
  }
  .groups__quick_add__heading {
    font-size: 40px;
    line-height: 50px;
  }
  .rainforest_mainpdpMedia {
    display: flex;
    flex-wrap: wrap;
  }
  .Media_exceutionxt {
    position: relative;
  }
  .Media_exceutionxt,
  .Media_exceutionxt:nth-child(n + 2) + .Media_exceutionxt:nth-child(3n + 4) {
    width: 100%;
  }
  .Media_exceutionxt:nth-child(n + 2) {
    width: 50%;
  }
  .rainforest-pdpInformation_wrapper {
    position: sticky;
    top: 70px;
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .mobile_head {
    display: none !important;
  }
  .image-container {
    width: 52%;
    position: sticky;
    top: 100px;
    height: 100%;
  }
  .content-container {
    width: 48%;
    position: relative;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1437px) {
  .SuggestionItems__productContainer {
    padding: 40px 40px 60px;
  }
  .rainforest-pdpInformation_interior {
    padding: 70px 40px;
  }
}
@media (max-width: 1400px) {
  .media__layout_mgtxt {
    max-width: 540px;
  }
}
@media (max-width: 1279px) {
  .mgtxt__title {
    font-size: 30px;
    line-height: 39px;
    margin: 0 0 24px;
  }
  .mgtxt__paragraph {
    font-size: 14px;
    line-height: 21px;
  }
  .rainforest__sticky_buttonContainer {
    margin: 0 20px;
  }
  .rainforest__image_briefWrapper {
    padding: 0 20px;
  }
  .SuggestionItemIcon {
    flex: 0 0 24px;
  }
  .rainforest-pdpMedia_wrapper,
  .rainforest-pdpInformation_wrapper {
    width: 50%;
  }
  .rainforest-pdpInformation_interior {
    padding: 40px;
  }
  .scrolling-cards-sub {
    padding: 80px 0 80px 20px;
  }
  .image_points {
    padding: 50px 0;
  }
  .heading__mainpoint {
    font-size: 30px;
    line-height: 39px;
    margin: 0 0 12px;
  }
  .rainforest_pdp_faq_container {
    padding: 20px;
    margin-top: 60px;
  }
}
@media (max-width: 1023px) {
  .desktop_head {
    display: none !important;
  }
  .rainforest-pdpInformation_interior {
    padding: 40px 20px;
  }
  .SuggestionItems__productContainer {
    padding: 40px 20px 20px;
  }
  .Testimonial__reviews_widget {
    padding-left: 0;
  }
  .benefits-section {
    justify-content: center;
    gap: 12px;
    flex-direction: column;
    text-align: center;
  }
  .header-section {
    margin: 0 0 12px;
  }
  .timeline-item {
    text-align: left;
  }
  .rainforest_pdp_faq_container {
    padding: 0 20px;
  }
}
@media (max-width: 950px) {
  .scrolling-cards-sub {
    flex-direction: column;
    padding-left: 0;
  }
  .headline-card h2 {
    margin: 0 0 25px;
  }
  .marquee-container {
    width: 100%;
    margin: 0;
  }
  .fade-overlay {
    display: none;
  }
}
@media (max-width: 768px) {
  .groups__quick_add__heading {
    font-size: 30px;
    line-height: 39px;
  }
}
@media (max-width: 749px) {
  .onlyshowDesk {
    display: none !important;
  }
  #Product_Reviews {
    padding-top: 0;
  }
  .image_with_text__wrapper {
    padding: 40px 0 24px;
  }
  .content_faq_collapsible {
    margin: 16px 0 0;
  }
  .content_interior__mgtxt {
    margin: 0 0 32px;
  }
  .scrolling__card_marquee .scrolling__card_container {
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 32px;
  }
  .customer__testimonial_wrapper .customer_testimonial__container {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .rainforest__sticky_button_actions {
    top: auto !important;
    bottom: -100%;
    box-shadow: 0 -4px 20px #1f232233;
    border-radius: 10px 10px 0 0;
    padding: 20px 20px 14px;
  }
  .rainforest__sticky_button_actions.stickyAddToCart {
    bottom: 0;
  }
  .rainforest__buttonScroll span {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    background: #1f2322;
    color: #fff;
    border-radius: 50px;
    width: 100%;
    display: block;
    padding: 8.5px;
  }
  .sticky_shipping_message {
    display: block;
    margin: 10px auto 0;
    background: transparent;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
  }
  .sticky_shipping_message .SubscribeSave_sticky {
    gap: 6px;
  }
  .sticky_shipping_message .SubscribeSave_sticky svg {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }
  .rainforest__image_briefContainer {
    margin: 34px 0;
  }
  .rainforest__image_briefWrapper {
    padding: 0;
  }
  .rainforest__image_briefItem {
    min-width: 271px;
  }
  .rainforest__image_briefItems {
    overflow: auto;
    padding: 0 20px 20px;
    scrollbar-width: none;
  }
  .rainforest__image_briefHeading {
    font-size: 30px;
    line-height: 39px;
    margin: 0 0 32px;
    padding: 0 20px;
  }
  .image_brief_para {
    font-size: 14px;
    line-height: 21px;
  }
  .image_brief_btn span {
    font-size: 12px;
    line-height: 16px;
  }
  .timline_main_wrapper {
    padding-top: 2px;
  }
  .Media_exceutionxt_media {
    padding-bottom: 100%;
    position: relative;
  }
  .Media_exceutionxt_media video,
  .Media_exceutionxt_media img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .badge_icn_rainforest {
    flex: 0 0 24px;
  }
  .badges__media_mainInterior {
    padding: 0 13.5px;
  }
  .Media_exceutionxtMnMedia.swiper-slide {
    height: auto;
    width: calc(100% - 20px);
  }
  .SuggestionItemIcon {
    flex: 0 0 28px;
  }
  .SuggestionItems__productContainer {
    padding: 40px 20px 0;
  }
  .Testimonial__reviews_widget {
    margin: 20px 0 12px;
    padding-left: 20px;
  }
  .rainforest_pdp_ProductDescription p {
    font-size: 14px;
    line-height: 21px;
  }
  .rainforest_pdp_ProductTitle {
    font-size: 30px;
    line-height: 39px;
  }
  .rainforest_mainpdp_container {
    flex-wrap: wrap;
  }
  .rainforest-pdpInformation_wrapper {
    width: 100%;
  }
  .rainforest-pdpInformation_interior {
    padding: 32px 20px;
  }
  .rainforest-pdpMedia_wrapper {
    width: 100%;
  }
  .timeline-item {
    padding-left: 5px;
  }
  .heading__mainpoint {
    margin: 0 auto 12px;
    max-width: 265px;
  }
  .header-section {
    margin: 0 0 32px;
  }
  .header-section.mobile_head {
    margin: 0 0 12px;
  }
  .paragraph__mainpoint {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }
  .headline-card {
    align-items: center;
    padding: 0 20px;
  }
  .scrolling-cards-sub {
    padding: 80px 0;
  }
  .headline-card h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .rainforest_pdp_faq_container {
    padding: 0px 15px 0px !important;
  }
  }
}
@media (max-width: 390px) {
  .drawer__iconTextWp .listed_drawer,
  .drawer__iconTextWp drawer-open {
    padding: 4.5px 9.5px;
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  .badges__media_mainInterior {
    font-size: 12px;
  }
  .SuggestionItemBadge {
    font-size: 11px;
    padding: 2px 4px;
  }
}
@media (max-width: 370px) {
  .drawer__iconTextWp .listed_drawer,
  .drawer__iconTextWp drawer-open {
    font-size: 12px;
  }
}
/*# sourceMappingURL=/cdn/shop/t/216/assets/section-header.css.map?v=165505774146235124411757995514 */


.collection_groups__quick_add {
  margin-top: 32px;
  margin-bottom: 20px;
}
.collection_groups__quick_add__grid {
  row-gap: 60px !important;
}




/* Custom Css by Me */
.off_chronic_discount_allowedsave{
	text-align:center;
	font-style:italic;
	font-size:12px;
	line-height:16px;
	color:#797b7a;
	margin:5px 0 0
}
.Build__supply_own{
	padding:0 20px 10px;
	font-family:Inter;
	font-size:14px;
	font-weight:400;
	line-height:15px;
	text-align:left;
	display:flex;
	align-items:center;
	gap:4px;
	color:#797b7a
}
.MainCOntainerLayoutLm .perchasebtn a s{
	padding-left:5px
}
.BuoyMb__bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px;
	gap:5px;
	background:#fff;
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	box-shadow:0 -4px 20px #1f232233
}
.BuoyStickyBottomMobile{
	position:fixed;
	top:auto;
	left:0;
	right:0;
	z-index:7;
	bottom:0
}
.mobile_drawerVisible .BuoyMb__bar{
	border-radius:0;
	box-shadow:none
}
.mobile_drawerVisible .BuoyStickyBottomMobile{
	position:sticky;
	top:0;
	bottom:auto
}
.ItemsChoosedOneWay{
	font-size:14px;
	line-height:21px
}
.BuoySummaryClapssible{
	display:flex;
	align-items:center;
	gap:4px;
	font-size:12px;
	line-height:16px;
	color:#1f2322;
	cursor:pointer
}
.BuoyIconDown{
	display:flex;
	align-items:center
}
.BuoyIconDown svg{
	transition:ease all .5s
}
.mobile_drawerVisible .BuoyIconDown svg{
	transform:rotate(180deg)
}
.Byob__ProductRatings .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer{
	background-size:65px 12px
}
.Byob__ProductRatings{
	margin:0 0 3px
}
body .okeReviews-starRating-indicator{
	display:block
}
.Byob__ProductRatings .okeReviews-reviewsSummary-ratingCount{
	left:0;
	color:var(--charcoal-60)!important;
	font-size:12px!important;
	margin:0!important
}
.okeReviews-reviewsSummary-ratingCount span{
	color:#4c4f4e
}
.oke-sr{
  margin: 0 0 20px;
}
.Byob__ProductRatings .okeReviews .okeReviews-starRating--small{
	height:12px;
	width:65px
}
.Byob__MainLayoutWrapper{
	max-width:1440px;
	margin:auto;
	padding:0 70px;
	display:flex;
	gap:63px
}
.Byob__layoutGridBox{
	width:72.6%
}
.byobVideoLayout{
	position:relative;
	padding-bottom:56.25%;
	border-radius:10px;
	overflow:hidden
}
.byobVideoLayout video{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	object-fit:cover
}
.byob_banner_wp{
	position:relative
}
.byob__reviews_up{
	position:static;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	padding:16px 16px 0
}
.byob__reviews_up .okeReviews-reviewsSummary-starRating,.byob__reviews_up .okeReviews{
	line-height:21px
}
.byob__reviews_up .okeReviews-reviewsSummary-ratingCount{
	font-weight:500;
	font-size:14px;
	line-height:21px;
	margin:0!important;
	left:0
}
.byob__reviews_up .okeReviews-reviewsSummary-ratingCount span{
	color:#fff!important
}
.byob__reviews_up .okeReviews .okeReviews-starRating--small{
	height:16px;
	width:80px
}
.byob__reviews_up .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer{
	background-size:80px 14px;
	height:14px
}
.byob_image__conatiner{
	position:relative;
	border-radius:10px;
	overflow:hidden
}
.byob_image__conatiner img{
	width:100%
}
.byob_image__conatiner:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:linear-gradient(180deg,#0000 73.5%,#00000026)
}
.Byob__layoutDrawerBox{
	width:37.4%;
	position:sticky;
	top:84px;
	z-index:7;
	height:100%
}
.Byob__bundleContainer{
	padding:40px 0 100px
}
.byob_bannerHeading{
	font-family:Rhymes-Light-Italic;
	font-size:50px;
	line-height:60px;
	letter-spacing:-.02em;
	text-align:center;
	margin:0 0 24px
}
.groups__quick_add__heading{
	font-size:30px;
	line-height:40px;
	margin:0 0 16px
}
.byob_bannerKeyPoints_header{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:2px 12px;
	margin:16px 0 0
}
.byob_bannerKeyPoint_header{
	display:flex;
	align-items:center;
	gap:4px
}
.KyIcon__Byob_header{
	display:flex;
	align-items:center
}
.KyPoint__Byob_header{
	font-size:14px;
	line-height:21px
}
.images_grid_buttons{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin:24px 0 0
}
.images__grid_drawers drawer-open{
	border:1px solid #E9E9E9;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4.5px 11.1px;
	transition:ease .3s;
	cursor:pointer
}
.images__grid_drawers drawer-open:hover{
	border:1px solid #1F2322
}
.images__grid_drawers drawer-open span{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	font-size:14px;
	line-height:21px
}
.images__grid_drawers drawer-open span img{
	width:16px;
	height:16px;
	flex:0 0 16px
}
.byob_bannerHeading sup{
	line-height:0;
	position:relative;
	top:12px
}
.byob_bannerHeading span{
	font-family:Inter;
	font-style:normal;
	font-weight:400
}
.byob_bannerSubHeading{
	font-size:16px;
	line-height:25px;
	text-align:center;
	margin:0 0 20px
}
.KyPoint__Byob{
	font-size:14px;
	line-height:21px;
	text-align:left;
	color:#398200
}
.byob_bannerKeyPoint{
	display:flex;
	align-items:center;
	gap:4px
}
.KyIcon__Byob{
	display:flex;
	align-items:center
}
.byob_bannerKeyPoints{
	display:flex;
	align-items:center;
	gap:2px 12px;
	flex-wrap:wrap;
	justify-content:center
}
.byob_bannerContent{
	margin:42px 0 28px
}
.byob_ctaAnchorsContainer{
	position:sticky;
	top:64px;
	z-index:7;
	background:#fff
}
.byob_ctaAnchorsList{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
	flex-wrap:wrap;
	padding:36px 0
}
.byob_anchors a{
	font-family:Inter;
	font-size:14px;
	font-weight:500;
	line-height:21px;
	text-align:center;
	color:#bbbcbc;
	display:inline-block
}
.byob_anchors a span{
	background:#bbbcbc;
	font-family:Inter;
	font-weight:400;
	font-size:12px;
	line-height:16px;
	color:#fff;
	border-radius:4px;
	display:inline-block;
	margin-left:4px;
	padding:2px 6px
}
.byob_anchors.active a span{
	background:#1f2322
}
.byob_anchors.active a{
	color:#1f2322
}
.Byob__containerGridWp{
	border-top:1px solid #E9E9E9;
	padding:48px 0 0
}
.byob_productHeading{
	font-family:Rhymes-Light-Italic;
	font-size:40px;
	font-weight:300;
	line-height:50px;
	letter-spacing:-.02em;
	text-align:left;
	margin:0;
	color:#1f2322
}
.byob_productHeading span{
	font-family:Inter;
	font-style:normal;
	font-weight:400
}
.byob_productSubHeading{
	margin:16px 0 0;
	font-family:Inter;
	font-size:16px;
	font-weight:400;
	line-height:25px;
	text-align:left;
	color:#1f2322
}
.byob_productClinicalTag{
	margin:24px 0 0
}
.ClinicalTaggedWp{
	display:flex;
	align-items:flex-start;
	gap:6px
}
.ClinicalBadge{
	display:flex;
	align-items:center
}
.clinical_message{
	font-family:Inter;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	text-align:left;
	color:#1f2322
}
.clinical_message span{
	display:block;
	margin:8px 0 0;
	font-size:12px;
	line-height:15px;
	padding-bottom:2px;
	cursor:pointer;
	width:fit-content;
	border-bottom:1px solid #1F2322
}
.Byob_ProductsContainer{
	padding:40px 0 50px
}
.Wrapper_ProductBuoyBundle .Byob__ProductsGridContainer:last-child .Byob_ProductsContainer{
	padding-bottom:0
}
.Byob__listedWp{
	display:flex;
	flex-wrap:wrap;
	gap:60px 18px
}
.Byob_productGrid{
	width:calc(33.33% - 12px)
}
.ImageProduct_Grid{
	position:relative;
	overflow:hidden;
	margin:0 0 15px;
	-webkit-user-select:none;
	user-select:none
}
.ImageProduct_XT{
	position:relative;
	background:#f8f8f8;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer
}
.ImageProduct_XT img{
	width:100%
}
.Tag_byobs .TaggedLabel.minihype{
	color:#398200;
	background:#ebf2e5
}
.TaggedLabel{
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#1f2322;
	border-radius:4px;
	padding:2px 6.5px;
	width:fit-content;
	display:inline-block
}
.TaggedLabel.offsaleBadge{
	background:#398200
}
.Tag_byobs{
	position:absolute;
	left:12px;
	top:12px;
	display:flex;
	gap:5px;
	flex-wrap:wrap;
	padding-right:5px
}
.Byob_actionbtn span{
	background:#fff;
	font-size:14px;
	text-align:center;
	padding:6.5px 20.2px;
	border-radius:50px;
	cursor:pointer;
	display:inline-block;
	transition:all .3s ease
}
.Byob_actionbtn span:hover{
	background:#def647
}
.Byob_Buttongrouped{
	position:absolute;
	padding:12px;
	bottom:0;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	left:0;
	right:0;
	align-items:center
}
.Byob_containerQty{
	width:100%;
	transform:translateY(200%);
	transition:ease .3s;
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	right:0;
	padding:12px;
	bottom:0
}
.Byob_Buttongrouped.active .Byob_actionbtn{
	display:none
}
.Byob_Buttongrouped.active .Byob_containerQty{
	transform:none;
	opacity:1;
	visibility:visible
}
.ByobSelectorQty{
	border-radius:10px;
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	-webkit-user-select:none;
	user-select:none
}
.Byob_qtyMaster.minusIcon,.Byob_qtyMaster.plusIcon{
	width:38px;
	height:38px;
	display:flex;
	align-items:center;
	cursor:pointer;
	padding:6.5px 10px;
	box-sizing:border-box;
	justify-content:center
}
.Byob_qtyMaster.digitSelector{
	color:#1f2322;
	font-family:Inter;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	text-align:center
}
.Byob__Producttitle__card{
	font-size:20px;
	font-weight:400;
	line-height:28px;
	text-align:left;
	margin:8px 0
}
.Byob__form-title .byob_bannerKeyPoints{
	justify-content:start;
	gap:8px;
	padding:8px 0 0
}
.Byob_content_drawer .Byob__form-title .byob_bannerKeyPoints{
	padding:3px 0 0
}
.Byob__form-title .byob_bannerKeyPoint{
	background:#ebf2e5;
	padding:2px 6.5px;
	border-radius:4px;
	font-size:12px;
	line-height:16px;
	color:#398200;
	display:flex;
	align-items:center;
	gap:4px
}
.Byob__form-title .byob_bannerKeyPoint .KyPoint__Byob{
	font-size:12px;
	line-height:16px
}
.cta__drawer_buttons{
	margin:16px 0 0
}
.cta__drawer_buttons_interior{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	line-height:21px
}
.cta__drawer_buttons_interior .open__drawerLink{
	font-size:14px;
	line-height:21px;
	color:#797b7a;
	text-align:center;
	display:inline-block;
	padding:0 0 4px;
	border-bottom:1px solid #797B7A;
	transition:ease .3s
}
.cta__drawer_buttons_interior .open__drawerLink:hover{
	color:#1f2322;
	border-bottom:1px solid #1f2322
}
.byob_grid_mg_interior{
	background:#f8f8f8;
	border-radius:10px;
	overflow:hidden;
	position:relative
}
.byob_grid_mg img{
	width:100%
}
.byob_grid_ct{
	padding:16px
}
.byob_grid_icon_txt{
	display:flex;
	align-items:center;
	padding:12.5px 0;
	justify-content:space-between;
	gap:4px;
	font-size:14px;
	line-height:21px
}
.byn_tx{
	display:flex;
	align-items:center
}
.byob_grid_icon_txt:not(:first-child){
	border-top:1px solid #E9E9E9
}
.byob_grid_icon_txt:first-child{
	padding-top:0
}
.byob_grid_icon_txt:last-child{
	padding-bottom:0
}
.Byob_PriceContainer{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:4px;
	margin:0 0 8px;
	font-size:16px;
	line-height:25px;
	text-align:left;
	color:#1f2322
}
.Byob__price-recurring{
	color:#398200
}
.Byob__price-otp{
	color:#797b7a;
	text-decoration:line-through
}
.serving__gridadd{
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#797b7a;
	margin:0 0 8px
}
.description__gridadd{
	font-family:Rhymes-Light-Italic;
	font-size:16px;
	line-height:25px;
	text-align:left;
	margin:0 0 8px
}
.byob_gridanchors{
	line-height:15px
}
.byob_gridanchors a{
	display:inline-block;
	font-family:Inter;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-align:left;
	color:#1f2322;
	border-bottom:1px solid #1f2322;
	padding:0 0 3px
}
.Byob_drawerSlider{
	border:1px solid #797B7A;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	min-height:600px;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.ByobDrawerHeader{
	font-size:20px;
	line-height:28px;
	text-align:center;
	padding:20px;
	background:#fff;
	position:sticky;
	top:0;
	z-index:3
}
.Byob_listedproductsDrawer{
	padding:0 20px 20px;
	max-height:240px;
	overflow:auto
}
.Byob_listedproductsDrawer::-webkit-scrollbar{
	display:none
}
.ByobListedDrawerWp{
	display:grid;
	gap:8px
}
.Byob_drawerSlider.active .ByobListedDrawerWp{
	margin:0 0 8px
}
.ByobListedDrawerWp:empty{
	display:none
}
.Byob_itemsList{
	background:#f8f8f8;
	border-radius:4px;
	padding:0 12px 0 0;
	display:flex;
	align-items:center;
	gap:8px
}
.Byob_image_drawer{
	width:68px;
	flex:0 0 68px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.Byob_image_drawer img{
	width:100%;
	height:68px;
	object-fit:contain
}
.Byob_content_drawer{
	width:calc(100% - 68px);
	padding:8px 0 10px
}
.Byob_title_drawer{
	font-family:Inter;
	font-size:14px;
	font-weight:500;
	line-height:21px;
	text-align:left;
	color:#1f2322
}
.Byob_title_priceContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:4px;
	flex-wrap:wrap;
	margin:0 0 2px
}
.Byob_price_drawerMn{
	font-family:Inter;
	font-size:14px;
	font-weight:400;
	line-height:21px
}
.Byob_cprice_drawer{
	color:#797b7a;
	text-decoration:line-through
}
.Byob_price_drawer{
	color:#398200
}
.Byob_servingRemoveContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:4px;
	flex-wrap:wrap
}
.Byob_serving_drawer{
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#797b7a
}
.Byob_remove_drawer{
	display:flex;
	align-items:center;
	cursor:pointer
}
.Buoy_stickyDrawerWp{
	padding:20px;
	border-top:1px solid #E9E9E9;
	position:relative
}
.itemsCount{
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#1f2322;
	margin:0 0 8px;
	display:block;
	text-transform:lowercase
}
.ItemsDrawerList{
	background:#e9e9e9;
	border-radius:10px;
	width:100%;
	display:block;
	height:4px;
	position:relative
}
.ItemsDrawerList span{
	position:absolute;
	height:4px;
	background:#1f2322;
	width:0;
	border-radius:10px;
	transition:ease .3s
}
.wp_price_titlecontainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:14px;
	text-align:left;
	color:#1f2322;
	gap:5px;
	margin:0 0 2px
}
.BuoyDrawerOptionsFeasible{
	padding:24px 0 0
}
.ChoosedOne{
	position:relative
}
.OneTimeDrawerOption{
	padding:0 0 14px;
	margin:0 0 14px
}
.ChoosedOne label{
	display:grid;
	gap:6px
}
.ChoosedOne input{
	display:none
}
.Variant_Title{
	gap:8px;
	display:flex;
	flex-direction:row;
	justify-content:start;
	align-items:center;
	flex-wrap:wrap;
	line-height:20px;
	cursor:pointer
}
.Variant_Title .custom-radio{
	height:20px;
	width:20px;
	border-radius:100%;
	position:relative;
	border:1px solid #1F2322;
	display:block;
	overflow:hidden
}
.quick-add__tag{
	background:var(--green-2);
	color:#fff;
	font-size:12px;
	line-height:16px;
	border-radius:4px;
	padding:2px 6.5px;
	display:inline-block
}
.quick-add__tag2{
	background:#e9e9e9;
	font-size:12px;
	line-height:16px;
	border-radius:4px;
	padding:2px 6.5px;
	display:inline-block
}
.ChoosedOne input[type=radio]+label .custom-radio:before{
	content:"";
	width:20px;
	margin:-1px;
	height:20px;
	position:absolute
}
.ChoosedOne input[type=radio]:checked+label .custom-radio:after{
	content:url(check.svg);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	aspect-ratio:1 / 1
}
.ChoosedOne input[type=radio]:checked+label .custom-radio:before{
	background:#1f2322
}
.quick-add__price-onetime{
	color:#398200
}
s.rtx_compare_price{
	color:#797b7a
}
.boxes__wp_gifts{
	display:flex;
	align-items:center;
	gap:4px
}
.Icons_listed{
	display:flex;
	align-items:center;
	gap:4px;
	font-size:12px;
	font-weight:500;
	line-height:15px;
	text-align:left;
	color:#398200
}
.Icons_listed svg{
	width:15px;
	height:15px
}
.Listed_amount{
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#398200;
	border-radius:4px;
	padding:2px 6.1px;
	background:#ebf2e5;
	display:inline-block
}
.BuoyShippingTxt{
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#797b7a;
	display:flex;
	align-items:center;
	gap:4px
}
.BuoyShippingsample{
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#398200
}
.DeliveryMsgBuoy{
	font-size:12px;
	line-height:16px;
	text-align:left;
	display:flex;
	align-items:center;
	gap:4px;
	color:#797b7a
}
.DeliveryBuoyBadge{
	display:flex;
	align-items:center
}
.PurchaseActionBuoyBtn{
	margin:20px 0 0;
	text-align:center
}
.PurchaseActionBuoyBtn .button{
	min-width:inherit;
	width:100%;
	background:#1f2322!important;
	border:none;
	font-size:14px;
	font-weight:400;
	padding:5.5px 6.5px 7.5px;
	line-height:normal;
	min-height:38px;
	cursor:pointer;
	color:#fff!important;
	position:relative
}
.PurchaseActionBuoyBtn .button.processingBundle:after{
	animation:loading var(--duration-long) infinite linear;
	border:1px solid rgba(0,0,0,0);
	border-left:1px solid #fff;
	border-radius:100%;
	box-sizing:content-box;
	content:"";
	display:block;
	height:2rem;
	position:absolute;
	width:2rem;
	z-index:9;
	left:0;
	right:0;
	top:8px;
	margin:auto
}
.processingBundle .ButtonLayoutFlex{
	opacity:0
}
.ItemsCountLength span{
	border-radius:4px;
	padding:7.5px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#797b7a
}
@media (min-width: 750px){
	.mobile_view{
		display:none!important
	}
	.ChoosedOne input[type=radio]:checked+label .custom-radio:after{
		top:-1px;
		left:-1px
	}
	.innerDivMORE .drawer__header.clinical-drawer__header{
		padding:10px 30px
	}
}
@media (min-width: 769px){
	.BuoyStickyBottomMobile{
		display:none
	}
}
@media (max-width: 1400px){
	.Byob__MainLayoutWrapper{
		padding:0 40px;
		gap:50px
	}
}
@media (max-width: 1279px){
	.Byob__MainLayoutWrapper{
		padding:0 20px;
		gap:20px
	}
	.byob_bannerHeading{
		line-height:normal;
		font-size:48px
	}
	.byob_productHeading{
		font-size:34px;
		line-height:normal
	}
	.description__gridadd{
		font-size:14px;
		line-height:21px
	}
	.Byob_drawerSlider{
		min-height:680px
	}
}
@media (max-width: 1024px){
	.Byob_containerQty{
		padding:8px
	}
	.Byob_qtyMaster.minusIcon,.Byob_qtyMaster.plusIcon{
		width:32px;
		height:32px;
		padding:2.5px 6px
	}
	.Byob_listedproductsDrawer{
		max-height:232px
	}
}
@media (min-width: 769px) and (max-width: 989px){
	.Byob_actionbtn span{
		font-size:12px;
		padding:2px 13px 3px
	}
	.byob_bannerHeading{
		font-size:40px
	}
	.byob_bannerSubHeading{
		font-size:16px
	}
	.KyPoint__Byob{
		font-size:10px
	}
	.byob_anchors a,.PurchaseActionBuoyBtn .button,.TaggedLabel{
		font-size:12px
	}
	.byob_ctaAnchorsList{
		padding:20px 0
	}
	.byob_productSubHeading{
		font-size:14px
	}
	.byob_productHeading{
		font-size:30px
	}
	.wp_price_titlecontainer{
		font-size:11px
	}
	.Byob__Producttitle__card{
		font-size:16px
	}
}
@media (max-width: 768px){
	.mobile_drawerVisible .BuoyMb__bar .animatedvw{
		display:none!important
	}
	.mobile_drawerVisible .BuoyStickyBottomMobile .Build__supply_own{
		display:flex;
		background:#fff
	}
	.Byob__drawerScrolled .Build__supply_own.desktop_view,.BuoyStickyBottomMobile .Build__supply_own{
		display:none
	}
	.Variant_Title .custom-radio{
		line-height:1;
		top:-1px
	}
	.ChoosedOne input[type=radio]+label .custom-radio:before{
		top:-1px
	}
	.ChoosedOne input[type=radio]:checked+label .custom-radio:after{
		top:-1px;
		left:-1px
	}
	.ByobDrawerHeader{
		display:none
	}
	.ItemnsLeftDrawer{
		display:none;
		margin:0 0 20px
	}
	.BuoyStickyBottomMobile .ItemnsLeftDrawer{
		display:none;
		padding:0 20px 20px;
		margin:0;
		background:#fff
	}
	.BuoyMb__bar .animatedvw{
		font-family:Inter;
		font-size:15px;
		font-weight:500;
		line-height:15px;
		color:#1f2322;
		transform:translateY(200%);
		transition:ease.3s;
		opacity:0;
		visibility:hidden
	}
	.BuoyMb__bar{
		position:relative
	}
	.BuoyMb__bar.bounceTwo .animatedvw{
		transform:none;
		opacity:1;
		visibility:visible
	}
	.BuoyStickyBottomMobile .ItemnsLeftDrawer .itemsCount{
		display:none
	}
	.mobile_drawerVisible .BuoyStickyBottomMobile .ItemnsLeftDrawer{
		display:block
	}
	.Buoy_stickyContainerWp .ItemnsLeftDrawer{
		display:none
	}
	.BuoyDrawerOptionsFeasible{
		padding:0
	}
	.Byob__MainLayoutWrapper{
		gap:0;
		flex-wrap:wrap
	}
	.Byob_drawerSlider{
		min-height:inherit;
		border:none;
		height:100%;
		gap:0px;
		padding:0
	}
	.Byob__drawerScrolled{
		height:100%
	}
	.mobile_drawerVisible .Byob__drawerScrolled{
		overflow:auto
	}
	.Byob__drawerScrolled::-webkit-scrollbar{
		display:none
	}
	.Byob_listedproductsDrawer{
		max-height:initial;
		overflow:hidden
	}
	.Byob__layoutGridBox{
		width:100%
	}
	.mobile_drawerVisible{
		overflow:hidden
	}
	.mobile_drawerVisible .page-blury-overlay{
		opacity:1;
		visibility:visible
	}
	.Byob__layoutDrawerBox{
		top:auto;
		right:0;
		bottom:-100%;
		width:100%;
		height:88%;
		transition:ease .5s!important;
		z-index:92;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		position:fixed;
		background:#fff;
		padding:0;
		overflow:hidden;
		box-shadow:0 -4px 20px #1f232233
	}
	.mobile__header_visible .Byob__layoutDrawerBox{
		display:none
	}
	.footer__main__container{
		padding-bottom:100px
	}
	.mobile_drawerVisible .Byob__layoutDrawerBox{
		bottom:0;
		box-shadow:0 0 20px #1f23221f
	}
	.byob_ctaAnchorsList{
		margin:0 -20px
	}
	.Byob__bundleContainer{
		padding:0 0 60px
	}
	.byob_ctaAnchorsContainer{
		top:59px
	}
}
@media (max-width: 749px){
	.desktop_view{
		display:none!important
	}
	.quick-add__tag,.quick-add__tag2{
		font-size:10px;
		padding:2px 4.5px
	}
	.ByobSelectorQty{
		border-radius:8px
	}
	.byob__reviews_up .okeReviews-reviewsSummary-ratingCount{
		font-size:12px;
		line-height:15px
	}
	.byob__reviews_up .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer{
		background-size:66px 12px;
		height:12px
	}
	.byob__reviews_up .okeReviews .okeReviews-starRating--small{
		height:14px;
		width:66px
	}
	.BuoyMb__bar{
		padding:22px 20px;
		transition:padding 1s ease
	}
	.byob_gridanchors a{
		font-size:12px;
		line-height:15px;
		padding:0 0 2px
	}
	.Byob__Producttitle__card{
		font-size:16px;
		line-height:20px;
		margin:8px 0
	}
	.ImageProduct_Grid{
		margin:0 0 8px
	}
	.Byob_PriceContainer{
		font-size:14px;
		line-height:21px
	}
	.cta__drawer_buttons_interior .open__drawerLink{
		font-size:12px;
		line-height:16px
	}
	.byob_grid_ct{
		padding:12px
	}
	.byob_grid_icon_txt{
		padding:8px 0;
		font-size:12px;
		line-height:16px
	}
	.byn_tx{
		flex:0 0 18px
	}
	.Byob__ProductRatings{
		margin:0 0 4px
	}
	.TaggedLabel{
		font-size:12px;
		line-height:15px;
		padding:1.5px 6.5px 3.5px
	}
	.Byob_actionbtn span{
		padding:3.5px 12.5px
	}
	.Tag_byobs{
		left:8px;
		top:8px
	}
	.Byob_Buttongrouped{
		padding:8px
	}
	.Byob__listedWp{
		gap:36px 17px
	}
	.Byob_productGrid{
		width:calc(50% - 9px)
	}
	.byob_bannerHeading{
		font-size:35px;
		line-height:41px;
		margin:0 auto 20px
	}
	.byob_bannerHeading span{
		display:block
	}
	.byob_bannerSubHeading{
		margin:0 0 16px
	}
	.byob_bannerContent{
		margin:28px 0 10px
	}
	.byob_bannerKeyPoint{
		gap:8.4px;
		justify-content:center
	}
	.byob_ctaAnchorsList{
		justify-content:initial;
		flex-wrap:nowrap;
		padding:20px;
		overflow:auto
	}
	.byob_ctaAnchorsList::-webkit-scrollbar{
		display:none
	}
	.byob_anchors{
		min-width:fit-content
	}
	.byob_anchors a{
		display:block;
		min-width:fit-content
	}
	.Byob__containerGridWp{
		padding:40px 0 0
	}
	.groups__quick_add__heading{
		font-size:24px;
		line-height:34px
	}
	.byob_productHeading{
		font-size:30px;
		line-height:39px
	}
	.Byob_ProductsContainer{
		padding:32px 0 40px
	}
	.cta__drawer_buttons_interior{
		align-items:inherit;
		line-height:16px;
		flex-direction:column
	}
}


.rainforest-pdp__accordion {
  padding: 0 0 56px 0;
}
.rainforest-pdp__accordion-point {
  border-bottom: 1px solid #797b7a;
}
.rainforest-pdp__accordion-point:first-child {
  border-top: 1px solid #797b7a;
}
.rainforest-pdp-dropdowns__q {
  display: flex;
  align-items: center;
  padding: 16px 0;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
}
.rainforest-pdp__content-text h5 {
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
  margin: 0;
}
.rainforest-pdp__accordion-point.active .rainforest-pdp__content-text h5 {
  color: #797b7a;
}
.rainforest-pdp-dropdowns__a {
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.rainforest-pdp__accordion-point.active .rainforest-pdp-dropdowns__a {
  transition: max-height 0.3s ease-in;
}
.rainforest-pdp__x span {
  display: flex;
  align-items: center;
}
.rainforest-pdp__x .minus_in,
.rainforest-pdp__accordion-point.active .rainforest-pdp__x .plus_in {
  display: none;
}
.rainforest-pdp__accordion-point.active .rainforest-pdp__x .minus_in {
  display: flex;
}
.rainforest__formLayoutExpanded {
  margin: 8px 0 32px;
}
.wp_media_with_text_works {
  display: grid;
  gap: 16px;
}
.wp_emdi_top_para {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 24px;
}
.wp_emdi_top_para b {
  font-weight: 500;
}
.media_vd_mg_layoutwp {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.media_vd_mg_layoutwp video,
.media_vd_mg_layoutwp img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rainforest__form_factor {
  display: flex;
  gap: 12px;
}
.rainforest___vd__griddsc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rainforest__gridftt {
  flex: 0 0 100px;
}
.rainforest__gridftt img {
  width: 100%;
}
.lb_factortilt {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #1f2322;
  margin: 0 0 8px;
}
.lb_factor_dc {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.lb_factor_st {
  font-family: Rhymes-Light-Italic;
  font-size: 12px;
  line-height: 15px;
  margin: 8px 0 0;
  color: #797b7a;
  font-weight: 300;
}
.wp_emdi_bottom_para {
  margin: 24px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #1f2322;
}
.wp_emdi_bottom_para b {
  font-weight: 500;
}
.wp_emdi_bottom_para span {
  display: block;
  margin: 4px 0 0;
  color: #797b7a;
  font-family: Rhymes-Light-Italic;
  font-size: 12px;
  line-height: 15px;
}
.paragraph_highPricePoint {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 24px;
}
.paragraph_highPricePoint span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.iconText_highPricePoint {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  margin: 0 0 24px;
  overflow: hidden;
}
.iconItem_highPricePoint_wrapper.swiper-slide {
  width: 125px;
  height: auto;
  padding: 12px 0 16px;
}
.iconItem_highPricePoint_wrapper.swiper-slide:not(:last-child):after {
  content: "";
  background-image: url(../../../files/plus-icon6089.svg?v=1747799833);
  width: 12px;
  height: 12px;
  background-size: 12px;
  position: absolute;
  top: 32%;
  transform: translateY(-50%);
  right: -10px;
}
.iconItem_highPricePoint_wrapper.swiper-slide.last_icon_textElement:after {
  display: none;
}
.iconItem_highPricePoint_wrapper.item_title_para_high.swiper-slide {
  background: #f8fdda;
  padding: 18px 0;
  width: 190px;
}
.iconItem_high_wrapper {
  height: 100%;
}
.item_title_para_high .iconItem_high_wrapper {
  padding: 0 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.icon_high {
  padding: 8px 20px;
  min-height: 70px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title_high {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #4c4f4e;
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.title_high_costtitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #4c4f4e;
  margin: 0 0 8px;
}
.paraghigh_high {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  color: #4c4f4e;
}
.brief_highPricePoint {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 24px;
}
.HighPrice__main_outline {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 12px 12px 0;
}
.HighPrice__main_costs_block {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 21px 10px;
  margin: 0 0 4px;
}
.HighPrice__main_cost_Item {
  padding: 12px 0;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.HighPrice__main_ct_Item {
  width: calc(100% - 50px);
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.HighPrice__main_ct_Item span {
  display: block;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
}
.HighPrice__maincot_Item {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  color: #797b7a;
}
.HighPrice__supplement_costs {
  padding: 12px 0 14px;
}
.HighPrice__supplement_Item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.HighPrice__supplement_title {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #797b7a;
}
.HighPrice__supplement_cost {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #797b7a;
  text-align: right;
}
.HighPrice__supplement_htitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #398200;
}
.HighPrice__supplement_hcost {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #398200;
  text-align: right;
}
.HighPrice__supplement_Item.decore_High_now {
  margin: 2px 0 0;
}
.HighPrice__mainct_Item {
  width: 100%;
  max-width: 40px;
  text-align: right;
}
.HighPrice__main_costs_interior {
  max-width: 300px;
  margin: auto;
}
.HighPrice__main_cost_title {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  margin: 0 0 6px;
  color: #1f2322;
}
.HighPrice__main_cost_title span {
  background: #effba3;
  padding: 0 3px;
  display: inline-block;
}
.HighPrice__main_cost_paragrph {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #1f2322;
}
.HighPrice__main_cost_paragrph span {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
}
.rainforest__formLayoutTitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 12px;
}
.rainforest__market_iconTxt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
}
.rainforest__market_compareLeaders_ct {
  margin: 24px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.rainforest__market_icon {
  flex: 0 0 24px;
}
.rainforest__market_txt {
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
}
.rainforest__market_compareBrand {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 12px;
}
.rainforest__market_compareBrand svg {
  flex: 0 0 21px;
}
.rainforest__market_compareList {
  height: calc(100% - 33px);
  display: flex;
  flex-direction: column;
}
.brand_listed_tagged:last-child {
  margin: 0;
}
.rainforest__market_compareLeaders .brand_listed_tagged {
  color: #797b7a;
}
.rainforest__market_compareLeaders:first-child .brand_listed_tagged {
  background: #ebf2e5;
  border-color: #ebf2e5;
  color: #1f2322;
}
.brand_listed_tagged {
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 4px;
  min-height: 56px;
}
.rainforest__category_noNme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1f2322;
  margin: 0 0 16px;
}
.rainforest__headers_list h6 {
  margin: 16px 0 4px;
  font-size: 12px;
  line-height: 16px;
  color: #1f2322;
}
.rainforest__headers_list p {
  font-family: Rhymes-Light-Italic;
  font-size: 12px;
  line-height: 15px;
  color: #797b7a;
}
.rainforest__category_list_wp:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 24px;
  margin: 0 0 24px;
}
.No__withings {
  font-size: 12px;
  line-height: 16px;
  color: #f00000;
  background: #fef2f2;
  border-radius: 4px;
  width: fit-content;
  padding: 2px 6.5px;
}
.media__ic_v_fv img {
  width: 100%;
  border-radius: 10px;
}
.media_expand_accordion {
  display: grid;
  gap: 24px;
}
.paragraph_v_fv,
.xt_v_fv_txt {
  font-size: 14px;
  line-height: 21px;
}
.icons_xt_v_fv {
  display: grid;
  gap: 6px;
}
.xt_v_fv_iconTxt {
  display: flex;
  align-items: center;
  gap: 6px;
}
.v_six_layout_header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
}
.v_sx_title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
.v_six_layout_heading {
  display: flex;
  align-items: center;
  background: #f1f7ff;
  border-radius: 4px;
  padding: 2px 6.5px;
  gap: 4px;
  color: #0060cb;
  font-size: 12px;
  line-height: 16px;
}
.v_six_list_title {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 4px;
}
.v_six_list_looping {
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
}
.v_six_layout__accordion:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 24px;
  margin: 0 0 24px;
}
.v_six_layout__accordion:last-child .v_six_layout_heading {
  background: #ebf2e5;
  color: #398200;
}
.v_seven_paragraph_acc {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 24px;
}
.v_seven_icon_details {
  display: grid;
  gap: 24px;
}
.v_seven_icontext {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.v_seven_icn {
  flex: 0 0 24px;
  display: flex;
  align-items: center;
}
.v_seven_title {
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 8px;
  font-weight: 500;
}
.v_seven_paragraph {
  font-size: 14px;
  line-height: 21px;
}
.v_eight_meta_product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.v_eight_meta_product:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
  margin: 0 0 24px;
  padding: 0 0 24px;
}
.v_eight_media_meta {
  flex: 0 0 100px;
}
.v_eight_free_items_listing {
  display: flex;
  align-items: center;
  gap: 8px;
}
.v_eight_free_items_listing {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}
.v_eigt_product_title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  margin: 4px 0 0;
}
.v_eight_supply {
  font-size: 12px;
  line-height: 16px;
  color: #797b7a;
  margin: 4px 0 0;
}
.v_eight_paragraph {
  font-size: 12px;
  line-height: 16px;
  margin: 4px 0 0;
}
.v_eight_buttons {
  margin: 12px 0 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  line-height: 16px;
}
.v_eight_f_list {
  font-size: 12px;
  line-height: 16px;
  color: #398200;
  background: #ebf2e5;
  border-radius: 4px;
  padding: 2px 6.3px;
}
.v_eight_buttons .open__drawerLink {
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #797b7a;
  padding: 0 0 4px;
  display: inline-block;
  color: #797b7a;
  transition: ease 0.3s;
}
.v_eight_buttons .open__drawerLink:hover {
  border-bottom: 1px solid #1f2322;
  color: #1f2322;
}
.v_two_paragraph {
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 24px;
}
.v_two_table_para {
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #e9e9e9;
}
.v_two_table_para:last-child {
  border-bottom: none;
}
.v_two_value.v2_header_table {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
}
.v_two_table_chart {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 0 12px;
}
.v_two_para {
  max-width: 145px;
  width: 100%;
}
.v_two_value {
  max-width: 80px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

 
.product__title.custom-tsf-class-product-title { 
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -.02em;
  color: #1f2322;
  margin: 0 0 12px;
}
.custom-product-text-main.product__text {
  font-family: Rhymes-Light-Italic;
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 12px;
  color: #1f2322;
}







.thirdParty__side_drawer #result{font-size:12px;font-weight:400;line-height:1.2;margin:0;color:#1f2322}.thirdParty__side_drawer .drawer__content__box{padding:0 20px}.thirdParty__side_drawer .buoy-img{width:100%;max-width:30px;object-fit:contain}.thirdParty__side_drawer .second_heading .header__thirdParty_mn{font-size:30px;font-weight:400;line-height:39px;color:#1f2322;margin:0;text-align:center;letter-spacing:-.015em}.thirdParty__side_drawer .second_heading{text-align:center;padding-top:2rem}.thirdParty__side_drawer .drawer-image-container{text-align:center;margin:20px 0}.thirdParty__side_drawer .drawer__video_expected video{width:100%;display:block;height:100%;object-fit:cover;border-radius:8.82px}.thirdParty__side_drawer .drawer_bottom_text{width:100%;max-width:500px;margin:0 0 42px}.thirdParty__side_drawer .drawer_bottom_text p{margin:0;font-size:18px;font-weight:400;line-height:28px;color:#1f2322}.thirdParty__side_drawer .tabs_upper_para p{line-height:1.4;font-size:14px;font-weight:500;color:#1f2322;margin:0}.thirdParty__side_drawer .drawer-tabs{position:sticky;top:0;z-index:9998;background-color:#fff;padding:18px 0;border-bottom:1px solid #E9E9E9;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:flex;white-space:nowrap;font-size:16px}.thirdParty__side_drawer .drawer-tab{padding:3px 12px 4px;border-radius:30px;transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;flex:0 0 auto;margin-right:8px;font-family:inter;border:1px solid #bbbcbc;color:#797b7a;line-height:28.8px}.thirdParty__side_drawer .drawer-tab.active{border:1px solid #000000;color:#1f2322}.thirdParty__side_drawer .tab-contents-container{padding-top:0;max-height:500px}.thirdParty__side_drawer #tab1{margin-top:0;padding:32px 0 0}.thirdParty__side_drawer .verified{display:flex;align-items:center;gap:0 7px;padding:5.76px;border-radius:3.84px;width:100%;max-width:max-content;background-color:#f8f8f8}.thirdParty__side_drawer .verified img{width:17px;height:17px;object-fit:contain}.thirdParty__side_drawer .verified p{font-size:13.44px;line-height:1.2;margin:0;color:#1f2322;font-weight:400}.thirdParty__side_drawer .detect_heading{margin:8px 0 28px;font-size:24px;font-weight:400;line-height:34px;color:#1f2322}.thirdParty__side_drawer .detect_image_box{width:100%;display:flex;justify-content:space-between}.thirdParty__side_drawer .box_left,.thirdParty__side_drawer .box_right{width:48%}.thirdParty__side_drawer .box_left p{font-weight:400;color:#1f2322;display:inline-block;margin:0 0 20px;font-size:14px;line-height:21px}.thirdParty__side_drawer .box_left p:last-child{margin:0}.thirdParty__side_drawer .box__right_media_ct video{border-radius:5px;width:100%;height:100%;object-fit:cover;display:block}.thirdParty__side_drawer .image_text{width:100%;max-width:164px;margin-top:12px}.thirdParty__side_drawer .image_text p{margin:0;font-size:12px;font-family:Rhymes-Light-Italic;line-height:15px;color:#797b7a}.thirdParty__side_drawer .table_flex_box h4,.thirdParty__side_drawer .results-table .table_flex_box h4{margin:0;font-size:12px;font-weight:400;line-height:1.2;color:#1f2322}.thirdParty__side_drawer .results-table{margin-top:22px;width:100%;overflow-x:auto}.thirdParty__side_drawer .table_flex_box{display:flex;align-items:center;margin-bottom:12px}.thirdParty__side_drawer .results-table table{width:100%;border-collapse:separate;border-spacing:0;margin:0;border:.5px solid #bbbcbc;border-radius:10px;overflow:hidden}.thirdParty__side_drawer .results-table th{font-weight:400;color:#1f2322;margin:0;font-size:11.42px;line-height:1.2}.thirdParty__side_drawer .background{background-color:#e9e9e9;padding:1.4rem!important}.thirdParty__side_drawer .results-table td{font-weight:400;color:#1f2322;margin:0;font-size:11.42px;line-height:1.2}.thirdParty__side_drawer .results-table th,.thirdParty__side_drawer .results-table td{padding:12px 8px;text-align:center;font-family:inter}.thirdParty__side_drawer .yellow{padding:1.5rem!important;background-color:#f8fdda}.thirdParty__side_drawer #tab3,.thirdParty__side_drawer #tab2{padding:32px 0 0}.thirdParty__side_drawer .tab-content{margin:24px 0}.thirdParty__side_drawer th,.thirdParty__side_drawer td{padding:16px 12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle}.thirdParty__side_drawer .results-table th:last-child,.thirdParty__side_drawer .results-table td:last-child{border-right:none!important}.thirdParty__side_drawer .results-table td.yellow{border-bottom:none!important}.thirdParty__side_drawer .detect_heading h2{margin:0;font-size:24px;font-weight:400;line-height:34px;color:#1f2322}.thirdParty__side_drawer #highlight{background:#def647;line-height:1;padding:3px;display:inline-block;text-align:center}.thirdParty__side_drawer .box_left p:first-child #highlight{background:#effba3}.thirdParty__side_drawer th{background-color:#f0f0f0}.thirdParty__side_drawer .compare-header{font-size:12px;background-color:#333;color:#fff;font-weight:400;padding:4px 8px;border-radius:6px;margin:0 0 6px;line-height:1.2}.thirdParty__side_drawer .buoy-cell{padding:0;background-color:#f2f2f2}.thirdParty__side_drawer .results-table table.third_table tr:nth-child(2) td.buoy-cell:nth-child(1) .buoy-img{max-width:55px}.thirdParty__side_drawer .results-table td.buoy-cell:last-child{border-right:1px solid #BBBCBC!important}.thirdParty__side_drawer .results-table h4{font-size:18px;margin-bottom:1rem;color:#1f2322}.thirdParty__side_drawer .compare-header h4{font-size:12px;font-weight:400;line-height:1.2;margin:0;color:#fcf8f5}.thirdParty__side_drawer #tab3 table.third_table tr:last-child td{border-bottom:none}.thirdParty__side_drawer .compare-col img{width:40px;height:43px;object-fit:contain;margin-bottom:0;vertical-align:middle}.thirdParty__side_drawer .highlight{background-color:#faffda}.thirdParty__side_drawer .undetectable{background-color:#def647;padding:2px 6px;font-size:8px;font-weight:400;margin:4px 0 0;color:#1f2322;line-height:1.2;display:inline-block;border-radius:4px}.thirdParty__side_drawer #tab4{padding:32px 0 47px}.thirdParty__side_drawer .table_boxes_container{width:100%}.thirdParty__side_drawer .table_boxes_data{width:100%;display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem}.thirdParty__side_drawer .table_box{width:32%;text-align:center;background:#fff;border:.38px solid #bbbcbc;border-radius:7.51px;overflow:hidden}.thirdParty__side_drawer .table_box_link{width:100%;display:inline-block;text-decoration:none}.thirdParty__side_drawer .table_box_heading{margin:10px 0}.thirdParty__side_drawer .table_box_img{border-bottom:.38px solid #bbbcbc}.thirdParty__side_drawer .table_box_img img{width:100%;object-fit:contain}.thirdParty__side_drawer .bottom_box{padding:10px;background-color:#f8f8f8}.thirdParty__side_drawer .div_one{display:flex;justify-content:space-between}.thirdParty__side_drawer .div_one h3{font-size:7.21px;font-weight:500;line-height:1.2;margin:0;color:#1f2322}.thirdParty__side_drawer .div_one p{font-size:7.21px;font-weight:400;line-height:1.2;margin:0;color:#1f2322}.thirdParty__side_drawer .gmo__button_trial_drawer{margin:40px 0 0}.thirdParty__side_drawer .gmo__button_trial_drawer a{border:1px solid #000000;border-radius:50px;display:flex;align-items:center;width:fit-content;font-family:Inter;font-weight:400;font-size:14px;line-height:21px;text-align:center;color:#1f2322;padding:7.5px 17px;transition:ease .3s;gap:3px}.thirdParty__side_drawer .gmo__button_trial_drawer a:hover svg path{fill:#fff}.thirdParty__side_drawer .close-drawer{cursor:pointer;font-size:24px;display:flex;align-items:center;gap:6px}.thirdParty__side_drawer .close-drawer p{font-size:16px!important;line-height:1;margin:0;color:#1f2322}.thirdParty__side_drawer .results-table table:not([class]) td,.thirdParty__side_drawer .results-table table:not([class]) th{border:0;border-right:1px solid #BBBCBC;border-bottom:1px solid #BBBCBC}.thirdParty__side_drawer .results-table table tr:last-child td{border-bottom:0}.thirdParty__side_drawer #tab2 .results-table table{border-top:0}.thirdParty__side_drawer .lda_div{background-color:#def647;border-radius:3.38px;padding:1px 5px 2px;width:fit-content;margin:0 auto}.thirdParty__side_drawer .back_y{background:#f8fdda}.thirdParty__side_drawer .lda_div p{margin:0;font-size:10px;font-weight:400;line-height:1.2;color:#1f2322}.thirdParty__side_drawer #amount{background:#def647;padding:1px 5px 2px}.thirdParty__side_drawer .table_flex_box h4{margin:0}.thirdParty__side_drawer #yellow{display:flex;flex-direction:column;align-items:center;justify-content:center}.thirdParty__side_drawer .tabs_upper_para{line-height:1.4;font-size:14px;font-weight:500;color:#1f2322;margin:0}.thirdParty__side_drawer #tab3 table.third_table tr:last-child td img{width:54.3px;margin-right:-9px;margin-left:-5px}.thirdParty__side_drawer #tab3 td.compare-col{text-align:left}.thirdParty__side_drawer .gmo__button_trial_drawer a:hover{border:1px solid #000000;background:#1f2322;color:#fff}.thirdParty__side_drawer .table_box_heading h2{margin:0;font-size:12px;font-weight:400;line-height:1.2;color:#1f2322}.thirdParty__side_drawer .table_flex_box img{width:26px;height:26px;object-fit:contain;margin-left:6px}.thirdParty__side_drawer .table_flex_box_two img{width:34px;height:25px;object-fit:contain}@media (min-width: 750px){.thirdParty__side_drawer .image_text p{font-size:14px;line-height:21px}.thirdParty__side_drawer .undetectable{font-size:11px}.thirdParty__side_drawer .tab-contents-container{padding-top:0}.thirdParty__side_drawer .image_text{max-width:204px}.thirdParty__side_drawer .image_text p,.thirdParty__side_drawer .table_flex_box h4,.thirdParty__side_drawer .results-table .table_flex_box h4,.thirdParty__side_drawer .results-table td,.thirdParty__side_drawer .results-table th,.thirdParty__side_drawer #result,.thirdParty__side_drawer .compare-header h4,.thirdParty__side_drawer .table_box_heading h2{font-size:14px;line-height:21px}.thirdParty__side_drawer .detect_heading,.thirdParty__side_drawer .detect_heading h2{font-size:30px;line-height:39px}.thirdParty__side_drawer #result{max-width:80px;margin:auto}.thirdParty__side_drawer .results-table table.third_table tr:nth-child(2) td.buoy-cell:nth-child(1) .buoy-img{max-width:80px}.thirdParty__side_drawer #tab3 td.compare-col{width:119px}.thirdParty__side_drawer .buoy-img{max-width:50px}.thirdParty__side_drawer .div_one h3,.thirdParty__side_drawer .div_one p{font-size:10px}.thirdParty__side_drawer .box_left p{font-size:16px;line-height:25px}}@media (max-width: 749px){.thirdParty__side_drawer .second_heading{padding-top:0}.thirdParty__side_drawer .table_box{width:calc(33.33% - 5px)}.thirdParty__side_drawer .bottom_box{padding:7px}.thirdParty__side_drawer #tab3 td.compare-col{text-align:center}.thirdParty__side_drawer .close-drawer p{font-size:12px!important}.thirdParty__side_drawer .drawer-tab{padding:2px 11.5px 3px;font-size:14px;line-height:21px}.thirdParty__side_drawer .detect_image_box{gap:11px}.thirdParty__side_drawer .box_left,.thirdParty__side_drawer .box_right{width:100%}.thirdParty__side_drawer .box_right{margin-top:10px}.thirdParty__side_drawer .results-table{margin-bottom:10px}.thirdParty__side_drawer .results-table th,.thirdParty__side_drawer .results-table td{padding:8px 2px}.thirdParty__side_drawer .results-table td{font-size:10.42px}.thirdParty__side_drawer #result{max-width:70px;text-align:center;margin:auto}.thirdParty__side_drawer .compare-header{padding:2px 5.5px;margin:0 auto 4px;line-height:1.2;width:fit-content}.thirdParty__side_drawer .table_box_heading h2{font-size:12px;line-height:15px}.thirdParty__side_drawer .drawer-tabs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);border-radius:0;background-color:#fff;height:0}.thirdParty__side_drawer .drawer-tabs::-webkit-scrollbar{width:0;background-color:#fff;height:0}.thirdParty__side_drawer .drawer-tabs::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);height:0}}@media (max-width: 430px){.thirdParty__side_drawer #tab3 table.third_table tr:last-child td img{width:48px;margin-right:-2px;margin-left:1px}}@media (max-width: 390px){.thirdParty__side_drawer .compare-col img{width:36px}.thirdParty__side_drawer .results-table th,.thirdParty__side_drawer .results-table td{padding:8px 1px}.thirdParty__side_drawer .box_left p{font-size:13px}.thirdParty__side_drawer .results-table td{font-size:9.42px}.thirdParty__side_drawer #tab3 table.third_table tr:last-child td img{width:49.3px;margin-right:-4px;margin-left:0}}@media (max-width: 370px){.results-table td{font-size:8.42px}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/third-party-drawer.css.map?v=37836149983096207371757565236 */

@media only screen and (max-width: 767px) {
  .images__grid_drawers drawer-open span {
    font-size: 12px !important;
  }
  .images__grid_drawers drawer-open {
    padding: 4.5px 0px;
  }
  .images__grid_drawers span {
    margin: 0px !important;
  }
  .images_grid_buttons {
    justify-content: center;
  }
  .product__info-container {
    padding: 0px 15px !important;
  }
}
.mobile-logo-main {
    display: none !important;
  }
@media only screen and (max-width: 767px) { 
  .desktop-logo-main {
    display: none !important;
  }
  .mobile-logo-main {
    display: block !important;
  }
}





/*  Q's styling custom */
body:has(.drawer.is-empty.animate.active){
  overflow: hidden;
}

.drawer__inner{
  width: 49rem !important;
  border-radius: 10px 0 0 10px;
}
.empty_cart_header h2 {
    margin-block: 4px;
    font-size: 22px;
    font-weight: 500;
}
.cart-drawer__warnings{
  flex: none !important;
}
h2.cart__empty-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 210%;
}
.cart-drawer__empty-content {
    text-align: left;
}
.para_text_empty_cart{
  font-size: 18px;
  line-height: 100%;
}
.cart_drawer_col_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -4px 20px #1f232233;
    padding: 20px;
    text-align: center;
    width: 100%;
    background: white;
}
.cart_drawer_col_btn a.button {
    width: 100%;
    background: #1f2322;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    padding: 8.5px;
    border-radius: 50px;
}
.empty_product_media {
    background: #f2f2f2;
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    .badge_tab_format{
      position: absolute;
      bottom: 12px;
      right: 12px;
    }
}
.product_image_empty_cart{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-drawer__collection.swiper{
  margin: 30px 0 0 !important;
  padding-inline: 20px;
}
.empty_cart_prod_details h3 {
    font-size: 17px;
    margin-block: 10px 0;
    color: #000000cc;
}
.drawer__inner-empty{
  padding: 0 !important;
}
.empty_cart_header, .cart__empty-text, .para_text_empty_cart {
    padding-inline: 20px !important;
}
.prod_pricing {
    font-size: 12px;
    line-height: 16px;
    color: #797b7a;
    display: flex;
    align-items: center;
    gap: 4px;
}
.prod_pricing span:last-child {
    font-size: 14px;
    line-height: 21px;
    color: #398200;
}
.swiper-pagination{
    position: static !important;
    margin: 20px !important;
    width: calc(100% - 40px) !important;
    border-radius: 10px !important;
    background: #dbd9d9 !important;
    overflow: hidden !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: #abacad !important;
}

h2.drawer__heading {
    margin: 0;
    font-size: 20px;
}
.cart_items_heading{
  font-size: 18px;
  color: black;
  margin-block: 22px 0;
}
.cart_item_remove_btn{
  button{
    min-width: fit-content !important;
    min-height: fit-content !important;
    background: white;
    border: none;
    padding: 10px;
    span{
      width: 20px !important;
      height: 20px !important;
      svg{
        width: 16px;
        height: 16px;
        path{
          fill: #12121285;
        }
      }
    }
  }
}

.cart-drawer .cart__checkout-button {
    max-width: 80% !important;
    margin: auto;
    background: #1f2322;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    gap: 8px;
    padding: 8.5px;
    border: none;
}
.cart-drawer{
  .totals__total{
    color: black;
  }
  .totals__total-value{
    color: #398200;
    font-size: 16px;
  }
  .tax-note{
    margin: 0.4rem 0 1.5rem auto;
  }
}
.empty_cart_shipping_bar{
  p {
      text-align: center;
      font-size: 13px;
      color: #6da243;
  }
  .free_shipping_bar_empty_cart {
      height: 5px;
      background: #d7d7d7;
      margin: 5px 20px 0;
      border-radius: 5px;
  }
}


.drawer__cart-items-wrapper{
  tbody{
    border-bottom: 1px solid #E9E9E9;
  }
  .cart-item__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
  }
  cart-remove-button{
    width: 3.5rem;
  }
  .cart-item__name + dl {
    margin: 0;
  }
  .cart-item cart-remove-button{
    width: 2.2rem;
    height: 2.5rem;
  }
  .product-option{
    font-size: 13px;
  }
  button.button.button--tertiary.cart-remove-button {
      background: white;
      border: none;
      min-width: 1.5rem;
      min-height: 1.5rem;
      &:hover{
        color: black;
        background-color: white;
      }
      .icon-remove{
        width: 2rem;
        height: 2rem;
        path{
          fill: #b9b9b9;
        }
      }
  }
  .cart-item__price-wrapper{
    margin-top: 40px;
    .price.price--end{
      text-align: left;
      margin-top: 32px;
    }
  }
}
.cart-item__totals{
  grid-area: 2 / 2;
}
.cart-drawer .cart-items .cart-item__quantity{
  grid-column: 4 / 5 !important;
  .cart-item__quantity-wrapper {
      flex-direction: column-reverse;
      align-items: end;
      padding-top: 17px;
      quantity-input.quantity.cart-quantity {
          width: 8rem;
          border-radius: 6px;
          border-color: #b9b9b9;
          margin-top: 35px;
          .quantity__button {
              height: 34px;
              width: 2.7rem;
              color: #b9b9b9;
              .svg-wrapper{
                width: 1.3rem;
              }
          }
          .quantity__input{
            height: 3rem;
          }
      }
  }
}


@media(max-width: 768px){
  .drawer__inner{
    max-width: calc(100vw - 0rem) !important;
    border-radius: 0px !important; 
  }
  .empty_product_media {
    height: 160px !important;
  }

}
/* Product Media Label Overlay */
.product-media-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

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

.product-media-label {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.65);
  color: #1a1a1a;
  padding: 8px 16px;
  border-radius: 0 12px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  pointer-events: none;
}

@media screen and (max-width: 749px) {
  .product-media-label {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 0 10px 0 0;
  }
}