/** Shopify CDN: Minification failed

Line 181:4 Expected identifier but found "format("
Line 836:5 Unexpected "/"
Line 845:5 Unexpected "/"
Line 1008:9 Expected ":"
Line 1010:16 Expected identifier but found "*"

**/
@font-face {
  /* font-family: "Centra No2 ExtraBold";
  src: url("/cdn/shop/files/Centra_No2_Extrabold.ttf?v=1789717478") */
    /* format("truetype"); */
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

.m-swiper-overflow .swiper-container {
    margin: 0;
    padding: 0;
}
.main-product__block-buy_buttons .m-add-to-cart .m-add-to-cart--text {
    gap: 7px !important;
}
.main-product__block-buy_buttons .m-add-to-cart:not(.disabled) .m-add-to-cart--text:before {
    margin-top: -3px !important;
}
.main-slider .m-slide__title {
  /* font-family: "Centra No2 ExtraBold", sans-serif !important; */
  font-weight: 800 !important;
}

.main-slider .kb-slide-benefit {
  color: rgba(34, 25, 25, 0.8) !important;
}

.main-slider .kb-slide-benefit strong {
  color: #221919 !important;
  opacity: 1 !important;
}

/* Hero benefits: mobile center alignment */
@media screen and (max-width: 767px) {
  .main-slider .kb-slide-benefits {
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Small mobile: benefits vertically centered */
@media screen and (max-width: 389px) {
  .main-slider .kb-slide-benefits {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
  }

  .main-slider .kb-slide-benefit {
    justify-content: center;
  }
}

/* Remove top line from icon box section */
.m-icon-box-section.m-icon-box--small {
  border-top: 0 !important;
}




.kb-bundle-card__title {
  margin: 4px 0 0 !important;
  color: #221919 !important;
  /* font-family: "Centra No2 TRIAL", "Centra No2", Arial, sans-serif !important; */
  font-size: 18px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 767px) {
  .kb-bundle-card__title {
    font-size: 16px !important;
  }
}

.kb-bundle-card__scent {
  min-height: 16px !important;
  color: #221919 !important;
  /* font-family: "Centra No2 TRIAL", "Centra No2", Arial, sans-serif !important; */
  font-size: 11px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .kb-bundle-card__scent {
    font-size: 10px !important;
    line-height: 14px !important;
  }
}

/* Bundle card price spacing correction */
@media screen and (min-width: 768px) {
  .kb-bundle-card__description {
    min-height: 0 !important;
    margin-top: 5px !important;
    line-height: 16px !important;
  }

  .kb-bundle-card__prices {
    margin-top: 10px !important;
  }
}

/* Mobile cards remain equal height */
@media screen and (max-width: 767px) {
  .kb-bundle-card__description {
    min-height: 30px !important;
    margin-top: 4px !important;
  }

  .kb-bundle-card__prices {
    margin-top: 7px !important;
  }
}


@media screen and (max-width: 767px) {
  .kb-bundle-card__offer {
    display: none !important;
  }

  .kb-bundle-card__badge {
    top: 8px !important;
    left: 8px !important;
    padding: 4px 5px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }

  .kb-bundle-card__cart-form {
    top: 6px !important;
    right: 6px !important;
  }

  .kb-bundle-card__cart {
    width: 24px !important;
    height: 24px !important;
  }

  .kb-bundle-card__cart img {
    width: 17px !important;
    height: 17px !important;
  }
}




/* =========================================
   KHUSHBU — COMPLETE & 100% RESPONSIVE CSS
   (Includes Main Slider, Category List, & Testimonials Fix)
========================================= */

@font-face {
  /* font-family: "Centra No2 ExtraBold"; */
  /* src: url("/cdn/shop/files/Centra_No2_Extrabold.ttf?v=1789717478") */
    format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

.main-slider .m-slide__title {
  /* font-family: "Centra No2 ExtraBold", sans-serif !important; */
  font-weight: 800 !important;
}

.main-slider .kb-slide-benefit {
  color: rgba(34, 25, 25, 0.8) !important;
}

.main-slider .kb-slide-benefit strong {
  color: #221919 !important;
  opacity: 1 !important;
}

/* Hero benefits: mobile center alignment */
@media screen and (max-width: 767px) {
  .main-slider .kb-slide-benefits {
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Small mobile: benefits vertically centered */
@media screen and (max-width: 389px) {
  .main-slider .kb-slide-benefits {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
  }

  .main-slider .kb-slide-benefit {
    justify-content: center;
  }
}

/* Remove top line from icon box section */
.m-icon-box-section.m-icon-box--small {
  border-top: 0 !important;
}







.kb-bundle-card__title {

  margin: 4px 0 0 !important;

  color: #221919 !important;

  /* font-family: "Centra No2 TRIAL", "Centra No2", Arial, sans-serif !important; */

  font-size: 18px !important;

  font-weight: 500 !important;

  font-style: normal !important;

  line-height: 1 !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;

}



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

  .kb-bundle-card__title {

    font-size: 16px !important;

  }

}



.kb-bundle-card__scent {

  min-height: 16px !important;

  color: #221919 !important;

  /* font-family: "Centra No2 TRIAL", "Centra No2", Arial, sans-serif !important; */

  font-size: 11px !important;

  font-weight: 300 !important;

  font-style: normal !important;

  line-height: 16px !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

}



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

  .kb-bundle-card__scent {

    font-size: 10px !important;

    line-height: 14px !important;

  }

}



/* Bundle card price spacing correction */

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

  .kb-bundle-card__description {

    min-height: 0 !important;

    margin-top: 5px !important;

    line-height: 16px !important;

  }



  .kb-bundle-card__prices {

    margin-top: 10px !important;

  }

}



/* Mobile cards remain equal height */

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

  .kb-bundle-card__description {

    min-height: 30px !important;

    margin-top: 4px !important;

  }



  .kb-bundle-card__prices {

    margin-top: 7px !important;

  }

}





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

  .kb-bundle-card__offer {

    display: none !important;

  }



  .kb-bundle-card__badge {

    top: 8px !important;

    left: 8px !important;

    padding: 4px 5px !important;

    font-size: 8px !important;

    white-space: nowrap !important;

  }



  .kb-bundle-card__cart-form {

    top: 6px !important;

    right: 6px !important;

  }



  .kb-bundle-card__cart {

    width: 24px !important;

    height: 24px !important;

  }



  .kb-bundle-card__cart img {

    width: 17px !important;

    height: 17px !important;

  }

}


/* =========================================
   KHUSHBU TESTIMONIALS
   FINAL CENTER ACTIVE CAROUSEL — FIXED WIDTH VERSION
   MINIMOG 4.0
========================================= */


/* ===============================
   SECTION
================================ */

.khushbu-testimonials {
  overflow: hidden !important;
}

.khushbu-testimonials .m-testimonials-el {
  overflow: visible !important;
}

.khushbu-testimonials .khushbu-testimonial-swiper {
  overflow: visible !important;
}


/* ===============================
   HEADING
================================ */

.khushbu-testimonials .m-section__heading {
  /* font-family:"Centra No2 TRIAL","Centra No2",Arial,sans-serif !important; */
  font-weight:300 !important;
  line-height:100% !important;
  text-transform:uppercase !important;
  text-align:center !important;
  color:#221919 !important;
}

.khushbu-testimonials .m-section__heading strong,
.khushbu-testimonials .m-section__heading b {
  /* font-family:"Centra No2 ExtraBold","Centra No2",Arial,sans-serif !important; */
  font-weight:800 !important;
}


/* ===============================
   SWIPER WRAPPER
   (width FIXED — never changes on slide change, so Swiper's
   centered-slide math is always accurate)
================================ */

.khushbu-testimonials .swiper-wrapper {
  align-items:center !important;
}

.khushbu-testimonials .swiper-slide {
  width:864px !important;
  flex-shrink:0 !important;
  height:auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}


/* ===============================
   SIDE CARDS — visual shrink ONLY via transform (no width/layout impact)
================================ */

.khushbu-testimonials .swiper-slide-prev,
.khushbu-testimonials .swiper-slide-next {
  z-index:1 !important;
}

.khushbu-testimonials .swiper-slide-prev .m-testimonial__wrapper,
.khushbu-testimonials .swiper-slide-next .m-testimonial__wrapper {
  transform:scale(.7) !important;
  opacity:.85 !important;
  transition: transform .45s ease, opacity .45s ease !important;
}

.khushbu-testimonials .swiper-slide-prev .m-testimonial__wrapper {
  transform: scale(.7) translateX(18%) !important;
}

.khushbu-testimonials .swiper-slide-next .m-testimonial__wrapper {
  transform: scale(.7) translateX(-18%) !important;
}


/* ===============================
   ACTIVE CARD
================================ */

.khushbu-testimonials .swiper-slide-active {
  z-index:10 !important;
}

.khushbu-testimonials .swiper-slide-active .m-testimonial__wrapper {
  transform:scale(1) !important;
  opacity:1 !important;
  transition: transform .45s ease, opacity .45s ease !important;
  height:451px !important;
}


/* ===============================
   CARD DESIGN
================================ */

.khushbu-testimonials .m-testimonial__wrapper {
  width:100% !important;
  height:390px !important;
  background:#F8F8F8 !important;
  border-radius:15px !important;
  padding:40px 65px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  overflow:hidden !important;
}


/* ===============================
   IMAGE
================================ */

.khushbu-testimonials .khushbu-testi-img-box {
  width:94px !important;
  height:88px !important;
  border-radius:8px !important;
  overflow:hidden !important;
  margin-bottom:15px !important;
}

.khushbu-testimonials .khushbu-testi-img-box img,
.khushbu-testimonials .khushbu-testi-img-box .m-image {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}


/* ===============================
   TITLE
================================ */

.khushbu-testimonials .khushbu-testi-title {
  /* font-family:"Centra No2 TRIAL",Arial,sans-serif !important; */
  font-size:24px !important;
  font-weight:500 !important;
  line-height:120% !important;
  color:#1A1A1A !important;
  margin:0 0 12px !important;
}


/* ===============================
   DESCRIPTION
================================ */

.khushbu-testimonials .khushbu-testi-desc {
  /* font-family:"Centra No2 TRIAL",Arial,sans-serif !important; */
  font-size:18px !important;
  line-height:160% !important;
  color:#555 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
  margin-bottom:15px !important;
}


/* ===============================
   AUTHOR
================================ */

.khushbu-testimonials .khushbu-testi-author,
.khushbu-testimonials .khushbu-testi-author p {
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:15px !important;
  font-style:italic !important;
  color:#1A1A1A !important;
}


/* ===============================
   STARS FIX
================================ */

.khushbu-testimonials .khushbu-testi-stars {
  display:flex !important;
  flex-direction:row !important;
  justify-content:center !important;
  align-items:center !important;
  gap:4px !important;
}

.khushbu-testimonials .khushbu-testi-stars .m-star {
  display:flex !important;
  width:11px !important;
  height:11px !important;
}

.khushbu-testimonials .khushbu-testi-stars svg {
  width:11px !important;
  height:11px !important;
  color:#F89E0E !important;
  fill:#F89E0E !important;
}


/* ===============================
   SIDE CONTENT FIX
================================ */

.khushbu-testimonials .swiper-slide-prev .m-testimonial__wrapper,
.khushbu-testimonials .swiper-slide-next .m-testimonial__wrapper {
  overflow:visible !important;
}


/* ===============================
   PAGINATION
================================ */

.khushbu-testimonials .swiper-pagination {
  position:relative !important;
  bottom:auto !important;
  margin-top:40px !important;
}


/* ===============================
   LAPTOP
================================ */

@media(max-width:1400px){
  .khushbu-testimonials .swiper-slide {
    width:700px !important;
  }
}


/* ===============================
   TABLET
================================ */

@media(max-width:1023px){
  .khushbu-testimonials .swiper-slide {
    width:85vw !important;
  }

  .khushbu-testimonials .m-testimonial__wrapper {
    height:auto !important;
    min-height:390px !important;
    padding:35px 30px !important;
  }
}


/* ===============================
   MOBILE
================================ */

@media(max-width:767px){
  .khushbu-testimonials .m-section__heading {
  }

  .khushbu-testimonials .swiper-slide {
    width:92vw !important;
  }

  .khushbu-testimonials .m-testimonial__wrapper {
    min-height:360px !important;
    height:auto !important;
    padding:25px 18px !important;
  }

  .khushbu-testimonials .khushbu-testi-title {
    font-size:18px !important;
  }

  .khushbu-testimonials .khushbu-testi-desc {
    font-size:14px !important;
  }
}

/* =========================================================
   KHUSHBU ICON BENEFITS — FINAL SPACING
   Balanced between product section & Shop By Category
========================================================= */

/* Base */
section.m-icon-box-section.m-icon-box--small {
  position: relative !important;
  z-index: 2 !important;

  margin-bottom: 0 !important;

  border-top: 0 !important;
}


/* Inner area:
   keep TOP and BOTTOM exactly equal */
/* section.m-icon-box-section.m-icon-box--small
.container-fluid.m-section-py {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
} */


/* =========================================================
   DESKTOP / LARGE LAPTOP
   Main extra space is coming from section ABOVE,
   so pull benefits upward without disturbing lower section.
========================================================= */

/* @media screen and (min-width: 1200px) {

section.m-icon-box-section.m-icon-box--small {
  margin-top: -40px !important;
  margin-bottom: 30px !important;
}

} */


/* =========================================================
   NORMAL LAPTOP
========================================================= */

/* @media screen and (min-width: 768px) and (max-width: 1199px) {

  section.m-icon-box-section.m-icon-box--small {
    margin-top: -30px !important;
  }

  section.m-icon-box-section.m-icon-box--small
  .container-fluid.m-section-py {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

} */


/* =========================================================
   MOBILE
========================================================= */

/* @media screen and (max-width: 767px) {
  section.m-icon-box-section.m-icon-box--small {
    margin-top: -16px !important;
    margin-bottom: 30px !important;
  }
}

  section.m-icon-box-section.m-icon-box--small
  .container-fluid.m-section-py {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

} */


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

/* @media screen and (max-width: 389px) {

  section.m-icon-box-section.m-icon-box--small {
    margin-top: -18px !important;
  }

  section.m-icon-box-section.m-icon-box--small
  .container-fluid.m-section-py {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

} */


/* =========================================
   KHUSHBU — SHOP BY CATEGORY
   Scoped entirely under .khushbu-category-list
   ========================================= */

/* ---------- HEADING TYPOGRAPHY (all breakpoints) ---------- */
/* .khushbu-category-list .m-section__heading {
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em;
  color: #221919;
} */

/* Desktop: heading sits beside cards, vertically centered like Figma */
@media screen and (min-width: 1280px) {
  /* .khushbu-category-list .m-section__heading { font-size: 45px !important; } */
  .khushbu-category-list .m-collection-list__wrapper { align-items: center !important; }
  .khushbu-category-list .m-section__header { margin-bottom: 0 !important; }
}

/* Tablet + Laptop: heading stacks above cards */
@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* .khushbu-category-list .m-section__heading {
    /* font-size: 44px !important; */
    max-width: 300px; /* keeps the pretty 2-line "SHOP BY / CATEGORY" wrap */
  } */
}

