/** Shopify CDN: Minification failed

Line 363:0 All "@import" rules must come first

**/
html, body, :root {
  scroll-behavior: smooth !important;
}

:root {
  --main_ff_h: 'Fraunces', serif !important;
  --b2r: 0px !important;
}
#shopify-section-template--28267841618288__breadcrumbs{
  display:none !important;
}
.jdgm-widget.jdgm-widget{
  margin-bottom: 0 !important;
}

.jm-sort-filter[data-v-8ff89c07]{
  display:none !important;
}

.home-baner-slider figure picture img.mobile-bnr-img{
  display: none !important;
}

.w940{
  padding:50px 0 0 0 !important;
}

.cols>*:first-child:last-child{
  padding:50px 0 20px 0 !important;
}
html, body, #root, #content, #background {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

@font-face {
  font-family: 'Frances';
  src: url('fonts/Frances-Bold.woff2') format('woff2'),
       url('fonts/Frances-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

.heading {
  font-family: 'Frances', serif;
  font-weight: 700;
}

span.tagline {
    font-size: 10px;
    position: absolute;
    bottom: -18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    left: 50%;
    transform: translateX(-50%);
   
}
#logo.text-center-sticky {
      
        width: 100%;
    }
@media only screen and (max-width: 760px) {
span.tagline {
    bottom: -5px;
}
  #logo.text-center-mobile, #header.text-center-mobile #logo {
       width: 100%;
        top: 30px;
    }
  .home-baner-slider figure picture img{
    display: none !important;
  }  
  .home-baner-slider figure picture img.mobile-bnr-img{
    display: block !important;
  }  
}

@media only screen and (max-width: 991px) {
    #logo.text-center-mobile {
        width: 260px !important;
               
    }
}

/* --- Trellis Bliss Revamped Header Layout --- */

#shopify-section-header {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

#shopify-section-header #header-outer {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

#shopify-section-header #nav-top {
  display: none !important; /* Hide top bar */
}

@media only screen and (min-width: 761px) {
  /* Main Header Alignment */
  #header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding-top: var(--header-padding-top) !important;
    padding-bottom: var(--header-padding-bottom) !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    height: var(--header-height) !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    border-bottom: 1px solid #e0e0e0 !important; /* Clean bottom border divider */
  }
  
  #header-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
    height: 100% !important;
    position: relative !important;
  }
  
  /* Override logo positioning */
  #root #shopify-section-header #header-inner > #logo,
  #root #shopify-section-header #header-inner > #logo.text-center-sticky,
  #root #shopify-section-header #header-inner > #logo.text-center-mobile,
  #root #shopify-section-header #header-inner > #logo.text-center {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    text-align: left !important;
    order: 1 !important;
    display: block !important;
    line-height: 1 !important;
  }

  #root #shopify-section-header #header-inner > #logo a {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 1 !important;
  }
  
  @media only screen and (min-width: 761px) {
    #logo img {
      width: var(--logo-width) !important;
      height: auto !important;
      vertical-align: middle !important;
    }
  }
  @media only screen and (max-width: 760px) {
    #logo img {
      width: var(--logo-width-mobile) !important;
      height: auto !important;
      vertical-align: middle !important;
    }
  }
  
  #logo .tagline {
    display: none !important; /* Hide logo tagline */
  }
  
  /* Hide the View Catalog button, Left Search bar, and left search toggle on desktop header */
  #header-inner > .link-btn,
  #header-inner > #search,
  #header-inner > .search-compact-cont {
    display: none !important;
  }
  
  /* Hide duplicate menu */
  #nav-bar ~ #nav {
    display: none !important;
  }
  
  /* Centered Horizontal Navigation Menu (#nav or #nav-bar) */
  #nav, #nav-bar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    z-index: 5 !important;
  }
  
  #nav > ul[data-type="main-nav"],
  #nav-bar > ul[data-type="horizontal-nav"] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
    gap: var(--menu-gap) !important;
  }
  
  #nav > ul[data-type="main-nav"] > li,
  #nav-bar > ul[data-type="horizontal-nav"] > li {
    margin: 0 !important; /* Reset margin in favor of gap */
    display: flex !important;
    align-items: center !important;
    height: auto !important;
  }
  
  #nav > ul[data-type="main-nav"] > li > a,
  #nav-bar > ul[data-type="horizontal-nav"] > li > a {
    color: #1e1f20 !important; /* Dark text */
    font-size: var(--menu-font-size) !important;
    font-weight: 500 !important;
    height: auto !important;
    line-height: normal !important;
    transition: color 0.2s ease !important;
    padding: 8px 0 !important;
  }
  
  #nav > ul[data-type="main-nav"] > li > a:hover,
  #nav-bar > ul[data-type="horizontal-nav"] > li > a:hover {
    color: #0d7e2e !important; /* Green on hover */
  }
  
  /* Green Home Menu Item */
  #nav > ul[data-type="main-nav"] > li:first-child > a,
  #nav-bar > ul[data-type="horizontal-nav"] > li:first-child > a {
    color: #0d7e2e !important;
    font-weight: 600 !important;
  }
  
  /* Divider Bar (|) after first item */
  #nav > ul[data-type="main-nav"] > li:first-child,
  #nav-bar > ul[data-type="horizontal-nav"] > li:first-child {
    margin-right: 12px !important;
  }
  #nav > ul[data-type="main-nav"] > li:first-child::after,
  #nav-bar > ul[data-type="horizontal-nav"] > li:first-child::after {
    content: "|";
    color: #cccccc !important;
    margin-left: 12px !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    pointer-events: none !important;
  }
  
  /* Right Side User & Navigation Icons */
  #nav-user {
    order: 3 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    position: static !important;
  }
  
  #nav-user > ul[data-type="user-nav"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  
  #nav-user > ul[data-type="user-nav"] > li {
    margin: 0 0 0 15px !important; /* Reduced icon margin */
    display: flex !important;
    align-items: center !important;
  }
  
  /* Icon definition for search */
  .icon-search:before {
    content: "\e91d" !important;
  }

  /* Force display of search and account profile icons */
  #nav-user > ul[data-type="user-nav"] > li.search,
  #nav-user > ul[data-type="user-nav"] > li.user-login {
    display: block !important;
  }
  
  #nav-user > ul[data-type="user-nav"] > li.user-login > a {
    display: flex !important;
  }

  /* Keep only search, user-login, and cart icons in user nav */
  #nav-user > ul[data-type="user-nav"] > li:not(.search):not(.user-login):not(.cart) {
    display: none !important;
  }
  
  #nav-user > ul[data-type="user-nav"] > li > a {
    color: #1e1f20 !important;
    font-size: var(--icon-size-mobile) !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
  }
  
  @media only screen and (min-width: 761px) {
    #nav-user > ul[data-type="user-nav"] > li > a {
      font-size: var(--icon-size) !important;
    }
  }
  
  #nav-user > ul[data-type="user-nav"] > li > a:hover {
    color: #0d7e2e !important;
  }
  
  /* Green Cart Count Badge Styling */
  #nav-user .cart a {
    position: relative !important;
  }
  
  #nav-user #cart-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background-color: #0d7e2e !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

