/** Shopify CDN: Minification failed

Line 2017:0 Unexpected "<"
Line 3383:0 Unexpected "}"

**/
/* RADIANT GLOW — Product Card CSS */
body{
  padding:0px !important
}



.rg-wrap {
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
  background: #FAF5F0;
  border-radius: 12px;
}

.rg-card {
  background: #ffffff;
  border-radius: 12px;
  width: 300px;
  overflow: hidden;
  border: 0.5px solid rgba(139, 26, 43, 0.12);
  box-shadow: 0 4px 20px rgba(92, 10, 26, 0.10);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  cursor: pointer;
}

.rg-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(92, 10, 26, 0.16);
}

/* IMAGE */
.rg-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #F0E6DC;
  overflow: hidden;
}

.rg-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.rg-card:hover .rg-img-wrap img {
  transform: scale(1.04);
}

/* SALE BADGE */
.rg-sale-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #C41E3A;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}

/* GRADIENT STRIPE — brand accent, dark to light */
.rg-gradient-bar {
  height: 3px;
  background: linear-gradient(
    90deg,
    #5C0A1A 0%,
    #8B1A2B 25%,
    #C41E3A 50%,
    #E8A0B4 80%,
    #F0E6DC 100%
  );
}

/* BODY */
.rg-body {
  padding: 16px 18px 10px;
}

.rg-brand {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C41E3A;
  margin-bottom: 4px;
}

.rg-name {
  font-size: 15px;
  font-weight: 700;
  color: #8B1A2B;
  line-height: 1.25;
  margin-bottom: 6px;
}

.rg-tagline {
  font-style: italic;
  font-size: 12px;
  color: #C41E3A;
  margin-bottom: 10px;
}

.rg-desc {
  font-size: 12px;
  color: #2D2D2D;
  opacity: 0.75;
  line-height: 1.55;
  margin-bottom: 12px;
}

/* SPEC BADGES */
.rg-specs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.rg-spec {
  background: #F0E6DC;
  border: 1px solid rgba(196, 30, 58, 0.18);
  border-radius: 20px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 600;
  color: #8B1A2B;
  letter-spacing: 0.03em;
}

/* DIVIDER */
.rg-divider {
  height: 0.5px;
  background: rgba(139, 26, 43, 0.10);
}

/* FOOTER */
.rg-footer {
  padding: 14px 18px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.rg-price {
  font-size: 20px;
  font-weight: 700;
  color: #8B1A2B;
  line-height: 1;
}

.rg-price-old {
  font-size: 12px;
  color: #2D2D2D;
  opacity: 0.45;
  text-decoration: line-through;
  margin-top: 3px;
}


.rg-btn {
  background: #C41E3A;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.15s ease;
}

.rg-btn:hover {
  background: #8B1A2B;
  transform: translateY(-1px);
}

.rg-btn:active {
  transform: translateY(0);
}


.hero-trust-badges{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  align-items:center;
  margin-top:28px;
}

.trust-badge-item{
  display:flex;
  align-items:center;
  gap:8px;
}

.trust-badge-item img{
  width:8px;
  height:8px;
  object-fit:contain;
  opacity:0.8;
}

.trust-badge-item span{
  font-size:13px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0.5px;
  color:#444;
  max-width:90px;
}

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

  .hero-trust-badges{
    gap:14px;
    justify-content:center;
    margin-top:20px;
  }

  .trust-badge-item{
    width:46%;
  }

  .trust-badge-item span{
    font-size:10px;
  }

  .trust-badge-item img{
    width:18px;
    height:18px;
  }
}


p{
  color:#2d2d2d !important;
}


.button{
  border-radius:8px !important
}

.menu-drawer__menu--childlist span.menu-drawer__menu-item-text.wrap-text {
        font-weight: 500 !important;
    font-size: 16px;
    line-height: 22px !important;
}
.klaviyo-form {
    position: relative !important;
    top: 18px !important;
}
/* ============================================================
   RADIANT GLOW — Product Card Override CSS
   Reference Design Match (Category Card Style)
   Paste in: Shopify Admin > Themes > Edit Code > assets/custom.css
   ============================================================ */

/* ── CARD WRAPPER ── */
.product-card .product-card__content,
product-card .product-card__content {
  background: #faf5f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 0.5px solid rgba(139, 26, 43, 0.10) !important;
  box-shadow: 0 2px 10px rgba(92, 10, 26, 0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  height:490px;
  justify-content:space-between !important;
}

.product-card .product-card__content:hover,
product-card .product-card__content:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 28px rgba(92, 10, 26, 0.13) !important;
}
#brand-story-template--22288550002777__brand_story_E7RcCc{

  padding-top:0 !important;
}

/* ── IMAGE AREA ── */
.product-card .card-gallery,
product-card .card-gallery {
  border-radius: 0 !important;
  overflow: hidden !important;
}

.product-card .product-media__image,
product-card .product-media__image {
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
  display: block !important;
  width: 100% !important;
}

.product-card .product-card__content:hover .product-media__image,
product-card .product-card__content:hover .product-media__image {
  transform: scale(1.04) !important;
}

/* ── SALE BADGE ── */
.product-card .product-badges__badge,
product-card .product-badges__badge,
.resource-card .product-badges__badge {
  background: #f0e6dc !important;
  color: #2d2d2d !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
}

/* ── PRODUCT TITLE ── */
.product-card .text-block p,
.product-card .product-grid-view-zoom-out--details h3,
product-card .text-block p,
product-card .product-grid-view-zoom-out--details h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2d2d2d !important;
  letter-spacing: 0.2px !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
  font-family: var(--font-h3--family);
}

/* ── PRICE ── */
.product-card .price-item--sale,
product-card .price-item--sale {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2D2D !important;
}

.product-card .compare-at-price,
product-card .compare-at-price {
  font-size: 14px !important;
  color: #2D2D2D !important;
  opacity: 0.80 !important;
  text-decoration: line-through !important;
}

.product-card .quick-add__button:hover,
product-card .quick-add__button:hover {
  background: #8B1A2B !important;
}

/* ── CARD PADDING ── */
.product-card .product-card__content,
product-card .product-card__content {
  --padding-block-start: 0px !important;
  --padding-block-end: 0px !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
}

.product-card .text-block,
product-card .text-block {
  padding: 14px 16px 0 16px !important;
}

.product-card product-price,
product-card product-price {
  padding: 0 16px 4px 16px !important;
}

.price__sale {
    display: flex;
    align-items: center;
    gap: 12px;
}

span.price {
    color: #8B1A2B;
    font-size: 16px;
    font-weight: 600;
}

/* .section.section--page-width.color-scheme-1.section-resource-list.spacing-style.gap-style {
    padding: 60px 0px;
} */

a.size-style.link.link--AbXQyU2JQVURITzByd__product_list_button_MWeP9V {
    border-radius: 8px;
    color: #fff;
    background-color: #c41e3a;
    padding: 10px 30px;
}


span.menu-list__link-title {
    color: #2d2d2d;
    font-size:16px;
}

/* ============================================================
   RADIANT GLOW — Cart Page Distraction-Free Header CSS
   ============================================================ */

/* Hide all navigation, actions, selectors, and secondary headers on Cart Page */
body.template-cart #header-group header-component :is(
  .header__column--right,
  header-menu,
  .dropdown-localization,
  dropdown-localization-component,
  .header-actions,
  .search-action,
  .header__navigation-bar-row,
  .header__row--bottom,
  .drawer-menu-button,
  .header__icon--search,
  .header__icon--account,
  .header__icon--cart,
  overflow-list,
  button[aria-controls="menu-drawer"]
) {
  display: none !important;
}

/* On Cart page, center the logo and adjust grid spacing */
body.template-cart #header-group .header__columns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

body.template-cart #header-group .header__column--left {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex: 1 !important;
}

/* Hide installment terms, tax notes, and accelerated checkout buttons on Cart Page */
body.template-cart :is(
  .cart-totals__installments,
  .cart-totals__tax-note,
  .additional-checkout-buttons
) {
  display: none !important;
}

/* ============================================================
   RADIANT GLOW — Cart Page Secure Checkout Header (Stitch Design)
   ============================================================ */
.header-cart-cro {
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
}

.header-cart-cro__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: var(--page-width, 1400px);
  margin: 0 auto;
  padding: 16px var(--page-padding, 24px);
}

