/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 6298:1 Unexpected "<"

**/
<style>
  /* ========================================
     NPDP Hero Section - Scoped Styles
     All classes prefixed with .npdp- to avoid conflicts
     ======================================== */

  /* CSS Custom Properties for easy customization */
  .npdp-hero {
    --npdp-primary-green: #0d7a3e;
    --npdp-dark-green: #0a6332;
    --npdp-text-black: #1a1a1a;
    --npdp-text-gray: #666666;
    --npdp-text-light-gray: #888888;
    --npdp-border-color: #e0e0e0;
    --npdp-bg-beige: #f5efe6;
    --npdp-star-gold: #f4a636;
    --npdp-badge-green-bg: #ffffff;
    --npdp-badge-green-border: #0d7a3e;
    --npdp-badge-gray-bg: #f5f5f5;
    --npdp-badge-gray-border: #cccccc;
   
    --npdp-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --npdp-container-max: 1400px;
    --npdp-section-padding: 20px 60px;
    --npdp-gap: 40px;
  }

  /* Reset and base */
  .npdp-hero {
    font-family: var(--npdp-font-sans);
    color: var(--npdp-text-black);
    line-height: 1.6;
    padding: var(--npdp-section-padding);
    background: #ffffff;
  }

  .npdp-hero *,
  .npdp-hero *::before,
  .npdp-hero *::after {
    box-sizing: border-box;
  }

    /* Container */
    .npdp-hero__container {
      max-width: var(--npdp-container-max);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--npdp-gap);
      align-items: stretch;
    }

    /* Gallery Column Wrapper - for sticky to work */
    .npdp-gallery-column {
      position: relative;
      z-index: 10;
    }

    /*  DESKTOP STYLE - 1025px and above */
    @media (min-width: 1025px) {
      .npdp-gallery-column {
        padding-left: 50px;
        padding-right: 50px;
      }
    }

     /* Prevent horizontal scroll on mobile */
    .npdp-hero {
      max-width: 100vw;
    }

    .npdp-hero__container {
      max-width: 100%;
    }

    .npdp-info {
      max-width: 100%;
    }

    /*  DESKTOP STYLES - 1025px and above */
    @media (min-width: 1025px) {
      .npdp-info {
        max-width: 100%;
        margin: 0;
        padding-left: 50px;
        padding-right: 50px !important;
      }
    }

    /* Mobile only - hide overflow */
    @media screen and (max-width: 999px) {
      .npdp-hero {
        overflow-x: hidden;
      }

      .npdp-hero__container {
        overflow-x: hidden;
      }

      .npdp-info {
        overflow-x: hidden;
      }
    }

  /* ========================================
     GALLERY STYLES
     ======================================== */
     
    .npdp-gallery {
      display: grid;
      grid-template-columns: 80px 1fr;
      gap: 15px;
      position: sticky;
      top: 20px;
      height: fit-content;
    }

 /* Thumbnail Navigation Arrows */
  .npdp-gallery__thumbnails-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  .npdp-gallery__thumb-nav {
    width: 80px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
    padding: 0;
  }

  .npdp-gallery__thumb-nav:hover:not(:disabled) {
    opacity: 0.7;
  }

  .npdp-gallery__thumb-nav:disabled {
    opacity: 0.2;
    cursor: not-allowed;
  }

  .npdp-gallery__thumb-nav svg {
    width: 40px;
    height: 40px;
    stroke: #000000;
    stroke-width: 2;
    fill: none;
  }
  
  .npdp-gallery__thumbnails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none; /* Hide scrollbar Firefox */
    -ms-overflow-style: none; /* Hide scrollbar IE/Edge */
  }

  .npdp-gallery__thumbnails::-webkit-scrollbar {
    display: none; /* Hide scrollbar Chrome/Safari */
  }

  .npdp-gallery__thumbnails::-webkit-scrollbar {
    width: 4px;
  }

  .npdp-gallery__thumbnails::-webkit-scrollbar-track {
    background: transparent;
  }

  .npdp-gallery__thumbnails::-webkit-scrollbar-thumb {
    background: var(--npdp-border-color);
    border-radius: 2px;
  }

  .npdp-gallery__thumb {
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
    flex-shrink: 0;
  }

  .npdp-gallery__thumb:hover,
  .npdp-gallery__thumb.is-active {
    border-color: var(--npdp-text-black);
  }

  .npdp-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .npdp-gallery__main {
    position: relative;
    
    border-radius: 8px;
    overflow: hidden;
  }

  .npdp-gallery__main-image {
    width: 100%;
    margin-top: 5px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .npdp-gallery__slide {
    display: none;
  }

  .npdp-gallery__slide.is-active {
    display: block;
  }

   /* Gallery Navigation Arrows - Main Image */
    .npdp-hero .npdp-gallery__main .npdp-gallery__nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 60px;
      height: 60px;
      min-width: 60px;
      min-height: 60px;
      background: transparent;
      border: none;
      border-radius: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 100;
      padding: 0;
      pointer-events: auto !important;
    }

  .npdp-hero .npdp-gallery__main .npdp-gallery__nav:hover {
    
  }

  .npdp-hero .npdp-gallery__main .npdp-gallery__nav--prev {
    left: 10px;
  }

  .npdp-hero .npdp-gallery__main .npdp-gallery__nav--next {
    right: 10px;
  }

  .npdp-hero .npdp-gallery__main .npdp-gallery__nav svg {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    stroke: #000000 !important;
    stroke-width: 1.5 !important;
    fill: none !important;
    display: block !important;
  }

  .npdp-hero .npdp-gallery__main .npdp-gallery__nav svg polyline {
    stroke: #000000 !important;
    stroke-width: 1.5 !important;
  }



   /* ========================================
     IMAGE ZOOM STYLES (Desktop Only)
     ======================================== */

  .npdp-gallery {
    position: sticky;
  }

  .npdp-gallery__zoom-container {
    display: none;
    position: absolute;
    top: 0;
    margin-top: 8px;
    left: calc(100% + 20px);
    width: 700px;
    height: 582px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    opacity: 1.0 !important;
    overflow: hidden;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    pointer-events: none;
  }

  .npdp-gallery__zoom-container.is-active {
    display: block;
    opacity: 1.0 !important;
  }

  .npdp-gallery__zoom-image {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    opacity: 1.0 !important;
  }

  /* Hide the lens completely - we don't need it */
  .npdp-gallery__zoom-lens {
    display: none !important;
  }

  /* Change cursor on main image when zoom is available */
  .npdp-gallery__main.has-zoom {
    cursor: zoom-in;
  }

    /* Main gallery container */
    .npdp-gallery__main {
      position: relative;
      border-radius: 8px;
      overflow: visible;
      pointer-events: auto;
    }

    .npdp-gallery__main * {
      pointer-events: auto;
    }

  .npdp-gallery__slide {
    overflow: hidden;
    border-radius: 8px;
  }

  /* Hide zoom on tablet/mobile */
  @media screen and (max-width: 1200px) {
    .npdp-gallery__zoom-container {
      display: none !important;
    }

    .npdp-gallery__main.has-zoom {
      cursor: default;
    }
  }

  /* ========================================
     PRODUCT INFO STYLES
     ======================================== */
  .npdp-info {
    padding: 0;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Brand/Vendor */
  .npdp-info__brand {
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 5px;
    font-weight: 400;
    color: #262626;
    letter-spacing: 1px;
    margin-top: 32px;
  }

    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-info__brand {
        font-size: 14px;
        line-height: 1.43;
      }
    }

  /* Product Title */
  .npdp-info__title {
  font-family: 'Open Sans';
  font-style: normal;
  text-transform: none;
    font-weight: 700;
    letter-spacing: 0;
  }

  /* Badges Container */
  .npdp-info__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    padding: 0 !important;
   
  }

  /* Badge Base */
  .npdp-badge {
    font-family: 'Open Sans';
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 10px;
    border-radius: 4px;
    
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-badge {
        padding: 1px 5px !important;
      }
    }
  

  /* Badge Variants */
  .npdp-badge--green {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    background: var(--npdp-badge-green-bg);
    border: 2px solid #B1C4B6;
    color: #09ACB9;
    background: #FBFAF3;
  }
    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-badge--green {
        order: 2;
        font-weight: 700;
      }
    }

  .npdp-badge--gray {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    background: var(--npdp-badge-gray-bg);
    border: 2px solid #B1C4B6;
    color: #2B2928;
    background: #FBFAF3;
  }
    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-badge--gray {
        font-weight: 700;
      }
    }

  .npdp-badge__icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background: #FBFAF3;
  }

  .npdp-badge--green .npdp-badge__icon {
    color: var(--npdp-primary-green);
    background: #FCF8F7;
  }



  .npdp-badge--gray .npdp-badge__icon {
    color: #d4a853;
    background: #FCF8F7;
  }

    /* Badge Gold Style */
  .npdp-badge--gold {
    background: #fffbeb;
    border: 2px solid #d4a853;
    color: #92600e;
  }

  .npdp-badge--gold .npdp-badge__icon {
    color: #d4a853;
  }

  /* Key Ingredients */
  .npdp-info__ingredients {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #342626;
    margin-bottom: 10px;
  }

      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-info__ingredients {
        font-size: 16px;
        line-height: 1.43;
        margin-bottom: 0;
      }
    }

  /* Star Rating */
  .npdp-info__rating {
    margin-bottom: 20px;
  }

      /* Hide review count text from Stamped badge */
    .npdp-info__rating .stamped-badge-caption,
    .npdp-info__rating .stamped-badge[data-rating]::after,
    .npdp-info__rating [data-reviews-text],
    .npdp-info__rating .stamped-badge span:not(.stamped-starrating):not(.stamped-fa) {
      display: none !important;
    }


  .npdp-info__stars {
    display: inline-flex;
    gap: 2px;
  }

  .npdp-info__star {
    width: 20px;
    height: 20px;
    color: var(--npdp-star-gold);
  }

  .npdp-info__star--empty {
    color: #e0e0e0;
  }

  .npdp-info__star--half {
    position: relative;
  }

  /* Divider */
  .npdp-info__divider {
    height: 1px;
    background: var(--npdp-border-color);
    margin: 20px 0;
    border: none;
  }



  .npdp-content-section__heading {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 12px 0;
    color: #262626;
  }
    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-content-section__heading {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.43;
        letter-spacing: 0.5px;
        margin: 0;
      }
    }

  .npdp-content-section__text {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #262626;
  }
  /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-content-section__text {
        font-family: 'Open Sans' !important;
        font-size: 16px !important;
        line-height: 1.43 !important;
        font-weight: 400 !important;
      }
    }

  .npdp-content-section__text p {
    margin: 0 0 15px 0;
  }

  .npdp-content-section__text p:last-child {
    margin-bottom: 0;
  }

  .npdp-content-section__text strong,
  .npdp-content-section__text b {
    font-weight: 700;
  }

  /* Bullet List Styling */
  .npdp-content-section__text ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .npdp-content-section__text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
  
  }

  .npdp-content-section__text ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--npdp-text-black);
    font-weight: bold;
  }

  .npdp-content-section__text ul li:last-child {
    margin-bottom: 0;
  }


    /* ===================================
   DESKTOP STYLES - 1025px and above
   ================================== */