/* --- Global Heading Font (Albert Sans) --- */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
[class*="heading"], [class*="title"], .journey-header-title, .journey-card-title, .roadmap-title {
  font-family: 'Albert Sans', sans-serif !important;
}

/* --- Global Primary Button Style (Solid Yellow to Outlined on Hover) --- */
button,
.btn,
.button,
.btn-btn,
.regular-button,
.buy-button,
.journey-card-btn,
input[type="submit"],
input[type="button"] {
  background-color: #183B28 !important;
  color: #ffffff !important;
  border: 1.5px solid #183B28 !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}

button:hover,
.btn:hover,
.button:hover,
.btn-btn:hover,
.regular-button:hover,
.buy-button:hover,
.journey-card-btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: transparent !important;
  color: #1e1f20 !important;
  border-color: #FED24D !important;
}

/* --- Global Secondary/Outline Button Style (Outlined to Solid Yellow on Hover) --- */
.btn-secondary,
.button-secondary,
.link-btn,
.sp-button-secondary,
.btn-outline,
[class*="outline"] {
  background-color: transparent !important;
  color: #1e1f20 !important;
  border: 1.5px solid #FED24D !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}

.btn-secondary:hover,
.button-secondary:hover,
.link-btn:hover,
.sp-button-secondary:hover,
.btn-outline:hover,
[class*="outline"]:hover {
  background-color: #FED24D !important;
  color: #ffffff !important;
  border-color: #FED24D !important;
}

/* Global hover color for text links, navigation menus, and icons */
a:hover,
.menu-item a:hover,
#nav > ul > li > a:hover,
#nav-bar > ul > li > a:hover,
#nav-user > ul > li > a:hover {
  color: #FED24D !important;
}

/* Green Home Menu Item override to match first item if hovered */
#nav > ul[data-type="main-nav"] > li:first-child > a:hover,
#nav-bar > ul[data-type="horizontal-nav"] > li:first-child > a:hover {
  color: #FED24D !important;
}

/* Active interactive orbit step border highlight in Plant Care Cycle section */
.orbit-step-node:hover .node-circle-wrap {
  border-color: #FED24D !important;
}

/* --- Header Spacing and Sticky Positions Fixes --- */
#shopify-section-header #header-outer {
  padding-top: 0 !important; /* Remove empty top bar spacing */
}

#shopify-section-header.fixed {
  top: 0 !important; /* Keep sticky header fully on screen without vertical clipping offset */
}

#shopify-section-header.fixed #header-outer {
  padding-top: 0 !important;
}

#root, 
.js.t1nn #root, 
.js.t1mn #root,
.t1nt #root,
.js.t1nn.t1nt #root,
.js.t1mn.t1nt #root {
  padding-top: 0 !important;
  padding: 0 !important;
}

#content {
  padding-top: 0 !important;
}

@media only screen and (max-width: 760px) {
  #root, 
  .js.t1nn #root, 
  .js.t1mn #root,
  .t1nt #root,
  .js.t1nn.t1nt #root,
  .js.t1mn.t1nt #root {
    padding-top: 0 !important;
    padding: 0 !important;
  }
  
  #header {
    height: var(--header-height-mobile) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: var(--header-padding-top-mobile) !important;
    padding-bottom: var(--header-padding-bottom-mobile) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-bottom: 1px solid #e0e0e0 !important;
  }
}

/* --- Global Border-Radius Override (20px) for all site curved edges --- */
.sprout-banner-section,
[class*="sprout-banner-"],
.rootzi-banner-inner,
.rootzi-character-col img,
.comparison-card,
.home-collection-card,
.collections-grid-item,
.blog-card,
.blog-post,
.home-blog-post,
.product-item,
.product-card,
.grid-product__image-link,
.product-item-img,
.testimonial-card,
.testimonial-item,
.testimonial-wrapper,
.review-card,
.spr-summary-actions-newreview {
  border-radius: 0px !important;
}