/* Mobile: cute, tight 2-line heading */
@media screen and (max-width: 767px) {
  /* .khushbu-category-list .m-section__heading {
    font-size: 28px !important;
    /* max-width: 150px; */
    text-align: center;
  } */
}

/* ---------- CARD TYPOGRAPHY (all breakpoints) ---------- */
.khushbu-category-list .m-collection-card__info { margin-top: 10px; }
.khushbu-category-list .m-collection-card__title,
.khushbu-category-list .m-collection-card__title a {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #221919;
  margin-bottom: 0;
  white-space: normal; /* never force nowrap — avoids text getting cut off on any device */
}
@media screen and (max-width: 767px) {
  .khushbu-category-list .m-collection-card__title,
  .khushbu-category-list .m-collection-card__title a { font-size: 16px; }
}

/* ---------- TABLET + LAPTOP: custom horizontal scroll (768–1279px) ---------- */
/* Native theme has NO slider/scroll mechanism in this range, so we build one */
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .khushbu-category-list .m-mixed-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .khushbu-category-list .m-mixed-layout__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
  }
  .khushbu-category-list .m-mixed-layout__inner::-webkit-scrollbar { display: none; }
  .khushbu-category-list .m-mixed-layout__inner.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
  }
  .khushbu-category-list .m-mixed-layout__inner > .m\:column {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-snap-align: start;
  }
  /* subtle right-edge fade — hints there's more to scroll */
  .khushbu-category-list .m-mixed-layout__wrapper {
    -webkit-mask-image: linear-gradient(to right, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, #000 92%, transparent 100%);
  }
}