.header-cart-cro__logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header-cart-cro__logo a,
.header-cart-cro__logo img {
  display: block;
  max-height: 45px;
}

.header-cart-cro__support {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
}

.header-cart-cro__support .support-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  font-family: var(--font-body-family, inherit);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap !important; /* Force no-wrap to prevent vertical splitting */
}

.header-cart-cro__support .support-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgba(196, 30, 58, 0.06); /* Soft elegant crimson tint */
  color: #c41e3a; /* Luxury crimson */
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-cart-cro__support .support-icon svg {
  width: 13px;
  height: 13px;
}

.header-cart-cro__support .support-divider {
  color: rgba(0, 0, 0, 0.15);
  font-size: 14px;
}

.header-cart-cro__support .support-link:hover {
  color: #c41e3a;
}

.header-cart-cro__support .support-link:hover .support-icon {
  background-color: #c41e3a;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(196, 30, 58, 0.15);
}

/* Responsive Cart Header Styles */
@media screen and (max-width: 767px) {


 #shopify-section-template--22288550166617__main .facets-mobile-wrapper{
  z-index:2 !important
 }

  #shopify-section-template--22288550166617__main .product-card__content .text-block {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    PADDING-LEFT: 15PX !IMPORTANT;
    PADDING-RIGHT: 5PX !IMPORTANT;
}


  .mobile-tabs {
    margin-top:20px;
}

.bottom-highlight{
  font-size:21px !important;
}


.fbt-total-price {
    font-size: 26px !important;
    font-weight: 700;
    color: #111;
}

.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column h1 {
    font-weight: 600;
    color: #8B1A2B;
    font-size: 30px !important;
}


h2.jdgm-title {
    font-size: 30px !important;

}
.hero {
    min-height: 535px !important;
}


div#rich-text-01KSHEN7M755C82H41RQ83QR6S h1 {
    margin-top: 30px !important;
}

  /* remove on mobile screen only */
  .clinical-voucher {
    display: none;
}
  .header-cart-cro__container {
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
    text-align: center;
  }

  .header-cart-cro__support {
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px 16px;
  }
  .header-cart-cro__support .support-icon {
    width: 24px;
    height: 24px;
  }
  .header-cart-cro__support .support-icon svg {
    width: 11px;
    height: 11px;
  }
  .header-cart-cro__support .support-link {
    font-size: 12px;
  }

  #clinical-banner-template--22288550002777__clinical_TLpbnr .premium-card {
    padding: 5px !important;
}
#clinical-banner-template--22288550002777__clinical_TLpbnr .premium-text {
    font-size: 14px !important;
}

#shopify-section-template--22288550002777__product_list_fa6P9H p {
    font-size: 36px;
    color: #8b1a2b;
    font-weight: 800;
    letter-spacing:0.2px;
}
#shopify-section-template--22288550232153__main .add-to-cart-button.button, a.size-style.link.link--AbXQyU2JQVURITzByd__product_list_button_MWeP9V {
    display: inline-block;
    padding: 10px 23px !important;
    background: #c41e3a;
    color: #fff;
    border-radius:8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px !important;

}

.product-card .product-card__content, product-card .product-card__content {
    height: 440px !important;
    justify-content: space-between!important;
}
}

/* ==========================================================================
   RADIANT GLOW — Cart Page Premium Design Refresh
   ========================================================================== */

.cart-top-cta {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  margin-bottom: 24px;
  width: 100%;
}

.cart__checkout-button--top {
  width: auto;
  min-width: 280px;
  max-width: 100%;
  height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  background-color: #8B1A2B !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 12px rgba(139, 26, 43, 0.15) !important;
  cursor: pointer;
}

.cart__checkout-button--top:hover {
  background-color: #6f1321 !important;
  box-shadow: 0 6px 18px rgba(111, 19, 33, 0.25) !important;
  transform: translateY(-1px);
}

@media screen and (max-width: 749px) {
  .cart-top-cta {
    justify-content: center;
    margin-bottom: 16px;
  }
  .cart__checkout-button--top {
    width: 100%;
    min-width: unset;
  }
}

/* Premium Card-Style Product Items */
body.template-cart .cart-items__table-row {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05)!important;
    border-radius: 8px;
    padding: 24px!important;
    margin-bottom: 20px!important;
    box-shadow: 0 4px 12px #00000004;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    column-gap: 23px;
    align-items: center;
    display: flex;
}
body.template-cart .cart-items__table-row:hover {
  border-color: rgba(139, 26, 43, 0.15) !important;
  box-shadow: 0 6px 20px rgba(139, 26, 43, 0.04);
  transform: translateY(-1px);
}

/* Elegant Luxury Typography */
body.template-cart .cart-items__title {
  font-family: var(--font-heading-family), serif;
  font-size: 18px;
  font-weight: 600;
  color: #1c1c1c;
  line-height: 1.3;
  transition: color 0.25s ease;
  text-decoration: none;
}
.cart-cross-sell-wrapper {
    max-width: 1285px;
    margin: 0 auto;
}
body.template-cart .cart-items__title:hover {
  color: #8B1A2B !important;
}
.cart-items__media img {
    height: 100px;
    object-fit: cover;
}
/* Premium Capsule Quantity Selector */
body.template-cart .cart-items .quantity-selector {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fafafa;
  display: inline-flex;
  align-items: center;
}

body.template-cart .cart-items .quantity-selector button {
  background-color: transparent !important;
  color: #555555;
  transition: all 0.2s ease;
}

body.template-cart .cart-items .quantity-selector button:hover {
  background-color: rgba(139, 26, 43, 0.05) !important;
  color: #8B1A2B !important;
}

body.template-cart .cart-items .quantity-selector input {
  background-color: #ffffff !important;
  color: #1c1c1c !important;
  font-weight: 600;
  border: none !important;
}

/* Luxury Price Styling */
body.template-cart .cart-items__price {
  font-size: 17px;
  font-weight: 600;
  color: #8B1A2B !important;
  font-family: var(--font-heading-family), serif;
}

/* Premium Round Delete Triggers */
body.template-cart .cart-items__remove {
  background-color: rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #888888 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: 8px;
  border: none !important;
  box-shadow: none !important;
}

body.template-cart .cart-items__remove:hover {
  background-color: rgba(139, 26, 43, 0.08) !important;
  color: #8B1A2B !important;
  transform: scale(1.08);
}

body.template-cart .cart-items__remove svg {
  width: 13px;
  height: 13px;
}

/* Mobile Responsive Adapters */
@media screen and (max-width: 749px) {
  body.template-cart .cart-items__table-row {
    padding: 16px !important;
    column-gap: 16px;
    margin-bottom: 16px !important;
  }
  body.template-cart .cart-items__title {
    font-size: 15px;
  }
  body.template-cart .cart-items__price {
    font-size: 14px;
  }
  body.template-cart .cart-items__remove {
    width: 28px;
    height: 28px;
    margin-left: 4px;
  }
}

.menu-list__link-title {
  position: relative;
  display: inline-block;
  padding: 6px 2px;
  transition: all 0.35s ease;
  color: #2d2d2d;
}

/* liquid underline */
.menu-list__link-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, transparent, #c41e3a, #8b1a2b, transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.4s ease;
}

.menu-list__link-title:hover {
  color: #8b1a2b;
  transform: translateY(-2px);
  letter-spacing: 0.5px;
}

.menu-list__link-title:hover::before {
  transform: scaleX(1);
}




/* jgsdflkhjfghklfgjhlkfgjhlkdfgh */

html,
body {
  overflow-x: clip;
  width: 100%;
}



section#shopify-section-template--22288550002777__hero_jVaWmY h1 {
    width: 600px;
    font-weight:600;
}

#hiw-science-template--22288550002777__how_it_works_xVy3NH .hiw-science__heading{
  text-align:center;
  letter-spacing:1px;
}

#hiw-science-template--22288550002777__how_it_works_xVy3NH .hiw-science__text{
  text-align:center;
  width: 80%;
   margin: auto;
  margin-bottom: 28px
}

#hiw-science-template--22288550002777__how_it_works_xVy3NH .primary-btn {
    display: block!important;
    margin: 0 auto;
    width: fit-content;
}

#shopify-section-template--22288550002777__hero_jVaWmY a,
#shopify-section-template--22288550002777__hero_jVaWmY button {
  padding: 18px 40px;
  background: #c41e3a;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15em;
  border-radius: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
  border: none;

}