/* --- Global Capsule/Pill Border-Radius Override (100px) for all buttons --- */
button,
.btn,
.button,
.btn-btn,
.link-btn,
.regular-button,
.buy-button,
.journey-card-btn,
.home-story-btn,
.rootzi-btn,
.plant-care-cta-btn,
input[type="submit"],
input[type="button"] {
  border-radius: 0px !important;
}

/* --- Global Shadow Removal --- */
*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Remove CSS drop-shadow filters on cartoon characters, plants, and elements */
.accent-leaf,
.hands,
.mascot-img,
.comparison-card,
.state-complicated,
.state-simple,
.sp-button,
.fancybox__container {
  filter: none !important;
}

/* --- Global Font-Family Overrides --- */
/* Global Typography Override Block */
body, p, li, a, span:not(.cursive-subheading):not(.home-story-tagline):not([class*="jm-star"]):not([class*="jdgm"]):not([class*="spr-star"]):not([class*="stamped"]):not([class*="star"]):not([class*="rating"]), button:not([class*="jdgm"]):not([class*="jm-"]):not([class*="star"]), input, textarea, select, label,
[class*="desc"],
[class*="description"],
[class*="subtext"],
[class*="subtitle"],
[class*="caption"],
[class*="text"]:not([class*="jm-star"]):not([class*="jdgm"]),
.btn,
.menu-link,
.mobile-menu-link,
summary {
  font-family: 'Poppins', sans-serif !important;
}
/* --- Fix Judge.me & Review Widget Star Icons --- */
.jm-star-rating__font-icon,
[class*="jm-star"],
[class*="jdgm-star"],
[class*="jdgm-font"],
.jdgm-star,
.jdgm-star::before,
.jdgm-write-review-modal__stars button,
.jdgm-write-review-modal__stars button::before,
[class*="write-review-modal"] button[class*="star"],
[class*="write-review-modal"] button[class*="star"]::before,
.jdgm-prev-badge__stars,
.spr-star,
.spr-icon,
.stamped-fa-star,
.fa-star {
  font-family: "judgeme", "JudgemeFont", "JudgemeHeaderFont", "JudgeMeIconFont", "JudgemeStar", "Segoe UI Symbol", "Apple Color Emoji", Arial, sans-serif !important;
  font-style: normal !important;
}

/* Force filled star glyph ★ for Judge.me font icons */
.jm-star-rating__font-icon {
  font-size: 0 !important;
  line-height: 1 !important;
  display: inline-block !important;
  position: relative !important;
  color: var(--jm-review-widget-star-and-histogram-color, #FFB700) !important;
  margin-right: 2px !important;
}

.jm-star-rating__font-icon::before {
  content: "★" !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: var(--jm-review-widget-star-and-histogram-color, #FFB700) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  display: inline-block !important;
  visibility: visible !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.hero-title, .hero-wave-title, .simplicity-headline, .simplicity-promo-title,
.plant-care-title, .soil-promo-title, .home-story-title, .sprout-banner-title,
.bestsellers-title, .journey-title, .testimonials-title,
[class*="title"],
[class*="heading"],
[class*="headline"],
[class*="topic"] {
  font-family: 'Fraunces', serif !important;
  color: #163C24 !important; /* Dark green for all headings */
}

/* Specific overrides for headings on dark backgrounds */
.rootzi-heading,
[class*="clinic-hero-title"],
[class*="sprout-banner-title"] {
  color: #ffffff !important;
}

/* Ensure span highlight elements inside headings inherit the parent heading font */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span,
[class*="title"] span,
[class*="heading"] span,
[class*="headline"] span,
[class*="topic"] span,
.highlight-yellow,
.highlight-green {
  font-family: inherit !important;
}

/* Sticky Header & Root Layout Customization */
#root {
  position: relative !important;
}

#shopify-section-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: #ffffff !important;
}

#header,
#header-inner {
  background-color: #ffffff !important;
}

.page-plant-clinic #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Plant Clinic Page Sharp Corners Override */
.page-plant-clinic .clinic-hero-container,
.page-plant-clinic .clinic-hero-left,
.page-plant-clinic .clinic-hero-right,
.page-plant-clinic .clinic-hero-btn,
.page-plant-clinic .topics-marquee-wrapper,
.page-plant-clinic .clinic-faq-card,
.page-plant-clinic .faq-tips-box,
.page-plant-clinic .sprout-banner-classic,
.page-plant-clinic .sprout-banner-btn,
.clinic-faq-cta-btn,
.page-plant-clinic .clinic-faq-cta-btn {
  border-radius: 0 !important;
}

/* Full Width Dark Green Footer Override */
#shopify-section-footer,
#shopify-section-footer:before,
#shopify-section-footer > div:before,
div.shopify-section[id*="footer"],
.site-footer-dear,
.footer-inner-dear {
  background-color: #1a4a2e !important;
  background: #1a4a2e !important;
}