@media (min-width: 1025px) {
    .npdp-info__title {
      color: var(--Neutral-300, #333);
      font-size: 36px;
      font-weight: 700;
      line-height: 40px; 
   
    }

}


  /* ===================================
   TABLET STYLES - 769px to 1024px
   ================================== */
@media (max-width: 1024px) and (min-width: 769px) {


}



 /* ========================================
     MOBILE GALLERY (After What It Does)
     ======================================== */
  .npdp-mobile-gallery {
    display: none;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

       .npdp-mobile-gallery__main {
      position: relative;
      background: var(--npdp-bg-beige);
      border-radius: 0;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
    }

    .npdp-mobile-gallery__image {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: block;
      object-fit: contain;
    }

    .npdp-mobile-gallery__slides-track {
      display: flex;
      transition: transform 0.4s ease-in-out;
    }

    .npdp-mobile-gallery__slide {
      flex: 0 0 100%;
      width: 100%;
      max-width: 100%;
    }

  /* Mobile Gallery Navigation Arrows */
  /* Mobile Gallery Navigation Arrows */
    .npdp-mobile-gallery__nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 70px;
      height: 70px;
      background: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      padding: 0;
    }

    .npdp-mobile-gallery__nav svg {
      width: 60px;
      height: 60px;
      stroke: #000000;
      stroke-width: 1.6;
      fill: none;
    }


  .npdp-mobile-gallery__nav--prev {
    left: 5px;
  }

  .npdp-mobile-gallery__nav--next {
    right: 5px;
  }

  /* Mobile Gallery Thumbnails */
  .npdp-mobile-gallery__thumbs-wrapper {
    position: relative;
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .npdp-mobile-gallery__thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    width: 100%;
    max-width: 100%;
  }

  .npdp-mobile-gallery__thumbs::-webkit-scrollbar {
    display: none;
  }

  .npdp-mobile-gallery__thumb {
    width: 65px;
    height: 65px;
    min-width: 65px;
    flex-shrink: 0;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    padding: 0;
  }

  .npdp-mobile-gallery__thumb.is-active {
    border-color: #000000;
  }

  .npdp-mobile-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Thumbnail scroll arrows - Both left and right */
  .npdp-mobile-gallery__thumbs-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 65px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding: 0;
  }

  .npdp-mobile-gallery__thumbs-arrow svg {
    width: 18px;
    height: 18px;
    stroke: #000000;
    stroke-width: 2.5;
    fill: none;
  }

  .npdp-mobile-gallery__thumbs-arrow--left {
    left: 0;
    background: linear-gradient(to left, transparent, rgba(255,255,255,0.95) 50%);
    justify-content: flex-start;
    padding-left: 2px;
  }

  .npdp-mobile-gallery__thumbs-arrow--right {
    right: 0;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.95) 50%);
    justify-content: flex-end;
    padding-right: 2px;
  }

  .npdp-mobile-gallery__thumbs-arrow.is-hidden {
    display: none;
  }

  /* Show mobile gallery only on mobile */
  @media screen and (max-width: 999px) {
    .npdp-mobile-gallery {
      display: block;
    }
  }
  /* ========================================
     MOBILE STYLES
     ======================================== */
  @media screen and (max-width: 999px) {
    .npdp-hero {
      padding: 0 15px 20px 15px;
    }

    .npdp-hero__container {
      grid-template-columns: 1fr;
      gap: 20px;
    }

      /* Gallery Column Mobile */
      .npdp-gallery-column {
        position: static;
      }

      /* Gallery Mobile - Restructure layout */
      .npdp-gallery {
        display: flex;
        flex-direction: column;
        gap: 0;
        position: static;
        margin: 0;
        padding: 0;
        height: auto;
      }

    /* Main image on mobile */
    .npdp-gallery__main {
      order: 1;
      width: 100%;
      border-radius: 0;
      margin: 0;
      padding: 0;
    }

    /* Remove aspect ratio constraint on mobile for tighter fit */
    .npdp-gallery__main-image {
      aspect-ratio: auto;
      margin-top: 0;
      width: 100%;
      height: auto;
    }

      /* Add padding to the gallery container instead to prevent cut-off during load */
  .npdp-gallery {
    padding-top: 10px;
  }

    /* Hide thumbnails wrapper on mobile */
    .npdp-gallery__thumbnails-wrapper {
      display: none !important;
    }

    /* Hide thumbnail nav arrows on mobile */
    .npdp-gallery__thumb-nav {
      display: none !important;
    }

    /* HIDE main image navigation arrows on mobile */
    .npdp-hero .npdp-gallery__main .npdp-gallery__nav {
      display: none !important;
    }

    .npdp-gallery__nav--prev,
    .npdp-gallery__nav--next {
      display: none !important;
    }

    /* Product Info Mobile */
    .npdp-info {
      padding: 0;
    }

    .npdp-info__title {
      font-size: 22px;
    }

    .npdp-info__badges {
      flex-direction: column;
      align-items: flex-start;
    }





  }

  @media screen and (max-width: 480px) {
    .npdp-hero {
      padding: 0 10px 15px 10px;
    }

    .npdp-info__title {
      font-size: 20px;
    }


    .npdp-content-section__text {
      font-size: 14px;
    }
  }

  @media screen and (max-width: 480px) {
    .npdp-info__title {
      color: #000;
      font-size: 18px;
      line-height: 1.43;
      
    }

    .npdp-hero .npdp-gallery__main .npdp-gallery__nav {
      width: 36px;
      height: 36px;
    }

    .npdp-hero .npdp-gallery__main .npdp-gallery__nav svg {
      width: 18px !important;
      height: 18px !important;
    }

    
  }

     /* ========================================
       PRODUCT FORM STYLES
       ======================================== */
    .npdp-product-form {
      margin-top: 10px;
      margin-bottom: 30px;
      padding-top: 25px;
      border-top: 1px solid var(--npdp-border-color);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    /* Top Price Display */
    .npdp-top-price {
      display: flex;
      flex-direction: column;
      justify-content: start !important;
      text-align: left;
      margin-bottom: 10px;
      margin-left: 0;
      margin-right: 0;
      background: #032E9C;
      color: #FFFFFF;
      padding: 8px 50px;
      font-size: 20px;
      width: fit-content;
      font-weight: 600;
    }

    /* Pricing text */
    .pricing-text {
      font-size: 18px;
    }


    /* Price Display $0 */
  .npdp-form-free__price {
    text-align: center;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background: #032E9C;
    color: #FFFFFF;
    padding: 8px 50px;
    font-size: 20px;
    width: fit-content;
  }
    
  /* Price Display */
    .npdp-form__price {
      text-align: left;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .npdp-form__price-current {
      font-family: "Open Sans";
      font-size: 24px;
      line-height: 34px;
      font-weight: 700;
      color: #FFFFFF;
      font-style: normal;
    }
      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-form__price-current {
        font-size: 20px;
        line-height: 1.43;
        font-weight: 700;
      }
    }

    .npdp-form__price-compare {
      font-size: 18px;
      color: var(--npdp-text-gray);
      text-decoration: line-through;
      margin-left: 10px;
    }

    /* Form Row - Quantity + Add to Cart */
    .npdp-form__row {
      display: flex;
      gap: 12px;
      align-items: stretch;
      margin-bottom: 12px;
    }


    /* Quantity Selector */
    .npdp-form__quantity {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      flex-shrink: 0;
      background: transparent;
      border: none;
      line-height: 1;
      vertical-align: middle;
      border: 1px solid #E1E1E1;
    }

    .npdp-form__quantity-btn {
      font-family: "Open Sans";
      width: 50px;
      height: 44px;
      background: #ffffff;
      left: 100%;
      cursor: pointer;
      font-size: 18px;
      font-weight: 400;
      color: var(--npdp-text-black);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.2s ease;
      padding: 0;
      
    }


  

    .npdp-form__quantity-btn:hover {
      background: #fffbf0;
    }

    .npdp-form__quantity-input {
      font-family: 'Open Sans';
      font-style: normal;
      width: 50px !important;
      height: 50px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      text-align: center;
      font-size: 16px !important;
      font-weight: 500;
      color:rgb(6, 6, 6) !important;
      background: transparent;
      -moz-appearance: textfield;
      -webkit-appearance: none;
      appearance: none;
      padding: 0 !important;
      margin: 0 !important;
      margin-bottom: 0 !important;
      line-height: 1;
    }

    .npdp-form__quantity-input::-webkit-outer-spin-button,
    .npdp-form__quantity-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .npdp-form__quantity-input:focus {
      outline: none;
      color:rgb(0, 0, 0) !important;
    }

    /* Add to Cart Button */
    .npdp-form__submit {
      font-family: 'Open Sans';
      font-style: normal;
      flex: 1;
      height: 60px;
      background: #038012;
      color: #ffffff;
      border: none;
      font-size: 20px;
      line-height: 24px;
      border-radius: 0;
      font-weight: 700;
      text-transform: none;
      cursor: pointer;
      transition: background-color 0.2s ease;
    }
      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-form__submit {
        width: 100%;
        height: 52px;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
      }
    }


    .npdp-form__submit:hover {
      background: #0a6332;
    }

    .npdp-form__submit:disabled {
      background: #cccccc;
      cursor: not-allowed;
    }

    /* Guarantee Text */
    .npdp-form__guarantee {
      font-family: 'Open Sans';
      font-style: normal;
      text-align: center;
      font-size: 18px;
      font-weight: 700;
      color: #262626;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      margin-top: 12px;
      line-height: 1.4;
    }
      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-form__guarantee {
        font-size: 16px !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        margin-top: 12px;
        line-height: 1.43;
        
      }
        .mobile-break {
        display: block;
      }
    }

    /* Desktop Styles */
    @media screen and (min-width: 1000px) {
      .npdp-product-form {
        max-width: 100%;
        margin-bottom: 30px;
      }

      .npdp-form__quantity {
        width: auto;
      }

      .npdp-form__guarantee {
        white-space: nowrap;
      }

    .npdp-form__row {
      display: flex;
       gap: 40px;
      height: 60px;
      align-items: stretch;
      margin-bottom: 12px;
    }


 
    }

    /* Mobile Form Styles */
    @media screen and (max-width: 999px) {
      .npdp-product-form {
        margin-top: 10px;
        margin-bottom: 40px;
        padding: 0 10px;
        border-top: none;
      }

      .npdp-form__price {
        margin-bottom: 10px;
      }

      .npdp-form__row {
        flex-direction: column;
        gap: 0;
      }

      .npdp-form__quantity {
        width: 50%;
        justify-content: center;
        margin: 0 auto;
      }

      .npdp-form__quantity-btn {
        width: 40px;
        height: 40px;
        font-size: 22px;
      }

      .npdp-form__quantity-input {
        width: 35px !important;
        height: 40px;
        font-size: 16px;
        color: #262626 !important;
      }

      /* Green accent line above button */
      .npdp-form__submit-wrapper {
        border-top: 3px solid #038012;
        margin-top: 12px;
        width: 100%;
      }

      .npdp-form__submit {
        width: 100%;
      }




      .npdp-form__guarantee {
        font-size: 18px;
        margin-top: 15px;
        line-height: 1.6;
      }

      /* Force two lines on mobile */
      .npdp-form__guarantee br {
        display: block;
      }

      .npdp-form__quantity  {
        width: 40%;
      display: flex;
      align-items: center !important;
      justify-content: center;
      }

      .npdp-form__row  {
        display: flex;
        justify-content: center;
        gap: 0;
        align-items: stretch;
        margin-bottom: 12px;
      }

    
    }

    @media screen and (min-width: 1000px) {
      .npdp-form__guarantee br {
        display: none;
      }

      .npdp-form__submit-wrapper {
        border-top: none;
        margin-top: 0;
        flex: 1;
        display: flex;
      }
      

      

  
    }

     /* ========================================
       TRUST BADGE IMAGE STYLES
       ======================================== */
    .npdp-trust-badge {
      margin-top: 20px;
      text-align: center;
       padding: 0;
       display: flex;
       justify-content: stretch;
    }

    .npdp-trust-badge__image {
      width: 100%;
      height: auto;
      display: block;
      margin: 0;
      border-radius: 8px;
             display: flex;
       justify-content: stretch;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-trust-badge {
        width: 100%;
        padding: 0;
      }

      .npdp-trust-badge__image {
        width: 100%;
      }
    }

    /* Mobile */
    @media screen and (max-width: 999px) {
      .npdp-trust-badge {
        margin-top: 15px;
        padding: 0;
      }

      .npdp-trust-badge__image {
        width: 100%;
      }
    }

    /* ========================================
       SUBSCRIPTION SECTION STYLES
       ======================================== */
    .npdp-subscription {
      margin-top: 30px;
      background: #FFFFFF;
      border: 1px solid #CACACA;
      padding: 25px;
    }

    /* Header Row - Title and Price */
    .npdp-subscription__header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 15px;
    }

    .npdp-subscription__title {
      font-family: 'Merriweather';
      font-style: italic;
      color: #262626;
      font-size: 28px;
      line-height: 40px;
      font-weight: 400;
      margin: 0;
    }

    .npdp-subscription__price {
      display: flex;
      text-align: right;
      white-space: nowrap;
      background: #FFFCEB;
      padding: 10px 15px;
      gap: 5px;
      align-items: center;
    }

    .npdp-subscription__price-compare {
      font-family: 'Open Sans';
      font-style: normal;
      font-size: 28px;
      line-height: 29px;
      font-weight: 600;
      color: #c41230;
      text-decoration: line-through;
      margin-right: 8px;
    }
  /* Mobile */
    @media screen and (max-width: 480px) {
     .npdp-subscription__price-compare {
        font-size: 24px;
        line-height: 1.43;
        font-weight: 600;
      }
    }

    .npdp-subscription__price-current {
      font-family: 'Open Sans';
      font-style: normal;
      font-size: 20px;
      line-height: 40px;
      font-weight: 700;
      color: #2e7d32;
    }
      /* Mobile */
    @media screen and (max-width: 480px) {
     .npdp-subscription__price-current {
        font-size: 18px;
        line-height: 1.43;
        font-weight: 700;
      }
    }

    /* Description */
    .npdp-subscription__description {
      font-family: 'Open Sans' !important;
      font-style: normal !important;
      font-size: 18px !important;
      font-weight:400 !important;
      line-height: 26px !important;
      color: #262626;
      margin-bottom: 20px;
    }

    /* Benefits List */
    .npdp-subscription__benefits {
      font-family: 'Open Sans' !important;
      font-style: normal !important;
      font-size: 18px !important;
      font-weight:400 !important;
      line-height: 26px !important;
      color: #262626;
      margin-bottom: 20px;
    }
      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-subscription__benefits {
        display: flex;
        flex-direction: column;
        justify-content: start;
        font-size: 18px !important;
        font-weight:400 !important;
        line-height: 26px !important;
        padding: 0 !important;
      }
    }


    .npdp-subscription__benefit {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 10px;
       font-family: 'Open Sans' !important;
      font-style: normal !important;
      font-size: 16px !important;
      font-weight:400 !important;
      line-height: 23px !important;
      color: #262626;
    }

    .npdp-subscription__benefit:last-child {
      margin-bottom: 0;
    }

    .npdp-subscription__benefit-icon {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      color: #2e7d32;
      margin-top: 0px;
    }

      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-subscription__benefit-icon {
        width: 20px;
        height: 20px;
      }
    }


    .npdp-subscription__benefit strong {
      font-weight: 700;
    }

    /* Plan Options */
    .npdp-subscription__plans {
      margin-bottom: 20px;
    }

    .npdp-subscription__plan {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      margin-bottom: 10px;
      background: #ffffff;
      cursor: pointer;
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    .npdp-subscription__plan:last-child {
      margin-bottom: 0;
    }

    .npdp-subscription__plan:hover {
      border-color: #2e7d32;
    }

    .npdp-subscription__plan.is-selected {
      border-color: #2e7d32;
      background: #f8fff8;
    }

    .npdp-subscription__plan-left {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .npdp-subscription__plan-radio {
      width: 20px;
      height: 20px;
      border: 2px solid #cccccc;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: border-color 0.2s ease;
    }

    .npdp-subscription__plan.is-selected .npdp-subscription__plan-radio {
      border-color: #2e7d32;
      background: #2e7d32;
    }

    .npdp-subscription__plan-radio-dot {
      width: 8px;
      height: 8px;
      background: #ffffff;
      border-radius: 50%;
      opacity: 0;
      transition: opacity 0.2s ease;
    }

    .npdp-subscription__plan.is-selected .npdp-subscription__plan-radio-dot {
      opacity: 1;
    }

    .npdp-subscription__plan-name {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      color: #262626;
    }

    .npdp-subscription__plan-badge {
      font-family: 'Open Sans';
      font-size: 14px !important;
      font-weight: 400;
      line-height: 20px !important;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #c9a227;
    }

      /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-subscription__plan-badge {
        font-family: 'Open Sans';
        font-size: 16px !important;
        line-height: 1.43 !important;
        align-items: left;
        gap: 4px;
      }
    }


    .npdp-subscription__plan-badge svg {
      width: 14px;
      height: 14px;
      fill: #c9a227;
    }

    /* Hidden radio input */
    .npdp-subscription__plan input[type="radio"] {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    /* Subscribe Button */
    .npdp-subscription__submit {
      font-family: 'Open Sans';
      font-style: normal;
      font-size: 20px;
      line-height: 1.43;
      font-weight: 700;
      width: 100%;
      height: 52px;
      background: #038012;
      color: #ffffff;
      border: none;
      text-transform: uppercase;
      letter-spacing: 1 px;
      cursor: pointer;
      transition: background-color 0.2s ease;
      margin-bottom: 15px;
    }
          /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-subscription__submit {
        font-size: 20px;
        line-height: 1.43;
        width: 100%;
        height: 52px;
        padding: 0 ;
        margin: 0;
      }
    }

    .npdp-subscription__submit:hover {
      background: #195129;
    }

    .npdp-subscription__submit:disabled {
      background: #cccccc;
      cursor: not-allowed;
    }



    /* Gift Text */
    .npdp-subscription__gift {
      font-family: 'Open Sans';
      font-size: 16px;
      line-height: 1.43;
      font-weight: 400;
      text-align: center;
      color: #262626;
      margin: 0;
    }

    .npdp-subscription__gift-highlight {
      color: #c41230;
      font-weight: 700;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-subscription {
        max-width: full;
      }
    }

    /* Mobile */
    @media screen and (max-width: 999px) {
      .npdp-subscription {
        margin-top: 25px;
        padding: 15px 15px;
        margin-left: 10px;
        margin-right: 10px;
      }

      .npdp-subscription__header {
        font-size: 24px;
        line-height: 1.43;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
      }

      .npdp-subscription__title {
        font-size: 24px;
        line-height: 1.43;
      }

      .npdp-subscription__price {
        text-align: center;
        width: 100%;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      .npdp-subscription__description {
        text-align: start;
      }

      .npdp-subscription__benefit {
        font-size: 13px;
      }


   
    }




    /* ========================================
       SUBSCRIPTION SELECTOR (NEW TBYB DESIGN)
       ======================================== */
    .npdp-sub-selector {
      margin-top: 30px;
      margin-bottom: 30px;
      background: #FFFFFF;
      border: 1px solid #E0E0E0;
      overflow: hidden;
    }

    .npdp-sub-selector__option {
      padding: 20px 20px;
    }

    .npdp-sub-selector__option-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }

    .npdp-sub-selector__option-left {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      flex: 1;
    }

    .npdp-sub-selector__radio {
      width: 22px;
      height: 22px;
      border: 2px solid #D0D0D0;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 3px;
      cursor: pointer;
    }

    .npdp-sub-selector__radio--selected {
      border-color: #038012;
      background: #038012;
    }

    .npdp-sub-selector__radio-dot {
      width: 10px;
      height: 10px;
      background: #FFFFFF;
      border-radius: 50%;
      opacity: 0;
    }

    .npdp-sub-selector__radio--selected .npdp-sub-selector__radio-dot {
      opacity: 1;
    }

    .npdp-sub-selector__option-title-group {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .npdp-sub-selector__option-title {
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      color: #1A1A1A;
    }

    .npdp-sub-selector__option-subtitle {
      font-family: 'Open Sans';
      font-size: 15px;
      font-weight: 400;
      color: #888888;
      line-height: 18px;
    }

    .npdp-sub-selector__cta {
      background: #EFFFF1;
      color: #000000;
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      padding: 10px 14px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      white-space: nowrap;
      flex-shrink: 0;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .npdp-sub-selector__divider {
      height: 1px;
      background: #E8E8E8;
      margin: 0 20px;
      margin-top: 30px;
    }

    .npdp-sub-selector__content {
      margin-top: 14px;
    }

    .npdp-sub-selector__benefits {
      list-style: none;
      padding: 0;
      margin: 0 0 14px 0;
    }

    .npdp-sub-selector__benefit {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      align-items: center;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      color: #333333;
      margin-bottom: 8px;
    }

    .npdp-sub-selector__benefit:last-child {
      margin-bottom: 0;
    }

    .npdp-sub-selector__benefit-icon {
      flex-shrink: 0;
      width: 18px;
      height: 18px;
      color: #888888;
      margin-top: 1px;
    }

    .npdp-sub-selector__gift {
      display: flex;
      align-items: center;
      gap: 12px;
      border: 1px solid #E8E8E8;
      padding: 8px 14px;
    }

    .npdp-sub-selector__gift-icon {
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      color: #038012;
    }

    .npdp-sub-selector__gift-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .npdp-sub-selector__gift-name {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 600;
      color: #1A1A1A;
      line-height: 20px;
    }

    .npdp-sub-selector__gift-desc {
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 400;
      color: #555555;
      line-height: 18px;
    }

    .npdp-sub-selector__gift-image {
      width: 70px;
      height: 70px;
      object-fit: contain;
      flex-shrink: 0;
    }

    @media screen and (max-width: 480px) {
      .npdp-sub-selector {
        margin-left: 0;
        margin-right: 0;
      }
      .npdp-sub-selector__option {
        padding: 14px 16px;
      }
      .npdp-sub-selector__divider {
        margin: 0 16px;
        margin-top: 20px;
      }
    }




    /* ========================================
       SUBSCRIBE UPSELL MODAL STYLES
       ======================================== */

    .npdp-sub-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      z-index: 2147483647;
      justify-content: center;
      align-items: center;
      padding: 16px;
      box-sizing: border-box;
    }

    .npdp-sub-modal-overlay.active {
      display: flex;
    }

    .npdp-sub-modal {
      background: #ffffff;
      width: 100%;
      max-width: 520px;
      max-height: calc(100dvh - 32px);
      position: relative;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-shadow: 0 12px 48px rgba(0, 0, 0, 0.22);
    }

    .npdp-sub-modal__close {
      position: absolute;
      top: 10px;
      right: 14px;
      background: none;
      border: none;
      font-size: 28px;
      line-height: 1;
      color: #444;
      cursor: pointer;
      padding: 0;
      z-index: 2;
    }

    .npdp-sub-modal__close:hover {
      color: #000;
    }

    .npdp-sub-modal__content {
      padding: 28px 24px 20px;
      overflow-y: auto;
      flex: 1;
      -webkit-overflow-scrolling: touch;
    }

    .npdp-sub-modal__title {
      font-family: 'Open Sans', sans-serif;
      font-size: 22px;
      font-weight: 600;
      color: #1a1a1a;
      text-align: center;
      margin: 0 0 25px;
      line-height: 1.3;
      text-transform: uppercase;
      padding-right: 24px;
    }

    .npdp-sub-modal__product-card-wrap {
      position: relative;
      margin-top: 20px;
    }

    .npdp-sub-modal__badge-wrap {
      position: absolute;
      top: -17px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      z-index: 1;
    }



    .npdp-sub-modal__badge {
      background: #9D3F8A;
      color: #ffffff;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      font-weight: 600;
      padding: 7px 15px;
      display: inline-block;
      border-radius: 50px;
    }

        /* Mobile — slides up from bottom */
    @media screen and (max-width: 480px) {
      .npdp-sub-modal__badge {
        font-size: 12px;
        padding: 2px 5px;
      }
    }

    .npdp-sub-modal__product-card {
      display: flex;
      align-items: center;
      gap: 16px;
      border: 2px solid #C4A0D4;
      padding: 16px;
      padding-top: 28px;
      background: #FBF0FB;
    }




    .npdp-sub-modal__product-image {
      width: 120px;
      height: 120px;
      object-fit: contain;
      flex-shrink: 0;
    }

    .npdp-sub-modal__product-card .stamped-badge {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 0px !important;
    }

    /* Stapmed Stars and Count */
    .npdp-sub-modal__product-card .stamped-badge-starrating {
      font-size: 16px !important;
      margin: 0 !important;
      padding: 2px !important;
      line-height: 1 !important;
    }

    .npdp-sub-modal__product-card .stamped-badge-caption {
      font-size: 13px !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
    }


    .npdp-sub-modal__product-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .npdp-sub-modal__price-tag {
      display: inline-block;
      background: rgba(157, 63, 138, 0.2);
      color: #000000;
      font-family: 'Open Sans', sans-serif;
      font-size: 15px;
      font-weight: 800;
      padding: 6px 14px;
      align-self: flex-start;
    }


    .npdp-sub-modal__price-sub {
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      color: #666;
      margin: 0;
    }

    .npdp-sub-modal__benefits {
      margin-top: 4px;
    }

    .npdp-sub-modal__benefits ul {
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .npdp-sub-modal__benefits li {
      display: flex !important;
      align-items: start;
      gap: 8px;
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      color: #333;
      line-height: 1.5;
      margin-bottom: 6px !important;
    }

    .npdp-sub-modal__benefits li::before {
      content: none;
    }

    .npdp-sub-modal__footer {
      padding: 16px 24px 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      background: #ffffff;
      border-top: 1px solid #eee;
      flex-shrink: 0;
    }

    .npdp-sub-modal__btn-primary {
      width: 100%;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 700;
      color: #ffffff;
      background: #038012;
      border: none;
      padding: 16px 24px;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: background 0.2s;
    }

    .npdp-sub-modal__btn-primary:hover {
      background: #026a0f;
    }

    .npdp-sub-modal__btn-primary:disabled {
      background: #888;
      cursor: not-allowed;
    }

        @keyframes npdp-spin {
      to { transform: rotate(360deg); }
    }

    .npdp-sub-modal__btn-primary.is-loading,
    .npdp-try-once-modal__btn-primary.is-loading {
      color: transparent !important;
      pointer-events: none;
      position: relative;
    }

    .npdp-sub-modal__btn-primary.is-loading::after,
    .npdp-try-once-modal__btn-primary.is-loading::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 22px;
      height: 22px;
      margin-top: -11px;
      margin-left: -11px;
      border: 3px solid rgba(255, 255, 255, 0.35);
      border-top-color: #ffffff;
      border-radius: 50%;
      animation: npdp-spin 0.7s linear infinite;
    }


    .npdp-sub-modal__btn-skip {
      width: 100%;
      font-family: 'Open Sans', sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: #038012;
      background: transparent;
      border: 1.5px solid #038012;
      padding: 13px 24px;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: background 0.2s;
    }

    .npdp-sub-modal__btn-skip:hover {
      background: #f0faf0;
    }

    /* Tablet */
    @media screen and (max-width: 749px) {
      .npdp-sub-modal__content {
        padding: 22px 18px 16px;
      }
      .npdp-sub-modal__title {
        font-size: 17px;
      }
      .npdp-sub-modal__product-image {
        width: 90px;
        height: 90px;
      }
      .npdp-sub-modal__footer {
        padding: 12px 18px 16px;
        gap: 8px;
      }
      .npdp-sub-modal__btn-primary,
      .npdp-sub-modal__btn-skip {
        font-size: 14px;
        padding: 13px 20px;
      }
    }

    /* Mobile — slides up from bottom */
    @media screen and (max-width: 480px) {
      .npdp-sub-modal-overlay {
        padding: 0;
        align-items: flex-end;
      }
      .npdp-sub-modal {
        max-width: 100%;
        border-radius: 14px 14px 0 0;
        max-height: 92dvh;
      }
      .npdp-sub-modal__content {
        padding: 18px 16px 12px;
      }
      .npdp-sub-modal__title {
        font-size: 14px;
      }
      .npdp-sub-modal__product-card {
        gap: 10px;
        padding: 20px 8px;
      }
      .npdp-sub-modal__product-image {
        width: 75px;
        height: 75px;
      }
      .npdp-sub-modal__footer {
        padding: 10px 16px 16px;
      }
    }




    /* ========================================
       TRY ONCE UPSELL MODAL
       ======================================== */
    .npdp-try-once-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      z-index: 99999;
      align-items: center;
      justify-content: center;
      padding: 16px;
    }
    .npdp-try-once-modal-overlay.active {
      display: flex;
    }
    .npdp-try-once-modal {
      background: #fff;
      width: 100%;
      max-width: 420px;
      max-height: 92dvh;
      overflow-y: auto;
      position: relative;
      box-shadow: 0 8px 40px rgba(0,0,0,0.22);
      display: flex;
      flex-direction: column;
    }
    .npdp-try-once-modal__close {
      position: absolute;
      top: 2px;
      right: 2px;
      background: none;
      border: none;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
      color: #555;
      padding: 4px 8px;
      z-index: 1;
    }
    .npdp-try-once-modal__close:hover { color: #000; }
    .npdp-try-once-modal__content {
      padding: 16px 24px 8px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }
    .npdp-try-once-modal__title {
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      color: #111;
      letter-spacing: 0.5px;
      line-height: 1.2;
      margin: 0;
    }
    .npdp-try-once-modal__subheading {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 14px;
      color: #555;
      font-weight: 500;
    }
    .npdp-try-once-modal__subheading svg { flex-shrink: 0; color: #d4882c; }
    .npdp-try-once-modal__product-image {
      height: auto !important;
      max-height: 150px;
      object-fit: contain;
      display: block;
      margin: -8px 0;
    }


    .npdp-try-once-modal__reviews {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .npdp-try-once-modal__stars {
      position: relative;
      display: inline-block;
      line-height: 1;
    }
    .npdp-try-once-modal__stars-bg {
      color: #e0e0e0;
      font-size: 18px;
      letter-spacing: 2px;
    }
    .npdp-try-once-modal__stars-filled {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      white-space: nowrap;
      color: #f4a523;
      font-size: 18px;
      letter-spacing: 2px;
    }
    .npdp-try-once-modal__review-count { font-size: 13px; color: #666; }
    .npdp-try-once-modal__product-name {
      font-size: 16px;
      font-weight: 700;
      color: #111;
      margin: 0;
    }
    .npdp-try-once-modal__product-subtitle { font-size: 13px; color: #777; margin: 0; }
    .npdp-try-once-modal__price-tag {
      background: #FFE0EE;
      color: #000000;
      font-weight: 800;
      font-size: 18px;
      padding: 3px 20px 0px 20px;
      display: inline-block;

    }
    .npdp-try-once-modal__price-sub { font-size: 13px; color: #666; margin: 0; }
    .npdp-try-once-modal__footer {
      padding: 4px 20px 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .npdp-try-once-modal__btn-primary {
      background: #2d7a3a;
      color: #fff;
      border: none;
      padding: 15px 20px;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.5px;
      cursor: pointer;
      width: 100%;
      transition: background 0.2s;
    }
    .npdp-try-once-modal__btn-primary:hover { background: #235e2c; }
    .npdp-try-once-modal__btn-primary:disabled { opacity: 0.65; cursor: not-allowed; }
    .npdp-try-once-modal__btn-skip {
      background: #fff;
      color: #2d7a3a;
      border: 1.5px solid #2d7a3a;
      padding: 13px 20px;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.5px;
      cursor: pointer;
      width: 100%;
      transition: background 0.2s, color 0.2s;
    }
    .npdp-try-once-modal__btn-skip:hover { background: #f0faf2; }
    @media screen and (max-width: 480px) {
      .npdp-try-once-modal-overlay {
        padding: 0;
        align-items: flex-end;
      }
      .npdp-try-once-modal {
        max-width: 100%;
        border-radius: 14px 14px 0 0;
        max-height: 92dvh;
      }
      .npdp-try-once-modal__content { padding: 20px 16px 12px; }
      .npdp-try-once-modal__title { font-size: 18px; }
      .npdp-try-once-modal__product-image { width: 160px; height: 160px; }
      .npdp-try-once-modal__footer { padding: 10px 16px 16px; }
    }

    .npdp-sub-modal__btn-skip.is-disabled,
    .npdp-try-once-modal__btn-skip.is-disabled {
      opacity: 0.4;
      cursor: not-allowed;
      pointer-events: none;
    }


      /* ========================================
       PRODUCT BADGE IMAGES STYLES
       ======================================== */
    .npdp-badge-images {
      margin-top: 25px;
      padding: 20px 0;
    }

    .npdp-badge-images__list {
      display: flex;
      justify-content: center;
      align-items: center;
    
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .npdp-badge-images__item {
      flex-shrink: 0;
      margin: 0;
    }

    .npdp-badge-images__image {
      width: 80px;
      height: 80px;
      object-fit: contain;
      display: block;
    }

    /* Desktop - 4 in a row */
    @media screen and (min-width: 1000px) {
      .npdp-badge-images {
        max-width: 100%;
        padding: 0 30px;
     
      }

      .npdp-badge-images__list {
        justify-content: space-between;
        gap: 10px;
      }

      .npdp-badge-images__image {
        width: 120px;
        height: 200px;
      }
    }

    /* Mobile - 2x2 grid */
    @media screen and (max-width: 999px) {
      .npdp-badge-images {
       margin: 0;
        padding: 15px 10px;
      }

      .npdp-badge-images__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        justify-items: center;
      }

      .npdp-badge-images__image {
        width: 130px;
        height: 130px;
      }
    }

/* ========================================
       BANNER SECTION STYLES (Image + Text)
       ======================================== */
    .npdp-banner {
      background: #f5e6d3;
      padding: 30px 40px;
      margin-top: 80px;
      overflow: visible;
    }

    .npdp-banner__container {
      max-width: var(--npdp-container-max);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
      overflow: visible;
    }

    .npdp-banner__image-wrapper {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      overflow: visible;
    }

    .npdp-banner__image {
      max-width: 300px;
      height: 500px;
      display: block;
      object-fit: contain;
      margin-top: -180px;
    }


    .npdp-banner__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      
    }

    .npdp-banner__text {
      margin: 0;
      font-family: "Open Sans";
      font-style: normal;
      color: #1a1a1a;
      text-align: left;
      text-transform: uppercase;
    }

    /* First line - larger */
    .npdp-banner__text p:first-child {
      font-family: "Open Sans";
      text-align: left;
      text-transform: uppercase;
    }

    /* Second line and beyond - smaller */
    .npdp-banner__text p:not(:first-child) {
      font-family: "Open Sans";
      text-align: left;
      text-transform: uppercase;
    }

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

      .npdp-banner {
        height: 300px;
        margin-top: 100px;
        margin-bottom: 50px;
      }

    .npdp-banner__container {
      max-width: var(--npdp-container-max);
      margin: 0 auto;
      display: flex;
      justify-content: center;
      gap: 90px;
      align-items: center;
      overflow: visible;
    }

    .npdp-banner__text {
      padding-bottom: 82px;
         text-align: left;
         line-height: 1.23;
         
    }

        /* First line - larger */
    .npdp-banner__text p:first-child {
      font-size: 82px;
      font-weight: 700;
      line-height: 1.1;
      margin: 0 0 5px 0;
      text-align: left;
     
    }

    /* Second line and beyond - smaller */
    .npdp-banner__text p:not(:first-child) {
      font-size: 50px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0;
      text-align: left;
    }

    }

    /* Mobile */
    @media screen and (max-width: 999px) {
      .npdp-banner {
        padding: 0;
        margin: 0;
        min-height: auto;
        overflow: visible;
      }

      .npdp-banner__container {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
      }

      .npdp-banner__image-wrapper {
        order: 1;
        justify-content: center;
      }

      .npdp-banner__image {
        max-width: 240px;
        max-height: 300px;
        margin: 0 auto;
        margin-top: -50px;
        transform: scale(1.15);
      }

      .npdp-banner__content {
        order: 2;
        display: flex;
        flex-direction: coloumn;
        justify-content: center;
      align-items: center;
      text-align: center;
      }

      .npdp-banner__text {
        text-align: center;
      }

        /* First line - larger */
    .npdp-banner__text p:first-child {
      font-size: 42px;
      font-weight: 700;
      line-height: 1.1;
      margin: 0 0 5px 0;
      text-align: center;
    }

    /* Second line and beyond - smaller */
    .npdp-banner__text p:not(:first-child) {
      font-size: 24px;
      font-weight: 700;
      font-style: italic ;
      line-height: 1.2;
      margin: 0;
      text-align: center;
    }

      .npdp-banner__text p:first-child {
        font-size: 36px;
      }

      .npdp-banner__text p:not(:first-child) {
        font-size: 22px;
      }

    }

 @media screen and (max-width: 480px) {
      .npdp-banner {
        padding: 20px 15px;
    
      }

      .npdp-banner__text p:first-child {
        font-size: 42px;
        line-height: 1.43;
      }

      .npdp-banner__text p:not(:first-child) {
        font-size: 24px;
        line-height: 1.43;
      }

      .npdp-banner__image {
        max-width: 220px;
        margin-top: 0px;
      }
    }


     /* ========================================
       VIDEO SECTION STYLES
       ======================================== */
    .npdp-video-section {
      padding: 0px 20px;
      background: #ffffff;
      text-align: center;
    }

    .npdp-video-section__header {
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .npdp-video-section__heading {
      font-family: 'Merriweather' !important;
     font-style: italic;
      line-height: 1; 
      color: #1a1a1a;
      display: inline-flex;
      align-items: center;
      
    }

    .npdp-video-section__play-icon {
      width: 45px;
      height: 45px;
      background:rgb(44, 151, 228);
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: 0 5px;
    }

    .npdp-video-section__play-icon svg {
      width: 24px;
      height: 24px;
      fill: #ffffff;
      margin-left: 3px;
    }

    .npdp-video-section__subheading {
      font-size: 16px;
      font-family: 'Merriweather';
      font-weight: 700;
      color: #0d7a3e;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0;
    }

    .npdp-video-section__container {
      max-width: 600px;
      height: 100%;
      margin: 0 auto;
    }

      .npdp-video-section__wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
      }

      /* Portrait video (9:16 aspect ratio) */
      .npdp-video-section__wrapper--portrait {
        position: relative;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
      }

      .npdp-video-section__wrapper--portrait .npdp-video-section__video-native {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

    /* Landscape video (16:9 aspect ratio) */
    .npdp-video-section__wrapper--landscape {
      max-width: 800px;
      margin: 0 auto;
    }

    .npdp-video-section__video {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: none;
    }

    .npdp-video-section__video-native {
      object-fit: cover;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-video-section {
        padding: 0;
      }

    .npdp-video-section__header {
      font-size: 32px;
      font-weight: 400;
      line-height: 46px;
      gap: 5px;
    }

      .npdp-video-section__heading {
        line-height: 46px;
        font-size: 32px;
      }

    .npdp-video-section__subheading {
      font-size: 16px;
    }

    .npdp-video-section__play-icon {
      margin: 0 5px 0 10px 0;
    }

    .npdp-video-section__play-icon svg {
      width: 42px;
      height: 42px;
      fill: #ffffff;
      margin-left: 3px;
    }


      .npdp-video-section__wrapper--portrait {
        max-width: 450px;
      }


    /* Portrait video (9:16 aspect ratio) */
    .npdp-video-section__wrapper--portrait {
      width: 100%;
      max-width: 450px;
      margin: 0 auto;
    }

    /* Landscape video (16:9 aspect ratio) */
    .npdp-video-section__wrapper--landscape {
      max-width: 800px;
      margin: 0 auto;
    }


    .npdp-video-section__video {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: none;
    }

      .npdp-video-section__video-native {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: none;
      }
    }

    /* Mobile */
    @media screen and (max-width: 999px) {
      .npdp-video-section {
        padding: 40px 15px 10px 15px;
      }

      .npdp-video-section__heading {
        font-size: 32px;
    
      }

      .npdp-video-section__play-icon {
        width: 38px;
        height: 38px;
      }

      .npdp-video-section__play-icon svg {
        width: 38px;
        height: 38px;
      }

      .npdp-video-section__subheading {
        font-size: 16px;
      }


      .npdp-video-section__wrapper--portrait {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
      }

        .npdp-video-section__wrapper--portrait .npdp-video-section__video-native {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

      .npdp-video-section__wrapper--landscape {
          max-width: 800px;
          margin: 0 auto;
      }

      .npdp-video-section__video {
        width: 100%;
        aspect-ratio: 1 / 1;
        border: none;
      }

    .npdp-video-section__video-native {
      object-fit: cover;
      border: none;
      width: 500px;
      height: 500px;
    }

    }

    @media screen and (max-width: 480px) {
      .npdp-video-section__heading {
        font-size: 26px;
      }

      .npdp-video-section__subheading {
          font-size: 16px;
        }
      }

      /* Video Controls Container */
      .npdp-video-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        padding: 30px 10px 10px 10px;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      .npdp-video-section__wrapper:hover .npdp-video-controls,
      .npdp-video-controls.is-visible {
        opacity: 1;
      }

      /* Progress Bar */
      .npdp-video-controls__progress {
        width: 100%;
        height: 3px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
        margin-bottom: 8px;
        cursor: pointer;
        position: relative;
      }

      .npdp-video-controls__progress-bar {
        height: 100%;
        background: #ffffff;
        border-radius: 2px;
        width: 0%;
        transition: width 0.1s linear;
      }

      .npdp-video-controls__progress:hover {
        height: 5px;
      }

      /* Controls Row */
      .npdp-video-controls__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
      }

      .npdp-video-controls__left {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .npdp-video-controls__right {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      /* Control Buttons */
      .npdp-video-controls__btn {
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        border-radius: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: transform 0.2s ease;
      }

      .npdp-video-controls__btn:hover {
        transform: scale(1.1);
      }

      .npdp-video-controls__btn svg {
        width: 22px;
        height: 22px;
        fill: #ffffff;
      }

      .npdp-video-controls__btn--hidden {
        display: none;
      }

      /* Time Display */
      .npdp-video-controls__time {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #ffffff;
        min-width: 45px;
      }

      /* Fullscreen Styles */
      .npdp-video-section__wrapper.is-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        background: #000;
        border-radius: 0;
      }

      .npdp-video-section__wrapper.is-fullscreen .npdp-video-section__video-native {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .npdp-video-section__wrapper.is-fullscreen .npdp-video-controls {
        padding: 40px 20px 20px 20px;
      }

      @media screen and (max-width: 768px) {
        .npdp-video-controls {
          padding: 25px 8px 8px 8px;
        }

        .npdp-video-controls__btn {
          width: 28px;
          height: 28px;
        }

        .npdp-video-controls__btn svg {
          width: 20px;
          height: 20px;
        }

        .npdp-video-controls__time {
          font-size: 12px;
          min-width: 40px;
        }
      }

  /* ========================================
   HOW TO USE SECTION STYLES
   ======================================== */
    .npdp-howtouse {
      padding: 20px 20px;
      background: #ffffff;
      
    }

    .npdp-howtouse__container {
      max-width: var(--npdp-container-max);
      margin: 0 auto;
    }

    .npdp-howtouse__heading {
      font-style: italic;
      color: #1a1a1a;
      margin: 0 0 15px 0;
      font-family: 'Merriweather';
    }

    .npdp-howtouse__divider {
      height: 2px;
      background: #e0e0e0;
      border: none;
      margin: 0 0 30px 0;
    }

    .npdp-howtouse__items {
      display: flex;
      
    }

    .npdp-howtouse__item {
      display: grid;
      grid-template-columns: 140px 1fr;
      gap: 15px;
      align-items: center;
      align-content: center;
      background: #FAF9F6;
    }

    .npdp-howtouse__image-wrapper {
   
      overflow: hidden;
    }

    .npdp-howtouse__image {
      width: 100%;
      height: 140px;
      object-fit: cover;
      display: block;
    }

    .npdp-howtouse__content {
      padding-top: 5px;
    }

    .npdp-howtouse__item-heading {
      font-family: 'Open Sans';
      text-transform: uppercase;
      color: #1a1a1a;
      margin: 0 0 8px 0;
    }

    .npdp-howtouse__item-description {
      font-family: 'Open Sans';
      color: #262626;
      margin: 0;
    }

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

       .npdp-howtouse {
        margin-left: 200px;
        margin-right: 200px;
      }

    .npdp-howtouse__item-heading {
      font-size: 18px;
      line-height: 26px;
      font-weight: 700;
      text-align: left;
    }

      .npdp-howtouse__heading {
        font-size: 36px;
        line-height: 51px;
    }

      .npdp-howtouse__items {
        display: flex;
        gap: 25px;
      }

    .npdp-howtouse__item {
      display: grid;
      grid-template-columns: 200px 1fr;
      gap: 2px;
      align-items: center;
      align-content: center;
      text-align: center;
      flex: 1;
      
    }

     .npdp-howtouse__item-description {
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      margin: 0;
      text-align: left;
    }

    .npdp-howtouse__image {
      width: 90%;
      height: 180px;
      object-fit: cover;
      display: block;
    }

    }

    /* Tablet */
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .npdp-howtouse {
        padding: 40px 20px;
      }

      .npdp-howtouse__items {
        display: flex;
        justify-content: space-between;
        gap: 25px;
      }

      .npdp-howtouse__item {
        grid-template-columns: 120px 1fr;
      }

      .npdp-howtouse__image {
        height: 120px;
      }
    }

    /* Mobile */
    @media screen and (max-width: 767px) {
      .npdp-howtouse {
        padding: 35px 15px;
      }

      .npdp-howtouse__heading {
        font-size: 28px;
        line-height: 40px;
        font-weight: 400;
        text-align: center;
      }

     .npdp-howtouse__items {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 10px;
      }


    .npdp-howtouse__item-description {
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      margin: 0;
    }

      .npdp-howtouse__image {
        height: 120px;
        width: 120px;
      }

      .npdp-howtouse__item-heading {
    
        font-weight: 700;
        text-align: start;
      }

    
    }


  /* ========================================
       WHEN TO USE SECTION STYLES
       ======================================== */
    .npdp-whentouse {
      padding: 20px 20px;
      background: #ffffff;
    }

    .npdp-whentouse__container {
      max-width: var(--npdp-container-max);
      margin: 0 auto;
    }

    .npdp-whentouse__heading {
      font-style: italic;
      color: #1a1a1a;
      margin: 0;
      font-family: 'Merriweather';
    }

    .npdp-whentouse__divider {
      height: 2px;
      background: #e0e0e0;
      border: none;
      margin: 0 0 30px 0;
    }

    .npdp-whentouse__items {
      display: flex;
      
    }

    .npdp-whentouse__item {
      display: grid;
      grid-template-columns: 140px 1fr;
      gap: 15px;
      align-items: center;
      align-content: center;
      text-align: center;
      background: #FAF9F6;
    }

    .npdp-whentouse__image-wrapper {
      overflow: hidden;
    }

    .npdp-whentouse__image {
      width: 100%;
      height: 140px;
      object-fit: cover;
      display: block;
    }

    .npdp-whentouse__content {
      padding-top: 5px;
    }

    .npdp-whentouse__item-heading {
      font-family: 'Open Sans';
      text-transform: uppercase;
      color: #1a1a1a;
      margin: 0 0 8px 0;
    }

    .npdp-whentouse__item-description {
      font-family: 'Open Sans';
      color: #262626;
      margin: 0;
    }

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

      .npdp-whentouse__container { 
        margin: 0;
        padding: 0;
      }
       .npdp-whentouse {
        margin-left: 200px;
        margin-right: 200px;
        
      }

    .npdp-whentouse__item-heading {
      font-size: 18px;
      line-height: 26px;
      font-weight: 700;
    }

      .npdp-whentouse__heading {
        font-size: 36px;
        line-height: 51px;
    }

      .npdp-whentouse__items {
        display: flex;
        gap: 25px;
      }

    .npdp-whentouse__item {
      display: grid;
      grid-template-columns: 100px 1fr;
      gap: 10px;
      align-items: center;
      align-content: center;
      text-align: center;
      padding: 10px;
    }

     .npdp-whentouse__item-description {
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      margin: 0;
    }

    .npdp-whentouse__image {
      width: 100%;
      height: 100px;
      object-fit: cover;
      display: block;
    }

    }

    /* Tablet */
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .npdp-whentouse {
        padding: 40px 20px;
      }

      .npdp-whentouse__items {
        display: flex;
        justify-content: space-between;
        gap: 25px;
      }

      .npdp-whentouse__item {
        grid-template-columns: 120px 1fr;
      }

      .npdp-whentouse__image {
        height: 120px;
      }
    }

    /* Mobile */
    @media screen and (max-width: 767px) {
      .npdp-whentouse {
        padding: 35px 15px;
      }

      .npdp-whentouse__heading {
        font-size: 28px;
        line-height: 40px;
        font-weight: 400;
        text-align: center;
      }

     .npdp-whentouse__items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
      }

         .npdp-whentouse__item {
        grid-template-columns: 110px 1fr;
      }


    .npdp-whentouse__item-description {
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      margin: 0;
      text-align: start;
      padding-bottom: 5px;
    }

    .npdp-whentouse__image-wrapper {
      padding: 0 !important;
    }
    

      .npdp-whentouse__image {
        height: 90px;
        width: 90px;
      }

      .npdp-whentouse__item-heading {
    
        font-weight: 700;
        text-align: start;
      }
    
    }

    /* ========================================
         ALL INGREDIENTS ACCORDION STYLES
         ======================================== */
      .npdp-ingredients {
        padding: 20px 20px;
        background: #ffffff;
      }

      .npdp-ingredients__container {
        max-width: 1400px;
      }

      .npdp-ingredients__accordion {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        overflow: hidden;
      }

      .npdp-ingredients__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 24px;
        background: #ffffff;
        cursor: pointer;
        border: none;
        width: 100%;
        text-align: left;
        transition: background-color 0.2s ease;
      }



      .npdp-ingredients__heading {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        color: #262626;
         margin: 0;
      }

      .npdp-ingredients__icon {
          font-size: 24px;
          font-weight: 300;
          color: #333;
          transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          line-height: 1;
        }

        .npdp-ingredients__accordion.active .npdp-ingredients__icon {
          transform: rotate(180deg);
        }

        .npdp-ingredients__content {
          display: grid;
          grid-template-rows: 0fr;
          overflow: hidden;
          transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          padding: 0 24px;
        }

        .npdp-ingredients__content > * {
          overflow: hidden;
        }

        .npdp-ingredients__accordion.active .npdp-ingredients__content {
          grid-template-rows: 1fr;
          padding: 0 24px 24px 24px;
        }

      .npdp-ingredients__list {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
        color: #444;
        margin: 0 0 16px 0;
      }

      .npdp-ingredients__tags {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        color: #000;
        margin: 0;
      }

      /* Desktop */
      @media screen and (min-width: 1000px) {
        .npdp-ingredients {
          margin: 20px 200px;
          background: #ffffff;
        }

        .npdp-ingredients__heading {
          font-size: 22px;
          font-weight: 700;
        }

        .npdp-ingredients__list {
          font-size: 17px;
          line-height: 1.8;
        }

        .npdp-ingredients__tags {
          font-size: 17px;
        }
      }

      /* Tablet */
      @media screen and (max-width: 999px) {
        .npdp-ingredients {
          padding: 15px 15px;
        }

        .npdp-ingredients__header {
          padding: 16px 20px;
        }

        .npdp-ingredients__content {
          padding: 0 20px;
        }

        .npdp-ingredients__accordion.active .npdp-ingredients__content {
          padding: 0 20px 20px 20px;
        }
      }

      /* Mobile */
      @media screen and (max-width: 480px) {
        .npdp-ingredients {
          padding: 10px 8px;
          margin-bottom: 20px;
        }

        .npdp-ingredients__header {
          padding: 14px 16px;
        }

        .npdp-ingredients__heading {
          font-size: 18px;
          font-weight: 700;
        }

        .npdp-ingredients__icon {
          font-size: 20px;
        }

        .npdp-ingredients__content {
          padding: 0 16px;
        }

        .npdp-ingredients__accordion.active .npdp-ingredients__content {
          padding: 0 16px 16px 16px;
        }

        .npdp-ingredients__list {
          font-size: 14px;
          line-height: 1.6;
        }

        .npdp-ingredients__tags {
          font-size: 14px;
        }
      }

       /* ========================================
       TOP CUSTOMER REVIEWS SECTION STYLES
       ======================================== */
    .npdp-reviews {
      padding: 60px 40px;
      background: #f5efe6;
    }

    .npdp-reviews__container {
      max-width: 1400px;
      margin: 0 auto;
    }



    .npdp-reviews__header {
      padding-top: 20px;
    }

    .npdp-reviews__heading {
      font-family: 'Merriweather';
      font-style: italic;
      color: #1a1a1a;
    }

    .npdp-reviews__subheading {
      font-size: 16px;
      font-weight: 400;
      color: #8b7355;
      margin: 0;
    }

    /* Before/After Cards */
    .npdp-reviews__ba-card {
      text-align: center;
    }

    .npdp-reviews__ba-image-wrapper {
      position: relative;
      width: 100%;
      max-width: 280px;
      margin: 0 auto 15px auto;
      aspect-ratio: 3 / 4;
      overflow: hidden;
      border-radius: 4px;
    }

  .npdp-reviews__ba-gif {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
        transition: transform 0.2s ease;
      }

      .npdp-reviews__ba-gif:hover {
        transform: scale(1.02);
      }

      /* Fullscreen GIF Modal */
      .npdp-gif-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        z-index: 99999;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
      }

      .npdp-gif-modal.is-open {
        display: flex;
      }

      .npdp-gif-modal__content {
        position: relative;
        max-width: 90vw;
        max-height: 90vh;
      }

      .npdp-gif-modal__image {
        max-width: 100%;
        max-height: 90vh;
        object-fit: contain;
        border-radius: 8px;
      }

      .npdp-gif-modal__close {
        position: absolute;
        top: -40px;
        right: 0;
        background: none;
        border: none;
        color: #ffffff;
        font-size: 32px;
        cursor: pointer;
        padding: 5px 10px;
        line-height: 1;
      }

      .npdp-gif-modal__close:hover {
        color: #cccccc;
      }

      /* Prevent body scroll when modal is open */
      body.npdp-modal-open {
        overflow: hidden;
      }

    .npdp-reviews__ba-stars {
      display: flex;
      justify-content: center;
      gap: 3px;
      margin-bottom: 2px;
    }

    .npdp-reviews__ba-star {
      width: 18px;
      height: 18px;
      color: #f4a636;
    }

    .npdp-reviews__ba-name {
      font-size: 16px;
      font-weight: 700;
      color: #1a1a1a;
     margin: 0;
    }

    .npdp-reviews__ba-info {
      font-size: 14px;
      color: #262626;
      margin: 0;
    }

    .npdp-reviews__ba-info span {
      color: #262626;
    }

    /* Review Cards Grid */
    .npdp-reviews__cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
      margin-bottom: 40px;
    }

    .npdp-reviews__card {
      background: #faf8f5;
      padding: 25px 25px 25px 30px;
      
      min-height: 200px;
    }

    .npdp-reviews__card-name {
      font-family: 'Merriweather';
      font-size: 16px;
      font-weight: 400;
      font-style: italic;
      color: #1a1a1a;
      margin: 0 0 8px 0;
    }

      .npdp-reviews__card-stars {
        display: flex;
        gap: 2px;
        margin-bottom: 12px;
        color: #f4a636;
      }

      .npdp-reviews__card-star {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
      }



    .npdp-reviews__card-heading {
      font-size: 16px;
      font-weight: 700;
      line-height: 32px;
      color: #1a1a1a;
      margin: 0 0 10px 0;
    }

    .npdp-reviews__card-text {
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      color: #262626;
      line-height: 1.7;
      margin: 0;
    }

    /* Read All Reviews Link */
    .npdp-reviews__link-wrapper {
      text-align: center;
    }

    .npdp-reviews__link {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      text-decoration: underline;
      text-underline-offset: 4px;
      transition: color 0.2s ease;
    }

    .npdp-reviews__link:hover {
      color: #8b7355;
    }

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

      .npdp-reviews {
          padding-left: 200px;
          padding-right: 200px;
        }

        .npdp-top-most-review {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          gap: 40px;
          padding-bottom: 15px;
        }

      /* Top Section - Heading */
    .npdp-reviews__top {
      display: flex;
      flex-direction: column;
      justify-content: start;
      text-align: left;
      align-items: flex-start;
      gap: 0;
    } 

      .npdp-reviews__heading {
        font-size: 42px;
        font-style: italic;
        font-weight: 400;
        line-height: 63px;
        align-items: left;
        padding: 0;
        margin: 0;
      }

      .npdp-reviews__subheading {
        font-size: 18px;
        text-align: left;
      }

    .npdp-reviews__ba-image-wrapper {
      position: relative;
      width: 100%;
      max-width: 180px;
      margin: 0 auto 15px auto;
      aspect-ratio: 3 / 4;
      overflow: hidden;
      border-radius: 4px;
    }

    }

    /* Top Customer Reviews Mobile Styles */
    @media screen and (max-width: 999px) {
      .npdp-reviews {
        padding: 40px 20px;
      }

      .npdp-reviews__top {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
      }

      .npdp-reviews__header {
        padding-top: 0;
        order: 1;
      }

      .npdp-reviews__heading {
        font-size: 32px;
        align-items: center;
        padding: 0;
        margin: 0;
      }

      .npdp-reviews__subheading {
        font-size: 15px;
      }

      /* Mobile Slider for Before/After */
      .npdp-reviews__ba-slider {
        order: 2;
        grid-column: 1;
        position: relative;
        overflow: hidden;
      }

      .npdp-reviews__ba-track {
        display: flex;
        transition: transform 0.4s ease-in-out;
      }

      .npdp-reviews__ba-card {
        min-width: 100%;
        flex-shrink: 0;
      }

      .npdp-reviews__ba-image-wrapper {
        max-width: 320px;
      }

      .npdp-reviews__cards {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .npdp-reviews__card {
        padding: 20px 20px 20px 25px;
      }
    }

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

    .npdp-reviews__top {
      display: flex;
      flex-direction: column;
      justify-content: start;
      text-align: center;
      align-items: center;
      gap: 0;
      margin-bottom: 20px;
    } 

      .npdp-reviews {
        padding: 30px 15px;
      }

      .npdp-reviews__heading {
        font-size: 28px;
        align-items: center;
        padding: 0;
        margin: 0;
      }

      .npdp-reviews__ba-image-wrapper {
        max-width: 280px;
      }

      .npdp-reviews__ba-card {
        padding-bottom: 15px;
      }

      .npdp-reviews__card-text {
        font-size: 13px;
      }
    }

      /* ========================================
       KEY INGREDIENTS DETAIL SECTION STYLES
       ======================================== */
    .npdp-keyingredients {
      padding: 60px 40px;
      background: #ffffff;
    }

    .npdp-keyingredients__container {
      max-width: 1100px;
      margin: 0 auto;
    }

    .npdp-keyingredients__heading {
      font-family: 'Merriweather';
      font-style: italic;
      color: #1a1a1a;
    }

    .npdp-keyingredients__list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .npdp-keyingredients__item {
      display: flex;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Odd items (1st, 3rd, 5th): Text LEFT, Image RIGHT */
    .npdp-keyingredients__item:nth-child(odd) .npdp-keyingredients__content {
      order: 1;
    }

    .npdp-keyingredients__item:nth-child(odd) .npdp-keyingredients__image-wrapper {
      order: 2;
    }

    /* Even items (2nd, 4th, 6th): Image LEFT, Text RIGHT */
    .npdp-keyingredients__item:nth-child(even) .npdp-keyingredients__image-wrapper {
      order: 1;
    }

    .npdp-keyingredients__item:nth-child(even) .npdp-keyingredients__content {
      order: 2;
    }

    .npdp-keyingredients__image-wrapper {
      width: 100%;
      max-width: 400px;
    }

    .npdp-keyingredients__item:nth-child(odd) .npdp-keyingredients__image-wrapper {
      margin-left: auto;
    }

    .npdp-keyingredients__item:nth-child(even) .npdp-keyingredients__image-wrapper {
      margin-right: auto;
    }

    .npdp-keyingredients__image {
      width: 100%;
      height: auto;
      display: block;
    }

    .npdp-keyingredients__name {
      font-family: "Open Sans";
      color: #2e2e2e;
      text-transform: uppercase;
    }

    .npdp-keyingredients__text {
      font-family: "Open Sans";
      color:#262626;
    }

    .npdp-keyingredients__text strong {
      font-weight: 700;
    }

    .npdp-keyingredients__text .highlight {
      font-weight: 700;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) { 
    .npdp-keyingredients__heading {
      font-size: 36px;
      font-weight: 400;
      text-align: left;
      margin: 0 !important;
      padding: 0 !important;
      }

    .npdp-keyingredients__item {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
      margin: 0 !important;
      padding: 0 !important;
    }

    .npdp-keyingredients__name {
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin: 0 0 15px 0;
      line-height: 34px;
    }

    .npdp-keyingredients__text {
      font-size: 18px;
      font-weight: 400;
      color: #262626;
      line-height: 26px;
      margin: 0;
    }

    }

    /* Key Ingredients Mobile Styles */
    @media screen and (max-width: 999px) {
      .npdp-keyingredients {
        padding: 0px 20px 30px 20px;;
      }

      .npdp-keyingredients__heading {
        font-size: 28px;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
      }

      .npdp-keyingredients__list {
        gap: 50px;
      }

      .npdp-keyingredients__item {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
      }

      /* Mobile: Always Image first, then Text */
      .npdp-keyingredients__item:nth-child(odd) .npdp-keyingredients__image-wrapper,
      .npdp-keyingredients__item:nth-child(even) .npdp-keyingredients__image-wrapper {
        order: 1;
        margin: 0 auto;
      }

      .npdp-keyingredients__item:nth-child(odd) .npdp-keyingredients__content,
      .npdp-keyingredients__item:nth-child(even) .npdp-keyingredients__content {
        order: 2;
      }

      .npdp-keyingredients__image-wrapper {
        max-width: 300px;
      }

      .npdp-keyingredients__name {
        font-size: 16px;
      }

      .npdp-keyingredients__text {
        font-size: 14px;
      }
    }

    @media screen and (max-width: 480px) {
    .npdp-keyingredients__heading {
      font-size: 28px;
      font-weight: 400;
      text-align: center;
      margin: 0 !important;
      padding: 0 !important;
      }

    .npdp-keyingredients__item {
      display: flex;
      flex-direction: column;
      gap: 50px;
      justify-content: center;
      align-items: center;
      margin: 0 !important;
      padding: 0 !important;
    }

    .npdp-keyingredients__name {
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin: 0 0 15px 0;
      line-height: 1.43;
    }

    .npdp-keyingredients__text {
      font-size: 16px;
      font-weight: 400;
      color: #262626;
      line-height: 1.43;
      margin: 0;
    }
    }

     /* ========================================
       RIBBON TEXT SECTION STYLES
       ======================================== */

    .npdp-ribbon {
      padding: 50px 40px;
      background: #1A5129;
    }

    .npdp-ribbon__container {
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
    }

    .npdp-ribbon__main-text {
      font-family: 'Merriweather';
      font-size: 42px;
      font-weight: 400;
      font-style: italic;
      line-height: 60px;
      color: #ffffff;
      margin: 0 0 15px 0;
    }

    .npdp-ribbon__secondary-text {
      font-family: 'Open Sans';
      font-size: 20px;
      font-weight: 400;
      font-style: normal;
      line-height: 29px;
      color: #ffffff;
      margin: 0;
    }

    /* Ribbon Tablet Styles */
    @media screen and (max-width: 999px) {
      .npdp-ribbon {
        padding: 40px 30px;
      }

      .npdp-ribbon__main-text {
        font-size: 32px;
        line-height: 46px;
      }

      .npdp-ribbon__secondary-text {
        font-size: 18px;
        line-height: 26px;
      }
    }

    /* Ribbon Mobile Styles */
    @media screen and (max-width: 480px) {
      .npdp-ribbon {
        padding: 30px;
      }

      .npdp-ribbon__main-text {
        font-size: 28px;
        line-height: 36px;
        font-weight: 400;
        margin-bottom: 12px;
        line-height: 1.43;
        
      }

      .npdp-ribbon__secondary-text {
        font-size: 18px;
        line-height: 1.43;
        font-weight: 400;
      }
    }

     /* ========================================
       BODY CARE RITUAL SECTION STYLES
       ======================================== */
    .npdp-ritual {
      padding: 60px 40px;
      background: #ffffff;
    }

    .npdp-ritual__container {
      max-width: 1200px;
      margin: 0 auto;
      align-items: center;
    }

    .npdp-ritual__header {
      text-align: center;
      margin-bottom: 40px;
    }

    .npdp-ritual__heading {
      font-family: 'Merriweather', Georgia, serif;
      font-size: 36px;
      font-weight: 400;
      font-style: italic;
      line-height: 54px;
      color: #262626;
      margin: 0 0 10px 0;
    }

    .npdp-ritual__subheading {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 23px;
      color: #006400;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0;
    }

    /* Product Cards Grid */
    .npdp-ritual__grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
    }



    /* Product Card */
    .npdp-ritual__card {
      background: #FFFEFA;
      border: 1px solid #e0e0e0;

      padding: 20px;
      text-align: center;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
      width: calc(25% - 15px);
      display: flex;
      flex-direction: column;
    }

    .npdp-ritual__card:hover {
      border: 1px solid #038012;
    }

    .npdp-ritual__card.is-added {
      border-color: #006400;
      border-width: 2px;
      box-shadow: 0 0 10px rgba(0, 100, 0, 0.1);
    }

    .npdp-ritual__step-title {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 29px;
      color: #262626;
      text-transform: uppercase;
      margin: 0 0 8px 0;
      text-align: left;
    }

    .npdp-ritual__step-desc {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 21px;
      color: #262626;
      margin: 0 0 15px 0;
      text-align: left;
      min-height: 42px;
    }

    .npdp-ritual__image-wrapper {
      width: 100%;
      aspect-ratio: 1 / 1;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f9f9f9;
    }

    .npdp-ritual__image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

    .npdp-ritual__product-name {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 23px;
      color: #262626;
      margin: 0 0 5px 0;
    }

    .npdp-ritual__price {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 29px;
      color: #006400;
      margin: 0 0 15px 0;
      margin-top: auto;
    }

    /* Checkbox */
    .npdp-ritual__checkbox-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
    }

    .npdp-ritual__checkbox {
      width: 18px;
      height: 18px;
      cursor: pointer;
      accent-color: #038012;
    }



    .npdp-ritual__checkbox-label {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 23px;
      color: #038012;
      cursor: pointer;
      user-select: none;
    }

    /* Go To Cart Button */
    .npdp-ritual__button-wrapper {
      text-align: center;
    }

    .npdp-ritual__cart-btn {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 24px;
      width: 500px;
      color: #ffffff !important;
      background: #038012;
      border: none;
      padding: 16px 80px;
      cursor: pointer;
      text-transform: uppercase;
      transition: background-color 0.2s ease;
      text-decoration: none;
      display: inline-block;
    }

    .npdp-ritual__cart-btn:hover {
      background: #195129;
      color: #ffffff;
    }

    /* Ritual Tablet Styles */
    @media screen and (max-width: 999px) {
      .npdp-ritual {
        padding: 40px 20px;
      }

      .npdp-ritual__heading {
        font-size: 28px;
        line-height: 42px;
      }

      .npdp-ritual__subheading {
        font-size: 14px;
      }

      .npdp-ritual__grid {
        gap: 15px;
      }

      .npdp-ritual__card {
        width: calc(50% - 8px);
      }

      .npdp-ritual__step-title {
        font-size: 16px;
        line-height: 24px;
      }

      .npdp-ritual__step-desc {
        font-size: 13px;
        line-height: 19px;
        min-height: 38px;
      }

      .npdp-ritual__product-name {
        font-size: 14px;
        line-height: 20px;
      }

      .npdp-ritual__price {
        font-size: 18px;
        line-height: 26px;
      }

      .npdp-ritual__cart-btn {
        font-size: 18px;
        padding: 14px 60px;
      }
    }

    /* Ritual Mobile Styles */
    @media screen and (max-width: 480px) {
      .npdp-ritual {
        padding: 30px 15px;
      }

      .npdp-ritual__heading {
        font-size: 24px;
        line-height: 36px;
      }

      .npdp-ritual__subheading {
        font-size: 12px;
      }

      .npdp-ritual__grid {
        gap: 12px;
      }

      .npdp-ritual__card {
        padding: 15px;
      }

      .npdp-ritual__step-title {
        font-size: 14px;
        line-height: 20px;
      }

      .npdp-ritual__step-desc {
        font-size: 12px;
        line-height: 17px;
        min-height: 34px;
      }

      .npdp-ritual__product-name {
        font-size: 13px;
        line-height: 18px;
      }

      .npdp-ritual__price {
        font-size: 16px;
        line-height: 24px;
      }

      .npdp-ritual__checkbox-label {
        font-size: 14px;
      }

      .npdp-ritual__cart-btn {
        font-size: 16px;
        padding: 12px 40px;
        width: 100%;
      }
    }

     /* ========================================
       FAQ SECTION STYLES
       ======================================== */
    .npdp-faq {
      padding: 60px 40px;
      background: #F6FFF0;
    }

    .npdp-faq__container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .npdp-faq__heading {
      font-family: 'Merriweather', Georgia, serif;
      font-size: 48px;
      font-weight: 400;
      font-style: italic;
      line-height: 58px;
      color: #262626;
      margin: 0 0 40px 0;
    }

    .npdp-faq__list {
      display: flex;
      flex-direction: column;
    }

    .npdp-faq__item {
      border-bottom: 1px solid #d0d0c8;
    }

    .npdp-faq__question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
      cursor: pointer;
      background: none;
      border: none;
      width: 100%;
      text-align: left;
    }

    .npdp-faq__question:hover {
      opacity: 0.8;
    }

    .npdp-faq__question-text {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 26px;
      color: #000000;
      margin: 0;
      padding-right: 20px;
    }

    .npdp-faq__icon {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      transition: transform 0.3s ease;
      color: #666666;
    }

    .npdp-faq__item.is-open .npdp-faq__icon {
      transform: rotate(180deg);
    }

    .npdp-faq__answer {
      display: none;
      padding: 0 0 25px 0;
    }

    .npdp-faq__item.is-open .npdp-faq__answer {
      display: block;
    }

    .npdp-faq__answer-content {
      display: flex;
      gap: 30px;
      align-items: flex-start;
    }

    .npdp-faq__badge {
      width: auto;
      height: 200px;
      flex-shrink: 0;
    }

    .npdp-faq__answer-text {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 26px;
      color: #262626;
      margin: 0;
      flex: 1;
    }

    /* FAQ without badge - full width text */
    .npdp-faq__answer-content.no-badge {
      display: block;
    }

    /* FAQ Tablet Styles */
    @media screen and (max-width: 999px) {
      .npdp-faq {
        padding: 40px 20px;
      }

      .npdp-faq__heading {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 30px;
      }

      .npdp-faq__question-text {
        font-size: 18px;
        line-height: 24px;
      }

      .npdp-faq__answer-text {
        font-size: 16px;
        line-height: 24px;
      }

      .npdp-faq__answer-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }

      .npdp-faq__badge {
        width: 120px;
      }
    }

    /* FAQ Mobile Styles */
    @media screen and (max-width: 480px) {
      .npdp-faq {
        padding: 30px 20px;
      }

      .npdp-faq__heading {
        font-size: 24px;
        line-height: 1.43;
        margin-bottom: 25px;
      }

      .npdp-faq__question {
        padding: 15px 0;
      }

      .npdp-faq__question-text {
        font-size: 20px;
        
        line-height: 1.2;
      }

      .npdp-faq__icon {
        width: 20px;
        height: 20px;
      }

      .npdp-faq__answer-text {
        font-size: 18px;
        line-height: 1.43;
      }

    .npdp-faq__badge {
      width: 140px;
      height: auto;
      flex-shrink: 0;
    }
    }

     /* ========================================
       YOU MAY ALSO LIKE SECTION STYLES
       ======================================== */
    .npdp-alsolike {
      padding: 40px 16px;
      background: #ffffff;
    }

    .npdp-alsolike__container {
      max-width: 1400px;
      margin: 0 auto;
      align-items: center;
    }

    .npdp-alsolike__heading {
      font-family: 'Merriweather', Georgia, serif;
      font-size: 40px;
      font-weight: 400;
      font-style: italic;
      line-height: 44px;
      color: #262626;
      margin: 0 0 30px 0;
      text-align: center;
    }

    .npdp-alsolike__slider-wrapper {
      position: relative;
    }

    .npdp-alsolike__slider {
      display: flex;
      gap: 20px;
      overflow-x: auto;
      justify-content: center;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 10px 0;
    }

    .npdp-alsolike__slider::-webkit-scrollbar {
      display: none;
    }

    .npdp-alsolike__card {
      flex: 0 0 calc(16.666% - 17px);
      min-width: 180px;
      display: flex;
      flex-direction: column;
      text-align: center;
    }

    .npdp-alsolike__image-wrapper {
      width: 100%;
      aspect-ratio: 1 / 1;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .npdp-alsolike__image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

    .npdp-alsolike__product-name {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 21px;
      font-weight: 600;
      line-height: 30px;
      color: #000000;
      margin: 0 0 5px 0;
      text-align: center;
    }

    .npdp-alsolike__vendor {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 13px;
      font-weight: 400;
      line-height: 19px;
      color: #0d0c0d;
      margin: 0 0 8px 0;
      text-align: center;
    }

    .npdp-alsolike__description {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 21px;
      color: #57575c;
      margin: 0 0 10px 0;
      text-align: center;
      flex-grow: 1;
    }

    .npdp-alsolike__rating {
      margin-bottom: 10px;
      min-height: 20px;
    }

    .npdp-alsolike__price-label {
      display: none;
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #666666;
      margin: 0;
    }

    .npdp-alsolike__price-wrapper {
      margin-bottom: 15px;
      margin-top: auto;
    }

    .npdp-alsolike__price {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 29px;
      color: #000000;
      margin: 0;
    }

    .npdp-alsolike__compare-price {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #cc0000;
      text-decoration: line-through;
      margin-right: 8px;
    }

    .npdp-alsolike__sale-price {
      color: #000000;
    }

    .npdp-alsolike__add-btn {
      font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      color: #ffffff;
      background: #038012;
      border: none;
      padding: 12px 20px;
      cursor: pointer;
      text-transform: uppercase;
      transition: background-color 0.2s ease;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .npdp-alsolike__add-btn:hover {
      background: #195129;
    }

    .npdp-alsolike__add-btn:disabled {
      opacity: 0.7;
      cursor: not-allowed;
    }

    .npdp-alsolike__spinner {
      width: 18px;
      height: 18px;
      border: 2px solid #ffffff;
      border-top-color: transparent;
      border-radius: 50%;
      animation: npdp-spin 0.8s linear infinite;
      display: none;
    }

    .npdp-alsolike__add-btn.is-loading .npdp-alsolike__spinner {
      display: block;
    }

    .npdp-alsolike__add-btn.is-loading .npdp-alsolike__btn-text {
      display: none;
    }



    @keyframes npdp-spin {
      to {
        transform: rotate(360deg);
      }
    }

    /* Slider Navigation Arrows - Desktop */
    .npdp-alsolike__nav {
      display: none;
      position: absolute;
      top: 30%;
      transform: translateY(-100%);
      width: 60px;
      height: 60px;
      border-radius: 80%;
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #e0e0e0;
     
      cursor: pointer;
      align-items: center;
      justify-content: center;
      z-index: 10;
      
    
    }



    .npdp-alsolike__nav--prev {
      left: 0;
      width: 60px;
      height: 60px;
    }

    .npdp-alsolike__nav--next {
      right: 0;
      width: 60px;
      height: 60px;
    }

    .npdp-alsolike__nav.is-hidden {
      opacity: 0;
      pointer-events: none;
    }

    npdp-alsolike__nav npdp-alsolike__nav--prev {
      height: 60px;
      width: 60px;
    }

     .npdp-alsolike__nav svg,
    .npdp-alsolike__nav-icon {
      stroke-width: 1.5 !important;
    }

    .npdp-alsolike__nav svg {
      width: 100px;
      height: 100px;
      stroke: #333333;
      stroke-width: 2.5;
    }

    /* Show arrows on desktop when slider has overflow */
    .npdp-alsolike__slider-wrapper.has-overflow .npdp-alsolike__nav {
      display: flex;
    }

    /* Slider Dots */
    .npdp-alsolike__dots {
      display: none;
    }

    /* You May Also Like Tablet Styles */
    @media screen and (max-width: 999px) {
      .npdp-alsolike {
        padding: 30px 15px;
      }

      .npdp-alsolike__heading {
        font-size: 28px;
        line-height: 36px;
        text-align: left;
      }

      .npdp-alsolike__card {
        flex: 0 0 calc(50% - 10px);
        min-width: calc(50% - 10px);
      }

      .npdp-alsolike__product-name {
        font-size: 18px;
        line-height: 1.43;
      }

      .npdp-alsolike__vendor {
        font-size: 16px;
        line-height: 1.43;
      }

      .npdp-alsolike__description {
        font-size: 16px;
        line-height: 1.43;
      }

      .npdp-alsolike__price-label {
        display: block;
      }

      /* Navigation Arrows on Tablet/Mobile */
      .npdp-alsolike__nav {
        display: flex;
        top: 35%;
        transform: translateY(-50%);
        width: 50px !important;
        height: 50px !important;
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
      }

      .npdp-alsolike__nav:hover {
        background: transparent;
      }

      .npdp-alsolike__nav--prev {
        left: 50;
      }

      .npdp-alsolike__nav--next {
        right: 50;
      }

      .npdp-alsolike__nav svg {
      width: 50px !important;
      height: 50px !important;
      stroke: #000000;
      stroke-width: 1 !important;
      fill: none;
      }

      /* Show Dots on Tablet/Mobile */
      .npdp-alsolike__dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
      }

      .npdp-alsolike__dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #cccccc;
        border: none;
        cursor: pointer;
        padding: 0;
        transition: background 0.2s ease;
      }

      .npdp-alsolike__dot.is-active {
        background: #333333;
      }
    }

    /* You May Also Like Mobile Styles */
    @media screen and (max-width: 480px) {
      .npdp-alsolike {
        padding: 25px 10px;
      }

      .npdp-alsolike__heading {
        font-size: 24px;
        line-height: 1.43;
        margin-bottom: 20px;
      }

      .npdp-alsolike__card {
        flex: 0 0 calc(50% - 8px);
        min-width: calc(50% - 8px);
      }

      .npdp-alsolike__product-name {
        font-size: 16px;
      }

      .npdp-alsolike__vendor {
        font-size: 14px;
      }

      .npdp-alsolike__description {
        font-size: 14px;
      }

      .npdp-alsolike__price {
        font-size: 18px;
      }

      .npdp-alsolike__add-btn {
        font-size: 14px;
        padding: 10px 15px;
      }

      .npdp-alsolike__nav {
        width: 35px;
        height: 35px;
        top: 20%;
        border-radius: 80%;
        background: rgba(255, 255, 255, 0.9);
      border: 1px solid #e0e0e0;
      }

      .npdp-alsolike__nav svg {
        width: 50px;
        height: 50px;
      }
      
    }




    /* ========================================
       STAMPED.IO REVIEWS SECTION STYLES
       ======================================== */
    .npdp-stamped-reviews {
      padding: 40px 20px;
      background: #FCFFF7;
    }

    .npdp-stamped-reviews__container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .npdp-stamped-reviews__heading {
      font-family: 'Merriweather';
      font-size: 36px;
      font-weight: 400;
      color: #262626;
      font-style: italic;
      line-height: 40px;
      color: #262626;
      margin: 0 0 30px 0;
      text-align: left;
    }

    /* Tablet */
    @media screen and (max-width: 999px) {
      .npdp-stamped-reviews__heading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 25px;
      }
    }

    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-stamped-reviews__heading {
        font-size: 24px;
        line-height: 1.43;
        margin-bottom: 20px;
        font-weight: 400;
        text-align: center;
      }
    }

  /* ========================================
         STICKY ADD TO CART 
         ======================================== */
      .npdp-sticky-atc {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: #038012;
        margin: 5px;
        transform: translateY(100%);
        transition: transform 0.3s ease;
       
      }

      .npdp-sticky-atc.is-visible {
        transform: translateY(0);
      }

      .npdp-sticky-atc__button {
        display: block;
        width: 100%;
        background: #038012;
        color: #ffffff;
        border: none;
        font-family: 'Open Sans';
        font-size: 20px;
        font-weight: 700;
        text-transform: none;
        
        padding: 16px 20px;
        cursor: pointer;
        transition: background-color 0.2s ease;
      }

      .npdp-sticky-atc__button:hover {
        background: #0a6332;
      }

      .npdp-sticky-atc__button:disabled {
        background: #cccccc;
        cursor: not-allowed;
      }

        /* Show sticky ATC on all devices */
        .npdp-sticky-atc {
          display: block;
        }

        /* Tablet styles */
        @media screen and (max-width: 999px) {
          .npdp-sticky-atc {
            padding: 0;
          }

          .npdp-sticky-atc__button {
            font-size: 18px;
            padding: 14px 20px;
          }
        }

        /* Mobile styles */
        @media screen and (max-width: 480px) {
          .npdp-sticky-atc__button {
            font-size: 16px;
            padding: 12px 16px;
          }
        }
    

        /* Ensure content clears the fixed header on mobile/tablet */
  @media only screen and (max-width: 798px) {
    .npdp-hero-section,
    .npdp-gallery-container,
    .shopify-section--product-npdp-hero {
      padding-top: 20px;
    }

    .npdp-gallery__main-image {
      aspect-ratio: auto;
      margin-top: 10px;
      width: 100%;
      height: auto;
    }
  }

    @media only screen and (max-width: 798px) {
    .npdp-gallery__slide:first-child .npdp-gallery__main-image {
      margin-top: 20px; /* Always have some safe space */
    }
  }


  /* ========================================
       TBYB Modal Styles
       ======================================== */

    /* Hyperlink Wrapper */
    .npdp-tbyb-info-box {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      gap: 10px;
      background: #FFF8F0;
      padding: 12px 14px;
      margin-top: 12px;
      width: 100%;
      box-sizing: border-box;
    }
    .npdp-tbyb-info-box__icon {
      flex-shrink: 0;
      color: #E8A857;
      margin-top: 2px;
    }
    .npdp-tbyb-info-box__content {
      display: flex;
      font-family: 'Open Sans';
      flex-direction: column;
      gap: 4px;
      text-align: left;
    }
    .npdp-tbyb-info-box__headline {
      font-size: 13px;
      font-weight: 600;
      color: #333;
      margin: 0;
    }
    .npdp-tbyb-info-box__note {
      font-size: 12px;
      color: #666;
      margin: 0;
    }
    .npdp-tbyb-info-box__note.hidden {
      display: none;
    }


    .npdp-tbyb-link {
      font-family: 'Open Sans', sans-serif;
      color: #555555;
      cursor: pointer;
      margin-top: 8px;
      margin-bottom: 8px;
      text-decoration: underline;
      font-size: 16px;
      background: none;
      border: none;
      padding: 0;
      text-align: left;
    }

    .npdp-tbyb-link:hover {
      color: #333;
    }

 /* Modal Overlay */
    .npdp-tbyb-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 2147483647;
      justify-content: center;
      align-items: center;
      isolation: isolate;
      padding: 20px;
      box-sizing: border-box;
    }

    .npdp-tbyb-modal-overlay.active {
      display: flex;
    }

    /* Modal Container */
    .npdp-tbyb-modal {
      background: #fff;
      width: 100%;
      max-width: 800px;
      max-height: calc(100vh - 40px);
      max-height: calc(100dvh - 40px);
      border-radius: 8px;
      position: relative;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      margin: auto;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    }

    /* Modal Close Button */
    .npdp-tbyb-modal__close {
      position: absolute;
      top: 12px;
      right: 16px;
      background: none;
      border: none;
      font-size: 28px;
      cursor: pointer;
      color: #333;
      line-height: 1;
      padding: 0;
      z-index: 1;
    }

    .npdp-tbyb-modal__close:hover {
      color: #000;
    }

    /* Modal Content */
    .npdp-tbyb-modal__content {
      padding: 24px 32px;
      overflow-y: auto;
      flex: 1;
    }

    /* Modal Title */
    .npdp-tbyb-modal__title {
      font-family: 'Open Sans', sans-serif;
      font-size: 28px;
      font-weight: 700;
      color: #002b14;
      margin-bottom: 20px;
      text-align: center;
      padding-bottom: 16px;
      padding-top: 0px !important;
      margin-top: 0px !important;
      border-bottom: 1px solid #e0e0e0;
    }

    /* Modal Steps */
    .npdp-tbyb-modal__step {
      margin-bottom: 20px;
    }

    .npdp-tbyb-modal__step-title {
      font-family: 'Open Sans', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #004d26;
      margin-bottom: 6px;
    }

    .npdp-tbyb-modal__step-text {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #444;
      line-height: 1.5;
      margin: 0;
    }

    /* Modal Footer with Button */
    .npdp-tbyb-modal__footer {
      padding: 16px 32px 24px;
      background: #fff;
      flex-shrink: 0;
      border-top: 1px solid #eee;
    }

    .npdp-tbyb-modal__btn {
      width: 100%;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      padding: 14px 24px;
      background-color:#038012;
      border: none;
      cursor: pointer;
      text-transform: uppercase;
    }

    .npdp-tbyb-modal__btn:hover {
      background-color:  #0a6332;
    }

  /* Mobile Styles */
    @media screen and (max-width: 749px) {
      .npdp-tbyb-modal-overlay {
        padding: 10px;
      }

      .npdp-tbyb-modal {
        width: 100%;
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
      }

      .npdp-tbyb-modal__content {
        padding: 0 16px 16px 16px;
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }

      .npdp-tbyb-modal__title {
        font-size: 22px;
        margin-bottom: 12px;
        padding-bottom: 12px;
      }

      .npdp-tbyb-modal__step {
        margin-bottom: 16px;
      }

      .npdp-tbyb-modal__step-title {
        font-size: 15px;
      }

      .npdp-tbyb-modal__step-text {
        font-size: 13px;
      }

      .npdp-tbyb-modal__footer {
        padding: 12px 16px;
        flex-shrink: 0;
        border-top: 1px solid #e0e0e0;
      }

      .npdp-tbyb-modal__btn {
        padding: 12px 20px;
        font-size: 15px;
      }
    }

    /* ========================================

   NPDP TBYB Top Banner Styles

   ======================================== */
 
