/** Shopify CDN: Minification failed

Line 1316:33 Unexpected "/"

**/


:root,
.color-scheme-1 {
    --color-background: 255,255,255;
    --gradient-background: #ffffff;
    --color-foreground: 18,18,18;
    --color-primary: 111,98,84;
    --color-sale-badge: 111,98,84;
    --color-innerHighlight: 233,231,229;
    --color-columnHighlight: 169,161,152;
    --color-highliter: #6f6254;
    --color-background-contrast: 191,191,191;
    --color-shadow: 204,77,15;
    --color-button: 111,98,84;
    --color-button-text: 255,255,255;
    --color-secondary-button: 255,255,255;
    --color-secondary-button-text: 111,98,84;
    --color-link: 111,98,84;
    --color-badge-foreground: 18,18,18;
    --color-badge-background: 255,255,255;
    --color-badge-border: 18,18,18;
    --payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-2 {
    --color-background: 111,98,84;
    --gradient-background: #6f6254;
    --color-foreground: 255,255,255;
    --color-primary: 154,78,52;
    --color-sale-badge: 154,78,52;
    --color-innerHighlight: 154,145,135;
    --color-highliter: #cc4d0f;
    --color-background-contrast: 59,30,20;
    --color-shadow: 12,48,48;
    --color-button: 247,243,237;
    --color-button-text: 12,48,48;
    --color-secondary-button: 111,98,84;
    --color-secondary-button-text: 12,48,48;
    --color-link: 12,48,48;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 154,78,52;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(111,98,84);
}
.color-scheme-3 {
    --color-background: 230,225,220;
    --gradient-background: #e6e1dc;
    --color-foreground: 12,48,48;
    --color-primary: 111,98,84;
    --color-sale-badge: 167,22,22;
    --color-innerHighlight: 243,240,238;
    --color-highliter: #ffffff;
    --color-background-contrast: 195,153,123;
    --color-shadow: 18,18,18;
    --color-button: 111,98,84;
    --color-button-text: 255,255,255;
    --color-secondary-button: 230,225,220;
    --color-secondary-button-text: 12,48,48;
    --color-link: 12,48,48;
    --color-badge-foreground: 12,48,48;
    --color-badge-background: 230,225,220;
    --color-badge-border: 12,48,48;
    --payment-terms-background-color: rgb(230,225,220);
}
/* scheme-4: Dark scheme - apply primary to interactive elements */
.color-scheme-4 {
    --color-background: 18,18,18;
    --gradient-background: #121212;
    --color-foreground: 255,255,255;
    --color-primary: 111,98,84;
    --color-sale-badge: 111,98,84;
    --color-innerHighlight: 154,145,135;
    --color-highliter: #6f6254;
    --color-background-contrast: 51,51,51;
    --color-shadow: 18,18,18;
    --color-button: 111,98,84;
    --color-button-text: 255,255,255;
    --color-secondary-button: 18,18,18;
    --color-secondary-button-text: 111,98,84;
    --color-link: 111,98,84;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 18,18,18;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(18,18,18);
}
/* scheme-5: Accent/announcement bar scheme - use tertiary as background */
.color-scheme-5 {
    --color-background: 230,225,220;
    --gradient-background: #e6e1dc;
    --color-foreground: 18,18,18;
    --color-primary: 111,98,84;
    --color-sale-badge: 111,98,84;
    --color-innerHighlight: 230,225,220;
    --color-highliter: #6f6254;
    --color-background-contrast: 195,153,123;
    --color-shadow: 18,18,18;
    --color-button: 111,98,84;
    --color-button-text: 255,255,255;
    --color-secondary-button: 230,225,220;
    --color-secondary-button-text: 111,98,84;
    --color-link: 111,98,84;
    --color-badge-foreground: 12,48,48;
    --color-badge-background: 230,225,220;
    --color-badge-border: 12,48,48;
    --payment-terms-background-color: rgb(230,225,220);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
    color: rgba(var(--color-foreground));
    background-color: rgb(var(--color-background));
}
:root {
    --font-body-family: 'Inter', sans-serif;
    --font-heading-family: 'Inter', sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-body-scale: 1.0;
    --font-heading-scale: 1.3;
    --font-body-letter-spacing: -0.8;
    --font-heading-letter-spacing: -2.5;
    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 0px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 0px;
    --media-shadow-vertical-offset: 4px;
    --media-shadow-blur-radius: 5px;
    --media-shadow-visible: 0;
    --page-width: 120rem;
    --page-width-margin: 0rem;
    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 0.0rem;
    --product-card-text-alignment: left;
    --product-card-border-width: 0.0rem;
    --product-card-border-opacity: 0.1;
    --product-card-shadow-opacity: 0.0;
    --product-card-shadow-visible: 0;
    --product-card-shadow-horizontal-offset: 0.0rem;
    --product-card-shadow-vertical-offset: 0.4rem;
    --product-card-shadow-blur-radius: 0.5rem;
    --collection-card-image-padding: 0.0rem;
    --collection-card-corner-radius: 0.0rem;
    --collection-card-text-alignment: left;
    --collection-card-border-width: 0.0rem;
    --collection-card-border-opacity: 0.1;
    --collection-card-shadow-opacity: 0.0;
    --collection-card-shadow-visible: 0;
    --collection-card-shadow-horizontal-offset: 0.0rem;
    --collection-card-shadow-vertical-offset: 0.4rem;
    --collection-card-shadow-blur-radius: 0.5rem;
    --blog-card-image-padding: 0.0rem;
    --blog-card-corner-radius: 0.0rem;
    --blog-card-text-alignment: left;
    --blog-card-border-width: 0.0rem;
    --blog-card-border-opacity: 0.1;
    --blog-card-shadow-opacity: 0.0;
    --blog-card-shadow-visible: 0;
    --blog-card-shadow-horizontal-offset: 0.0rem;
    --blog-card-shadow-vertical-offset: 0.4rem;
    --blog-card-shadow-blur-radius: 0.5rem;
    --badge-corner-radius: 4.0rem;
    --popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 0px;
    --popup-shadow-opacity: 0.05;
    --popup-shadow-horizontal-offset: 0px;
    --popup-shadow-vertical-offset: 4px;
    --popup-shadow-blur-radius: 5px;
    --drawer-border-width: 1px;
    --drawer-border-opacity: 0.1;
    --drawer-shadow-opacity: 0.0;
    --drawer-shadow-horizontal-offset: 0px;
    --drawer-shadow-vertical-offset: 4px;
    --drawer-shadow-blur-radius: 5px;
    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;
    --grid-desktop-vertical-spacing: 8px;
    --grid-desktop-horizontal-spacing: 8px;
    --grid-mobile-vertical-spacing: 4px;
    --grid-mobile-horizontal-spacing: 4px;
    --text-boxes-border-opacity: 0.1;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 0px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-visible: 0;
    --text-boxes-shadow-horizontal-offset: 0px;
    --text-boxes-shadow-vertical-offset: 4px;
    --text-boxes-shadow-blur-radius: 5px;
    --buttons-radius: 34px;
    --buttons-radius-outset: 35px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-visible: 0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 4px;
    --buttons-shadow-blur-radius: 5px;
    --inputs-radius: 0px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 0.55;
    --inputs-shadow-opacity: 0.0;
    --inputs-shadow-horizontal-offset: 0px;
    --inputs-margin-offset: 0px;
    --inputs-shadow-vertical-offset: 4px;
    --inputs-shadow-blur-radius: 5px;
    --inputs-radius-outset: 0px;
    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 4px;
    --variant-pills-shadow-blur-radius: 5px;
    --buttons-border-offset: 0.3px;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
html {
    box-sizing: border-box;
    font-size: calc(var(--font-body-scale) * 62.5%);
    height: 100%;
}
body,
.body,
p,
span,
li,
a,
input,
textarea,
button,
select {
    font-family: var(--font-body-family);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading,
.title {
    font-family: var(--font-heading-family);
}

/* ========================================
   ACTIVE SECTION OVERRIDES (Essential rules only)
   ======================================== */

/* Statistics/Clinical section - white background matching preview */
.pdp-statistics__column_mainwrapper,
[data-section-type="pdp-statistics-column"] {
    background-color: rgb(var(--color-background)) !important;
    background: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* ========================================
   COMPREHENSIVE COLOR OVERRIDES - TEMPORARILY DISABLED
   These rules were corrupting the preview design.
   Uncomment if needed in the future.
   ======================================== */

/*
/* Buttons - primary action buttons */
.button--primary,
.shopify-payment-button__button,
.product-form__submit,
button.product-form__submit,
.btn--primary,
.btn-primary {
    background-color: rgb(var(--color-button)) !important;
    background: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;
    border-color: rgb(var(--color-button)) !important;
}

/* Secondary buttons */
.button--secondary,
.btn--secondary,
.btn-secondary {
    background-color: rgb(var(--color-secondary-button)) !important;
    color: rgb(var(--color-secondary-button-text)) !important;
    border-color: rgb(var(--color-secondary-button-text)) !important;
}

/* Icon CONTAINERS - set color for currentColor inheritance */
.pdp_BulletsList_-icon,
.icon-with-text,
.icon-with-text__item,
.icon_text_cls,
.icon_text_cls li,
.icon_text_cls_guarantee,
.icon_text_cls_guarantee li,
.guarantee-badges-container,
.guarantee-item,
.guarantee-custom-icon,
.product_labels_ii,
.product_labels_ii_item,
.product_labels_main,
.svg-wrapper,
.pdp-benefits,
.new-favorite-sec,
.new-favorite-sec__item {
    color: rgb(var(--color-primary)) !important;
}

/* ALL SVG icons - force primary color on fill/stroke */
.pdp_BulletsList_-icon svg,
.pdp_BulletsList_-icon svg path,
.pdp_BulletsList_-icon svg circle,
.pdp_BulletsList_-icon svg rect,
.icon-with-text svg,
.icon-with-text svg path,
.icon-with-text__item svg,
.icon-with-text__item svg path,
.icon_text_cls svg,
.icon_text_cls svg path,
.icon_text_cls_guarantee svg,
.icon_text_cls_guarantee svg path,
.guarantee-badges-container svg,
.guarantee-badges-container svg path,
.guarantee-item svg,
.guarantee-item svg path,
.guarantee-custom-icon svg,
.guarantee-custom-icon svg path,
.product_labels_ii svg,
.product_labels_ii svg path,
.product_labels_main svg,
.product_labels_main svg path,
.svg-wrapper svg:not(.icon-facebook):not(.icon-instagram):not(.icon-youtube):not(.icon-tiktok):not(.icon-twitter):not(.icon-pinterest):not(.icon-snapchat):not(.icon-tumblr):not(.icon-vimeo),
.svg-wrapper svg:not(.icon-facebook):not(.icon-instagram):not(.icon-youtube):not(.icon-tiktok):not(.icon-twitter):not(.icon-pinterest):not(.icon-snapchat):not(.icon-tumblr):not(.icon-vimeo) path,
.pdp-benefits svg,
.pdp-benefits svg path,
.new-favorite-sec svg,
.new-favorite-sec svg path,
.custom-tag svg,
.custom-tag svg path,
svg.icon-check-mark,
svg.icon-check-mark path,
svg.icon-bubble-check,
svg.icon-bubble-check path,
svg.icon-accordion,
svg.icon-accordion path,
svg[class*="icon-"]:not(.icon--full-color),
svg[class*="icon-"]:not(.icon--full-color) path {
    fill: rgb(var(--color-primary)) !important;
    stroke: rgb(var(--color-primary)) !important;
    color: rgb(var(--color-primary)) !important;
}

/* Social icons in footer - always black (higher specificity to override above) */
/* The SVGs use fill="currentColor", so we need to set color on parents */
.list-social,
.list-social__item,
.list-social__link,
.list-social .svg-wrapper,
.footer .list-social,
.footer .list-social__item,
.footer .list-social__link,
.footer-social-bottom,
.footer-social-bottom .list-social {
    color: #000000 !important;
}
.list-social svg,
.list-social svg *,
.list-social svg path,
.list-social svg.icon,
.list-social svg.icon path,
.list-social .svg-wrapper svg,
.list-social .svg-wrapper svg path,
.footer .list-social svg,
.footer .list-social svg *,
.footer-social-bottom svg,
.footer-social-bottom svg * {
    fill: #000000 !important;
    stroke: none !important;
    color: #000000 !important;
}

/* Override hardcoded fill opacity on SVGs */
.pdp_BulletsList_-icon svg path[fill-opacity],
.icon-with-text svg path[fill-opacity],
.icon_text_cls svg path[fill-opacity],
svg path[fill-opacity] {
    fill: rgb(var(--color-primary)) !important;
    fill-opacity: 1 !important;
}

/* Override specific hardcoded hex colors in SVGs */
svg path[fill="#757575"],
svg path[fill="#0C3030"],
svg path[fill="#202329"],
svg path[fill="#121212"] {
    fill: rgb(var(--color-primary)) !important;
}

/* SVG icons that should keep white fill (checkmark inside) */
.pdp_BulletsList_-icon svg path[fill="white"],
.pdp_BulletsList_-icon svg path[fill="#fff"],
.pdp_BulletsList_-icon svg path[fill="#ffffff"],
.icon-bubble-check path[fill="white"],
.icon-bubble-check path[fill="#fff"],
svg path[fill="white"],
svg path[fill="#fff"],
svg path[fill="#ffffff"],
svg path[fill="none"] {
    fill: white !important;
}
/* Deliberately excludes fill="none" paths, which are stroke-drawn outlines that would vanish. */
svg path[fill="white"],
svg path[fill="#fff"],
svg path[fill="#ffffff"] {
    stroke: none !important;
}
/* Keep none fills as none */
svg path[fill="none"] {
    fill: none !important;
}
/* Opacity paths in bubble-check icons */
svg path[opacity],
svg path[opacity=".2"],
.icon-bubble-check path[opacity] {
    fill: rgb(var(--color-primary)) !important;
    opacity: 0.2 !important;
}

/* Product custom tags - TEMPORARILY DISABLED (corrupts preview design)
.product-custom-tag,
.custom-tag-badge,
.custom-tag {
    background-color: rgb(var(--color-primary)) !important;
}
.product-custom-tag svg,
.product-custom-tag svg *,
.custom-tag svg,
.custom-tag svg *,
.custom-tag > span:first-child svg,
.custom-tag > span:first-child svg *,
.custom-tag > div:first-child svg,
.custom-tag > div:first-child svg * {
    fill: white !important;
    stroke: white !important;
}
.product-custom-tag-text,
.custom-tag-text,
.custom-tag p,
.custom-tag span.product-custom-tag-text,
.custom-tag > p.product-custom-tag-text,
span.product-custom-tag-text,
p.product-custom-tag-text {
    color: #fff !important;
}
*/

/* Button text/background color enforcement */
.button--primary,
.button--primary:hover {
    background-color: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;
}
.button--secondary,
.button--secondary:hover {
    color: rgb(var(--color-secondary-button-text)) !important;
}
.not_faq_mgtxt .mgtxt__buttons a {
    color: rgb(var(--color-secondary-button-text)) !important;
    border-color: rgb(var(--color-secondary-button-text)) !important;
}
.not_faq_mgtxt .mgtxt__buttons a svg,
.not_faq_mgtxt .mgtxt__buttons a svg path {
    fill: rgb(var(--color-secondary-button-text)) !important;
    color: rgb(var(--color-secondary-button-text)) !important;
}
.not_faq_mgtxt .mgtxt__buttons a:hover {
    background: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;
    border-color: rgb(var(--color-button)) !important;
}
.not_faq_mgtxt .mgtxt__buttons a:hover svg,
.not_faq_mgtxt .mgtxt__buttons a:hover svg path {
    fill: rgb(var(--color-button-text)) !important;
    color: rgb(var(--color-button-text)) !important;
}

/* Color schemes - backgrounds */
.color-scheme-2,
.color-scheme-2.gradient,
section.color-scheme-2,
div.color-scheme-2 {
    background-color: rgb(var(--color-background)) !important;
    background: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}
.color-scheme-3,
.color-scheme-3.gradient,
section.color-scheme-3,
div.color-scheme-3 {
    background-color: rgb(var(--color-background)) !important;
    background: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* Announcement bar - use color scheme foreground (matches Shopify export) */
.announcement-bar-section,
.announcement-bar,
.utility-bar {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}
.announcement-bar-section *,
.announcement-bar *,
.utility-bar *,
.announcement-bar__message,
.announcement-bar__announcement,
.announcement-bar a,
.announcement-bar span,
.announcement-bar p,
.announcement-bar div {
    color: rgb(var(--color-foreground)) !important;
}
/* Announcement bar SVG icons (< > carets) - ALL WHITE */
.announcement-bar svg,
.announcement-bar .svg-wrapper,
.announcement-bar .svg-wrapper svg,
.announcement-bar .icon-caret,
.announcement-bar-section svg,
.announcement-bar-section .svg-wrapper,
.announcement-bar-section .svg-wrapper svg,
.announcement-bar-section .icon-caret,
.utility-bar svg,
.utility-bar .svg-wrapper,
.utility-bar .svg-wrapper svg,
.utility-bar .icon-caret,
.announcement-bar-slider svg,
.announcement-bar-slider .svg-wrapper,
.announcement-bar-slider .svg-wrapper svg,
.announcement-bar-utility svg,
.announcement-bar-utility .svg-wrapper,
.announcement-bar-utility .svg-wrapper svg,
.slider-button--prev svg,
.slider-button--prev .svg-wrapper,
.slider-button--prev .svg-wrapper svg,
.slider-button--next svg,
.slider-button--next .svg-wrapper,
.slider-button--next .svg-wrapper svg,
.announcement-bar .slider-button svg,
.announcement-bar .slider-button .svg-wrapper svg,
.announcement-bar-section .slider-button svg,
.announcement-bar-section .slider-button .svg-wrapper svg {
    fill: rgb(var(--color-foreground)) !important;
    stroke: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-foreground)) !important;
}
.announcement-bar svg path,
.announcement-bar-section svg path,
.announcement-bar-slider svg path,
.announcement-bar-utility svg path,
.slider-button--prev svg path,
.slider-button--next svg path,
.announcement-bar .slider-button svg path {
    fill: rgb(var(--color-foreground)) !important;
    stroke: rgb(var(--color-foreground)) !important;
}
/* Announcement bar SVGs - use foreground color from scheme */
[class*="announcement"] svg,
[class*="announcement"] svg *,
[class*="announcement"] .svg-wrapper,
[class*="announcement"] .svg-wrapper *,
[id*="announcement"] svg,
[id*="announcement"] svg *,
section[id*="announcement"] svg,
section[id*="announcement"] svg *,
section[id*="announcement"] .slider-button,
section[id*="announcement"] .slider-button svg,
section[id*="announcement"] .slider-button svg *,
section[id*="announcement"] button svg,
section[id*="announcement"] button svg * {
    fill: rgb(var(--color-foreground)) !important;
    stroke: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* Links and highlights - exclude header/nav links */
a:not([class]):not(header a):not(.header a):not(nav a),
.link:not(header .link):not(.header .link):not(nav .link),
.underlined-link:not(header .underlined-link):not(.header .underlined-link) {
    color: rgb(var(--color-link)) !important;
}

/* Header/nav links should use foreground color */
header a,
.header a,
header .link,
.header .link,
nav.header a,
.list-menu a,
.list-menu__item {
    color: rgb(var(--color-foreground)) !important;
}

/* Timeline and accent text */
.timeline__ct_content .header-section strong,
.highlight,
[data-highlight],
strong.highlight,
.header-section strong {
    color: var(--color-highliter) !important;
}

/* Sale badges */
.badge--sale,
.shop-save-price,
.price__badge-sale {
    background-color: rgb(var(--color-sale-badge)) !important;
    color: #fff !important;
}

/* Price styling */
.price-item--sale,
.price--on-sale .price-item--regular {
    color: rgb(var(--color-primary)) !important;
}

/* Rating stars */
.sr-stars svg:not(.half_star) path,
.review__componentStarsIcns svg path,
.review__componentStarsIcns_rt svg path {
    fill: rgb(var(--color-primary)) !important;
}
.sr-stars svg.half_star,
.sr-stars svg.half_star path.half_star_path {
    stroke: rgb(var(--color-primary)) !important;
    fill: rgb(var(--color-primary)) !important;
}
.sr-stars svg.empty_star path {
    fill: transparent !important;
    stroke: rgb(var(--color-primary)) !important;
}

/* Comparison table checkmarks (exclude pdp-comparison-table which uses foreground color) */
.comparison-table svg,
.comparison-table svg *,
table:not(.pdp_comparison_table_column_nt) svg,
table:not(.pdp_comparison_table_column_nt) svg * {
    fill: rgb(var(--color-primary)) !important;
    stroke: rgb(var(--color-primary)) !important;
}

/* FAQ accordion icons */
.accordion svg,
.accordion svg *,
.collapsible-trigger svg,
.collapsible-trigger svg * {
    stroke: rgb(var(--color-foreground)) !important;
}

/* Statistics/clinical results */
.pdp-statistics__number,
.stat-number,
.clinical-result__number {
    color: rgb(var(--color-primary)) !important;
}

/* Marquee/ticker text - should be white on dark backgrounds */
.marquee__content {
    color: rgb(var(--color-foreground)) !important;
}
/* Squeeze scroller (black banner) - text must be white */
.squeeze_scroller_para,
.squeeze_scroller_inner,
.squeeze_scroller_item {
    color: #ffffff !important;
}
.squeeze_scroller_main[style*="background-color: #000"],
.squeeze_scroller_main[style*="background-color:#000"],
.squeeze_scroller_main[style*="background-color: black"] {
    color: #ffffff !important;
}
.squeeze_scroller_main .squeeze_scroller_para {
    color: #ffffff !important;
}
.squeeze_scroller_image {
    width: 100px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.squeeze_scroller_image svg {
    filter: invert(1);
    width: 100%;
    height: 100%;
}

/* Footer social icons - must be black (currentColor inheritance) */
.footer .svg-wrapper,
.footer .list-social__link,
.footer__list-social,
.footer-social-bottom {
    color: #000000 !important;
}
.footer .svg-wrapper svg,
.footer .svg-wrapper svg *,
.footer .svg-wrapper svg path,
.list-social svg.icon,
.list-social svg.icon path,
.footer__list-social svg,
.footer__list-social svg * {
    fill: #000000 !important;
    stroke: none !important;
    color: #000000 !important;
}

/* ========================================
   SECTION-SPECIFIC OVERRIDES
   ======================================== */

/* Footer section - uses innerHighlight (lightened primary) for background */
.footer,
.footer.gradient,
.footer.color-scheme-1,
.footer.color-scheme-2,
.footer.color-scheme-3,
.footer.color-scheme-4,
.footer.color-scheme-5,
section.footer {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
    color: rgb(var(--color-foreground)) !important;
}
.footer .footer__content-bottom {
    background: rgb(var(--color-innerHighlight)) !important;
}

/* Image with text sections */
.image_with_text__wrapper,
.image_with_text__wrapper.gradient,
.image_with_text__wrapper.not_faq_mgtxt,
.image_with_text__wrapper.with_faq_mgtxt,
.shopall-img_with_txt,
[class*="shopall-"] {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
}

/* Footer background */
footer.footer,
footer.footer.gradient,
.footer.gradient,
.footer[class*="color-scheme-"] {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
}

/* Scrolling card / marquee sections */
.scrolling__card_marquee,
.scrolling__card_marquee.gradient,
.scrolling__card_container,
.scrolling__card_main,
.scrolling__card_content {
    background-color: rgb(var(--color-background)) !important;
}
.scrolling__card_item,
.scrolling__card_interior {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
}
.scrolling__card_heading,
.scrolling__heading,
.scrolling__heading span,
.scrolling__heading em,
.scrolling__heading strong {
    color: rgb(var(--color-primary)) !important;
}
/* Marquee reviewer initials avatar circle */
.marquee-initials {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.initials-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgb(var(--color-primary)), rgb(var(--color-primary))) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
}

/* All gradient sections should use background variables - EXCEPT sections with custom backgrounds */
.gradient:not(.image_with_text__wrapper):not(.img-with-txt):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper),
section.gradient:not(.image_with_text__wrapper):not(.img-with-txt):not(.footer):not(.pdp_comparison_table_mainwrapper),
div.gradient:not(.image_with_text__wrapper):not(.img-with-txt):not(.footer):not(.pdp_comparison_table_mainwrapper),
[class*="-padding"].gradient:not(.image_with_text__wrapper):not(.footer):not(.pdp_comparison_table_mainwrapper) {
    background: rgb(var(--color-background)) !important;
    background: var(--gradient-background) !important;
}

/* Color scheme specific gradient backgrounds - EXCEPT sections with custom backgrounds */
.color-scheme-1.gradient:not(.image_with_text__wrapper):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper) { background: var(--gradient-background) !important; }
.color-scheme-2.gradient:not(.image_with_text__wrapper):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper) { background: var(--gradient-background) !important; }
.color-scheme-3.gradient:not(.image_with_text__wrapper):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper) { background: var(--gradient-background) !important; }
.color-scheme-4.gradient:not(.image_with_text__wrapper):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper) { background: var(--gradient-background) !important; }
.color-scheme-5.gradient:not(.image_with_text__wrapper):not([class*="shopall-"]):not(.footer):not(.pdp_comparison_table_mainwrapper) { background: var(--gradient-background) !important; }

