/** Shopify CDN: Minification failed

Line 212:0 Unexpected "}"

**/
@font-face {
  font-family: "Rany-Bold";
  font-display: swap;
  src: url(https://cdn.shopify.com/s/files/1/0553/1320/3405/files/Rany-Bold_d156b72b-9ac9-4dfb-85ae-167f878ac60c.otf?v=1689143030);
}

@font-face {
  font-family: "Rany-Regular";
  font-display: swap;
  src: url(https://cdn.shopify.com/s/files/1/0553/1320/3405/files/Rany_a82225e8-0493-421a-8d63-b7768ebb67f9.otf?v=1702439631);
}

body {
  overflow-x: hidden;
}

#MainContent {
  letter-spacing: 0;
}

#MainContent .section+.section {
  margin: 0;
}

#MainContent .common-header {
  margin-bottom: clamp(20px, calc(30px + 1.5625vw), 60px);
}

#MainContent .common-header .common-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  /* font-family: "MiSans Latin"; */
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

#MainContent .common-header .common-subtitle {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: "MiSans Latin";
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.common-section-container-inner {
  padding-bottom: 20px;
}

.bfcm-tab-products .bfcm-tab-products__large-products {
  grid-template-columns: 1fr 1fr 1fr;
}
.card-product-4__content {
  background: rgba(255, 249, 240, 1);
}
.card-product-4__klanra-icon {
  background: rgba(249, 175, 67, 1);
}
.card-product-4__compare-price {
  color: #888;
}
/* .card-product-4__btn-more {
  display: none;
} */
buy-now-button {
  width: 136px;
  border-radius: 999px 0 0 999px;
  background: #2cbcfd;
}
add-cart-button {
  height: 40px;
  border-radius: 0 999px 999px 0;
  background: #3c9ccc;
}
add-cart-button svg,
add-cart-button path {
  stroke: #fff;
}


@media screen and (max-width: 769px) {
    .featured-image-grid-cover .image-overlay-tip {
  display: flex;
  align-items: baseline;
      justify-content: center;
}
.text {
  font-family: MiSans Latin;
  font-size: 18px;
  margin-right: 15px;
}
.percentage {
  font-family: Arial, sans-serif;
  font-size: 35px;
  font-weight: bold;
  color: #fc6c14;
  margin-right: 15px;
}
.padding-1titletext {
  font-size: 25px;
}
.featured-image-grid__inner
  .global-fixed-banner__container
  .image-overlay
  .image-overlay__label-title {
  font-family: MiSans Latin;
  font-size: 30px !important;
}
.global-fixed-banner .image-overlay-tip {
  font-size: 25px;
}
.global-fixed-banner .image-overlay__label-subtitle {
  font-size: 16px !important;
}
.global-fixed-banner .image-overlay__label-remark {
  font-size: 12px;
}
.global-fixed-banner .image-overlay__label-remark {
    margin: 12px 0 0;
}
}





@media screen and (min-width: 769px) {
  .exclusive-benefites-container .card-container .policy-container .p {
    max-width: fit-content;
}
.exclusive-benefites-container .card-container .policy-container {
  margin: 0;
  justify-content: center;
}
  .featured-image-grid-cover .image-overlay-tip {
  display: flex;
  align-items: baseline;
}
.text {
  font-family: MiSans Latin;
  font-size: 30px;
  margin-right: 15px;
}
.percentage {
  font-family: Arial, sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #fc6c14;
  margin-right: 15px;
}
.padding-1titletext {
  font-size: 33px;
}
  .featured-image-grid-cover .image-overlay.page-width.inner-page-width {
    left: 43%;
}
.global-fixed-banner .image-overlay-tip {
  font-size: 40px;
  font-weight: 520;
  margin-bottom: 6px;
}
.featured-image-grid__inner
  .global-fixed-banner__container
  .image-overlay
  .image-overlay__label-title {
  font-family: MiSans Latin;
  font-size: 60px !important;
  padding-bottom: 10px !important;
}
.global-fixed-banner .image-overlay__label-subtitle {
  font-size: 30px !important;
  font-family: MiSans Latin !important;
  font-weight: 520 !important;
}.global-fixed-banner .image-overlay__label-remark {
  margin: 12px 0 0;
  font-size: 20px;
}
 @media screen and (min-width: 750px) {
    .section-template--19940466655468__newsletter_hjUmj7-padding {
        padding-left: 180px;
        padding-right: 180px;
    }
}
}