/* Global Green Buttons Override */
.button:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button),
.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button),
a.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button),
button.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button),
.product-form__submit,
.cart__checkout-button,
.hero-buttons .btn-primary,
.hero-buttons .btn-secondary,
.sprout-banner-btn,
.soil-promo-btn,
.simplicity-right-btn,
.clinic-hero-btn,
.home-story-btn,
.journey-card-btn,
.bestsellers-buy-now-btn {
  background-color: #245436 !important;
  color: #ffffff !important;
  border: 2px solid #245436 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.button:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button):hover,
.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button):hover,
a.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button):hover,
button.btn:not(.search-submit-btn):not(.search-close-btn):not(.hero-nav-btn):not(.slider-button):hover,
.product-form__submit:hover,
.cart__checkout-button:hover,
.hero-buttons .btn-primary:hover,
.hero-buttons .btn-secondary:hover,
.sprout-banner-btn:hover,
.soil-promo-btn:hover,
.simplicity-right-btn:hover,
.clinic-hero-btn:hover,
.home-story-btn:hover,
.journey-card-btn:hover,
.bestsellers-buy-now-btn:hover {
  background-color: transparent !important;
  color: #245436 !important;
  border-color: #245436 !important;
}

/* --- Global Sharp Corner Overrides --- */
html body #root input,
html body #root select,
html body #root textarea,
html body #root .bv_atual,
html body #root .bv_mainselect input,
html body #root .custom-collection-toolbar,
html body #root .custom-select-wrapper select.custom-toolbar-select,
html body #root li.custom-collection-card,
html body #root .custom-collection-card,
html body #root .custom-page-num,
html body #root .cart-drawer,
html body #root .custom-cart-qty-btn,
html body #root .custom-cart-item,
html body #root .custom-cart-item-img,
html body #root .custom-cart-item-qty-bar,
html body #root .custom-shipping-progress-box,
html body #root .custom-shipping-bar-track,
html body #root .custom-shipping-bar-fill,
html body #root .custom-btn-view-cart,
html body #root .custom-btn-checkout {
  border-radius: 0px !important;
}

/* Explicit Rounded Corners for Product Card Controls */
html body #root .custom-size-dropdown-wrapper,
html body #root .custom-size-select-trigger,
html body #root .custom-qty-bar,
ul#collection li.custom-collection-card .custom-qty-bar,
html body .custom-collection-card .custom-qty-bar,
div.custom-qty-bar,
.custom-qty-bar {
  border-radius: 8px !important;
  overflow: hidden !important;
}

html body #root button.custom-qty-btn-gold,
html body #root .custom-qty-btn-gold,
ul#collection li.custom-collection-card button.custom-qty-btn-gold,
.custom-qty-btn-gold {
  border-radius: 6px !important;
}

html body #root button.custom-card-btn-cart,
html body #root .custom-card-btn-cart,
html body #root button.custom-card-btn-buy,
html body #root .custom-card-btn-buy,
.custom-card-btn-cart,
.custom-card-btn-buy {
  border-radius: 8px !important;
}

/* Restore functional circles / badges / radio buttons */
html body #root .circle,
html body #root [class*="circle"],
html body #root .dot,
html body #root [class*="-dot"],
html body #root .swiper-pagination-bullet,
html body #root .swiper-pagination-bullet::before,
html body #root .swiper-pagination-bullet img,
html body #root #cart-count,
html body #root .orbit-step-node,
html body #root .node-circle-wrap,
html body #root .orbit-circle,
html body #root .state-circle,
html body #root .avatar,
html body #root [class*="avatar"],
html body #root input[type="radio"] {
  border-radius: 50% !important;
}