.npdp-top-banner {

background: #FBFFDF;

padding: 20px 40px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 10px -2px rgba(0, 0, 0, 0.10),
    0 -4px 10px -2px rgba(0, 0, 0, 0.04);
}

.npdp-top-banner__container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 120px;
}
 
.npdp-top-banner__content {
  text-align: center;
  z-index: 1;
}
 
/* "YOUR PERFECT MATCH" — large dark serif heading */

.npdp-top-banner__heading {
  font-family: "Merriweather", Regular;
  font-size: 56px;
  font-weight: 500 !important;
  color: #000;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0px;
  margin-bottom: 8px;
  line-height: 1;
}
 
/* "YAUVARI AMPLIFIED YOUTH SPRING" — gold product name, shown BELOW heading */

.npdp-top-banner__product-name {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #E15353;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
 
/* "SELECTED BY CONSIDERING YOUR SKIN CONCERNS, GOALS, AND PREFERRED FORMULA" */

.npdp-top-banner__description {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
 
/* Product bottle — absolutely positioned to the right */

.npdp-top-banner__image {
  position: absolute;
  right: 12%;
  top: 50%;
  transform: translateY(-50%);
  max-height: 150px;
  width: auto;

}
 
  /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-top-banner {
        margin-bottom: 30px;
      }

    }
/* ========================================

   Tablet Styles (750px – 999px)

   ======================================== */

@media screen and (min-width: 750px) and (max-width: 999px) {

  .npdp-top-banner__heading {
    font-family: 'Merriweather' !important;
    font-size: 36px;
  }
 
  .npdp-top-banner__product-name {
    font-size: 14px;
  }
 
  .npdp-top-banner__image {
    max-height: 120px;
    right: 8%;
  }

}
 
/* ========================================

   Mobile Styles (≤ 749px)

   ======================================== */

@media screen and (max-width: 749px) {
  .npdp-top-banner {
     padding: 24px 12px 12px 12px;
  }
 
  .npdp-top-banner__container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0px;
    min-height: unset;
    margin-top: 16px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
  }
 
  /* Bottle appears on the LEFT on mobile */
/* 
  .npdp-top-banner__image {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    max-height: 90px;
    flex-shrink: 0;
    order: -1;

  } */

  
  .npdp-top-banner__image {
display: none;
  }
 
  .npdp-top-banner__content {
    text-align: center;
    flex: 1;
  }
 
  .npdp-top-banner__heading {
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 600 !important;
  }
 
  .npdp-top-banner__product-name {
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
  }
 
  .npdp-top-banner__description {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #1a1a1a !important;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 1.4;
  }

}


  /* ========================================
       HUT (HOME USE TEST) SECTION STYLES
       ======================================== */
    .npdp-hut {
      padding: 40px 20px;
      background: #f5efe6;
    }

    .npdp-hut__container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Header */
    .npdp-hut__header {
      text-align: center;
      margin-bottom: 30px;
    }

    .npdp-hut__heading {
     font-family: 'Merriweather' !important;      font-size: 36px;
      font-weight: 400;
      font-style: italic;
      color: #000000;
      margin: 0 0 20px 0;
      line-height: 1.3;
    }

    .npdp-hut__description {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #000000;
      line-height: 1.6;
      margin: 0;
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
    }

    /* Content Layout */
    .npdp-hut__content {
      display: flex;
      gap: 40px;
      align-items: flex-start;
    }

    /* Image */
    .npdp-hut__image-wrapper {
      flex: 0 0 40%;
      max-width: 40%;
    }

    .npdp-hut__image {
      width: 100%;
      height: auto;
      border-radius: 4px;
    }

    /* Benefits */
    .npdp-hut__benefits {
      flex: 1;
    }

    .npdp-hut__product-header {
      font-family: 'Open Sans', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #000000;
      margin: 0 0 20px 0;
      line-height: 1.4;
    }

    /* Category */
    .npdp-hut__category {
      margin-bottom: 24px;
    }

    .npdp-hut__category-header {
      background: #F8FCF2;
      color: #00000;
      font-family: 'Open Sans', sans-serif;
      font-size: 18px;
      font-weight: 700;
      padding: 8px 16px;
      margin: 0 0 16px 0;
      border-radius: 2px;
    }

    .npdp-hut__category-intro {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #333;
      line-height: 1.6;
      margin: 0 0 16px 0;
    }

    /* Pointers */
    .npdp-hut__pointer {
      display: flex;
      gap: 16px;
      margin-bottom: 16px;
      align-items: flex-start;
    }

    .npdp-hut__pointer-percentage {
      font-family: 'Open Sans', sans-serif;
      font-size: 24px;
      font-weight: 700;
      color: #000000;
      flex: 0 0 70px;
      line-height: 1.2;
    }

    .npdp-hut__pointer-description {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #333;
      line-height: 1.5;
      flex: 1;
      margin: 0;
    }

    .npdp-hut__pointer-description strong {
      font-weight: 700;
    }

    /* CTA Button */
    .npdp-hut__cta-wrapper {
      text-align: center;
      margin-top: 30px;
    }

    .npdp-hut__cta {
      display: inline-block;
      font-family: 'Open Sans', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
      background-color: #038012;
      padding: 10px 25px;
      border: none;
      cursor: pointer;
      text-transform: none;
      text-decoration: none;
      transition: background-color 0.3s ease;
      width: 100%;
      max-width: 600px;
    }

    .npdp-hut__cta:hover {
      background-color: #0a6332;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-hut {
        padding: 60px 40px;
        margin-bottom: 20px;
      }

      .npdp-hut__heading {
        font-size: 42px;
      }

      .npdp-hut__description {
        font-size: 17px;
      }

      .npdp-hut__product-header {
        font-size: 22px;
      }
    }

    /* Tablet */
    @media screen and (max-width: 999px) {
      .npdp-hut__content {
        flex-direction: column;
        gap: 30px;
      }

      .npdp-hut__image-wrapper {
        flex: none;
        max-width: 100%;
        text-align: center;
      }

      .npdp-hut__image {
        max-width: 400px;
      }
    }

    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-hut {
        padding: 30px 16px;
      }

      .npdp-hut__heading {
        font-size: 28px;
      }

      .npdp-hut__description {
        font-size: 14px;
      }

      .npdp-hut__product-header {
        font-size: 18px;
      }

      .npdp-hut__category-header {
        font-size: 16px;
        padding: 6px 12px;
      }

      .npdp-hut__category-intro {
        font-size: 14px;
      }

      .npdp-hut__pointer {
        flex-direction: column;
        gap: 4px;
      }

      .npdp-hut__pointer-percentage {
        font-size: 20px;
        flex: none;
      }

      .npdp-hut__pointer-description {
        font-size: 14px;
      }

      .npdp-hut__cta {
        font-size: 14px;
        padding: 10px 10px;
      }
    }

     /* ========================================
       HOW IT WORKS SECTION STYLES
       ======================================== */
    .npdp-how-it-works {
      padding: 60px 40px;
      background: #f5f5e6;
    }

    .npdp-how-it-works__container {
      max-width: 900px;
      margin: 0 auto;
    }

    .npdp-how-it-works__heading {
      font-family: 'Merriweather';
      font-style: italic;
      color: #1a1a1a;
      border-bottom: 1px solid #d0d0c0;
    }

    .npdp-how-it-works__steps {
      padding-top: 10px;
    }

    .npdp-how-it-works__step {
      margin-bottom: 32px;
    }

    .npdp-how-it-works__step:last-child {
      margin-bottom: 0;
    }

    .npdp-how-it-works__step-title {
      font-family: 'Open Sans', sans-serif;
      font-size: 22px;
      font-weight: 700;
      color: #1a1a1a;
      margin: 0 0 12px 0;
      line-height: 1.3;
    }

    .npdp-how-it-works__step-text {
      font-family: 'Open Sans', sans-serif;
      font-size: 17px;
      font-weight: 400;
      color: #333;
      line-height: 1.6;
      margin: 0;
    }

    .npdp-how-it-works__step-text--extra {
      margin-top: 16px;
    }

    /* Desktop */
    @media screen and (min-width: 1000px) {
      .npdp-how-it-works {
        padding: 80px 200px;
      }

      .npdp-how-it-works__heading {
        font-size: 36px;
        font-weight: 400;
        text-align: left;
        margin: 0 0 20px 0;
        padding-bottom: 20px;
      }

      .npdp-how-it-works__step {
        margin-bottom: 40px;
      }

      .npdp-how-it-works__step-title {
        font-size: 24px;
      }

      .npdp-how-it-works__step-text {
        font-size: 18px;
      }
    }

    /* Tablet */
    @media screen and (max-width: 999px) {
      .npdp-how-it-works {
        padding: 50px 30px;
      }

      .npdp-how-it-works__heading {
        font-size: 28px;
        text-align: center;
        margin-bottom: 40px;
      }

      .npdp-how-it-works__step-title {
        font-size: 20px;
      }

      .npdp-how-it-works__step-text {
        font-size: 16px;
      }
    }

    /* Mobile */
    @media screen and (max-width: 480px) {
      .npdp-how-it-works {
        padding: 30px 20px;
      }

      .npdp-how-it-works__heading {
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 10px;
        text-align: center;
      }

      .npdp-how-it-works__step {
        margin-bottom: 28px;
      }

      .npdp-how-it-works__step-title {
        font-size: 18px;
        margin-bottom: 8px;
      }

      .npdp-how-it-works__step-text {
        font-size: 15px;
        line-height: 1.5;
      }

      .npdp-how-it-works__step-text--extra {
        margin-top: 12px;
      }
    }


        /* ========================================
         FAQ CTA BUTTON STYLES
         ======================================== */
      .npdp-faq-cta-wrapper {
        text-align: center;
        margin-top: 30px;
        padding: 0 20px;
      }

      .npdp-faq-cta {
        display: inline-block;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #ffffff;
        background-color: #038012;
        padding: 14px 25px;
        border: none;
        cursor: pointer;
        text-transform: none;
        text-decoration: none;
        transition: background-color 0.3s ease;
        width: 100%;
        max-width: 600px;
      }

      .npdp-faq-cta:hover {
        background-color: #0a6332;
      }

      .npdp-faq-cta:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
      }

      /* FAQ CTA - Desktop */
      @media screen and (min-width: 1000px) {
        .npdp-faq-cta-wrapper {
          margin-top: 40px;
          padding: 0 200px;
        }

        .npdp-faq-cta {
          font-size: 20px;
          padding: 16px 30px;
          max-width: 700px;
        }
      }

      /* FAQ CTA - Tablet */
      @media screen and (max-width: 999px) {
        .npdp-faq-cta-wrapper {
          margin-top: 30px;
          padding: 0 30px;
        }

        .npdp-faq-cta {
          font-size: 16px;
          padding: 14px 20px;
        }
      }

      /* FAQ CTA - Mobile */
      @media screen and (max-width: 480px) {
        .npdp-faq-cta-wrapper {
          margin-top: 25px;
          padding: 0 15px;
        }

        .npdp-faq-cta {
          font-size: 16px;
          padding: 12px 16px;
        }
      }
      
 
        /* ========================================
           NPDP DISCOUNT OFFER STYLES
           ======================================== */
        .npdp-discount-offer {
          border-radius: 4px;
          padding: 16px 20px;
          margin-bottom: 20px;
          text-align: center;
        }

        .npdp-discount-offer__tag {
          font-family: 'Open Sans', sans-serif;
          font-size: 18px;
          font-weight: 700;
          font-style: normal;
          color: #960303;
          line-height: 26px;
          margin: 0 0 8px 0;
        }

        .npdp-discount-offer__text {
          font-family: 'Open Sans', sans-serif;
          font-size: 18px;
          font-weight: 400;
          font-style: normal;
          color: #333;
          line-height: 29px;
          margin: 0 0 8px 0;
        }

        .npdp-discount-offer__text strong {
          color: #7b2d8e;
          font-weight: 700;
        }

        .npdp-discount-offer__note {
          font-family: 'Open Sans', sans-serif;
          font-size: 18px;
          font-weight: 700;
          font-style: italic;
          color: #262626;
          line-height: 26px;
          margin: 0;
        }

        /* Discount Offer - Desktop */
        @media screen and (min-width: 1000px) {
          .npdp-discount-offer {
            padding: 20px 100px;
            margin-bottom: 24px;
          }
        }

        /* Discount Offer - Tablet */
        @media screen and (max-width: 999px) {
          .npdp-discount-offer {
            padding: 14px 16px;
            margin-bottom: 18px;
          }

          .npdp-discount-offer__tag {
            font-size: 18px;
            text-align: center;
          }

          .npdp-discount-offer__text {
            font-size: 18px;
            text-align: center;
          }

          .npdp-discount-offer__note {
            font-size: 16px;
            text-align: center;
          }
        }

        /* Discount Offer - Mobile */
        @media screen and (max-width: 480px) {
          .npdp-discount-offer {
            padding: 12px 14px;
            margin-bottom: 16px;
          }

          .npdp-discount-offer__tag {
            font-size: 18px;
            line-height: 1.43;
            text-align: center;
          }

          .npdp-discount-offer__text {
            font-size: 18px;
            line-height: 1.6em;
            text-align: center;
          }

          .npdp-discount-offer__note {
            font-size: 18px;
            line-height: 1.43;
            text-align: center;
          }
        }


 </style>