#shopify-section-template--22288550002777__hero_jVaWmY a:hover,
#shopify-section-template--22288550002777__hero_jVaWmY button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(196, 30, 58, 0.3);
  background: #8b1a2b;
}

#hiw-science-template--22288550002777__how_it_works_xVy3NH .hiw-science__heading {
    letter-spacing: 0.1px !important;
    
}


/* ===================================
   SMALL MOBILE FIX (320px - 569px)
=================================== */
@media screen and (min-width:320px) and (max-width:569px) {

  html,
  body {
    overflow-x: clip !important;
    width: 100%;
  }

  * {
    box-sizing: border-box;
    min-width: 0;
  }

  img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* MAIN CONTAINERS */
  .container,
  .founder__inner,
  .uganda__inner,
  .for-all__grid,
  .wavelength-grid,
  .concerns-showcase {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* FORCE SINGLE COLUMN */
  .founder__inner,
  .uganda__inner,
  .wavelength-grid,
  .for-all__grid,
  .concerns-showcase {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px;
  }

  /* TABS GRID */
  .concerns-tabs {
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    width: 100%;
    padding: 0;
  }

  .concern-tab {
    width: 100%;
    padding: 14px 10px;
    font-size: 12px;
    border-radius: 14px;
  }

  /* FIX CONTENT CARDS */
  .showcase-content-card,
  .wavelength-card,
  .for-all__card,
  .uganda__stat {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  /* REMOVE OVERLAP */
  .showcase-content-card {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 24px 18px !important;
  }

  /* IMAGE FIX */
  .concern-img,
  .founder__image-frame,
  .founder__image-frame img {
    width: 100%;
    height: auto !important;
  }

  /* TYPOGRAPHY */
  .section-title {
    font-size: 34px !important;
    line-height: 1.15;
  }

  .section-subtitle,
  .section-body,
  .wl-desc,
  .point-text {
    font-size: 14px !important;
    line-height: 1.7;
  }

  /* BUTTON FIX */
  .btn-primary,
  .primary-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 16px 18px;
  }

  /* STATS GRID */
  .uganda__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  /* BADGES */
  .founder__badge {
    left: 12px;
    bottom: 12px;
    padding: 12px 14px;
  }

   /* section,
  .founder,
  .main-connection,
  .wavelength-section,
  .concerns-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  } */
}
button.button.submit-button.size-style.button {
    padding: 18px 40px;
    background: #c41e3a;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
    border: none;
}


button.button.submit-button.size-style.button:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(196, 30, 58, 0.3);
  background: #8b1a2b;
}

#shopify-section-template--22288550166617__section h1 {
    font-size: 52px;
    line-height: 1.15;
    font-weight: 600;
    color: #8b1a2b;
    letter-spacing: 0.1px;
    font-family: 'Barlow Condensed';
}

div#shopify-section-template--22288550232153__main p{
  font-size:15px;
  font-family:'poppins',sans-serif;
  letter-spacing:0.1px;
}

#more-payment-options-link {
    cursor: pointer;
    text-decoration: none;
}

#shopify-section-template--22288550232153__main button#BuyButtons-ProductSubmitButton-AUkR5VkRTVmV6TmN2U__add-to-cart{
   display: inline-block;
    padding: 18px 40px;
    background: #c41e3a;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
}

button.jm-button.jm-button--primary.jm-action-buttons__button{
   display: inline-block;
    padding: 18px 40px;
    background: #c41e3a;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
}

.product-card#product-card-AQ2ZFbEVQMUlHWU51Q__product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content:space-between !important;
}
.footer-col-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #8B1A2B;
    letter-spacing: 0.2px;
}
.product-card__quick-add .quick-add__button {
    position: relative;
    inset: auto;
    width: 100%;
    opacity: 1!important;
    display: flex!important;
    justify-content: center;
    background: #8b1a2b;
    color: #fff;
    border: none;
   border-radius:0px 0px 8px 8px !important ;
    padding: 10px;
    height: auto;
    min-height: 44px;
    visibility: visible!important;
}

.recent-products-header h2 {
    font-size: 48px;
    line-height: 1.1;
    color: #111;
    color: #8b1a2b !important;
    margin: 0;
    font-weight: 600;
    font-family: Barlow Condensed !important;
    letter-spacing:0.1px;
}

#shopify-section-template--22288550232153__main .add-to-cart-button.button{
   display: inline-block;
    padding: 18px 40px;
    background: #c41e3a;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
}

 a.size-style.link.link--AbXQyU2JQVURITzByd__product_list_button_MWeP9V{
    display: inline-block;
    padding: 18px 40px;
    background: #c41e3a;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    border-radius: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2);
}

 a.size-style.link.link--AbXQyU2JQVURITzByd__product_list_button_MWeP9V:hover{
   transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(196, 30, 58, 0.3);
  background: #8b1a2b;
}
#brand-story-template--22288550002777__brand_story_E7RcCc .bs-right h2 {
    letter-spacing: 0.2px;
}

#before-after-template--22288550002777__before_after_result_V9pmgb .gallery-header h2 {
    letter-spacing: 0.1px;
}

#clinic-proven-template--22288550002777__clinic_proven_qytypm .heading {
    letter-spacing: 0.1px;
}
#clinic-proven-template--22288550002777__clinic_proven_qytypm .card h3 {
    letter-spacing: 0.1px;
}

@media screen and (max-width: 1024px) {
section#shopify-section-template--22288550002777__hero_jVaWmY h1{
  font-size:58px;
  width:500px;
}
section#shopify-section-template--22288550002777__hero_jVaWmY p {
  width:400px;
}
.menu-drawer.color-scheme-1 {
    background: #fcf2f0;
    padding-right: 10px !important;
}
pan.menu-drawer__menu-item-text.wrap-text {
    font-size: 16px;          
    padding: 10px 16px !important;
    line-height: 1.2;
  }

  .menu-drawer__menu,
  .menu-drawer__menu li,
  .menu-drawer__menu-item {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  .cart-cross-sell-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
body.template-cart .cart-items__table-row {
    display: block;
}
.cross-sell-badge {
    top: 87px;
}
/* .cart-items__media img {
    height:auto;
    
} */
td.cart-items__details {
    padding-left: 20px;
}
}

@media screen and (max-width: 768px) {
section#shopify-section-template--22288550002777__hero_jVaWmY h1 {
    font-size: 48px;
    max-width: 391px;
}
#clinical-banner-template--22288550002777__clinical_TLpbnr .premium-text{
   max-width:100% !important;
}
  section#shopify-section-template--22288550002777__hero_jVaWmY p {
  width:350px;
}
.product-card .product-card__content, product-card .product-card__content {
    height: auto;
}
#clinic-proven-template--22288550002777__clinic_proven_qytypm .top-text{
  max-width:100% !important;

}
#clinic-proven-template--22288550002777__clinic_proven_qytypm .card h3{
  font-size:22px;
}
.menu-drawer.color-scheme-1 {
    background: #fcf2f0;
}
#brand-story-template--22288550002777__brand_story_E7RcCc .bs-right{
  padding-bottom:0 !important;
}
span.menu-drawer__menu-item-text.wrap-text {
    font-size: 32px;
    letter-spacing: 1px;
    padding: 10px 16px!important;
    line-height: 1.2!important;
    margin: 0!important;
    letter-spacing: 0.2rem !important;
}

  .menu-drawer__menu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-drawer__menu,
  .menu-drawer__menu li {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
#clinical-banner-template--22288550002777__clinical_TLpbnr .premium-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0px;
}
#shopify-section-template--22288550002777__product_list_fa6P9H .product-card__content .text-block {
    padding-left: 15px !important;
}


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

 span.menu-drawer__menu-item-text.wrap-text {
    color: #2d2d2d;
    font-weight: 500;
    font-family: 'Barlow Condensed';
    letter-spacing: 1px;
}
.collection-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
.product-card__content .text-block {
    padding: 0 !important;
}
.product-card .product-card__content, product-card .product-card__content{
  height:auto !important;

}
#shopify-section-template--22288550166617__main .product-card__content .text-block {
  padding-top:10px !important;
  padding-bottom:10px !important;
}
section#shopify-section-template--22288550002777__hero_jVaWmY h1 {
    max-width: 360px;
}
.cross-sell-badge {
    top: 72px;

}
body.template-cart .cart-items__table-row {
    display: block;
}
.cart-items__quantity-controls {
    margin-top: 31px;
}
.cart-items__media img {
    height: 60px;
    object-fit: cover;
}