/* --- Main Product Section Redesign Green Buttons Override --- */
html body .custom-pdp-section-redesign .btn-add-to-cart,
html body .custom-pdp-section-redesign .btn-buy-now,
html body .pdp-buttons-row .btn-add-to-cart,
html body .pdp-buttons-row .btn-buy-now,
html body .new-product-section .btn-add-to-cart,
html body .new-product-section .btn-buy-now,
html body .new-product-form button[type="submit"] {
  background-color: #1E4D36 !important;
  background: #1E4D36 !important;
  color: #FFFFFF !important;
  border: 2px solid #1E4D36 !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

html body .custom-pdp-section-redesign .variant-pill:not(.active),
html body .new-product-section .variant-pill:not(.active),
html body .option-pills-row .variant-pill:not(.active) {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #1E4D36 !important;
  border: 1.5px solid #1E4D36 !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

html body .custom-pdp-section-redesign .variant-pill.active,
html body .new-product-section .variant-pill.active,
html body .option-pills-row .variant-pill.active {
  background-color: #1E4D36 !important;
  background: #1E4D36 !important;
  color: #FFFFFF !important;
  border: 1.5px solid #1E4D36 !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

html body .custom-pdp-section-redesign .btn-add-to-cart:hover,
html body .custom-pdp-section-redesign .btn-buy-now:hover,
html body .pdp-buttons-row .btn-add-to-cart:hover,
html body .pdp-buttons-row .btn-buy-now:hover,
html body .new-product-section .btn-add-to-cart:hover,
html body .new-product-section .btn-buy-now:hover {
  background-color: #143726 !important;
  background: #143726 !important;
  border-color: #143726 !important;
  color: #FFFFFF !important;
}

html body .product-features-accordion-box button,
html body .pfa-header {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Completely remove legacy theme pseudo-element yellow background overlays */
button:before,
button::before,
.button:before,
.button::before,
.btn:before,
.btn::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix icon font path for theme icons */
@font-face {
  font-family: 'i';
  src: url('icomoon.woff2') format('woff2'), url('icomoon.woff') format('woff');
  font-display: swap;
}





/* --- Outer Apps Section Pure White Background (Eliminates Grey Bar) --- */
#shopify-section-1786523683107d3217,
[id*="1786523683107d3217"],
.shopify-section-apps,
.section-apps-wrapper,
.shopify-app-block,
.jdgm-all-reviews-widget,
.jdgm-widget-wrapper,
.jdgm-rev-widg-wrapper,
.jdgm-carousel-wrapper,
.jdgm-widget-actions-wrapper {
  background-color: #ffffff !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
}

.m6tb > nav,
.m6tb > nav:before,
.m6tb > nav::before,
.product-recommendations nav,
.product-recommendations nav:before,
.product-recommendations nav::before,
#shopify-section-recommendations nav,
#shopify-section-recommendations nav:before,
[id*="recommendations"] nav,
[id*="recommendations"] nav:before {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.m6tb > nav:before,
.m6tb > nav::before,
.product-recommendations nav:before,
.product-recommendations nav::before,
#shopify-section-recommendations nav:before,
[id*="recommendations"] nav:before,
#shopify-section-1786523683107d3217:before,
#shopify-section-1786523683107d3217:after,
[id*="1786523683107d3217"]:before,
[id*="1786523683107d3217"]:after,
.section-apps-wrapper:before,
.section-apps-wrapper:after,
.shopify-app-block:before,
.shopify-app-block:after,
.jdgm-widget-wrapper:before,
.jdgm-widget-wrapper:after,
.jdgm-rev-widg-wrapper:before,
.jdgm-rev-widg-wrapper:after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* --- Customer Reviews Inner Dark Green Card --- */
#shopify-block-judge_me_reviews_review_widget_cA7BA7,
.jdgm-rev-widg,
.jdgm-widget.jdgm-widget,
[class*="jdgm-rev-widg"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  background-color: #103E2D !important;
  background: #103E2D !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
  padding-left: max(4%, 32px) !important;
  padding-right: max(4%, 32px) !important;
  overflow: visible !important;
}

@media only screen and (max-width: 768px) {
  #shopify-block-judge_me_reviews_review_widget_cA7BA7,
  .jdgm-rev-widg {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 36px !important;
    padding-bottom: 36px !important;
    border-radius: 12px !important;
  }
}

/* All text inside Review Section (excluding review modals/forms): White */
.jdgm-rev-widg,
.jm-review-widget,
[class*="jm-review-widget"],
[class*="jdgm-rev-widg"],
#shopify-block-judge_me_reviews_review_widget_cA7BA7 {
  color: #FFFFFF !important;
}

.jdgm-rev-widg:not(.jdgm-write-review-modal):not([class*="modal"]) *:not(button):not(a[class*="btn"]):not([class*="star"]):not(input):not(textarea):not(select),
.jm-review-widget:not(.jdgm-write-review-modal):not([class*="modal"]) *:not(button):not(a[class*="btn"]):not([class*="star"]):not(input):not(textarea):not(select),
[class*="jm-review-widget"] *:not(button):not(a[class*="btn"]):not([class*="star"]):not(input):not(textarea):not(select),
[class*="jdgm-rev-widg"] *:not(button):not(a[class*="btn"]):not([class*="star"]):not(input):not(textarea):not(select),
#shopify-block-judge_me_reviews_review_widget_cA7BA7 *:not(button):not(a[class*="btn"]):not([class*="star"]):not(input):not(textarea):not(select),
p.jm-text,
.jm-text,
[class*="jm-text"],
.jm-text--subdued,
.jm-text--body,
.jm-text--bold,
.jm-text--title,
.jm-review-card__header,
.jm-review-card__author,
.jm-review-card__title,
.jm-review-card__body,
.jm-review-card__content,
.jm-review-widget-minimal-header__title,
[class*="jm-review-widget-minimal-header__title"],
.jdgm-rev-widg__title,
.jdgm-rev-widg__summary,
.jdgm-rev-widg__summary-text,
.jdgm-rev-widg__summary-text span,
.jdgm-rev__author-wrapper,
.jdgm-rev__author,
.jdgm-rev__buyer-badge,
.jdgm-rev__timestamp,
.jdgm-rev__title,
.jdgm-rev__body,
.jdgm-rev__body p,
.jdgm-rev__content,
.jdgm-rev__reviews,
.jdgm-rev,
.jdgm-rev p,
.jdgm-rev span:not([class*="star"]):not([class*="modal"]):not([class*="form"]) {
  color: #FFFFFF !important;
}

.jm-text--subdued,
.jdgm-rev__timestamp,
[class*="timestamp"],
[class*="date"] {
  color: rgba(255, 255, 255, 0.75) !important;
}

.jm-avatar,
[class*="avatar"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Rating Stars: Bright Gold/Yellow */
.jdgm-star,
.jdgm-star.jdgm--on,
.jdgm-rev__rating .jdgm-star,
.jm-star-rating__font-icon,
[class*="jm-star"],
.jdgm-prev-badge__stars .jdgm-star,
.jdgm-rev-widg__summary-stars .jdgm-star {
  color: #FFB700 !important;
}

.jdgm-star:before,
.jdgm-star.jdgm--on:before,
.jm-star-rating__font-icon::before {
  content: "★" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #FFB700 !important;
  font-style: normal !important;
}

.jdgm-rev-widg .jdgm-star.jdgm--off:before,
.jdgm-rev-widg__summary-stars .jdgm-star.jdgm--off:before {
  content: "☆" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-style: normal !important;
}

.jdgm-write-review-modal .jdgm-star.jdgm--off:before,
.jdgm-write-review-modal__stars .jdgm-star.jdgm--off:before,
[class*="write-review-modal"] .jdgm-star.jdgm--off:before {
  content: "★" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #CBD5CD !important; /* Visible light sage gray on white modal */
  font-style: normal !important;
}

.icon-star:before {
  content: "★" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #FFB700 !important;
}

/* --- Review Section Header Buttons (Write a Review & Filter): Default White BG + Green Text, Hover Yellow BG + White Text --- */
.jdgm-write-rev-btn,
.jdgm-rev-widg__filter-btn,
.jm-write-review-btn,
.jm-filter-btn,
.jm-btn,
.jm-btn--write-review,
.jm-btn--filter,
[data-test-id="write-review-button"],
[data-test-id="filter-button"],
a[class*="write-rev"],
button[class*="write-rev"],
a[class*="filter-btn"],
button[class*="filter-btn"],
[class*="jm-btn"],
.jm-review-widget-minimal-header button,
.jm-review-widget-minimal-header a {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  line-height: 1 !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #103E2D !important;
  border: 1.5px solid #FFFFFF !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.jdgm-write-rev-btn *,
.jdgm-rev-widg__filter-btn *,
.jm-write-review-btn *,
.jm-filter-btn *,
.jm-btn * {
  color: #103E2D !important;
}

/* Hover State: Yellow Background, White Text, Sharp Corners, No Shadow */
.jdgm-write-rev-btn:hover,
.jdgm-rev-widg__filter-btn:hover,
.jm-write-review-btn:hover,
.jm-filter-btn:hover,
.jm-btn:hover,
.jm-btn--write-review:hover,
.jm-btn--filter:hover,
[data-test-id="write-review-button"]:hover,
[data-test-id="filter-button"]:hover,
a[class*="write-rev"]:hover,
button[class*="write-rev"]:hover,
a[class*="filter-btn"]:hover,
button[class*="filter-btn"]:hover,
[class*="jm-btn"]:hover,
.jm-review-widget-minimal-header button:hover,
.jm-review-widget-minimal-header a:hover {
  background-color: #FFB700 !important;
  background: #FFB700 !important;
  border-color: #FFB700 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.jdgm-write-rev-btn:hover *,
.jdgm-rev-widg__filter-btn:hover *,
.jm-write-review-btn:hover *,
.jm-filter-btn:hover *,
.jm-btn:hover * {
  color: #FFFFFF !important;
}

/* Ensure Judge.me Write Review Popup Modal is full height overlay */
.jdgm-write-review-modal,
.jdgm-review-widget-modal {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.jdgm-write-review-modal__content,
.jdgm-write-review-modal .jdgm-write-review-modal__content,
[class*="write-review-modal__content"] {
  max-height: 92vh !important;
  overflow-y: auto !important;
}

.jdgm-write-review-modal img,
[class*="write-review-modal"] img {
  max-height: 130px !important;
  width: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* --- Transform Write Review Modal linear rating lines into Stars --- */
html body .jdgm-write-review-modal__rating-wrapper,
html body [class*="write-review-modal__rating-wrapper"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 20px auto 28px !important;
  max-width: 480px !important;
  width: 100% !important;
}

html body .jdgm-write-review-modal__rating-label,
html body [class*="write-review-modal__rating-label"] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #163C24 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.2px !important;
}

html body .jdgm-write-review-modal__stars,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars,
html body [class*="write-review-modal__stars"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm-star,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star,
html body [class*="write-review-modal"] [class*="stars"] button,
html body [class*="write-review-modal"] [class*="stars"] .jdgm-star {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition: transform 0.15s ease !important;
  position: relative !important;
}

html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm-star::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star::before,
html body [class*="write-review-modal"] [class*="stars"] button::before,
html body [class*="write-review-modal"] [class*="stars"] .jdgm-star::before {
  content: "★" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 38px !important;
  line-height: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #D1D5DB !important; /* Unselected star subtle gray */
  text-indent: 0 !important;
  transition: color 0.15s ease, transform 0.15s ease !important;
}

html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm--on::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm--hover::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button:hover::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm-star.jdgm--on::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm-star.jdgm--hover::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button.jdgm-star:hover::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star.jdgm--on::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star.jdgm--hover::before,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star:hover::before,
html body [class*="write-review-modal"] [class*="stars"] button.jdgm--on::before,
html body [class*="write-review-modal"] [class*="stars"] button.jdgm--hover::before,
html body [class*="write-review-modal"] [class*="stars"] button:hover::before,
html body [class*="write-review-modal"] [class*="stars"] .jdgm-star.jdgm--on::before,
html body [class*="write-review-modal"] [class*="stars"] .jdgm-star.jdgm--hover::before,
html body [class*="write-review-modal"] [class*="stars"] .jdgm-star:hover::before {
  color: #FFB700 !important; /* Bright gold filled star */
}

html body .jdgm-write-review-modal .jdgm-write-review-modal__stars button:hover,
html body .jdgm-write-review-modal .jdgm-write-review-modal__stars .jdgm-star:hover {
  transform: scale(1.2) !important;
}

/* Add SVG Filter Icon to Filter Button: Default Green, Hover White */
.jdgm-rev-widg__filter-btn::before,
.jm-filter-btn::before,
.jm-btn--filter::before,
[data-test-id="filter-button"]::before,
a[class*="filter-btn"]::before,
button[class*="filter-btn"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23103E2D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.jdgm-rev-widg__filter-btn:hover::before,
.jm-filter-btn:hover::before,
.jm-btn--filter:hover::before,
[data-test-id="filter-button"]:hover::before,
a[class*="filter-btn"]:hover::before,
button[class*="filter-btn"]:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E") !important;
}

/* --- Review Filter Options Dropdown & Pills Styling --- */
.jdgm-rev-widg__filter-expand,
.jm-filter-options-wrapper,
[class*="filter-options"],
[class*="filter-dropdown"],
.jdgm-sort-dropdown-wrapper {
  background-color: #0A2B1F !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  margin-top: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

.jdgm-rev-widg__filter-btn-val,
.jdgm-sort-dropdown,
.jm-filter-option,
.jdgm-filter-option,
[class*="filter-tag"],
[class*="filter-pill"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 20px !important;
  padding: 8px 18px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.jdgm-rev-widg__filter-btn-val.jdgm--active,
.jm-filter-option.active,
.jdgm-filter-option.jdgm--active,
[class*="filter-tag"].active {
  background-color: #FFFFFF !important;
  color: #103E2D !important;
  border-color: #FFFFFF !important;
}

.jdgm-rev-widg__filter-btn-val.jdgm--active,
.jm-filter-option.active,
.jdgm-filter-option.jdgm--active,
[class*="filter-tag"].active {
  background-color: #103E2D !important;
  color: #FFFFFF !important;
  border-color: #103E2D !important;
}

/* --- Hide Extra White Button in Review Header --- */
.jdgm-rev-widg__sort-btn,
.jdgm-sort-btn,
.jdgm-search-btn,
.jm-sort-btn,
.jm-search-btn,
.jdgm-rev-widg__header-btn--sort,
.jdgm-rev-widg__header-btn--search,
[class*="sort-btn"],
[class*="search-btn"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

/* --- Product Card Buttons ("View options" / Quick Add / Recently Viewed) --- */
.link-btn a.overlay-tertiary,
#root .link-btn a.overlay-tertiary,
button.overlay-tertiary,
a.overlay-tertiary,
.overlay-tertiary,
.l4cl .link-btn a,
.l4cl p.submit button,
.recently-viewed .link-btn a,
p.link-btn a {
  background-color: #103E2D !important;
  color: #FFFFFF !important;
  border-color: #103E2D !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 6px rgba(16, 62, 45, 0.12) !important;
}

.link-btn a.overlay-tertiary:before,
#root .link-btn a.overlay-tertiary:before,
button.overlay-tertiary:before,
a.overlay-tertiary:before,
.overlay-tertiary:before,
.l4cl .link-btn a:before,
.l4cl p.submit button:before,
.recently-viewed .link-btn a:before,
p.link-btn a:before {
  background: #103E2D !important;
  background-color: #103E2D !important;
  border-color: #103E2D !important;
  border-radius: 0 !important;
}

.link-btn a.overlay-tertiary:hover,
#root .link-btn a.overlay-tertiary:hover,
button.overlay-tertiary:hover,
a.overlay-tertiary:hover,
.overlay-tertiary:hover,
.l4cl .link-btn a:hover,
.l4cl p.submit button:hover,
.recently-viewed .link-btn a:hover,
p.link-btn a:hover {
  background-color: #0A2B1F !important;
  color: #FFFFFF !important;
  border-color: #0A2B1F !important;
  box-shadow: 0 4px 12px rgba(16, 62, 45, 0.2) !important;
}

.link-btn a.overlay-tertiary:hover:before,
#root .link-btn a.overlay-tertiary:hover:before,
button.overlay-tertiary:hover:before,
a.overlay-tertiary:hover:before,
.overlay-tertiary:hover:before,
.l4cl .link-btn a:hover:before,
.l4cl p.submit button:hover:before,
.recently-viewed .link-btn a:hover:before,
p.link-btn a:hover:before {
  background: #0A2B1F !important;
  background-color: #0A2B1F !important;
  border-color: #0A2B1F !important;
}

.link-btn a.overlay-tertiary *,
button.overlay-tertiary *,
a.overlay-tertiary *,
.overlay-tertiary * {
  color: #FFFFFF !important;
}

/* 1. Remove floating button on product image */
.l4cl figure .link-btn,
.l4cl figure form,
.l4cl figure a.overlay-tertiary,
.l4cl figure button.overlay-tertiary,
.custom-card-top .link-btn {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2. Remove yellow border and yellow background from button container */
.l4cl .link-btn,
.l4cl form,
.l4cl .link-btn.sticky,
.l4cl form.sticky,
.l4cl footer,
.link-btn.sticky,
form.sticky,
.recently-viewed .link-btn,
.recently-viewed form {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.l4cl .link-btn.sticky:before,
.l4cl form.sticky:before,
.l4cl .link-btn.sticky:after,
.l4cl form.sticky:after,
.l4cl .link-btn:before,
.l4cl .link-btn:after,
.l4cl form:before,
.l4cl form:after,
.link-btn.sticky:before,
.link-btn.sticky:after,
form.sticky:before,
form.sticky:after {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* --- Left & Right Spacing for Recently Viewed Products Section --- */
#shopify-section-recently-viewed-products,
[id*="recently-viewed"],
[id*="recommendations"],
.shopify-section-recently-viewed-products {
  padding-left: max(4%, 32px) !important;
  padding-right: max(4%, 32px) !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media only screen and (max-width: 768px) {
  #shopify-section-recently-viewed-products,
  [id*="recently-viewed"],
  [id*="recommendations"],
  .shopify-section-recently-viewed-products {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* --- Breadcrumbs Spacing: Increased Top Space & Reduced Bottom Space --- */
.n6br,
#content > .n6br:first-child,
#content > .shopify-section:first-child > .n6br,
#content > [id*="shopify-section"]:first-child > .n6br:first-child,
#root .n6br,
nav.n6br,
[class*="breadcrumb"] {
  margin-top: 32px !important;
  margin-bottom: 4px !important;
  padding-top: 16px !important;
  padding-bottom: 0px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  top: 0 !important;
  line-height: 1.4 !important;
  overflow: visible !important;
}

.n6br ol,
.n6br ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.n6br li {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 12px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #103E2D !important;
  position: relative !important;
}

.n6br li a,
.n6br a {
  color: #103E2D !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}

.n6br li a:hover {
  text-decoration: underline !important;
  color: #0A2B1F !important;
}

.n6br li:before {
  opacity: 0.6 !important;
  color: #103E2D !important;
}

/* --- Convert Judge.me 5-Segment Rating Scale into 5 Interactive Stars --- */
.jm-rating-scale,
[class*="rating-scale"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 18px auto 10px !important;
  min-height: 48px !important;
  position: relative !important;
}

/* Transform each segment / bar into a star icon container */
.jm-rating-scale__item,
.jm-rating-scale-item,
.jm-rating-scale__segment,
.jm-rating-scale__bar,
.jm-rating-scale [role="radio"],
.jm-rating-scale button,
[class*="rating-scale"] [role="radio"],
[class*="rating-scale"] button,
[class*="rating-scale"] [class*="segment"],
[class*="rating-scale"] [class*="bar"],
[class*="rating-scale"] [class*="item"] {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: visible !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transition: transform 0.15s ease !important;
}

/* Render Star Glyph ★ */
.jm-rating-scale__item::before,
.jm-rating-scale-item::before,
.jm-rating-scale__segment::before,
.jm-rating-scale__bar::before,
.jm-rating-scale [role="radio"]::before,
.jm-rating-scale button::before,
[class*="rating-scale"] [role="radio"]::before,
[class*="rating-scale"] button::before,
[class*="rating-scale"] [class*="segment"]::before,
[class*="rating-scale"] [class*="bar"]::before,
[class*="rating-scale"] [class*="item"]::before {
  content: "★" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 34px !important;
  line-height: 1 !important;
  color: #D1D5DB !important; /* Inactive star color */
  transition: color 0.15s ease, transform 0.15s ease !important;
  display: block !important;
  text-align: center !important;
}

/* Active & Selected Stars (Gold) */
.jm-rating-scale__item[aria-checked="true"]::before,
.jm-rating-scale__item.active::before,
.jm-rating-scale__item.selected::before,
.jm-rating-scale__segment[aria-checked="true"]::before,
.jm-rating-scale__segment.active::before,
.jm-rating-scale [role="radio"][aria-checked="true"]::before,
.jm-rating-scale [role="radio"].active::before,
[class*="rating-scale"] [aria-checked="true"]::before,
[class*="rating-scale"] [data-active="true"]::before,
[class*="rating-scale"] [class*="active"]::before,
[class*="rating-scale"] [class*="selected"]::before,
[class*="rating-scale"] [class*="filled"]::before {
  color: #FFB700 !important;
  transform: scale(1.12) !important;
}

/* Hover effect on stars */
.jm-rating-scale__item:hover::before,
.jm-rating-scale__segment:hover::before,
.jm-rating-scale [role="radio"]:hover::before,
.jm-rating-scale button:hover::before,
[class*="rating-scale"] button:hover::before,
[class*="rating-scale"] [role="radio"]:hover::before,
[class*="rating-scale"] [class*="item"]:hover::before,
[class*="rating-scale"] [class*="segment"]:hover::before {
  color: #FFB700 !important;
  transform: scale(1.2) !important;
}

/* Poor / Great Labels styling */
.jm-rating-scale__label,
.jm-rating-scale-label,
[class*="rating-scale-label"],
[class*="rating-scale"] ~ [class*="label"],
[class*="rating-scale"] > span {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #103E2D !important;
}

/* Hide wishlist buttons on collection cards and home best sellers */
.custom-wishlist-btn,
button.custom-wishlist-btn,
[data-wishlist-btn] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Critical Header & Drawer Reset to Prevent Initial Load FOUC / Giant Icons */
.site-header .header-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.site-header svg,
.site-header svg.icon,
.site-header svg.icon-profile,
.site-header svg.icon-search,
.site-header svg.icon-cart,
.site-header svg.icon-hamburger,
.site-header svg.icon-close,
.header-actions svg,
.header-actions svg.icon {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.desktop-navigation .desktop-menu-list {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mobile-drawer:not(.active),
#mobile-nav-drawer:not(.active) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
  transform: translateX(-100%) !important;
}

/* Disable Contlo Marketing Popups & Overlays */
[id*="contlo_root_"],
[id^="contlo_"],
.contlo-desktop-center,
.contlo-mobile-center,
.contlo-message-block,
.contlo_embedded_iframe,
iframe[id*="contlo"],
div[class*="contlo-"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

/* Hero Section Width Match Home Hero (1360px Max Width with 60px Inset) */
.our-story-hero-section,
.plant-clinic-hero-section {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
  .our-story-hero-section,
  .plant-clinic-hero-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}