@media screen and (max-width: 768px) {
  #MainContent .page-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .common-section-container-inner {
    padding-bottom: 0;
  }
}



  #MainContent .bfcm-countdown .common-section-container {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

/* Banner */

.banner-date {
  color: var(--flag-color, #FAFAFA);
  filter: drop-shadow(2px 2px 0px #9E7549);
  position: relative;
  display: inline-flex;
  padding: 0.208vw 0.625vw;
  align-items: center;
  justify-content: center;
}

.banner-date::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #d4302e;
  height: 100%;
  clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
  filter: drop-shadow(0px 1px 1px black);
}

.banner-date span {
  z-index: 1;
  position: relative;
  color: #FAFAFA;
  text-align: center;
  font-family: "MiSans Latin";
  font-size: clamp(1px, 1.04167vw, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}

@media screen and (min-width: 2000px) {
  .global-fixed-banner {
    max-height: 1024px;
  }
}

.global-fixed-banner .featured-image-grid__inner,
.featured-image-grid__inner .global-fixed-banner__container {
  height: 100%;
}

.featured-image-grid__inner .global-fixed-banner__container .image-overlay {
  width: auto;
  height: auto;
  position: absolute;
  right: 59%;
  transform: translateY(-50%);
  left: initial;
  width: auto;
  white-space: nowrap;
  top: 56%;
}

.featured-image-grid__inner .global-fixed-banner__container .image-overlay .image-overlay__label-title {
  text-shadow: 1px 0px 0px var(---Accent-Color, #FFA832), 1px 1px 0px var(---highlight, #F4D16A);
  font-family: MiSans;
  font-size: clamp(1px, 3.125vw, 60px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.03125vw;
  margin-top: 0.041667vw;
}

.image-overlay__label-subtitle {
  margin-top: 0.241667vw !important;
}

.image-overlay__label-subtitle span {
  font-family: "MiSans Latin";
  font-size: clamp(1px, 1.875vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.02025vw;
}

.image-overlay__label-subtitle strong {
  color: #F8173E;
  text-shadow: 1px 0px 0px var(---Accent-Color, #FFA832), 1px 1px 0px var(---highlight, #F4D16A);
  font-family: MiSans;
  font-size: clamp(1px, 2.5vw, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.02525vw;
  text-transform: uppercase;
  margin-left: 0.041667vw;
}

@media screen and (max-width: 1279px) and (min-width: 769px) {
  .featured-image-grid__inner .global-fixed-banner__container .image-overlay {
    right: 61%;
  }

  .featured-image-grid__inner .global-fixed-banner__container .image-overlay .image-overlay__label {
    transform: scale(1.3);
    transform-origin: right;
  }
}

@media screen and (min-width: 769px) {
  .featured-image-grid__inner .hide-pc {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .featured-image-grid__inner .hide-mb {
    display: none !important;
  }

  .featured-image-grid__inner .global-fixed-banner__container .image-overlay {
    right: 50%;
    left: initial;
    transform: translate(50%, -50%);
    top: 31%;
  }

  .banner-date span {
    padding: 0.208vw 2.625vw;
  }

  .banner-date span {
    font-size: 5.33vw;
  }

  .featured-image-grid__inner .global-fixed-banner__container .image-overlay .image-overlay__label-title {
    font-size: 10.66vw;
    letter-spacing: -0.03125vw;
    margin-top: 1vw;
  }

  .image-overlay__label-subtitle {
    margin-top: 0.241667vw !important;
  }

  .image-overlay__label-subtitle span {
    font-size: 5.33vw;
    letter-spacing: -0.02025vw;
  }

  .image-overlay__label-subtitle strong {
    font-size: 6.988vw;
    letter-spacing: -0.02525vw;
    margin-left: 0.041667vw;
  }
}

/* platform-select */
platform-select[data-use-platform-list="true"] {
  border-radius: inherit;
}

.platform-select-frame {
  position: absolute;
  background-color: #FAFAFA;
  border-radius: 4px;
  background: #FAFAFA;
  top: 100%;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  pointer-events: none;
}

.platform-select-frame-wrapper.active .platform-select-frame {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}

.platform-select__header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1A1A1A;
  font-family: "MiSans Latin";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.platform-select__close svg {
  vertical-align: middle;
}

.platform-select__list {
  margin: 0;
  padding: 0;
  padding: 10px 8px;
  list-style: none;
}

.platform-select__item a {
  display: flex;
  align-items: center;
  padding: 12px 9px;
  gap: 8px;
  border-radius: 4px;
  transition: all .2s;
  min-width: 204px;
  text-decoration: none;
}

@media not (pointer: coarse) {
  .platform-select__item a:hover {
    background-color: #EDEBE8;
  }
}

.platform-select__item-image img,
.platform-select__item-image svg {
  width: 24px;
  height: auto;
  vertical-align: middle;
}

.platform-select__item-text {
  white-space: nowrap;
  color: #1A1A1A;
  font-family: "MiSans Latin";
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1;
}

.platform-select-overlay {
  display: none !important;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 990px) {

  .platform-select__header,
  .platform-select__item-next,
  .platform-select-overlay {
    display: none;
  }

  .platform-select-frame-wrapper {
    position: fixed;
    top: var(--position-y);
    left: var(--position-x);
    z-index: 2;
  }
}

@media screen and (max-width: 989px) {
  .platform-select-frame {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    border-radius: 8px;
  }

  .platform-select-frame-wrapper.active .platform-select-frame {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }

  .platform-select-frame-wrapper.active .platform-select-overlay {
    display: block !important;
    z-index: 3;
  }

  .platform-select__list {
    padding: 0 0 10px;
  }

  .platform-select__item-image img,
  .platform-select__item-image svg {
    width: 36px;
    height: auto;
  }

  .platform-select__item-next svg {
    width: 20px;
    height: auto;
  }

  .platform-select__item a {
    padding: 12px 20px;
  }
}

/* .shopify-section-group-footer-group .newsletter {
  display: none;
} */

/* Color */
#MainContent {
  /* background-color: #CFAC94; */
  color: #000;
  /* Tab */
  --tab-color: #fff;
  --tab-bg-color: #C19572;
  --tab-active-color: #000;
  --tab-active-bg-color: #fff;
  /* Email */
  --email-question-icon-color: #fff;
  --email-question-icon-bg-color: rgba(209, 174, 150, 0.20);
  --popup-color: #000;
  --popup-bg-color: #F6EDE0;
  --popup-close-bg-color: #fff;
  /* Card product */
  --image-bg-color: #FFFFFF;
  --content-bg-color: #F6EDE0;
  --details-button-border-color: #000;
  --details-button-color: #000;
  --subtitle-color: #000;
  --title-color: #000;
  --tag-bg-color: #FFFFFFE5;
  --tag-color: #CFAC94;
  --description-color: rgba(0, 0, 0, 0.8);
  --compare-price-color: #000;
  --discount-code-text1-color: #fff;
  --discount-code-bg1-color: #000;
  --klanara-text-color: #00000099;
  --klanara-icon-color: #fff;
  --klanara-icon-bg-color: #000;
  --bundle-price-color: #000;
  --bundle-compare-price-color: #000;
  --bundle-border-color: rgba(0, 0, 0, 0.20);
  --bundle-active-border-color: rgba(0, 0, 0, 0.20);
  --add-card-color: #FFFFFF;
  --add-card-bg-color: #333;
  --quantity-button-color: #CFAC94;
  --quantity-input-color: #CFAC94;
}

.card-product-2__content {
  --content-bg-color: #FAFAFA;
}

.featured-image-grid-cover.member .image-overlay.page-width.inner-page-width {
    left: 50% !important;
}

.card-product-3__flag:before {
  background:linear-gradient(180deg, #C9A36B 0%, #8D5B26 100%);
}
.card-product-3__flag {
  filter:none;
}

.card-product-3__title,
.card-product-4__title{
   color: transparent; 
   background: linear-gradient(90deg, #BB8B32 0%, #B37952 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
@media screen and (max-width:769px){
  .card-product-3__price-container{
    justify-content: center;
  }
  .card-product-3__buy-button{
    justify-content: center;
  }
}

.bfcm-countdown__countdown-item span {
  border-radius: 0px ;
  background: #DEEB9A;
  font-weight: 400 !important;
}
.bfcm-countdown__countdown{
  color: #5E7946;
}

.school ul.bfcm-tab-products__tab-list {
  display: none;
}