/* Section padding containers - EXCEPT footer */
[class*="section-"][class*="-padding"]:not(.footer),
[class*="section-"][class*="-padding"].gradient:not(.footer) {
    background-color: rgb(var(--color-background)) !important;
}

/* Timeline points */
.timeline__main__wrapper,
.timeline__main__wrapper.gradient,
.timline-[class*="section"] {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* PDP sections */
.pdp-benefits_mainwrapper,
.pdp-statistics__column_mainwrapper {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}
/* Comparison table - white background, column-1 provides the color accent */
.pdp_comparison_table_mainwrapper,
.pdp_comparison_table_mainwrapper.gradient,
.pdp_comparison_table_mainwrapper.gradient[class*="color-scheme-"] {
    background: rgb(var(--color-background)) !important;
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* Text and image sections */
.text-and-image,
.image-with-text,
.image-with-text__content,
.image-with-text__media {
    background-color: rgb(var(--color-background)) !important;
}

/* Video section */
.video-section,
.video-section__media {
    background-color: rgb(var(--color-background)) !important;
}

/* Related products */
.related-products {
    background-color: rgb(var(--color-background)) !important;
}

/* Slideshow section */
.slideshow,
.slideshow__text,
.banner__box {
    background-color: rgb(var(--color-background)) !important;
}

/* All sections with color-scheme should inherit properly */
[class*="color-scheme-"] {
    color: rgb(var(--color-foreground)) !important;
}

/* Header cart icon */
.header__icon svg,
.header__icon svg * {
    stroke: rgb(var(--color-foreground)) !important;
}

/* Ensure innerHighlight stays correct for bullet backgrounds */
.pdp_BulletsList_-item {
    background-color: rgb(var(--color-innerHighlight)) !important;
}

/* Quantity break / bundle boxes */
.quantity-break-option,
.qty-bk-wp .quantity-break-option {
    background-color: rgb(var(--color-innerHighlight)) !important;
    border-color: rgb(var(--color-button)) !important;
}
.quantity-break-save-badge {
    background-color: rgb(var(--color-sale-badge)) !important;
    color: rgb(var(--color-innerHighlight)) !important;
}

/* Product labels */
.product-label,
.productLabels__item {
    background-color: rgb(var(--color-innerHighlight)) !important;
}
.product-label-icon svg path,
.productLabels__item svg path {
    fill: rgb(var(--color-foreground)) !important;
}

/* Selling fast bar */
.selling-out-fast-icon svg,
.selling-out-fast-icon svg path {
    fill: rgb(var(--color-foreground)) !important;
}

/* Trustpilot widget satisfaction */
.review__componentSatisfaction {
    background-color: rgb(var(--color-innerHighlight)) !important;
}

/* Premium kit */
.premiumAttachment__wp {
    background-color: rgb(var(--color-innerHighlight)) !important;
}

/* Shipping info */
.free-shipping-notice-inner {
    background-color: var(--color-highliter) !important;
}

/* Upsell buttons */
.upsellProducts__grid__button {
    background-color: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;
}

/* Variant selector pills */
.product-form__input--pill input[type=radio]+label {
    color: rgb(var(--color-primary)) !important;
    background-color: rgb(var(--color-button-text)) !important;
}
.product-form__input--pill input[type=radio]:checked+label {
    color: rgb(var(--color-button-text)) !important;
    background-color: rgb(var(--color-button)) !important;
}

/* Price on sale */
.shop-product-price-block.on-sale,
.discounted__price {
    color: var(--color-highliter) !important;
}

/* Payment icons - DO NOT override - these have inline colors that must be preserved */
/* The exclusions in the SVG rules above (using :not(.icon--full-color)) handle this */

/* ========================================
   HOME PAGE SPECIFIC OVERRIDES
   ======================================== */

/* Heading highlights — em inside headings: primary color + italic */
h1:not(header h1):not(.header h1) em,
h2:not(header h2):not(.header h2) em,
h3:not(header h3):not(.header h3) em,
h4:not(header h4):not(.header h4) em,
.h1:not(header .h1):not(.header .h1) em,
.h2:not(header .h2):not(.header .h2) em,
.h3:not(header .h3):not(.header .h3) em,
.rich-text__text em,
.rich-text__heading em,
.scrolling__heading em,
.header-section:not(header):not(.header):not([data-section-type="header"]) em,
.timeline__ct_content em,
.image-with-text__heading em,
.pdp_comparison_table_heading em,
.pdp-benefits_header_heading em,
.pdp-statistics__column_heading em,
[data-section-type]:not([data-section-type="header"]) h2 em,
[data-section-type]:not([data-section-type="header"]) h3 em {
    color: var(--color-highliter, rgb(var(--color-primary))) !important;
    font-style: italic;
}

/* Heading highlights — span inside headings: primary color only (no italic) */
h1:not(header h1):not(.header h1) span,
h2:not(header h2):not(.header h2) span,
h3:not(header h3):not(.header h3) span,
h4:not(header h4):not(.header h4) span,
.h1:not(header .h1):not(.header .h1) span,
.h2:not(header .h2):not(.header .h2) span,
.h3:not(header .h3):not(.header .h3) span,
.rich-text__text span,
.rich-text__heading span,
.scrolling__heading span,
.header-section:not(header):not(.header):not([data-section-type="header"]) span,
.timeline__ct_content span,
.image-with-text__heading span,
.pdp_comparison_table_heading span,
.pdp-benefits_header_heading span,
.pdp-statistics__column_heading span,
[data-section-type]:not([data-section-type="header"]) h2 span,
[data-section-type]:not([data-section-type="header"]) h3 span {
    color: var(--color-highliter, rgb(var(--color-primary))) !important;
}

/* Strong/bold text in headings - use primary (exclude site header) */
h2:not(header h2):not(.header h2) strong,
h3:not(header h3):not(.header h3) strong,
.h2:not(header .h2):not(.header .h2) strong,
.h3:not(header .h3):not(.header .h3) strong,
.header-section:not(header):not(.header):not([data-section-type="header"]) strong,
.rte strong,
.rich-text__text strong {
    color: var(--color-highliter) !important;
}

/* Site header - brand name and cart should use foreground color */
header .header__heading-link,
header .header__heading-link span,
header .header__icon,
header .header__icon span,
header .header__icon--cart,
.header .header__heading-link,
.header .header__heading-link span,
.header .header__icon,
.header .header__icon span {
    color: rgb(var(--color-foreground)) !important;
}

/* Image with text section - text colors */
.image-with-text__text-item,
.image-with-text__text,
.image-with-text__content p,
.image-with-text__heading {
    color: rgb(var(--color-foreground)) !important;
}

/* Featured product section */
.featured-product,
.featured-product__content,
.featured-product__info {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

/* Video grid slider */
.video-gris-slider,
.video-gris-slider__content,
.video_grid_item {
    background-color: rgb(var(--color-background)) !important;
}

/* Rich text section */
.rich-text,
.rich-text__blocks,
.rich-text__text {
    color: rgb(var(--color-foreground)) !important;
}

/* Newsletter section */
.newsletter,
.newsletter-section,
.custom-newsletter,
.email-signup-section {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}
.newsletter .button,
.newsletter-section .button,
.custom-newsletter .button {
    background-color: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;
}

/* Header with marquee */
.header-with-marquee,
.marquee-header,
.header_with_marquee__mainWrapper {
    background-color: rgb(var(--color-background)) !important;
}
.header-with-marquee__heading,
.header_with_marquee_heading {
    color: rgb(var(--color-foreground)) !important;
}

/* Comparison table - "Why Choose Us" heading highlight */
/* Only target <hig> tag, not span/strong - span and strong should inherit text color */
.pdp_comparison_table_heading hig,
.comparison-table__heading hig {
    color: var(--color-highliter) !important;
}

/* Override theme's hardcoded gradient color on highlighted text to use theme primary */
.hgt___tag_heading,
.pdp_comparison_table_heading .hgt___tag_heading,
.pdp-benefits_header_heading .hgt___tag_heading,
.pdp-statistics__column_heading .hgt___tag_heading,
h2 .hgt___tag_heading,
h1 .hgt___tag_heading {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: var(--color-highliter) !important;
    color: var(--color-highliter) !important;
}

/* Comparison table - KILL the :before/:after pseudo-elements that create the white column overlay */
.pdp_comparison_table_column_nt .pdp_comparison_product_header.column-1::before,
.pdp_comparison_table_column_nt .pdp_comparison_product_header.column-1::after,
.pdp_comparison_table_column_nt .value-cell.column-1::before,
.pdp_comparison_table_column_nt .value-cell.column-1::after,
.pdp_comparison_table_mainwrapper .pdp_comparison_product_header.column-1::before,
.pdp_comparison_table_mainwrapper .pdp_comparison_product_header.column-1::after,
.pdp_comparison_table_mainwrapper .value-cell.column-1::before,
.pdp_comparison_table_mainwrapper .value-cell.column-1::after,
[data-section-type="pdp-comparison-table"] .pdp_comparison_product_header.column-1::before,
[data-section-type="pdp-comparison-table"] .pdp_comparison_product_header.column-1::after,
[data-section-type="pdp-comparison-table"] .value-cell.column-1::before,
[data-section-type="pdp-comparison-table"] .value-cell.column-1::after,
.pdp_comparison_table_column_nt td[data-column="1"]::before,
.pdp_comparison_table_column_nt td[data-column="1"]::after,
.pdp_comparison_table_column_nt th[data-column="1"]::before,
.pdp_comparison_table_column_nt th[data-column="1"]::after {
    display: none !important;
    content: none !important;
}
/* Comparison table - column-1 uses columnHighlight (40% lightened primary = visually distinct from section bg) */
.pdp_comparison_table_column_nt .pdp_comparison_product_header.column-1,
.pdp_comparison_table_column_nt .value-cell.column-1,
.pdp_comparison_table_column_nt td[data-column="1"],
.pdp_comparison_table_column_nt th[data-column="1"],
.pdp_comparison_table_mainwrapper .pdp_comparison_product_header.column-1,
.pdp_comparison_table_mainwrapper .value-cell.column-1,
[data-section-type="pdp-comparison-table"] .pdp_comparison_product_header.column-1,
[data-section-type="pdp-comparison-table"] .value-cell.column-1 {
    background: rgb(var(--color-columnHighlight)) !important;
    background-color: rgb(var(--color-columnHighlight)) !important;
}
/* Comparison table - rounded corners on first and last column-1 cells */
.pdp_comparison_table_column_nt .pdp_comparison_product_header.column-1 {
    border-radius: 8px 8px 0 0 !important;
}
.pdp_comparison_table_column_nt tbody tr:last-child .value-cell.column-1 {
    border-radius: 0 0 8px 8px !important;
}
/* Comparison table - icons: only set color (currentColor propagates to fill="currentColor" paths) */
[data-section-type="pdp-comparison-table"] .value__cell_content svg,
[data-section-type="pdp-comparison-table"] .feature-icon svg,
[data-section-type="pdp-comparison-table"] .pdp_comparison_product_subtitle-icon svg {
    color: rgb(var(--color-foreground)) !important;
}

/* Comparison table - Original badge */
.comparison-table .icon-check-badge,
.comparison-table .original-badge {
    background-color: rgb(var(--color-primary)) !important;
    color: white !important;
}

/* Statistics section */
.pdp-statistics,
.pdp-statistics__column,
.pdp_statistics__column_mainwrapper {
    background-color: rgb(var(--color-background)) !important;
}
.pdp-statistics__heading span,
.pdp-statistics__card__title {
    color: var(--color-highliter) !important;
}

/* FAQ section */
.faq-section,
.faq__main_wrapper,
.content_faq {
    background-color: rgb(var(--color-background)) !important;
}
.faq__heading,
.faq-title {
    color: rgb(var(--color-foreground)) !important;
}
.accordion-item,
.faq-item,
.collapsible-content {
    border-color: rgb(var(--color-background-contrast)) !important;
}

/* Image FAQ section */
.image-faq,
.image_faq_mainwrapper,
.image_faq__wrapper,
.with_faq_mgtxt.image_with_text__wrapper,
[data-section-type="image-faq"] {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
}
.image_faq_heading span,
.mgtxt__title span,
.with_faq_mgtxt .mgtxt__title span {
    color: rgb(var(--color-primary)) !important;
    font-style: italic;
}

/* Marquee / scrolling text */
.marquee-section,
.marquee__wrapper {
    background-color: rgb(18,18,18) !important;
    color: white !important;
}

/* Benefits section */
.pdp-benefits,
.pdp_benefits_mainwrapper,
.pdp-benefits_content {
    background-color: rgb(var(--color-background)) !important;
}
.pdp-benefits__heading span,
.pdp_benefits_heading span {
    color: var(--color-highliter) !important;
}
.pdp-benefits_content_item,
.pdp-benefits li {
    color: rgb(var(--color-foreground)) !important;
}

/* Timeline section */
.timeline-points,
.timeline__ct_content,
.timeline__main__wrapper {
    background-color: rgb(var(--color-background)) !important;
}
.timeline__ct_content strong,
.timeline__heading strong {
    color: var(--color-highliter) !important;
}
.timeline__point,
.timeline-dot {
    background-color: rgb(var(--color-primary)) !important;
}

/* Slideshow / hero banner */
.slideshow-section,
.banner,
.hero {
    background-color: rgb(var(--color-background)) !important;
}

/* Text with image sections (img-with-txt) - must override color-scheme gradient */
.img-with-txt,
.img-with-txt.gradient,
.img-with-txt.color-scheme-1,
.img-with-txt.color-scheme-1.gradient,
section.img-with-txt,
section.img-with-txt.gradient,
.img_with_txt_mainwrapper,
.img_with_txt_mainwrapper.gradient,
.shopall-img_with_txt,
.shopall-img_with_txt.gradient,
[class*="img-with-txt"][class*="gradient"],
[class*="img-with-txt"][class*="color-scheme"] {
    background-color: rgb(var(--color-innerHighlight)) !important;
    background: rgb(var(--color-innerHighlight)) !important;
}
.img-with-txt h2 span,
.img-with-txt .title span,
.shopall-img_with_txt h2 span {
    color: var(--color-highliter) !important;
}

/* Guarantee icons section */
.icon_text_cls,
.icon_text_cls_guarantee,
.guarantee-badges {
    background-color: transparent !important;
}
.icon_text_cls li,
.icon_text_cls_guarantee li,
.guarantee-item {
    color: rgb(var(--color-foreground)) !important;
}

/* ========================================
   SOCIAL ICONS - MUST BE BLACK (FINAL OVERRIDE)
   ======================================== */
/* These rules MUST come last to override all other icon rules */
ul.list-social,
ul.list-social li,
ul.list-social a,
ul.list-social .svg-wrapper,
.footer ul.list-social,
.footer-social-bottom,
.footer-social-bottom ul.list-social {
    color: #000000 !important;
}
ul.list-social svg.icon,
ul.list-social svg.icon path,
ul.list-social .svg-wrapper svg,
ul.list-social .svg-wrapper svg path,
.footer ul.list-social svg,
.footer ul.list-social svg path,
.footer-social-bottom svg,
.footer-social-bottom svg path,
svg.icon-facebook, svg.icon-facebook path,
svg.icon-instagram, svg.icon-instagram path,
svg.icon-youtube, svg.icon-youtube path,
svg.icon-tiktok, svg.icon-tiktok path,
svg.icon-twitter, svg.icon-twitter path,
svg.icon-pinterest, svg.icon-pinterest path,
svg.icon-snapchat, svg.icon-snapchat path,
svg.icon-tumblr, svg.icon-tumblr path,
svg.icon-vimeo, svg.icon-vimeo path {
    fill: #000000 !important;
    stroke: none !important;
    color: #000000 !important;
}
END OF TEMPORARILY DISABLED CSS */