td.cart-items__details {
    padding-left: 20px;
}
#shopify-section-template--22288550101081__cart-cross-sell-section{
  padding-left:15px !important;
  padding-right:15px !important;
}
.cross-sell-badge {
    top: 60px !important;

}
#shopify-section-template--22288550002777__product_list_fa6P9H .product-card__content .text-block {
    padding-left: 15px !important;
}

}


/***/

.predictive-search-results__inner h4.predictive-search-results__title {
    font-size: 26px !important;
    line-height: 1.15;
    font-weight: 600;
    color: #8b1a2b;
    letter-spacing: .1px;
    font-family: Barlow Condensed;
}
.predictive-search-results__inner p.resource-card__title.paragraph {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #2d2d2d !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
}
.predictive-search-results__inner .price__regular .price {
    color: #8b1a2b;
    font-size: 12px;
    font-weight: 600;
}
/* #shopify-section-template--22288550002777__product_list_fa6P9H .product-card__content{

  padding-left:15px !important;
  padding-right:15px !important;
}

  */

#shopify-section-template--22425123094617__hero_TNmLLh .jdgm-widget-revamp {
    font-size: 48px;
    color: #8b1a2b !important;
    margin: 0;
    line-height: 1.1;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-family: "Barlow Condensed", sans-serif !important;
    margin: 0 0 18px;
  }

  .menu-drawer,
.mobile-menu,
.drawer {
  width: 100vw !important;
  max-width: 100vw !important;
}

.menu-drawer__menu-item,
.mobile-menu a,
.drawer a {
  font-size: 20px !important;
}


/* Sticky Header Over Slider */
.shopify-section-header-sticky,
.header-wrapper,
.header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  width: 100%;
}

/* Optional blur effect */
.header-wrapper {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
}

/* ==========================================================================
   RADIANT GLOW — Free Shipping Progress Bar
   ========================================================================== */
free-shipping-bar.cart-shipping-bar {
  display: block;
  width: 100%;
  margin: 20px 0;
  padding: 16px;
  background-color: #FAF5F0; /* Soft warm luxury cream */
  border: 1px solid rgba(139, 26, 43, 0.12); /* Burgundy accent border */
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(139, 26, 43, 0.04);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Success Container Styling */
free-shipping-bar.cart-shipping-bar.is-free {
  background-color: #FAFDFB; /* Elegant success green background */
  border-color: rgba(58, 167, 109, 0.2);
  box-shadow: 0 4px 12px rgba(58, 167, 109, 0.04);
}

free-shipping-bar .free-shipping-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

free-shipping-bar .free-shipping-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-color: rgba(139, 26, 43, 0.06);
  color: #8B1A2B;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover effect for micro-interactions */
free-shipping-bar.cart-shipping-bar:hover .free-shipping-icon-wrap {
  transform: scale(1.08) rotate(5deg);
}

/* Icon colors in success state */
free-shipping-bar.cart-shipping-bar.is-free .free-shipping-icon-wrap {
  background-color: rgba(58, 167, 109, 0.1);
  color: #3aa76d;
}

free-shipping-bar.cart-shipping-bar.is-free .icon-truck {
  display: none !important;
}

free-shipping-bar.cart-shipping-bar.is-free .icon-gift {
  display: block !important;
}

free-shipping-bar .free-shipping-message {
  font-size: 13.5px;
  line-height: 1.4;
  color: #2D2D2D;
  margin: 0;
  text-align: left;
  flex: 1;
  font-family: var(--font-body-family, inherit);
  letter-spacing: 0.02em;
}

free-shipping-bar .free-shipping-message strong {
  color: #8B1A2B;
  font-weight: 700;
}

free-shipping-bar.cart-shipping-bar.is-free .free-shipping-message strong {
  color: #3aa76d;
}

free-shipping-bar .free-shipping-progress-bg {
  width: 100%;
  height: 8px;
  background-color: rgba(139, 26, 43, 0.05);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

free-shipping-bar.cart-shipping-bar.is-free .free-shipping-progress-bg {
  background-color: rgba(58, 167, 109, 0.08);
}

free-shipping-bar .free-shipping-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #E8A0B4 0%, #C41E3A 50%, #8B1A2B 100%);
  background-size: 200% 100%;
  border-radius: 4px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  animation: shipping-shimmer 3s infinite linear;
}

/* Beautiful shimmer effect */
@keyframes shipping-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: 0% 0; }
}

/* Subtle pulse animation for when free shipping is unlocked */
free-shipping-bar.cart-shipping-bar.is-free .free-shipping-progress-fill {
  background: linear-gradient(90deg, #A8E6CF 0%, #3AA76D 50%, #2E8B57 100%);
  background-size: 200% 100%;
  box-shadow: 0 0 10px rgba(58, 167, 109, 0.3);
}

free-shipping-bar .free-shipping-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 10.5px;
  color: #777777;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-body-family, inherit);
}

free-shipping-bar.cart-shipping-bar.is-free .free-shipping-labels {
  color: #5bb382;
}

/* ==========================================================================
   RADIANT GLOW — Premium Sticky Header Styles
   ========================================================================== */
#header-component[data-sticky-state='active'] {
  box-shadow: 0 4px 20px rgba(92, 10, 26, 0.05);
  border-bottom: 1px solid rgba(139, 26, 43, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px);
  transition: box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}


/* h2.jdgm-title {
    font-size: 42px;
    font-weight: 600 !important;
    color: #8B1A2B !important;
} */

.jdgm-widget.jdgm-cards-carousel h2 {
   font-weight: 800;
    color: #8b1a2b;
    line-height: 1.15;
    margin-bottom: 6px;
    margin-top: 0px;
    letter-spacing: -1px;
    font-size:52px;
}

.jdgm-content{
  margin-bottom:0px !important
}
/* ============================================================
   RADIANT GLOW — Premium Pre-Order Button Override
   ============================================================ */
.product-details a[href*='/pages/contact'],
.product-details a[href*='#preorder-signup'],
.product-info__block a[href*='/pages/contact'],
.product-info__block a[href*='#preorder-signup'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #8B1A2B !important;
  color: #ffffff !important;
  font-family: var(--font-body-family, Manrope, sans-serif);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 14px 28px;
  border-radius: 8px; /* 0.5rem */
  text-decoration: none;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(139, 26, 43, 0.15);
  border: 1px solid transparent;
}

.product-details a[href*='/pages/contact']:hover,
.product-details a[href*='#preorder-signup']:hover,
.product-info__block a[href*='/pages/contact']:hover,
.product-info__block a[href*='#preorder-signup']:hover {
  background-color: #690018 !important;
  box-shadow: 0 6px 20px rgba(105, 0, 24, 0.25);
  transform: translateY(-2px);
  color: #ffffff !important;
}

.product-details a[href*='/pages/contact']:active,
.product-details a[href*='#preorder-signup']:active,
.product-info__block a[href*='/pages/contact']:active,
.product-info__block a[href*='#preorder-signup']:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(105, 0, 24, 0.15);
}

/* ============================================================
   RADIANT GLOW - Premium Pre-Order Button Override V2 (Strong)
   ============================================================ */
body .product-details a[href*='/pages/contact'],
body .product-details a[href*='#preorder-signup'],
body .product__info-container a[href*='/pages/contact'],
body .product__info-container a[href*='#preorder-signup'],
body .text-block a[href*='/pages/contact'],
body .text-block a[href*='#preorder-signup'] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #8B1A2B !important;
  color: #ffffff !important;
  font-family: var(--font-body-family, Manrope, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  width: 100% !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 16px rgba(139, 26, 43, 0.15) !important;
  border: 1px solid transparent !important;
}

body .product-details a[href*='/pages/contact']:hover,
body .product-details a[href*='#preorder-signup']:hover,
body .product__info-container a[href*='/pages/contact']:hover,
body .product__info-container a[href*='#preorder-signup']:hover,
body .text-block a[href*='/pages/contact']:hover,
body .text-block a[href*='#preorder-signup']:hover {
  background-color: #690018 !important;
  box-shadow: 0 6px 20px rgba(105, 0, 24, 0.25) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

free-shipping-bar.cart-shipping-bar.is-free .free-shipping-labels {
  display: none !important;
}

.button{
  transition: all 0.35s ease;
  border-radius:8px !important;
}

.button:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 35px rgba(196, 30, 58, 0.3) !important;
  background: #8b1a2b;
}