/* ---------- MOBILE: tune native mobile-scroll card width ---------- */
/* This just overrides the CSS variable the theme already reads —
   no specificity fight needed, cleanest possible override */
@media screen and (max-width: 767px) {
  .khushbu-category-list { --mobile-column-width: 78vw; }
}

/* ---------- Respect reduced-motion preference ---------- */
@media (prefers-reduced-motion: reduce) {
  .khushbu-category-list .m-mixed-layout__inner { scroll-behavior: auto; }
}

/* =========================================
   KHUSHBU COMMUNITY VIDEOS — APP WRAPPER
========================================= */

.khushbu-community-videos {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}


/* Let the app use the full section width */
.khushbu-community-videos .container,
.khushbu-community-videos .container-fluid,
.khushbu-community-videos .m-section__container {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* DESKTOP */
@media screen and (min-width: 1200px) {

  .khushbu-community-videos .container,
  .khushbu-community-videos .container-fluid,
  .khushbu-community-videos .m-section__container {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

}


/* LAPTOP */
@media screen and (min-width: 990px) and (max-width: 1199px) {

  .khushbu-community-videos {
    margin-top: 18px !important;
  }

  .khushbu-community-videos .container,
  .khushbu-community-videos .container-fluid,
  .khushbu-community-videos .m-section__container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

}


/* TABLET */
@media screen and (min-width: 768px) and (max-width: 989px) {

  .khushbu-community-videos {
    margin-top: 18px !important;
  }

}


/* MOBILE — preserve current good layout */
@media screen and (max-width: 767px) {

  .khushbu-community-videos {
    margin-top: 16px !important;
  }

}


/* =========================================================
   KHUSHBU JOURNAL / BLOG ARTICLES
   Responsive article styling
========================================================= */

.kb-journal-article,
.kb-journal-article *,
.kb-journal-article *::before,
.kb-journal-article *::after {
  box-sizing: border-box;
}

.kb-journal-article {
  width: min(calc(100% - 40px), 920px);
  margin: 0 auto;
  padding: 20px 0 70px;

  color: #221919;

  /* font-family:
    /* "Centra No2 TRIAL", */
    /* "Centra No2", */
    Arial,
    Helvetica,
    sans-serif; */

  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
}

.kb-journal-article p {
  margin: 0 0 22px;
  color: inherit;
  font: inherit;
}

.kb-journal-article .kb-journal-lead {
  margin-bottom: 32px;

  font-size: 21px;
  font-weight: 400;
  line-height: 1.6;

  color: #221919;
}

.kb-journal-article h2 {
  margin: 46px 0 18px;
  padding: 0;

  color: #221919;

  /* font-family:
    "Centra No2 TRIAL",
    "Centra No2",
    Arial,
    Helvetica,
    sans-serif; */

  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;

  letter-spacing: 0;
  text-transform: uppercase;
}

.kb-journal-article h3 {
  margin: 32px 0 12px;

  color: #221919;

  font-family:
    "Centra No2 TRIAL",
    "Centra No2",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;

  letter-spacing: 0;
}

.kb-journal-article strong {
  font-weight: 500;
  color: #221919;
}

.kb-journal-article a {
  color: #221919;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.kb-journal-article a:hover {
  opacity: .72;
}

.kb-journal-article ul {
  margin: 0 0 26px;
  padding-left: 24px;
}

.kb-journal-article li {
  margin-bottom: 9px;
}

.kb-journal-article .kb-journal-quote {
  margin: 38px 0;
  padding: 24px 28px;

  border-left: 2px solid #221919;

  background: #f7f7f7;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.55;
}

.kb-journal-article .kb-journal-cta {
  margin-top: 46px;
  padding: 34px 28px;

  text-align: center;

  background: #f7f7f7;
}

.kb-journal-article .kb-journal-cta p {
  max-width: 650px;
  margin: 0 auto 22px;
}

.kb-journal-article .kb-journal-button {
  min-width: 190px;
  min-height: 48px;

  padding: 12px 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #0c0b09;

  color: #fff !important;

  font-size: 13px;
  font-weight: 500;
  line-height: 1;

  text-decoration: none !important;
  text-transform: uppercase;

  transition:
    opacity .2s ease,
    transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  .kb-journal-article .kb-journal-button:hover {
    opacity: .82;
  }
}

.kb-journal-article .kb-journal-button:focus-visible {
  outline: 2px solid #221919;
  outline-offset: 4px;
}


/* TABLET */
@media screen and (max-width: 989px) {

  .kb-journal-article {
    width: min(calc(100% - 40px), 820px);

    padding-bottom: 60px;

    font-size: 16px;
    line-height: 1.7;
  }

  .kb-journal-article .kb-journal-lead {
    font-size: 19px;
  }

  .kb-journal-article h2 {
    margin-top: 40px;

    font-size: 28px;
  }

  .kb-journal-article h3 {
    font-size: 20px;
  }

}


/* MOBILE */
@media screen and (max-width: 767px) {

  .kb-journal-article {
    width: calc(100% - 32px);

    padding: 12px 0 48px;

    font-size: 15px;
    line-height: 1.7;
  }

  .kb-journal-article p {
    margin-bottom: 18px;
  }

  .kb-journal-article .kb-journal-lead {
    margin-bottom: 26px;

    font-size: 18px;
    line-height: 1.55;
  }

  .kb-journal-article h2 {
    margin: 34px 0 14px;

    font-size: 24px;
    line-height: 1.15;
  }

  .kb-journal-article h3 {
    margin-top: 26px;

    font-size: 19px;
  }

  .kb-journal-article .kb-journal-quote {
    margin: 28px 0;

    padding: 20px;

    font-size: 17px;
  }

  .kb-journal-article .kb-journal-cta {
    margin-top: 36px;

    padding: 28px 18px;
  }

  .kb-journal-article .kb-journal-button {
    width: 100%;
    max-width: 280px;

    min-height: 46px;
  }

}


/* SMALL MOBILE */
@media screen and (max-width: 389px) {

  .kb-journal-article {
    width: calc(100% - 24px);

    font-size: 14.5px;
  }

  .kb-journal-article h2 {
    font-size: 22px;
  }

}




.khushbu-community-videos .container-full.m-section-my {
    margin-top: 30px;
}

 .khushbu-community-videos-1 .container-full.m-section-my {
    margin-top: 0px;
}

.m-footer--bottom-left.m\:flex-1.m\:text-center.m\:w-full.xl\:m\:text-left {
    text-align: center;
}

/* =========================================================
   KHUSHBU FAQ — COMPACT PREMIUM VERSION
   Replace ALL previous FAQ CSS with this
   ========================================================= */


/* ExtraBold only for text that is actually bold */
@font-face {
  /* font-family: "Centra No2 ExtraBold";
  src: url("/cdn/shop/files/Centra_No2_Extrabold.ttf?v=1789717478")
    format("truetype"); */
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}


/* ---------------------------------------------------------
   DESIGN TOKENS — change spacing / look from here only
--------------------------------------------------------- */

.m-faqs-section {
  --kfaq-ink: #221919;
  --kfaq-text: #4a4240;
  --kfaq-line: #e6e0db;
  --kfaq-line-strong: #cfc7c2;
  --kfaq-soft: #f5f5f5;

  --kfaq-q-weight: 500;
  --kfaq-a-weight: 400;

  --kfaq-radius: 12px;
  --kfaq-gap: 10px;          /* space between two FAQ cards */
  --kfaq-pad-x: 20px;        /* left/right space inside card */
  --kfaq-q-height: 56px;     /* height of a closed question */
  --kfaq-q-size: 16px;
  --kfaq-a-size: 15px;
  --kfaq-a-top: 14px;        /* space above answer text */
  --kfaq-a-bottom: 18px;     /* space below answer text */
  --kfaq-icon: 20px;
}


/* ---------------------------------------------------------
   FAQ CARD
--------------------------------------------------------- */

.m-faqs-section .m-collapsible {
  margin: 0 0 var(--kfaq-gap) !important;
  padding: 0 !important;
  min-height: 0 !important;

  border: 0 !important;
  border-radius: var(--kfaq-radius) !important;
  background: #ffffff !important;

  /* ring instead of border — cannot get clipped or broken */
  box-shadow: 0 0 0 1px var(--kfaq-line) !important;

  overflow: hidden !important;
  isolation: isolate;

  transition: box-shadow 0.3s ease;
}

/* Remove unnecessary theme lines */
.m-faqs-section .m-collapsible::before,
.m-faqs-section .m-collapsible::after {
  display: none !important;
}

/* Hover — soft lift, desktop only */
@media (hover: hover) {
  .m-faqs-section .m-collapsible:hover {
    box-shadow:
      0 0 0 1px var(--kfaq-line-strong),
      0 6px 20px rgba(34, 25, 25, 0.05) !important;
  }
}

/* Open card */
.m-faqs-section .m-collapsible.is-expanded,
.m-faqs-section .m-collapsible[open] {
  box-shadow:
    0 0 0 1px var(--kfaq-line-strong),
    0 8px 24px rgba(34, 25, 25, 0.06) !important;
}


/* ---------------------------------------------------------
   QUESTION
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--button {
  width: 100% !important;
  min-height: var(--kfaq-q-height) !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  margin: 0 !important;
  padding: 12px var(--kfaq-pad-x) !important;

  background: #ffffff !important;
  color: var(--kfaq-ink) !important;
  border: 0 !important;
  border-radius: var(--kfaq-radius) !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: var(--kfaq-q-size) !important;
  font-weight: var(--kfaq-q-weight) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  transition: background-color 0.25s ease;
}

/* Question text */
.m-faqs-section .m-collapsible--button > span:first-child {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  text-transform: none !important;

  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

/* Hover — very subtle */
@media (hover: hover) {
  .m-faqs-section .m-collapsible--button:hover {
    background: #fbfbfb !important;
  }
}

/* Keyboard focus */
.m-faqs-section .m-collapsible--button:focus {
  outline: none;
}

.m-faqs-section .m-collapsible--button:focus-visible {
  outline: 2px solid var(--kfaq-ink) !important;
  outline-offset: -3px;
}

/* Open question — soft grey + thin inset divider at the bottom */
.m-faqs-section .m-collapsible.is-expanded .m-collapsible--button,
.m-faqs-section .m-collapsible[open] .m-collapsible--button {
  border-radius: var(--kfaq-radius) var(--kfaq-radius) 0 0 !important;

  background:
    linear-gradient(var(--kfaq-line), var(--kfaq-line))
      left var(--kfaq-pad-x) bottom 0 /
      calc(100% - (var(--kfaq-pad-x) * 2)) 1px
      no-repeat,
    var(--kfaq-soft) !important;
}


/* ---------------------------------------------------------
   ARROW / ICON
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--icon {
  flex: 0 0 auto !important;

  width: var(--kfaq-icon) !important;
  height: var(--kfaq-icon) !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--kfaq-ink) !important;
  background: transparent !important;
  border-radius: 0 !important;

  transition: transform 0.3s ease !important;
}

/* Never add circle/background around arrow */
.m-faqs-section .m-collapsible--button:hover .m-collapsible--icon {
  background: transparent !important;
}


/* ---------------------------------------------------------
   ANSWER
   IMPORTANT: only LEFT/RIGHT padding on the content box.
   All top/bottom spacing lives on the text inside, so a
   closed question never carries invisible extra space.
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--content {
  margin: 0 !important;
  padding: 0 var(--kfaq-pad-x) !important;
  box-sizing: border-box !important;

  color: var(--kfaq-text) !important;

  /* font-family: inherit !important; */
  font-size: var(--kfaq-a-size) !important;
  font-weight: var(--kfaq-a-weight) !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  overflow-wrap: break-word;
}

/* Paragraphs & lists */
.m-faqs-section .m-collapsible--content p,
.m-faqs-section .m-collapsible--content ul,
.m-faqs-section .m-collapsible--content ol {
  margin: 0 0 10px !important;

  color: var(--kfaq-text) !important;
  /* font-family: inherit !important; */
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

/* Space above the first line of the answer */
.m-faqs-section .m-collapsible--content :is(p, ul, ol):first-child {
  padding-top: var(--kfaq-a-top);
}

/* Space below the last line of the answer */
.m-faqs-section .m-collapsible--content :is(p, ul, ol):last-child {
  margin-bottom: 0 !important;
  padding-bottom: var(--kfaq-a-bottom);
}

/* Gentle fade-in when an answer opens */
@keyframes kfaqFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.m-faqs-section .m-collapsible.is-expanded .m-collapsible--content > *,
.m-faqs-section .m-collapsible[open] .m-collapsible--content > * {
  animation: kfaqFadeIn 0.35s ease both;
}


/* ---------------------------------------------------------
   BOLD WORDS INSIDE ANSWER
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--content strong,
.m-faqs-section .m-collapsible--content b {
  /* font-family:
    "Centra No2 ExtraBold",
    "Centra No2",
    Arial,
    sans-serif !important; */
  font-weight: 800 !important;
  color: var(--kfaq-ink) !important;
}


/* ---------------------------------------------------------
   LINKS
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--content a {
  color: var(--kfaq-ink) !important;
  font-weight: 500 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(34, 25, 25, 0.35) !important;
  text-underline-offset: 3px !important;

  transition: text-decoration-color 0.2s ease;
}

@media (hover: hover) {
  .m-faqs-section .m-collapsible--content a:hover {
    text-decoration-color: var(--kfaq-ink) !important;
  }
}


/* ---------------------------------------------------------
   LISTS
--------------------------------------------------------- */

.m-faqs-section .m-collapsible--content ul,
.m-faqs-section .m-collapsible--content ol {
  padding-left: 20px !important;
}

.m-faqs-section .m-collapsible--content li {
  margin: 0 0 4px !important;
  padding-left: 2px;
}

.m-faqs-section .m-collapsible--content li:last-child {
  margin-bottom: 0 !important;
}

.m-faqs-section .m-collapsible--content li::marker {
  color: var(--kfaq-ink);
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1024px) {
  .m-faqs-section {
    --kfaq-radius: 11px;
    --kfaq-gap: 8px;
    --kfaq-pad-x: 18px;
    --kfaq-q-height: 54px;
    --kfaq-q-size: 15.5px;
    --kfaq-a-size: 14.5px;
    --kfaq-a-top: 13px;
    --kfaq-a-bottom: 16px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 767px) {
  .m-faqs-section {
    --kfaq-radius: 10px;
    --kfaq-gap: 8px;
    --kfaq-pad-x: 16px;
    --kfaq-q-height: 52px;
    --kfaq-q-size: 15px;
    --kfaq-a-size: 14px;
    --kfaq-a-top: 12px;
    --kfaq-a-bottom: 15px;
    --kfaq-icon: 18px;
  }

  .m-faqs-section .m-collapsible--button {
    gap: 12px !important;
  }

  .m-faqs-section .m-collapsible--content {
    line-height: 1.65 !important;
  }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width: 390px) {
  .m-faqs-section {
    --kfaq-pad-x: 14px;
    --kfaq-q-size: 14.5px;
    --kfaq-a-size: 13.5px;
  }
}


/* =========================================================
   REDUCED MOTION — respect user settings
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .m-faqs-section .m-collapsible,
  .m-faqs-section .m-collapsible--button,
  .m-faqs-section .m-collapsible--icon,
  .m-faqs-section .m-collapsible--content a {
    transition: none !important;
  }

  .m-faqs-section .m-collapsible--content > * {
    animation: none !important;
  }
}

/* body.template-index .m-collapsible.is-expanded .m-collapsible--content > *:first-child {
  margin-top: 14px !important;
} */

.m-collapsible-section .m-collapsible--content__inner {
    
    padding-bottom: 0px !important;
}

/* =========================================================
   KHUSHBU — INNER PAGE HEADING (PAGE TEMPLATES ONLY)
   Scope: .m-page-header--template-page
   Does NOT touch homepage, product, collection, header, footer
   ========================================================= */


/* ---------------------------------------------------------
   HEADING BAND + DESIGN TOKENS
--------------------------------------------------------- */

.m-page-header:is(.m-page-header--template-page) {
  --khb-ph-ink: #221919;
  --khb-ph-bg-top: #f7f4f0;
  --khb-ph-bg-bottom: #f1ece6;
  --khb-ph-line: #e6dfd7;

  --khb-ph-pad-y: 80px;      /* space above & below title */
  --khb-ph-gap: 44px;        /* space between band and page content */
  --khb-ph-size: 42px;       /* title size */
  --khb-ph-track: 0.06em;    /* title letter-spacing */
  --khb-ph-rule-w: 48px;     /* small line under title */
  --khb-ph-rule-mt: 20px;    /* space between title and small line */

  position: relative;
  margin: 0 0 var(--khb-ph-gap) !important;
  padding: var(--khb-ph-pad-y) 0 !important;

  background: linear-gradient(
    180deg,
    var(--khb-ph-bg-top) 0%,
    var(--khb-ph-bg-bottom) 100%
  ) !important;
  border-bottom: 1px solid var(--khb-ph-line);

  text-align: center;

  /* Theme fade-in-up animation would slide the whole band — switch off */
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}


/* ---------------------------------------------------------
   TITLE (H1)
--------------------------------------------------------- */

.m-page-header:is(.m-page-header--template-page) .m-page-header__title {
  max-width: 900px;
  margin: 0 auto !important;

  /* balances the trailing letter-spacing so the title is truly centered */
  padding: 0 0 0 var(--khb-ph-track) !important;

  color: var(--khb-ph-ink) !important;

  font-size: var(--khb-ph-size) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: var(--khb-ph-track) !important;
  text-transform: uppercase !important;
  text-align: center !important;

  text-wrap: balance;
  overflow-wrap: anywhere;
}

/* Small elegant line under the title */
.m-page-header:is(.m-page-header--template-page) .m-page-header__title::after {
  content: "";
  display: block;
  width: var(--khb-ph-rule-w);
  height: 1px;
  margin: var(--khb-ph-rule-mt) auto 0;
  background: var(--khb-ph-ink);
  opacity: 0.55;
}


/* ---------------------------------------------------------
   BREADCRUMB (Home > Page name) — completely hidden
--------------------------------------------------------- */

.m-page-header:is(.m-page-header--template-page) .m-breadcrumb,
.m-page-header:is(.m-page-header--template-page) nav[aria-label="breadcrumbs"] {
  display: none !important;
}


/* =========================================================
   LAPTOP  (up to 1439px)
========================================================= */

@media screen and (max-width: 1439px) {
  .m-page-header:is(.m-page-header--template-page) {
    --khb-ph-pad-y: 68px;
    --khb-ph-gap: 40px;
    --khb-ph-size: 38px;
  }
}


/* =========================================================
   TABLET  (up to 1023px)
========================================================= */

@media screen and (max-width: 1023px) {
  .m-page-header:is(.m-page-header--template-page) {
    --khb-ph-pad-y: 56px;
    --khb-ph-gap: 34px;
    --khb-ph-size: 32px;
    --khb-ph-track: 0.055em;
    --khb-ph-rule-mt: 18px;
  }
}


/* =========================================================
   MOBILE  (up to 767px)
========================================================= */

@media screen and (max-width: 767px) {
  .m-page-header:is(.m-page-header--template-page) {
    --khb-ph-pad-y: 44px;
    --khb-ph-gap: 28px;
    --khb-ph-size: 27px;
    --khb-ph-track: 0.05em;
    --khb-ph-rule-w: 40px;
    --khb-ph-rule-mt: 16px;
  }
}


/* =========================================================
   SMALL MOBILE  (up to 389px)
========================================================= */

@media screen and (max-width: 389px) {
  .m-page-header:is(.m-page-header--template-page) {
    --khb-ph-pad-y: 36px;
    --khb-ph-gap: 24px;
    --khb-ph-size: 24px;
    --khb-ph-track: 0.045em;
    --khb-ph-rule-w: 36px;
    --khb-ph-rule-mt: 14px;
  }
}

/* =====================================================
   KHUSHBU BUNDLE CARDS
   Laptop / Medium Desktop
   Smaller SAVE badge + Cart icon everywhere
   ===================================================== */

@media screen and (min-width: 768px) and (max-width: 1599px) {

  .kb-bundle-card__badge {
    top: 10px !important;
    left: 10px !important;
    padding: 4px 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .kb-bundle-card__cart-form {
    top: 8px !important;
    right: 8px !important;
  }

  .kb-bundle-card__cart {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  .kb-bundle-card__cart img {
    width: 22px !important;
    height: 22px !important;
  }
}


.gotaquestion .m-section-py {
    padding-bottom: 0px;
}

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


.khushbu-testimonials .m-section__heading {
  font-size: calc(var(--font-h2-mobile) / var(--font-base-size) * 1rem);
}

@media only screen and (min-width: 768px) {
  .khushbu-testimonials .m-section__heading {
    font-size: calc(var(--font-h2-tablet) / var(--font-base-size) * 1rem);
  }
}

@media only screen and (min-width: 1280px) {
  .khushbu-testimonials .m-section__heading {
    font-size: calc(var(--font-h2-desktop) / var(--font-base-size) * 1rem);
  }
}
@media only screen and (max-width: 768px){
   .m-collapsible-section .m-collapsible--button {
    font-size: 14px !important;
  } 
   .m-collapsible-section .m-collapsible--content__inner {
    font-size:14px !important;
   }
}