/* review page css  */

p.jm-text.jm-text--align-center.jm-grid-header__text {
  font-size: 58px;
    line-height: 1.08;
    font-weight: 600;
    color: #8b1a2b !important;
    letter-spacing: 0.2px;
    margin: 0 0 28px;
    font-family:"Barlow Condensed", sans-serif !important;
}

.jdgm-review-card__details[data-v-8327239b] {
    background: #faf5f0 !important;

}

p.jm-text.jm-text--align-center.jdgm-review-card__details-description.jdgm-review-card__details-description-no-title {
    color: #2d2d2d!important;
    font-size: 14px;
}

p.jm-text.jdgm-review-card__reviewer-name {
  font-size: 32px;
    line-height: 1.08;
    font-weight: 600;
    color: #8b1a2b !important;
    letter-spacing: 0.2px;
    margin: 0 0 28px;
    font-family:"Barlow Condensed", sans-serif !important;
}


span.jm-star-rating__font-icon {
color:#8b1a2b !important;
}



/* Desktop styles remain same */


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

  p.jm-text.jm-text--align-center.jm-grid-header__text {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  p.jm-text.jdgm-review-card__reviewer-name {
    font-size: 26px;
    margin-bottom: 18px;
  }

  p.jm-text.jm-text--align-center.jdgm-review-card__details-description.jdgm-review-card__details-description-no-title {
    font-size: 15px;
    line-height: 1.6;
  }

  .jdgm-review-card__details[data-v-8327239b] {
    padding: 20px;
  }
}


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

  .jdgm-widget.jdgm-cards-carousel h2 {
    font-size: 30px;
}

  .accorddion_main {
    padding: 0px 10px;
}

  span.currency-code {
    font-size: 32px;
}

.marquee-section__label {
    font-size: 15px !important;
}

.m-logo img {
    width: 100px !important;
    height: 100px !important;
}


span.svg-wrapper.icon-caret.icon-caret--forward svg {
    font-size: 32px !important;
    width: 29px !important;
    height: 26px;
}


  .concerns-header {
    text-align: center;
    margin-bottom: 28px !important;
}

  p.jm-text.jm-text--align-center.jm-grid-header__text {
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: 0;
  }

  p.jm-text.jdgm-review-card__reviewer-name {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 14px;
  }

  p.jm-text.jm-text--align-center.jdgm-review-card__details-description.jdgm-review-card__details-description-no-title {
    font-size: 14px;
    line-height: 1.7;
  }

  .jdgm-review-card__details[data-v-8327239b] {
    padding: 16px;
  }

  span.jm-star-rating__font-icon {
    font-size: 14px;
  }
}


#shopify-section-template--22288550232153__main button#BuyButtons-ProductSubmitButton-AUkR5VkRTVmV6TmN2U__add-to-cart, button.jm-button.jm-button--primary.jm-action-buttons__button {
border-radius:8px !important;
}

@media screen and (min-width: 1025px) and (max-width: 1230px) {
  .footer-top {
    padding-left: 20px;
    padding-right: 20px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.accorddion_main {
    padding: 0px 10px;
}

.mobile-tabs {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 10px;
    width: 100%;
}


.mobile-tabs-wrapper {
margin-top:20px;
}

.m-logo img {
    width: 134px !important;
    height: auto !important;
}

.hero {
    min-height: 600px !important;
}

  overflow-list::part(list) {
    justify-content: center !important;
  }

div#rich-text-01KSHEN7M755C82H41RQ83QR6S h1 {
    margin-top: 30px;
}


.header__columns.spacing-style {
    display: flex;
    justify-content: space-between !important;
}

}


.go4198920089.go4198920089.go4198920089 {
    background: #c41e3a !important;
    border-radius: 8px !important;
    border-style: none;
    border-color: #000000;
    border-width: 2px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1;
    font-style: normal;
    white-space: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    word-break: break-word;
    align-self: flex-end;
    cursor: pointer;
    height: 50px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

h2{
  letter-spacing:0.1px !important;
}



.accordion-container .accordion-item:last-of-type {
    display: none !important;
}


.localization-form__list-item:not([hidden]) {
display:block !important;
}

/* ==========================================================================
   RADIANT GLOW — Collection Page Description styling
   ========================================================================== */
.text-block--text_twGGkJ {
  width: 100% !important;
}

.text-block--text_twGGkJ p {
  text-align: center;#custom-marquee-template--22288550166617__custom_mrquee_M4bBT7 .marquee-section__label {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #b09090;
    margin-bottom: 24px;
}
  max-width: 850px;
  margin: 0 auto;
  line-height: 1.6;
  font-size: 1.125rem;
  color: #4b5563;
}


#shopify-section-template--22425123094617__before_after_result_3ETgX9 .beforeAfterSwiper {
    padding: 60px 0 40px !important;
}


.mobile-info-block {
    display: none;
}

#custom-marquee-template--22288550166617__custom_mrquee_M4bBT7 .marquee-section__label {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #b09090;
    margin-bottom: 24px;
}


#custom-marquee-template--22288550002777__custom_mrquee_4HCzJq .m-logo svg, #custom-marquee-template--22288550002777__custom_mrquee_4HCzJq .m-logo img, #custom-marquee-template--22288550002777__custom_mrquee_4HCzJq .m-logo video {
    display: block;
    height: 100%;
    max-width: 165px;
    width: 100%;
    flex-shrink: 0;
}



.m-logo img {
    width: 178px;
}






/* learn page chart css */



<style>
    /* ========================================================= */
/* EXACT DESIGN */
/* ========================================================= */

.science-section {
    padding: 120px 5%;
    background: #fdf8f4;
    overflow: hidden;
}

.science-container{
  max-width:1400px;
  margin:auto;
}

/* HERO */

.science-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 124px;
}

.science-left{
  flex:1;
}

.science-label{
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #403b38;
    margin-bottom: 22px;
}

.science-left h2{
    font-size: 58px;
    line-height: 1.08;
    font-weight: 600;
    color: #8b1a2b;
    letter-spacing: 0.2px;
    margin: 0 0 28px;
}

.science-left h2 span{
  color:#8b0000;
}

.science-left p{
  max-width:650px;
  color:#555;
  font-size: 16px;
    line-height: 1.8;
    color: #555;
    letter-spacing: 0.2px;
    margin: 0 0 40px;
}

.science-right{
  flex:1;
  position:relative;
  text-align:center;
}

.science-right img{
  width:100%;
  max-width:500px;
  position:relative;
  z-index:2;
  border-radius:20px;
}

/* =========================================================
TABLE — FROZEN FIRST COLUMN + UPDATED DESIGN
========================================================= */

/* WRAPPER - Simplified for a clean, static layout */
/* WRAPPER */
.science-table-wrapper {
  position: relative;
  margin-top: 0px;
  z-index: 5;
  background: #FFFCFA;
  border: 1px solid #F2E6E1;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04);
  padding: 0;
}

/* SCROLL CONTAINER */
.science-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.science-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 750px;
  background: transparent;
  table-layout: fixed;
}

/* ----------------------------------
   FROZEN FIRST COLUMN
----------------------------------- */
.science-table th:first-child,
.science-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 180px;
  min-width: 180px;
  text-align: left;
  padding-left: 25px;
  box-shadow: 2px 0 8px rgba(0,0,0,0.03);
  background-color: #faf5f0;
}

/* Body Frozen Cells Alternating Backgrounds */
.science-table tbody tr:nth-child(odd) td:first-child {
  background-color: #FFFFFF;
}

.science-table tbody tr:nth-child(even) td:first-child {
  background-color: #faf5f0;
}

/* ----------------------------------
   TABLE HEADERS
----------------------------------- */
.science-table thead {
  background: transparent;
}

.science-table th {
  padding: 18px 8px;
  line-height: 1.5;
  border-bottom: 1px solid #F0E6DF;
  border-right: 1px solid #F0E6DF;
  position: relative;
  width: 120px;
  min-width: 120px;
  white-space: normal;
  word-break: break-word;
}

/* Header 1 */
.science-table th:nth-child(1) {
  color: #9BA3AE;
  font-size: 14px;
  font-weight: 500;
  padding-left: 25px !important;
}

/* RADIANT COLUMN */
.science-table th.active-col {
  background-color: #731222;
  color: #fff !important;
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 22px;
  border-color: #F0E6DF;
  font-weight: normal;
  width: 140px !important;
  min-width: 140px !important;
}

.science-table th.active-col::first-line {
  color: #faf5f0;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/* Header 3 */
.science-table th:nth-child(3) {
  background-color: #faf5f0;
  color: #8C94A1;
  font-size: 13px;
  font-weight: 500;
}

.science-table th:nth-child(3):first-line {
  color: #151F2B;
  font-size: 14px;
  font-weight: 800;
}

/* Header 4 */
.science-table th:nth-child(4) {
  background-color: #faf5f0;
  color: #8C94A1;
  font-size: 13px;
  font-weight: 500;
}

.science-table th:nth-child(4):first-line {
  color: #151F2B;
  font-size: 14px;
  font-weight: 800;
}

/* Header 5 */
.science-table th:nth-child(5) {
  background-color: #faf5f0;
  color: #151F2B;
  font-weight: 800;
  font-style: italic;
  font-size: 14px;
}

/* ----------------------------------
   TABLE CELLS
----------------------------------- */
.science-table td {
  padding: 18px 8px;
  text-align: center;
  font-size: 18px;
  color: #4A515C;
  border-bottom: 1px solid #F0E6DF;
  border-right: 1px solid #F0E6DF;
  vertical-align: middle;
}

.science-table tbody tr:nth-child(1) td {
  background-color: #FFFFFF;
}

.science-table tbody tr:nth-child(2) td {
  background-color: #FCF7F4;
  padding-top: 10px;
  padding-bottom: 10px;
}

.science-table tbody tr:nth-child(3) td {
  background-color: #FFFFFF;
}

.science-table tbody tr:nth-child(4) td {
  background-color: #FCF7F4;
}

.science-table tbody tr:nth-child(5) td {
  background-color: #FFFFFF;
}

/* ----------------------------------
   ACTIVE COLUMN CELLS
----------------------------------- */
.science-table tbody td.active-col {
  color: #fff !important;
  font-weight: bold;
  font-size: 16px;
  border-color: #F0E6DF;
  width: 140px !important;
  min-width: 140px !important;
}

.science-table tbody tr:nth-child(1) td.active-col {
  background-color: #8b1a2b !important;
  font-family: "Playfair Display", serif;
  font-size: 22px;
}

.science-table tbody tr:nth-child(2) td.active-col {
  background-color: #993544 !important;
  font-family: "Playfair Display", serif;
  font-size: 22px;
}

.science-table tbody tr:nth-child(3) td.active-col {
  background-color: #a95562 !important;
  font-family: "Playfair Display", serif;
  font-size: 22px;
}

.science-table tbody tr:nth-child(4) td.active-col {
  background-color: #b8747d !important;
  font-family: "Playfair Display", serif;
  font-size: 22px;
}

.science-table tbody tr:nth-child(5) td.active-col {
  background-color: #c8919a !important;
  font-family: "Playfair Display", serif;
  font-size: 22px;
}

/* ----------------------------------
   EXTRA DETAILS
----------------------------------- */
.science-table tbody tr:nth-child(4) td:nth-child(3),
.science-table tbody tr:nth-child(4) td:nth-child(4),
.science-table tbody tr:nth-child(5) td:nth-child(5) {
  color: #9BA3AE;
  font-style: italic;
  font-weight: normal;
}

sup {
  font-size: 10px;
}

.feature-cell {
  color: #000;
  padding-left: 15px;
  display: flex;
  align-items: center;
}

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

  .science-table th,
  .science-table td {
    padding: 14px 6px;
    font-size: 13px !important;
  }

  .science-table tbody td.active-col {
    font-size: 15px;
  }

  .science-table th:first-child,
  .science-table td:first-child {
    width: 140px;
    min-width: 140px;
    padding-left: 12px;
  }
}

/* ----------------------------------
   5. MOBILE RESPONSIVENESS
----------------------------------- */
@media screen and (max-width: 768px) {
  .science-table th, 
  .science-table td {
    padding: 14px 6px; /* Reduced padding for mobile fitting */
    font-size: 14px; /* Slightly smaller text for better wrapping */
  }
  
  .science-table tbody td.active-col {
    font-size: 15px; /* Keep active column prominent */
  }

  .science-table th:first-child,
  .science-table td:first-child {
    width: 110px; /* Narrower frozen column on mobile */
    min-width: 110px;
    padding-left: 8px;
  }
}
/* table css ende here  */










/* GRID */
.science-grid {
    display: flex;
    gap: 25px;
    align-items: stretch;
    margin-top: 45px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.science-grid .science-card:nth-child(1){
  width:60%
}

.science-grid .science-card:nth-child(2){
  width:37%
}

.science-grid .science-card:nth-child(3),
.science-grid .science-card:nth-child(4),
.science-grid .science-card:nth-child(5){
  width:31%;
  display:flex;
  flex-direction:column;
  justify-content:inherit;
}

/* COMMON CARD */
.science-card {
    position: relative;
    background: linear-gradient(135deg, #fff, #F7ECE7);
    border: 1px solid rgba(139, 26, 43, 0.12);
    border-radius: 22px;
    padding: 30px;
    border-left: 3px solid #8b1a2b;
    overflow:hidden;
    transition:.3s ease;
}

.science-card:hover{
  transform:translateY(-3px);
}

.science-number{
  display:block !important;
}

.science-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border:1px solid #8b0000;
  border-radius:50px;
  font-size:13px;
  margin-top:24px;
  background:#fff;
  font-weight:700;
  letter-spacing:.5px;
}

/* FACE COVERAGE CARD */
.dark-card {
    color: #fff;
    border: 1px solid rgba(255,0,0,.2);
    background: linear-gradient(135deg, #fffaf8 0%, #f7e1e4 50%, #f1e9e7 100%);
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
}

.dark-card p, .dark-card strong {
    color: #552d2d !important;
}

.dark-card h3 {
    color: #111 !important;
}

.dark-card strong {
    display: block;
    margin-top: 49px;
    background-color: #fdf8f46b;
    font-size: 17px;
    padding: 16px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
    line-height: 1.7;
    border-radius: 12px;
    color: #463e3e !important;
}

/* STRENGTH CARD */
.science-grid .science-card:nth-child(3){
  position:relative;
}

.science-grid .science-card:nth-child(3)::after{
  content:'';
  position:absolute;
  bottom:-70px;
  right:-30px;
  width:220px;
  height:220px;
  border-radius:50%;
  opacity:.28;
}

.science-grid .science-card:nth-child(3) .bottom-highlight{
  margin-top:20px;
  font-size:26px;
  font-weight:700;
  color:#b10000;
  position:relative;
  z-index:2;
}

/* DOSING CARD */
.science-grid .science-card:nth-child(4){
  position:relative;
}

.science-grid .science-card:nth-child(4)::after{
  content:'';
  position:absolute;
  right:-30px;
  bottom:-30px;
  width:180px;
  height:180px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(177,0,0,.12), transparent 70%);
}

/* .science-grid .science-card:nth-child(4) .bottom-highlight {
    margin-top: 34px;
    border: 1.5px solid #8b1a2b;
    border-radius: 24px;
    padding: 13px;
    text-align: center;
    background: #fff;
    font-size: 28px;
    font-weight: 700;
    color: #8b1a2b;
    line-height: 1;
}

.science-grid .science-card:nth-child(4) .bottom-highlight::after{
  content:'RECOMMENDED DOSE';
  display:block;
  margin-top:10px;
  font-size:12px;
  letter-spacing:1.5px;
  color:#555;
  font-weight:600;
} */

.science-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    letter-spacing: 0.2px;
    margin-bottom: 3px;
    margin-top:5px;
}

.science-card h3{
  font-size: 28px;
  font-weight: 700;
  color: var(--text-black);
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

/* DOSING BULLET LIST */
.dosing-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
.dosing-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 8px;
}
.dosing-list li::before {
  content: '→';
  color: #c41e3a;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

/* NIR BULLET LIST */
.nir-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
.nir-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 8px;
}
.nir-list li::before {
  content: '•';
  color: #c41e3a;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

/* FDA TWO PARTS */
.fda-parts {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}
.fda-part {
  background: #fff;
  border: 1px solid rgba(139,26,43,0.1);
  border-radius: 12px;
  padding: 14px 16px;
}
.fda-part strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #8b1a2b;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fda-part p {
  font-size: 13px !important;
  color: #555;
  line-height: 1.6;
  margin: 0 !important;
}

.fda-stat {
  margin-top: 16px;
  background: linear-gradient(135deg, #8b1a2b, #c41e3a);
  border-radius: 12px;
  padding: 14px 16px;
  text-align: center;
}
.fda-stat span {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  line-height: 1.6;
}

/* FDA BUTTON */
.fda-btn {
    display: block;
    margin-top: 16px;
    /* background: linear-gradient(135deg, #8b1a2b, #c41e3a); */
    color: #991b2f;
    text-align: center;
    padding: 14px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.fda-btn:hover {
  opacity: 0.88;
}

/* BOTTOM BAR */
.science-bottom-bar{
  position:relative;
  margin-top:70px;
  padding:30px;
  border-radius:34px;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
  background: linear-gradient(135deg, #120000 0%, #2b0000 45%, #510000 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 25px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}

.science-bottom-bar::before{
  content:'';
  position:absolute;
  top:-160px;
  right:-100px;
  width:340px;
  height:340px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(255,0,0,.35), transparent 70%);
}

.science-bottom-bar::after{
  content:'';
  position:absolute;
  left:-140px;
  bottom:-180px;
  width:340px;
  height:340px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(255,255,255,.08), transparent 70%);
}

.science-badge{
  position:relative;
  z-index:2;
  min-height:150px;
  padding:28px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  backdrop-filter:blur(10px);
  transition:.35s ease;
}

.science-badge:hover{
  transform:translateY(-8px);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.18);
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
}

.science-icon{
  width:68px;
  height:68px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, #c00000, #7a0000);
  color:#fff;
  box-shadow: 0 10px 24px rgba(177,0,0,.35);
}

.science-icon svg{
  width:30px;
  height:30px;
}

.science-badge h4{
  margin:0;
  color:#fff;
  font-size:17px;
  font-weight:600;
  line-height:1.6;
  letter-spacing:.2px;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1100px){
  .science-bottom-bar{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:991px){
  .science-section{ padding:90px 5%; }
  .science-hero{ flex-direction:column; gap:40px; margin-bottom:50px; }
  .science-left, .science-right{ width:100%; flex:100%; }
  .science-left h2{ font-size:52px; line-height:1.1; }
  .science-right img{ max-width:430px; width:100%; }
  .science-grid{ grid-template-columns:1fr; gap:20px; }
  .science-grid .science-card:nth-child(1),
  .science-grid .science-card:nth-child(2){ grid-column:auto; }
  .science-grid .science-card:nth-child(3),
  .science-grid .science-card:nth-child(4),
  .science-grid .science-card:nth-child(5){ min-height:auto !important; }
  .science-bottom-bar{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:768px){
  .science-grid .science-card:nth-child(1){
  width:100%
}

.science-grid .science-card:nth-child(2){
  width:100%
}

.science-grid .science-card:nth-child(3),
.science-grid .science-card:nth-child(4),
.science-grid .science-card:nth-child(5){
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:inherit;
}
  .science-section{ padding:75px 5%; }
  .science-left h2{ font-size:42px; margin-bottom:20px; }
  .science-left p{ font-size:15px; line-height:1.8; margin-bottom:20px; }
  .science-label{ margin-bottom:14px; }
  .science-right img{ max-width:100%; border-radius:18px; }
  .science-table-wrapper{ border-radius:20px; }
  .science-table th{ font-size:10px; padding:12px 6px; white-space:normal; }
  .science-table td{ font-size:10px; padding:10px 6px; }
  .science-table th.active-col, .science-table td.active-col{ font-size: 12px !important; }
  .science-table th:first-child, .science-table td:first-child{ width:140px; min-width:140px; padding-left:8px; }
  .feature-cell{ font-size:12px; gap:4px; }
  .feature-icon{ font-size:12px; }
  .feature-icon svg{ width:12px; height:12px; }
  .science-card{ padding:24px; border-radius:18px; }
  .science-card h3{ font-size:24px; margin-bottom:16px; }
  .science-card p{ font-size:15px; line-height:1.7; }
  .dark-card strong{ font-size:17px; line-height:1.7; }
  .science-note{ padding:12px 18px; font-size:12px; }
  .science-grid .science-card:nth-child(4) .bottom-highlight{ padding:20px; font-size:24px; }
  .science-grid .science-card:nth-child(3) .bottom-highlight{ font-size:24px; }
  .science-bottom-bar{ grid-template-columns:1fr 1fr; padding:18px; gap:16px; border-radius:24px; }
  .science-badge{ min-height:130px; padding:20px 14px; border-radius:18px; }
  .science-icon{ width:54px; height:54px; border-radius:16px; }
  .science-icon svg{ width:24px; height:24px; }
  .science-badge h4{ font-size:14px; line-height:1.5; }
}

@media(max-width:480px){
  .science-section{ padding:60px 5%; }
  .science-hero{ gap:30px; margin-bottom:40px; }
  .science-left h2{ font-size:32px; line-height:1.15; }
  .science-left p{ font-size:14px; line-height:1.8; }
  .science-right img{ border-radius:14px; margin-bottom:34px; }
  .science-table-wrapper{ border-radius:16px; }
  .science-table th{ font-size:10px; padding:10px 4px; }
  .science-table td{ font-size:10px; padding:8px 4px; }
  .science-table th.active-col, .science-table td.active-col{ font-size: 12px !important; }
  .science-table th:first-child, .science-table td:first-child{ width:140px; min-width:140px; padding-left:6px; font-size:10px; }
  .feature-cell{ font-size:12px; line-height:1.5; }
  .feature-icon svg{ width:10px; height:10px; }
  .science-card{ padding:20px; border-radius:16px; }
  .science-card h3{ font-size:22px; margin-bottom:14px; }
  .science-card p{ font-size:14px; line-height:1.7; }
  .dark-card strong{ font-size:16px; }
  .science-grid .science-card:nth-child(4) .bottom-highlight{ padding:18px; font-size:22px; border-radius:18px; }
  .science-grid .science-card:nth-child(3) .bottom-highlight{ font-size:22px; }
  .science-note{ width:100%; text-align:center; justify-content:center; }
  .science-bottom-bar{ grid-template-columns:1fr; padding:16px; gap:14px; border-radius:22px; }
  .science-badge{ min-height:auto; padding:20px; gap:14px; }
  .science-icon{ width:50px; height:50px; }
  .science-icon svg{ width:22px; height:22px; }
  .science-badge h4{ font-size:14px; }
}

/* SECTION 3: FAQ & CHATBOT BANNER */
.science-faq-chat-section {
  position: relative;
  margin-top: 60px;
  padding: 45px 30px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(139, 26, 43, 0.08);
  box-shadow: 0 20px 50px rgba(139, 26, 43, 0.06);
  text-align: center;
  z-index: 5;
}

.science-faq-chat-section h3 {
  font-size: 26px;
  font-weight: 700;
  color: #8b1a2b;
  margin: 0 0 12px 0;
  letter-spacing: -0.01em;
}

.science-faq-chat-section p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  max-width: 650px;
  margin: 0 auto 24px auto;
}

.science-faq-chat-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.faq-link-btn {
  display: inline-block;
  padding: 14px 28px;
  background: transparent;
  color: #8b1a2b;
  border: 2px solid #8b1a2b;
  border-radius: 50px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.faq-link-btn:hover {
  background: #8b1a2b;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(139, 26, 43, 0.15);
}

.chatbot-trigger-btn {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #8b1a2b, #c41e3a);
  color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(139, 26, 43, 0.12);
  transition: all 0.3s ease;
}

.chatbot-trigger-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(139, 26, 43, 0.25);
  opacity: 0.95;
}

/* MEDIA OVERRIDES FOR SECTION 3 */
@media (max-width: 768px) {
  .science-faq-chat-section {
    margin-top: 40px;
    padding: 30px 20px;
    border-radius: 24px;
  }
  .science-faq-chat-section h3 {
    font-size: 22px;
  }
  .science-faq-chat-section p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .faq-link-btn, .chatbot-trigger-btn {
    padding: 12px 24px;
    font-size: 13px;
    width: 100%;
    max-width: 280px;
    text-align: center;
  }
}

/* Mobile-only concerns style overrides */
 .mobile-only-content {
  display: block !important;
} 

/* .science-grid {
    display: none !important;
} */

@media (max-width: 768px) {


  .facets-mobile-wrapper {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    justify-content: flex-end;
    padding-top: 35px;
    padding-bottom: 20px;

}
  .desktop-only-content {
    display: none !important;
  }
  .mobile-only-content {
    display: block !important;
  }
  .science-grid .science-card.defining-skin-goals-card {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .mobile-tab-btn {
    padding: 10px 12px;
    background: transparent;
    border: 1px solid rgba(139, 26, 43, 0.1);
    border-radius: 50px;
    color: #947a6d;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
  }
.mobile-tab-btn.active {
    background: #8b1a2b;
    color: #ffffff;
}
  #mobileConcernInfo {
    transition: opacity 0.2s ease;
  }
  .mobile-concern-points {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobile-concern-points li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }
  .mobile-concern-points .point-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #faf5f0;
    color: #8b1a2b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .mobile-concern-points .point-icon svg {
    width: 12px;
    height: 12px;
  }
  .mobile-concern-points .point-text {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
  }
  .mobile-info-block {
    text-align: left;
  }
  .mobile-info-block h4 {
    font-size: 18px;
    color: #8b1a2b;
    margin: 0 0 8px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
  }
}


 .mobile-only-content {
    display: block !important;
  }
  .science-grid .science-card.defining-skin-goals-card {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .mobile-tab-btn {
    padding: 10px 12px;
    background: transparent;
    border: 1px solid rgba(139, 26, 43, 0.1);
    border-radius: 50px;
    color: #947a6d;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
  }
.mobile-tab-btn.active {
    background: #8b1a2b;
    color: #ffffff;
}
  #mobileConcernInfo {
    transition: opacity 0.2s ease;
  }
  .mobile-concern-points {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobile-concern-points li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }
  .mobile-concern-points .point-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #faf5f0;
    color: #8b1a2b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .mobile-concern-points .point-icon svg {
    width: 12px;
    height: 12px;
  }
  .mobile-concern-points .point-text {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
  }
  .mobile-info-block {
    text-align: left;
  }
  .mobile-info-block h4 {
    font-size: 18px;
    color: #8b1a2b;
    margin: 0 0 8px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
  }



.go3176171171 {
   font-size: 23px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #8B1A2B;
}

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go3279073480.kl-private-reset-css-Xuajs1 {
    padding: 0px !important;
}

.needsclick.go310894487.kl-private-reset-css-Xuajs1 {
    padding: 0px 0px 20px !important;
}


form#FacetFiltersForm--template--22288550166617__main-desktop {
    position: relative;
    top: 54px !important;
    width: 100%;
    max-width: 100px;
    margin-left: auto;
}


div#rich-text-01KSHEN7M755C82H41RQ83QR6S h1 {
    font-family: "Barlow Condensed", sans-serif !important;
    color: #8B1A2B !important;
}


.generic-content h3 {
    padding-bottom: 20px;
    color: #8B1A2B;
    font-weight: 600;
    font-size: 26px;
}

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go3279073480.kl-private-reset-css-Xuajs1 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
/* ==========================================================================
   RADIANT Glow — FDA Clearance Badge styling
   ========================================================================== */
.product-fda-clearance-badge {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 10px 14px;
  background-color: rgba(var(--color-foreground-rgb), 0.03);
  border: 1px solid rgba(var(--color-foreground-rgb), 0.05);
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}

.fda-badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10B981; /* High-end vibrant emerald green */
  flex-shrink: 0;
  margin-top: 2px; /* Align icon nicely with the first line of text */
}

.fda-badge-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-foreground);
  opacity: 0.9;
  letter-spacing: 0.01em;
  line-height: 1.4;
}

/* Preorder FDA Clearance Badge styling - styles matching buy-buttons */
.text-block--text_fda_cleared {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 10px 14px !important;
  background-color: rgba(var(--color-foreground-rgb), 0.03) !important;
  border: 1px solid rgba(var(--color-foreground-rgb), 0.05) !important;
  border-radius: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.text-block--text_fda_cleared p {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--color-foreground) !important;
  opacity: 0.9 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.text-block--text_fda_cleared p::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310B981'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}


.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column h1 {
    font-weight: 600;
    color: #8B1A2B;
    font-size: 42px;
}

/* ==========================================================================
   RADIANT Glow — Contact Page Gorgias Prompt Trigger Styling
   ========================================================================== */
a[href="#gorgias-chat-trigger"] {
  color: #8b1a2b !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  text-decoration-color: #8b1a2b !important;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
a[href="#gorgias-chat-trigger"]:hover {
  opacity: 0.8;
}

/* ==========================================================================
   RADIANT Glow — Header Gorgias Search Icon Trigger & Layout
   ========================================================================== */
.header-logo-container {
  display: flex;
  align-items: center;
  gap: var(--gap-md, 12px);
}

@media screen and (max-width: 749px) {
  .header-logo-container {
    grid-area: center;
    justify-content: center;
    height: 100%;
  }
}

.header-search-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--color-foreground, #000) !important;
  font-weight: normal !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
  padding: 0;
  margin: 0;
}

.header-search-trigger:hover {
  opacity: 0.7 !important;
  transform: scale(1.08);
  text-decoration: none !important;
}

.header-search-trigger .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.header-search-trigger svg {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* Fix for Android keyboard/navigation bar overlaying Gorgias typing box */
@media screen and (max-width: 768px) {
  #gorgias-web-chat-container,
  iframe#gorgias-web-chat-container {
    bottom: 24px !important; /* Raises the widget slightly to prevent virtual menu overlap */
    z-index: 2147483647 !important; /* Ensure it stays above any theme overlays */
  }
}


.bottom-highlight {
    display: block;
    margin-top: 16px;
    /* background: linear-gradient(135deg, #8b1a2b, #c41e3a); */
    color: #991b2f;
    text-align: center;
    padding: 14px 20px;
    border-radius: 50px;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: opacity 0.2s ease;
    font-family: 'Barlow Condensed';
}

p.footer-brand-desc {
    font-weight: 500 !important;
}

.footer-col ul li {
    font-weight: 500 !important;
}

button.needsclick.klaviyo-close-form.go4255485812.kl-private-reset-css-Xuajs1 {
    top: 24px !important ;
}


@media only screen 
and (min-width: 390px) 
and (max-width: 430px) {

  .hero__container.spacing-style.section.section--full-width h1 {
    margin-top: -30px;
  }

}

section.concerns-section.premium-layout {
    display: none;
}



.mobile-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
  gap: 10px;
  width: 100%;}
}


@media (min-width: 768px) and (max-width: 992px) {
  .science-table td,
  .science-table .feature-cell {
    font-size: 14px !important;
  }
}


.predictive-search:has(.predictive-search-dropdown) .search-input {
    border: 1px solid #c7c1c1;
}

/* HIDE FLOATING WISHLIST LAUNCHER BUTTON BEHIND GORGIAS CHAT */
.oxi-wishlist-launcher,
.oxi-wishlist-floating-btn,
.oxi-wishlist-floating-button,
#oxi-wishlist-floating-button,
.oxi-floating-button,
.oxi-wishlist-icon,
.oxi-wishlist-bubble,
.oxi-wishlist-float,
[class*="oxi-wishlist-floating"],
[id*="oxi-wishlist-floating"],
[data-oxi-wishlist-floating] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* FIX BULLET & NUMBERED LIST FORMATTING IN PRODUCT FAQS AND EXPANDABLES */
.accordion-content ul,
accordion-custom ul,
.product-description ul,
.collapsible-content ul,
.details-content ul,
[class*="accordion"] ul,
[class*="collapsible"] ul {
    list-style: disc !important;
    padding-left: 24px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.accordion-content ol,
accordion-custom ol,
.product-description ol,
.collapsible-content ol,
.details-content ol,
[class*="accordion"] ol,
[class*="collapsible"] ol {
    list-style: decimal !important;
    padding-left: 24px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.accordion-content li,
accordion-custom li,
.product-description li,
.collapsible-content li,
.details-content li,
[class*="accordion"] li,
[class*="collapsible"] li {
    display: list-item !important;
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}