/** Shopify CDN: Minification failed

Line 34:97 Expected ")" to end URL token

**/
@font-face {
	font-family: 'DINPro';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro.woff2?v=1705426196') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro.woff?v=1705426196') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro-Medium.woff2?v=1705426196') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro-Medium.woff?v=1705426196') format('woff');
	font-weight: 500;
	font-style: normal;
}



@font-face {
	font-family: 'DINPro';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro-Bold.woff2?v=1705426196') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/DINPro-Bold.woff?v=1705426196') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'MierA';
	src: url(https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Regular.woff2?v=1705494415') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Regular.woff?v=1705494415') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MierA';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Book.woff2?v=1705495025') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Book.woff?v=1705495025') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'MierA';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-DemiBold.woff2?v=1705494415') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-DemiBold.woff?v=1705494415') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'MierA';
	src: url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Bold.woff2?v=1705494415') format('woff2'),      
	url('https://cdn.shopify.com/s/files/1/0495/5724/2023/files/MierA-Bold.woff?v=1705494415') format('woff');
	font-weight: 700;
	font-style: normal;
}

@media screen and (min-width: 768px) {
    .purolabs-hidden-desktop {
      display: none !important;
    }
}
@media screen and (min-width: 480px) {
    .purolabs-hidden-tablet-and-up {
      display: none !important;
    }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
    .purolabs-hidden-tablet {
      display: none !important;
    }
}
@media screen and (min-width: 480px) {
    .purolabs-hidden-tablet-and-up {
      display: none !important;
    }
}
@media screen and (max-width: 480px) {
    .purolabs-hidden-phone {
      display: none !important;
    }
}

.button--secondary:hover {
    --button-hover-background: var(--secondary-button-hover-background);
    background-image: linear-gradient(178deg, rgb(var(--button-hover-background)), rgb(var(--button-hover-background)) 10%, #00000012 10% 100%), linear-gradient(rgb(var(--button-hover-background)), rgb(var(--button-hover-background)));
}

/* Primary button text color hover effect - changes text from white to green */
.button--primary:hover,
.shopify-challenge__button:hover,
#shopify-product-reviews .spr-summary-actions-newreview:hover,
#shopify-product-reviews .spr-button:hover,
button[data-product-add-to-cart-button]:hover,
.product-sticky-form .button:hover,
.shopify-payment-button__button--unbranded:hover {
    color: #8ba54c !important;
    /* Override the gradient background hover animation for primary buttons */
    background-position: inherit !important;
}

/* Ensure gradient hover animation is disabled for primary buttons */
@media screen and (pointer: fine) {
    .button--primary:hover,
    .shopify-challenge__button:hover,
    #shopify-product-reviews .spr-summary-actions-newreview:hover,
    #shopify-product-reviews .spr-button:hover,
    button[data-product-add-to-cart-button]:hover,
    .product-sticky-form .button:hover,
    .shopify-payment-button__button--unbranded:hover {
        background-position: 100% -100%, 100% 100% !important;
    }
}

.review-product-slider-heading h2 {
    text-align: center;
    font-size: 40px;
    line-height: 1.1538461538;
}

.review-product-slider-heading {
    margin-bottom: 50px;
}

.review-product-slider-inner.page-width.container {
    position: relative;
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 70px;
}

.review-product-slider .slick-track {
    display: flex;
}
.review-product-slider .slick-track .slick-slide {
    display: flex;
    height: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-top: 100px !important;
}
.customer-review-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background-color: #fff;
    padding: 30px !important;
    margin: 0 !important;
    border-radius: 8px;
    border: 2px solid #8BA54C;
    border-radius: 16px;
}
.customer-review-inner .customer-review-image {
    width: 140px;
    height: 140px;
    margin: auto;
    display: flex;
    margin-top: -100px;
}
.customer-review-inner .customer-review-image img {
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid #8BA54C;
    border-radius: 100%;
}
.customer-review-inner .review-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 15px 0 0 0;
}
.customer-review-inner .review-detail .customer_rating {
    text-align: center;
}
.customer-review-inner .review-detail .review_content {
    margin-top: 10px;
    margin-bottom: 24px;
}
.customer-review-inner .review-detail .review-headline + .review_content {
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
    .review-product-slider .slick-track .slick-slide {
        margin-top: 60px !important;
    }
    .customer-review-inner .customer-review-image {
        margin-top: -75px;
    }
}
.review_product_name {
    font-size: 22px;
    font-weight: 500;
}

.review_content {
    margin-top: 16px;
    margin-bottom: 12px;
}

.review_content {
    text-align: center;
}

.review_customer_name {
    font-size: 15px;
    font-weight: 500;
}

.review_customer_sub_content {
    font-size: 15px;
    font-weight: 300;
}

button.view_collection_products {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    letter-spacing: .02em;
    line-height: 1.1em;
    padding: 0.9em 2em;
    text-decoration: none;

    transition: all .3s ease 0s;
}

.review-products-slider-view {
    text-align: center;
}
.review-products-slider-view {
    padding-top: 20px;
}
/*
.customer-review-inner {
    min-height: 355px;
}
*/
.product_review_slider.slick-slider .slick-track {
    display: flex;
}
.product_review_slider.slick-slider .slick-track .slick-slide.product-customer-review {
    display: flex;
    height: auto;
    flex-direction: column;
}
.stars svg {
    height: 16px;
    width: 16px;
}

.cps_arrows {
    display: none !important;
}

.review_product_name {
    text-align: center;
}

.separator {
    width: 35px;
    height: 2px;
    background-color: #000;
    margin: 12px 0;
}

.review-product-page-slider-heading p {
    font-size: .79rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.review-product-page-slider-heading h2 {
    font-family: var(--heading-font-family);
    font-size: 3.157rem;
    line-height: 110%;
    text-align: center;
    margin: 0px;
    text-transform: capitalize;
}

.cutomer-photo img {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    object-fit: cover;
    border: solid 2px;
}

.product-customer-review-inner {
    border: 3px solid #141414;
    border-radius: 6px;
}
.product_review_slider.slick-slider .slick-track .slick-slide.product-customer-review .product-customer-review-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product_review_slider.slick-slider .slick-track .slick-slide.product-customer-review .product-customer-review-inner .review_customer_name {
    margin-top: auto;
}

.cutomer-photo {
    text-align: center;
}

.cutomer-photo img {
    margin: 0px auto;
}

.cutomer-photo img {
    margin: 0px auto;
    position: relative;
    top: 70px;
}


.product-customer-review-inner {
    padding-top: 80px;
}



.product-customer-review-inner {
    padding: 85px 20px 20px;
}

.product-customer-review-inner .review_customer_name {
    font-size: 22px;
    font-weight: 600;
}

.product-customer-review-inner .review_content p {
    font-size: 17px;
}

.product-review-product-section {
    background: #000;
}


.pro--content h2 {
    font-size: 16px;
    color: #fff;
    margin: 0px;
}


.review-product-image img {
    height: 100px;
}

.review-product-image {
    display: flex;
    align-items: center;
}

.product-review-product-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-review-product-section {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.product_stars {
    text-align: center;
}

.review_customer_name {
    text-align: center;
}

.product-customer-review-inner {
   
    background: #fff;
}

.review-product-pages-slider-view {
    text-align: center;
    padding-top: 50px;
}

.review-product-page-slider-inner.page-width.container {
    max-width: 1330px;
    padding: 0px 50px;
}

.product_stars {
    font-size: 12px;
}

.product-customer-review-inner {
   /* min-height: 535px; */
}

.product_customer_rating {
    padding-top: 10px;
}

.product_stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.pro--content {
    position: relative;
    left: -15px;
}

.cutomer-photo img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
  
}

/** slick slider dots color ***/


.slick-dots {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
   
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: #212b36;
    padding: 5px;
    cursor: pointer;
    border: solid 1px #000;
    border-radius: 50%;
}

li.slick-active button {
    background: #000;
}


/*
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background: #000;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 5px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}*/

.product_review_arrows {
    position: absolute;
    top: 50%;
}

.product_review_arrows img {
    height: 30px;
}

button.slick-next.pull-right.product_review_arrows {
    right: -14px;
}

button.slick-prev.pull-left.product_review_arrows img {
    transform: rotate(180deg);
}

button.slick-prev.pull-left.product_review_arrows {
    left: -14px;
}

/** slick slider dots color ***/

/** icon text grid ***/

.icon-text-grid-product-slider-heading h2 {
    font-size: var(--heading-h2-font-size);
  line-height: 1;
}

.icon-text-grid-slider-flex-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 30px;
}

.ictb-icon {
    margin-bottom: 10px;
}

.ictb-content p {
    font-size: 16px;
    margin: 0px;
}

.ictb-content h2 {
    font-size: 20px;
    margin: 0px;
}



/******* Product Benefits Section *******/

.product-benfits-slider-flex-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 50px;
}

.product-benefits-icons-flex-grid-item {
    display: flex;
    align-items: center;
}

.p-b-img img {
    height: 70px;
    max-width: 70px;
}

.p-b-icon-conten {
    width: 100%;
    border-bottom: 1px solid #F6C8BD;
}

.product-benefits-icons-flex-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 70px;
}

.product-benfits--heading h2 {
    text-align: center;
    color: #000;
    font-size: 45px;
}

.product-benefits-icons-flex-grid-item {
  
    gap: 20px;
}

.squiggle {
    width: 100%;
    height: 5em;
    background-image: url(//cdn.shopify.com/s/files/1/2251/3663/t/100/assets/Squiggle_small.png?v=1072569…);
    background-repeat: repeat-x;
    background-position: left center;
    margin-bottom: 0;
}

.product-benfits-slider-flex-grid {
    align-items: center;
}

.product-benefits-heading h2 {
    font-size: 30px;
}

.product-benefits-heading {
    margin-bottom: 50px;
}

.product-benefits-heading h2 span {
    font-weight: normal;
}

.p-b-footer-content p {
    font-size: 21px;
}

.product-benefits-icons {
    margin-bottom: 50px;
}
/*
.product-benfits--flex {
    padding: 48px 0px;
}*/

.product-benefits-heading {
    display: flex;
    align-items: center;
}

.product-benefits-heading h2 {
    margin: 0px;
}

span.sperator-line {
    font-size: 30px;
    font-weight: 400;
    margin: 0px 10px;
}

.product-benefits-image {
    text-align: center;
}

.product-benefits-image img {
    max-height: 775px;
    margin: 0px auto;
}


.mobile-only {
    display: none;
}
.tablet-only {
    display: none;
}

.p-b-icon-conten h3 {
  
    font-weight: 500;
}

/****** image with text v3 *******/

.Icon-with-text {
    float: left;
    width: 100%;
}

.icon-box p {
    margin: 0px;
}

.Icon-with-text {
    margin-top: 10px !important;
}

.icon-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon-box img {
    max-width: 30px;
}


.block-index {
    background-color: #012914;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #fff;
}

.text-with-conten-box {
    display: flex;
    gap: 20px;
}

.num-block-inner {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-content-block h3 {
    font-size: 16px;
    line-height: 1;
    padding-top: 4px;
    margin-bottom: 10px;
      font-weight: 500;
}

.text-content-block p {
    font-size: 16px;
    margin-top: 0px !important;
    line-height: 1.3;
}

.image-text-v3 h2.image-with-text__heading.h2 {
  

}

button.view_collection_products {
    border-bottom: solid 1px #fff;
    padding: 0px;
    padding-bottom: 10px;
    border-radius: 0px;
    margin-top: 20px;
}

.review_customer_name p {
    font-weight: 600;
}

div#shopify-section-template--16193299316994__1657554752a0099b83 {
    margin-top: 0px;
}

.press-list__wrapper {
    order: 2;
}

.hidden-xs {
    display: none;
}

.hidden-md {
    display: block;
}

div#dynamic-checkout-cart ul {
    display: grid!important;
    flex-direction: row !important;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}
span.mobile_sep {
    display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .desktop-only {
        display: none;
    }
    .tablet-only {
        display: block;
    }
    .product-benefits-heading.tablet-only {
        display: flex;
        justify-content: center;
    }
    .product-benefits-heading h2 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 768px) {
  
    .hidden-xs {
        display: block;
    }
    
    .hidden-md {
        display: none;
    }
    
    press-list.press-list {
        flex-direction: column;
    
    }


    .cps_arrows {
        display: block !important;
        position: absolute;
        top: 50%;
    }

    .review-product-slider-inner .section__footer {
        margin-top: 70px;
    }
    
    button.cps_arrows {
        font-size: 21px;
        background: #fff;
        width: 37px;
        border: solid 1px #000;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        height: 37px;
        cursor: pointer;
        padding-bottom: 5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    button.slick-next.pull-right.cps_arrows {
        right: 0px;
    }
    
    .customer-review-inner {

        padding: 30px 50px;
    }
    
    .review-product-slider-heading h2 {
        text-align: center;
        font-size: 26px;
    }
    
    .review-product-slider-heading {
        margin-bottom: 20px;
    }
    
    .review-product-page-slider-inner.page-width.container {
        padding: 0 20px;
    }
    .product-customer-review-inner .review_content p {
        font-size: 14px;
    }
    
    .product-customer-review-inner .review_customer_name {
        font-size: 17px;
        font-weight: 600;
    }
    
    .product-customer-review-inner {
        min-height: 435px;
    }
    .pro--content h2 {
        font-size: 14px;
        color: #fff;
        margin: 0;
        line-height: 1.4;
    }
    .review-product-page-slider-heading h2 {
        font-size: 2.157rem;
    
    }
    
    /** Icon text grid ****/
    
    .icon-text-grid-slider-flex-grid {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    
    .icon-text-grid-block {
        display: flex;
        gap: 15px;
        align-items: center;
    }
    
    .ictb-content h2 {
        font-size: 18px;
        margin: 0;
        font-weight: bold;
        line-height: 1;
    }
    
    .icon-text-grid-product-slider-heading h2 {
        font-size: var(--heading-h2-font-size);
        line-height: 1;
    }
    
    /*** Product benefits  ***/
    
    .product-benfits--heading h2 {
        text-align: center;
        color: #000;
        font-size: 30px;
    }
    
    .product-benefits-icons-flex-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px 70px;
    }
    
    .p-b-icon-conten h3 {
        font-size: 16px;
    }
    
    .product-benfits-slider-flex-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }


    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
    
    span.sperator-line {
        display: none;
    }
    
    .product-benefits-heading h2 {
        margin: 0;
        font-size: 21px;
        text-align: center;
    }
    .product-benefits-heading h2 span {
    
        font-size: 18px;
    }
    
    .p-b-icon-conten h3 {
        font-size: 16px;
        line-height: 1.3;
    }
    
    .p-b-img img {
    
        width: 30px;
        height: auto;
    }

    .product-benfits--flex {
        padding: 0px 0;
    }
    
    .p-b-footer-content p {
        font-size: 16px;
        text-align: center;
    }
    
    .product-benfits--heading h2 {
        margin-bottom: 0px;
    }
    
    /**** image text v3 ***/
    
    .text-content-block h3 {
        text-align: left;
    }
    
    .text-content-block p {
        text-align: left;
    }
    
    .image-text-v3 h2.image-with-text__heading.h2 {
    
    
        text-align: left;
    }
    
    /**** image v2 hide *******/
    
    div#hide_mobile {
        display: none;
    }
    
    .ictb-content p {

        padding-top: 8px;
    }

    /**** image with text v2 ***/
    
    
    
    .img-custom {
        max-width: 100%;
        width: 100%;
    }
    
    .img-custom p {
        font-size: 12px !important;
        margin-top: 0px;
    }
    
    .img-custom img {
        max-width: 65px;
    }
    
    .imageBlock1 {
        justify-content: flex-start;
        float: left;
        width: 100%;
    }
    button#StickyAddToCart span.mobile_pri {
        display: none !important;
    }

    span.pric {
        position: unset !important;
        margin-left: 12px;
    } 
    span.mobile_sep {
        display: block;
    }
}
@media only screen and (max-width: 740px) {
    [dir=ltr] .combo-box__option-item[aria-selected=true]:after {
        right: 10px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}


/******* Header menu CSS ******/

#desktop-menu-2 .mega-menu__title.heading {
    display: none;
}
#desktop-menu-2 .mega-menu__inner {
    --mega-menu-column-gap: 0;
    grid-auto-flow: dense;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
    justify-content: start;
    padding-left: 40px;
    padding-right: 40px;
    width: fit-content;
    margin-left: -50px; /* Shift inner content left */
    min-width: 900px; /* Prevent collapse below this width */
}
#desktop-menu-2 .mega-menu__images-wrapper {
    justify-self: start;
    width: auto;
}
#desktop-menu-2 .mega-menu__column {
    text-align: left;
    padding-left: 0;
    padding-right: 40px; /* Add space between text column and images */
}
#desktop-menu-2 .mega-menu__column .linklist__item a {
    font-size: 20px;
    font-weight: 500;
}
/* Make the Learn menu container fit its content */
#desktop-menu-2 .container {
    max-width: fit-content;
    width: auto;
    padding-right: 0;
}
/* Ensure the mega-menu takes full width of its container */
#desktop-menu-2 .mega-menu {
    width: 100%;
    left: 0;
    overflow-x: auto; /* Add horizontal scroll if needed */
}
/* Prevent button text from wrapping */
#desktop-menu-2 .button {
    white-space: nowrap;
}
/* Responsive adjustments for smaller viewports */
@media screen and (max-width: 1200px) {
    #desktop-menu-2 .mega-menu__images-wrapper {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
    #desktop-menu-2 .mega-menu__image-push {
        width: 100%;
        max-width: 200px;
    }
}
.search_bar {
    padding: 10px 0;
    border-bottom: 1px solid grey;
    margin: 0 24px;
    cursor: pointer;
}
.search_bar_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_bar_box .search_bar_icon {
    font-size: 18px;
    font-weight: 400;
}
.sticky_shop_btn {
    margin-bottom: 15px;
}
.drawer__footer {
    padding-bottom: 0 !important;
}
#desktop-menu-2 span.custom_mega_btn.menu_desktop__call-to-action {
    margin-top: 12px !important;
}
.mega-menu__inner .image-menu-2 .menu_imgbox_header {
    display: none;
}
.menu_imgbox_header {
    text-align: center;
    margin-bottom: -76px;
    margin-top: 38px;
}
.menu_imgbox_title.mega-menu__title.heading.heading--small {
    margin-bottom: 0;
}
.menu_imgbox_subheading {
    font-size: 14px;
}


/******** Product page variant CSS *******/
.product-form__option-selector .bundle-option-name {
    display: none;
}
[data-selector-type=variant-image] .variant-swatch__item {
    border-radius: unset;
    overflow: unset;
    margin-bottom: unset;
}
.product-form__option-selector .variant-swatch__image {
    width: 80px;
}
.product-form__option-selector .variant-swatch {
    margin: 6px;
}
.product-form__option-selector .variant-swatch__radio:checked+.variant-swatch__item:after {
    opacity: 0;
    transform: scale(1);
}
.product-form__option-selector .variant-swatch:first-child {
    padding-left: 0;
}
.product-form__option-selector .variant-swatch {
    padding: 0;
}
.product-form__option-selector label.variant-swatch__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.product-form__option-selector label.variant-swatch__item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: none;
}
.product-form__option-selector span.no_of_pack {
    display: none !important;
}
.product-form__option-selector span.variant__title {
    font-size: 16px;
    font-weight: 500;
    background-color: #f2f2f2;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
    padding: 4px 0;
    border-radius: 10px 10px 0 0;
}
.product-form__option-selector .variant-swatch input[type=radio]:checked+label+.bundle-variant-text .bundle-variant-text__price {
    font-weight: 700;
}
.product-form__option-selector .bundle-variant-text .bundle-variant-text__price {
    font-size: 16px;
    line-height: 14px;
    color: #000;
    font-weight: 700;
}
.bundle-variant-text .bundle-variant-text__price strong {
    color: #14433d;
    font-weight: 700;
}
.product-form__option-selector .variant-swatch .bundle-variant-text__most-popular {
    display: none !important;
    position: absolute;
    display: block;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 80%;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    left: 50%;
    top: -38px;
    transform: translate(-50%);
    transition: .2s;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
}
.product-form__option-selector .variant-swatch {
    width: 181px;
    padding: 0;
    border-radius: 10px;
    background-color: #FAFAFA;
}
.variant-swatch__item {
    margin: 0;
}

.bundle-variant-text {
    padding-top: 0px;
    z-index: 1;
}
.product-form__option-selector label.variant-swatch__item {
    padding-bottom: 5px;
    margin-top: -28px;
}
.product-form__option-selector .bundle-variant-text__price {
    margin-top: 12px;
}
.variant-swatch:hover span.visually-hidden1.variant__title {
    border-radius: 6px 6px 0 0;
} 
.variant-swatch:hover {
    transform: translateY(-4px);
}
.variant-swatch {
    transition: 0.4s ease;
}
.bundle-variant-text {
    position: unset;
    top: unset;
}
.bundle__txt_pos {
    position: relative;
    top: -20px;
}
.variant-swatch span.saved_money {
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
}
.variant-swatch label.variant-swatch__item {
    border: 2px solid grey !important;
    border-radius: 10px !important;
}
/* .product-form__option-selector .variant-swatch__radio:checked + label .visually-hidden1.variant__title {
    background: #1a464175;
    color: #fff;
    border-radius: 6px 6px 0 0;
} */
/* .product-form__option-selector .variant-swatch__radio:checked + .variant-swatch__item {
    background-color: #14433d17;
} */
/* .product-form__option-selector .variant-swatch__radio:checked + .variant-swatch {
    border: 2px solid #1a464175;   
} */
/****************** Selected ********************/
/* .variant-swatch.selected_tab {
    border: 2px solid #1a464175;
} */
/* .variant-swatch.selected_tab  span.visually-hidden1.variant__title {
    background: #1a464175;
    color: #fff;
    border-radius: 6px 6px 0 0;
} */
/* .variant-swatch.selected_tab .variant-swatch__item {
    background-color: #14433d17;
}  */
.shopify-section--advertorial-header .header__inline-navigation {
    justify-content: flex-end;
    margin-right: 30px;
}
.shopify-section--advertorial-main-article .article {
    margin-top: 30px;
}
.shopify-section--advertorial-main-article .article__content {
    max-width: 900px;
}
.shopify-section--advertorial-main-article .article__content .article__category {
    color: #bcbcbc;
    margin-bottom: 5px;
}
.shopify-section--advertorial-main-article .article__content .article__image-wrapper--square {
    width: 100%;
    margin-bottom: 15px;
}
.shopify-section--advertorial-main-article .article__content .article-author {
    padding: 0 20px;
}
.shopify-section--advertorial-main-article .article__content .article__title {
    margin: 0 0 12px;
}
.shopify-section--advertorial-main-article .article__content .article-subheading {
    font-size: 20px;
    line-height: 22px;
    color: #999;
    margin-top: 0;
}
.shopify-section--advertorial-header {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
}
.shopify-section--advertorial-header .header__logo-link {
    max-width: 150px;
}
.shopify-section--advertorial-header .header__wrapper {
    justify-content: space-between;
}
.shopify-section--advertorial-header .header__call-to-action {
    margin: 0;
}
.shopify-section--advertorial-footer .footer {
    background-color: #000;
    padding: 20px 0;
}
.shopify-section--advertorial-footer .footer .footer__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shopify-section--advertorial-footer .footer .footer__main ul li.linklist__item {
    color: #fff;
    padding: 0;
    display: inline-block;
    margin: 0 10px;
}
.footer-bar {
    padding: 20px 0;
    font-size: 12px;
}
.footer__item-title {
    color: #8BA54C;
    text-transform: uppercase;
}
.footer-bar .footer-bar--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}
.footer-bar .footer-bar__links .linklist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.footer-bar .footer-bar__links .linklist .linklist__item {
    padding: 0;
    margin: 0;
}
body.template-product .footer-bar {
    padding-bottom: 50px;
}
@media only screen and (max-width: 999px) {
    .shopify-section--advertorial-footer .footer .footer__main {
        flex-direction: column;
        gap: 18px;
    }
    .shopify-section--advertorial-header .header__call-to-action {
        display: block;
        line-height: 40px;
    }
    .footer-bar {
        padding: 10px 0;
    }
    body.template-product .footer-bar {
        padding-bottom: 10px;
    }
    .footer-bar .footer-bar--wrapper {
        flex-direction: column;
    }
    .footer-bar .footer-bar--wrapper .footer-bar__links {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .shopify-section--advertorial-footer .footer .footer__main {
        flex-direction: column;
        gap: 18px;
    }
    .shopify-section--advertorial-header .header__call-to-action {
        display: block;
        line-height: 40px;
    }
    body.template-product .footer-bar {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 480px) {
    .shopify-section--advertorial-footer .footer .footer__main ul li.linklist__item {
        margin: 0 6px;
    }
}

/***************** Product Add to cart ****************/
#AddToCart .loader-button__text del {
    display: none;
}
#AddToCart .loader-button__text>span:before {
    content: unset;
}
.loader-button__text {
    text-transform: initial;
}
.text-normal {
    text-transform: none;
}
product-payment-container .loader-button__text {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
product-payment-container .loader-button__text .loader-button__price {
    font-weight: 600;
    margin-left: 6px;
}
product-payment-container .loader-button__text .loader-button__price span {
    color: #fff;
    margin-left: 6px;
    text-decoration: line-through;
    font-weight: normal;
}

/* Hide strikethrough price on small viewports to prevent button text wrapping */
@media screen and (max-width: 374px) {
    product-payment-container .loader-button__text .loader-button__price span {
        display: none;
    }
}
.hidden {
    display: none;
}
.custom-puorlab-select {
    margin-top: 8px;
}
.custom-puorlab-select select {
    padding: 8px 10px;
    width: 100%;
}
.featured-collections .custom-puorlab-select {
    font-size: 14px;
}
.featured-collections .custom-puorlab-select button[is="toggle-button"] {
    height: 45px;
    line-height: 45px;
}
.subscriptions-product-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.featured-collections .subscriptions-product-action .product-action {
    width: 100%;
}
.featured-collections .subscriptions-product-action .product-action button {
    margin-top: 8px;
}
.custom-puorlab-quantity-selector {
    justify-content: space-between;
    margin-top: 10px;
}
.subscribe-button {
    padding: 0 20px !important;
}
.subscribe-button .loader-button__text {
    font-size: 14px;
}
.subscribe-button .loader-button__text s {
    margin-right: 6px;
}
@media only screen and (max-width: 500px) {
    .subscribe-button {
        padding: 0 10px !important;
    }
}
@media only screen and (max-width: 400px) {
    .subscribe-button {
        padding: 0 4px !important;
    }
    .subscribe-button .loader-button__text {
        font-size: 11px;
    }
}

/******************* Mini Cart Drawer Css **************/
.minicart_payment_icon ul.payment-icons.footer__payment-icons {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0;
}
.minicart_payment_icon {
    margin: 12px 0 20px;
}
.drawer__footer {
    background-color: #FBF7F3;
}
#mini-cart .drawer__content free-shipping-bar .shipping-bar__text {
    display: none;
}
body.template-cart form.cart free-shipping-bar {
    max-width: 100%;
    border: 0;
    position: relative;
    margin-bottom: 20px;
    font-weight: 600;
}


/****************** Landing Page Sticky Header CSS *************/
.landing_pg_header {
    z-index: 9999;
}
.landing_pg_header .landing_anouncement_bar {
    text-align: center;
    background-color: #14433d;
    padding: 5px 0;
}  
.landing_pg_header .ld_anouncement_text h2 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}  
.landing_pg_header .landing_nav {
    background-color: #000;
    padding: 10px 0;
}  
.landing_pg_header .nav_items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}  
.landing_pg_items {
    width: 50%;
}
.landing_pg_button.landing_pg_items {
    display: flex;
    justify-content: flex-end;
}
.landing_pg_button.landing_pg_items .header__inline-navigation {
    margin-right: 20px;
    flex: unset;
}
.landing_pg_header .landing_pg_button a.button-lp {
    display: inline-block;
    padding: 10px 50px;
    border-radius: 5px;
}
/* .custom_sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}  */



/**************** Numbering Custom section CSS ***************/
.numbering_custom_section {
    margin-top: 50px;
}  
.numbering_custom_section .numbering_section_row {
    display: flex;
    flex-wrap: wrap;
}
.numbering_custom_section .count_sec_lt_text {
    width: 70%;
}
.numbering_custom_section .count_sec_rt_image {
    width: 30%;
}  
.numbering_custom_section .count_sec_upper_text {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.numbering_custom_section .count_sec_number {
    width: 40%;
}
.numbering_custom_section .count_sec_content {
    width: 60%;
}  
.numbering_custom_section .count_sec_rt_image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
      object-fit: cover;
}  
.numbering_custom_section .count_sec_number span {
    font-size: 16rem;
    font-weight: 600;
    color: #ecedf3;
    position: absolute;
    top: -50%;
    left: 10%;
}  
.numbering_custom_section .count_sec_btn a {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: inline-flex;
    gap: 6px;
}  
.numbering_custom_section .content__box {
    padding: 5px 100px 25px 0;
}  
.numbering_custom_section .content__box h2 {
    margin-bottom: 0;
    line-height: 28px;
}
.numbering_custom_section .count_sec_lower_review {
    padding: 25px 0;
    position: relative;
}
.numbering_custom_section .count_sec_review_box {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 15px;
}
.numbering_custom_section .count_sec_review_star .checked {
    font-size: 21px;
    padding: 10px 0;
}
.count_sec_review_text p {
    font-style: italic;
    color: #424242;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.numbering_custom_section .count_sec_lower_review:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 60px;
    clip-path: polygon(0 0,0 100%,50% 100%);
    z-index: 20;
}
.numbering_custom_section .mobile_review_position {
    display: none;
}
.numbering_section_scnd_layout .numbering_section_row {
    flex-direction: row-reverse;
}
.numbering_section_scnd_layout .count_sec_lower_review:before {
    content: "";
    position: absolute;
    top: 0;
    left: unset;
    height: 100%;
    width: 60px;
    z-index: 20;
    right: 100%;
    clip-path: polygon(100% 0,50% 100%,100% 100%);
}
.numbering_section_scnd_layout .count_sec_review_box {
    margin-left: 100px;
}
#shopify-section-template--16418025668866__1663837586cd05ab3b .slider_testimonial_container {
    margin-bottom: 100px;
}


/**************** Slider Testimonial section CSS ***************/
.slider_testimonial_container {
    padding-top: 50px;
    background-color: #f8f5f3;
}
.slider_testimonial_container .slider_testimonial_header {
    text-align: center;
    margin-bottom: 40px;
}
.slider_testimonial_container .slider_testimonial_box {
    display: flex;
    flex-wrap: wrap;
}
.slider_testimonial_container .slider_testimonial_image {
    width: 40%;
    background-color: #dbe2e1;
}
.slider_testimonial_container .slider_testimonial_content {
    width: 60%;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 65px;
}
.slider_testimonial_container .customer_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    padding-left: 50px;
}
.slider_testimonial_container .customer_name:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    height: 1px;
    width: 33px;
    background: #000;
    left: -5px;
}
.slider_testimonial_container .testimonial_slider_title {
    position: relative;
}
.slider_testimonial_container .testimonial_slider_title:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -45px;
    width: 25px;
    height: 20px;
    background: url(//cdn.shopify.com/s/files/1/0230/8492/5006/t/464/assets/quotes.svg?v=8054772…) center/contain no-repeat;
}
.slider_testimonial_container .slider_testimonial_image img {
    transform: translate(29px,29px);
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.testimonial__heading {
    max-width: 580px;
    margin: 0 auto;
    position: relative;
}
.testimonial__heading:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 61px;
    background-color: #000;
    left: -15%;
}
.testimonial__heading:after { 
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 61px;
    background-color: #000;
    right: -15%;
}

/* Arrows */

.slider_testimonial_row button.slick-next {
    background: url(//cdn.shopify.com/s/files/1/0230/8492/5006/t/464/assets/slide-arrow.svg?v=1190203…) center/cover no-repeat;
    width: 64.81px;
    height: 56.44px;
    top: 100%;
}
.slider_testimonial_row button.slick-prev {
    background: url(//cdn.shopify.com/s/files/1/0230/8492/5006/t/464/assets/slide-arrow.svg?v=1190203…) center/cover no-repeat;
    width: 64.81px;
    height: 55.44px;
    top: 100%;
    transform: rotate(180deg);
    left: auto;
    opacity: 1;
}
.slider_testimonial_row button.slick-prev.pull-left.arrows_position {
    position: absolute;
    right: 74px;
    top: 94%;
}
button.slick-next.pull-right.arrows_position {
    top: 94%;
    position: absolute;
    right: 0;
}

/*** Media Badges Section ***/
.brands_logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.logos__item {
    max-width: 80px!important;
    max-height: 80px!important;
    flex: 0 0 20%;
    display: flex;
    justify-content: center;
    margin-inline: 20px;
}
.brands_logos img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
section.badges_new_brands_container {
    background-size: cover;
    background-repeat: no-repeat;
}
.badges_new_brands_row.container {
    padding: 25px 30px;
}


/*** Custom Footer ***/
.landing_pg_footer_container {
    background-color: #000;
    padding: 10px 0;
}
.footer_item_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footer_logo {
    width: 50%;
    text-align: center;
}
.footer_menu {
    width: 50%;
    text-align: right;
}
.footer_logo img {
    max-width: 27%;
}
.footer_menu .linklist__item {
    display: inline-block;
    padding: 20px;
}
.footer_menu .linklist__item a {
    color: #fff;
}
#DirectToCheckout .loader-button__text {
    font-size: 15px;
}
#DirectToCheckout .loader-button__text del {
    display: none;
}

/*** Rich Text Section ***/
.press_quote_wd_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.press_quote_wd_logo .press_quote_text {
    font-size: 19px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
}
.quote_logo img {
    max-width: 80%;
    margin: 0 auto !important;
}


/*** Custom Testimonial Section ***/
.custom_testimonial_container .custom_testimonial_header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    padding: 40px 0;
}
.custom_testimonial_container .custom_testimonial__heading {
    line-height: 46px;
}
.custom_testimonial_container .testimonial_wd_feature_img {
    display: flex;
    justify-content: center;
}
.custom_testimonial_container .testimonial_feqatured_img {
    width: 40%;
}
.custom_testimonial_container .custom_testimonials {
    width: 60%;
    margin-left: 30px;
}
.custom_testimonial_container .custom_testimonial_title {
    margin: 0;
}
.custom_testimonial_container .custom_testimonials p {
    margin: 0;
}
.custom_testimonial_container .testimonial_review_star .checked {
    color: #f2c94c;
}
.custom_testimonial_container .testimonial_review_star {
    margin-right: 20px;
}
.custom_testimonial_container .custom_testimonials p {
    margin: 0;
    margin-bottom: 10px;
}
.custom_testimonial_container .customer_star {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.testimonial_feqatured_img {
    position: sticky;
    top: 90px;
    height: 100%;
}
body.template-product-gift-card .product-form .product-form__option-info .product-form__option-value {
    display: none;
}


/******************* Responsive CSS ********************/

@media only screen and (max-width: 1440px) {
.product-form__option-selector .variant-swatch {
    width: 158px;
}
.product-form__option-selector .variant-swatch {
    margin: 5px;
}  
}

@media only screen and (max-width: 1200px) {
.product-form__option-selector .variant-swatch {
    width: 136px;
}  
.product-form__option-selector .variant-swatch .bundle-variant-text__most-popular {
    font-size: 12px;
}  
}

@media only screen and (max-width: 1024px) {
.product-form__option-selector .variant-swatch {
    width: 130px;
}  
/* Numbering Custom section CSS */  
.numbering_custom_section .count_sec_lt_text {
    width: 62%;
}
.numbering_custom_section .count_sec_rt_image {
    width: 38%;
}
.numbering_custom_section .count_sec_number span {
    font-size: 12rem;
    left: unset;
}  
.numbering_custom_section .count_sec_content {
    width: 100%;
    z-index: 9;
}  
.numbering_section_scnd_layout .content__box {
    padding: 5px 100px 25px 30px;
}  
.numbering_section_scnd_layout .count_sec_review_box {
    margin-left: 60px;
}  

/* Slider Testimonial Section CSS */  
.testimonial__heading:before {
    left: 0;
}  
.testimonial__heading:after {
    right: 0;
}   

/* Landing page header */
.landing_nav_row {
    padding: 0 36px;
}  
}

@media only screen and (max-width: 768px) {
.product-form__option-selector .variant-swatch {
    width: 150px;
}   
.product-form__option-selector .variant-swatch {
    margin: 4px;
    
}  
/* Numbering Custom section CSS */  
.numbering_custom_section .count_sec_lt_text {
    width: 100%;
}  
.numbering_custom_section .count_sec_rt_image {
    width: 100%;
}
.numbering_custom_section .count_sec_content {
    width: 100%;
    z-index: 9;
}
.numbering_custom_section .content__box {
    padding: 5px 0px 25px 0;
}  
.numbering_custom_section .count_sec_lower_review:before {
    content: unset;
}  
.numbering_custom_section .mobile_review_position {
    display: block !important;
    width: 100%;
    text-align: center;
}
.numbering_custom_section .count_sec_lower_review {
    display: none;
}  
.numbering_section_scnd_layout .count_sec_review_box {
    margin: 0 auto;
}  
.numbering_custom_section .count_sec_number span {
    top: -71%;
    left: 0;
} 
.numbering_custom_section .content__box h2 {
    text-align: right;
}   
  
/* Slider Testimonial Section CSS */  
.slider_testimonial_container .slider_testimonial_image {
    width: 100%;
}
.slider_testimonial_container .slider_testimonial_content {
    width: 100%;
}  
.slider_testimonial_container {
    padding-bottom: 35px;
}  
.slider_testimonial_row button.slick-prev.pull-left.arrows_position {
    top: 100%;
}  
button.slick-next.pull-right.arrows_position {
    top: 100%;
}   
}

@media only screen and (max-width: 480px) {
.product-form__option-selector .variant-swatch {
    width: 120px;
}     
.product-form__option-selector .variant-swatch__image {
    width: 52px;
}  
.product-form__option-selector .bundle-variant-text .bundle-variant-text__price {
    font-size: 14px;
    line-height: 10px;
}  
.product-form__option-selector span.variant__title {
    font-size: 14px;
}  
.bundle-variant-text .bundle-variant-text__you-save:not(.empty) {
    font-size: 10px;
}   
.product-form__option-selector label.variant-swatch__item {
    margin-top: -28.4px;
}  
.variant-swatch:hover {
    transform: unset;
}
.variant-swatch {
    transition: unset;
}  
.bundle__txt_pos {
    position: relative;
    top: -20px;
}  
.product-form__option-selector label.variant-swatch__item {
    padding-bottom: 0px;
}  

/********** Mini Cart Drawer Css ***********/
.mini-cart__recommendations-list [data-oke-star-rating],
.mini-cart__recommendations-list .okeReviews.oke-sr {
    display: none;
}  
.drawer[open] {
    overflow: hidden !important;
}  
/* Slider Testimonial Section CSS */    
.testimonial__heading:after {
    content: unset;
}
.testimonial__heading:before {
    content: unset;
}  
.slider_testimonial_container .customer_name {
    margin-bottom: 20px;
}  
.slider_testimonial_box.slick-slide.slick-active {
    opacity: 1;
}  
.slider_testimonial_box.slick-slide {
    opacity: 0;
}  
/* Landing page header */
.landing_pg_header .ld_anouncement_text h2 {
    font-size: 14px !important;
}
.landing_pg_header .landing_pg_button a {
    font-size: 15px;
    font-weight: 600; 
    padding: 4px 20px !important;  
}  
.landing_pg_header {
    z-index: 9999;
}
.landing_pg_header .landing_nav {
    padding: 15px 0;
}  
.landing_pg_header .landing_anouncement_bar {
    padding: 8px 0;
}  
.landing_pg_logo {
    width: 50%;
}  
.landing_pg_button {
    width: 50%;
    text-align: right;
}  
.hero_banner__mobile_header .heading.h2 {
    font-size: 32px;
    margin: 0;
    line-height: 40px;
} 
.hero_banner__mobile_header {
    padding: 30px 24px 0;
    margin-bottom: 40px;
}

.landing_pg_button.landing_pg_items .header__inline-navigation {
    margin: 0;
}
.landing_nav_row {
    padding: 0 24px;
}   

/* Media Badges Section */
.badges_new_brands_container .logos__item {
    flex: 1;
    margin-inline: 12px;
}    

/* Numbering Custom section CSS */   
.numbering_custom_section .count_sec_number span {
    top: -39%;
    left: 0;
} 
.numbering_custom_section .content__box h2 {
    text-align: right;
}  
.numbering_custom_section .count_sec_number span {
    font-size: 9rem;
}  
.numbering_custom_section .content__box p {
    padding-top: 20px;
}  
}

@media only screen and (max-width: 600px) {  
/*** Custom Testimonial Section ***/
.custom_testimonial_container .custom_testimonial__heading {
    line-height: 30px;
    font-size: 19px;
}  
.custom_testimonial_container .testimonial_wd_feature_img {
    display: unset;
}  
.testimonial_feqatured_img {
    position: unset;
}  
.custom_testimonial_container .custom_testimonials {
    padding-top: 20px;
}  
.custom_testimonial_container .custom_testimonial_header {
    padding: 20px 0;
}  
.custom_testimonial_container .testimonial_feqatured_img {
    width: 100%;
    text-align: center;
}
.custom_testimonial_container .custom_testimonials {
    width: 100%;
    margin-left: 0;
}
.payment-icons {
    margin-bottom: 10px;
}
}

@media only screen and (max-width: 424px) {    
.numbering_custom_section .count_sec_number span {
    top: -25%;
    right: 0;
}    
.numbering_custom_section .count_sec_number span {
    font-size: 7rem;
}    
.numbering_custom_section .content__box h2 {
    font-size: 20px;
}  
}

@media only screen and (max-width: 480px) {
    .product-form__option-selector .variant-swatch {
        width: 110px;
    }
}

@media only screen and (max-width: 390px) {    
.product-form__option-selector .variant-swatch {
    width: 100px;
}  
}

@media only screen and (max-width: 360px) {    
.product-form__option-selector .variant-swatch {
    width: 98px;
}  
}

@media only screen and (max-width: 320px) {    
.product-form__option-selector .variant-swatch {
    width: 86px;
}  
}

@media only screen and (max-width: 280px) {   
/* Numbering Custom section CSS */   
.numbering_custom_section .count_sec_number span {
    top: -27%;
}  
}

@media only screen and (min-width: 1440px) {
    quick-buy-drawer.drawer--large {
        max-width: 670px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    quick-buy-drawer.drawer--large {
        max-width: 575px;
    }
}

/* Blog Product CSS */
.blog-product {
    display: flex;
    align-items: center;
    border: 1px solid rgb(var(--border-color));
    padding: 1rem;
    border-radius: 0.25rem;
    margin-top: 25px;
}
.blog-product .product-image {
    flex-shrink: 0;
    margin-right: 1rem;
    width: 30%;
}
.blog-product .product-image img {
    margin: 0;
}
.blog-product .blog-product-content {
    flex-grow: 1;
}
.blog-product .product-meta__vendor,
.blog-product .product-title {
    margin: 0;
}
.blog-product .product-title {
    margin-bottom: 10px;
}
.blog-product .product-meta__vendor {
    margin-bottom: 4px;
}
.blog-product .product-desc {
    color: #7a7a7a;
    margin-bottom: 10px;
}
.blog-product .button.button--link {
    padding: 0;
    line-height: 0;
}
@media only screen and (max-width: 798px) {
    .blog-product {
        flex-direction: column;
    }
    .blog-product .product-image {
        width: 100%;
        margin: 0 0 10px;
    }
}

/* Rebuy Reordering */
.rebuy-discount-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 0;
}
.rebuy-discount-list .discount-badge {
    width: auto;
    font-size: 10px;
}
.rebuy-reorder__item-quantity-widget {
    width: auto !important;
}
.rebuy-reorder__item-quantity-widget .rebuy-reorder__item-quantity-widget-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 28px;
}
.rebuy-reorder__item-quantity-widget .rebuy-reorder__item-quantity-widget-label {
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 20px;
    width: auto;
}
.rebuy-reorder-cross-sell-action .rebuy-button {
    line-height: 32px;
    font-size: 12px;
    padding: 0 28px !important;
    width: auto;
    border: 1px solid #000 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}
button[data-upgrade-to-subscription] {
    line-height: 36px;
    margin-top: 10px;
    width: 100%;
}
.upgrade_subscription_frequency {
    margin-left: 10px;
    min-width: 140px;
}
.upgrade_subscription_frequency select {
    display: block;
    width: 100%;
    border: 1px solid rgb(var(--border-color));
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: inherit;
    padding: 0 28px 0 8px;
    background-color: #fff;
    background-position: right 8px center;
    background-size: 12px;
}

/* Hide subscription text when dropdown is present */
.line-item:has(.upgrade_subscription_frequency) .subscription-text--hide-with-dropdown {
    display: none;
}

/* Make line item content and image equal height */
.mini-cart .line-item__content-wrapper {
    align-items: stretch;
}

.mini-cart .line-item__image-wrapper {
    display: flex;
    align-items: center;
}

.mini-cart .line-item__image-wrapper img {
    height: 100%;
    object-fit: cover;
}
.line-item__image-wrapper {
    pointer-events: none;
}
.item-switcher {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-top: 5px;
}
.item-switcher .item-switcher-control .item-switcher-checkbox {
    border-radius: 4px;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    min-width: 18px;
    position: relative;
    text-align: center;
    border: 2px solid #00493b;
    transition: all .2s;
}
.item-switcher.item-switcher--active .item-switcher-checkbox {
    background-color: #00493b;
}
.item-switcher .item-switcher-details {
    display: flex;
    gap: 6px;
}
.item-switcher .item-switcher-details .item-switcher-info {
    display: flex;
    align-items: center;
}
.item-switcher-modal {
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.13);
    border-radius: 12px;
    max-width: 411px;
    z-index: 99;
}
.item-switcher-modal .item-switcher-modal-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
}
.item-switcher-modal .item-switcher-modal-header .item-switcher__icon--subscription {
    display: flex;
    align-items: center;
}
.item-switcher-modal .item-switcher-modal-header .item-switcher__icon--subscription img {
    width: 24px;
}
.item-switcher-modal .item-switcher-modal-header  .item-switcher-modal-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    margin-right: auto;
}
.item-switcher-modal ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.item-switcher-modal ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 8px;
}
.item-switcher-modal ul li .item-switcher__icon--checkmark-circle {
    margin-right: 5px;
}
.item-switcher-modal ul li .item-switcher__icon--checkmark-circle img {
    width: 16px;
}
.item-switcher-modal small {
    display: inline-block;
    line-height: 14px;
}
.item-switcher-modal {
    left: 50%;
    padding: 24px;
    position: fixed;
    right: 16px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 32px);
}
@media only screen and (min-width: 768px) {
    .item-switcher-modal {
        padding: 32px;
        position: absolute;
        top: 50px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        width: max-content;
    }
}

cart-drawer .quantity-selector--small .quantity-selector__input {
    width: 25px;
}
cart-drawer .line-item__quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
cart-drawer .line-item__quantity .quantity-selector--small,
.template-cart .quantity-selector.quantity-selector--small {
    --quantity-selector-height: 30px;
}
.quantity-selector {
    border: 0;
}
.quantity-selector .quantity-selector__button {
    border: 1px solid rgb(var(--border-color));
}
@media screen and (min-width: 741px) {
    cart-drawer .line-item__price-list-container {
        padding-left: 10px !important;
    }
    
    /* Fix layout when price exceeds £100 with selling plan dropdown */
    cart-drawer .line-item__quantity_price {
        gap: 15px;
    }
    
    /* Adjust dropdown width on larger screens to prevent wrapping */
    .line-item__quantity:has(.upgrade_subscription_frequency) {
        flex-wrap: nowrap;
        gap: 8px;
    }
    
    .line-item__quantity:has(.upgrade_subscription_frequency) .upgrade_subscription_frequency {
        min-width: 130px;
        max-width: 140px;
    }
    
    .line-item__quantity:has(.upgrade_subscription_frequency) .upgrade_subscription_frequency select {
        font-size: 13px;
    }
    
    /* Ensure price container doesn't wrap */
    cart-drawer .line-item__price-list-container {
        white-space: nowrap;
        flex-shrink: 0;
    }
}
@media only screen and (max-width: 480px) {
    button[data-upgrade-to-subscription] {
        font-size: 11px !important;
        padding: 0 5px;
    }
    
    /* Make quantity selector smaller on mobile to accommodate larger price */
    cart-drawer .line-item__quantity .quantity-selector--small {
        --quantity-selector-height: 28px;
    }
    
    cart-drawer .line-item__quantity .quantity-selector__input {
        font-size: 12px;
        width: 22px;
    }
    
    /* Increase price size on mobile to match recommended products */
    .mini-cart .line-item__price-list-container .price-list {
        font-size: 17px !important;
        line-height: 19px !important;
        font-weight: 600;
    }
    
    /* Ensure strikethrough price is same size as main price */
    .mini-cart .line-item__price-list-container .price--compare {
        font-size: 17px !important;
        line-height: 19px !important;
    }
    
    /* Slightly increase quantity selector size */
    cart-drawer .line-item__quantity .quantity-selector--small {
        --quantity-selector-height: 32px;
    }
    
    cart-drawer .line-item__quantity .quantity-selector__input {
        font-size: 13px;
        width: 24px;
    }
    
    /* Ensure quantity and price stay on same line */
    cart-drawer .line-item__quantity_price {
        gap: 10px;
    }
    
    cart-drawer .line-item__quantity {
        flex-wrap: nowrap;
        gap: 6px;
    }
    
    /* Increase product title size on mobile */
    .mini-cart .product-item-meta__title {
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 600;
    }
}

/* Style the selling plan dropdown when below quantity/price */
.upgrade_subscription_frequency--below {
    width: 100%;
    margin: 10px 0 15px 0;
}

.upgrade_subscription_frequency--below select {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 32px 0 12px;
    border: 1px solid rgb(var(--border-color));
    border-radius: 6px;
    background-color: #f5f5f5;
    background-position: right 10px center;
    background-size: 12px;
}

/* Hide the old inline dropdown location */
.line-item__quantity .upgrade_subscription_frequency {
    display: none;
}

/* Fix empty cart product title width to prevent 3-line wrapping */
.cart-suggestion-collections .cart-suggestion--item {
    width: 170px;
}

.cart-suggestion-collections .cart-suggestion--item .list-collections__item-title {
    width: 100%;
    max-width: 170px;
    min-width: unset;
    line-height: 1.3;
}

/* Ensure images maintain proper size */
.cart-suggestion-collections .cart-suggestion--item .list-collections__item-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

/* Style the quantity selector input in cart drawer */
cart-drawer .quantity-selector__input,
#mini-cart .quantity-selector__input {
    background-color: #ffffff;
    border-top: 1px solid rgb(var(--border-color));
    border-bottom: 1px solid rgb(var(--border-color));
    border-left: none;
    border-right: none;
    margin: 0; /* Remove margin to prevent gaps */
    padding: 0 8px; /* Add internal padding for text */
}

/* Ensure the container has no border since individual elements have borders */
cart-drawer .quantity-selector,
#mini-cart .quantity-selector {
    border: none;
    background-color: #ffffff; /* White background for the container */
}

/* Remove button margins to prevent gaps */
cart-drawer .quantity-selector__button,
#mini-cart .quantity-selector__button {
    margin: 0; /* Remove gaps between elements */
}
/* Fix for 320px viewport - hide strikethrough price when discount labels present */
@media only screen and (max-width: 320px) {
    /* Reduce shipping bar text size to fit on single line */
    .shipping-bar__text {
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding: 0 5px;
    }
    
    /* Reduce shipping bar padding */
    .shipping-bar {
        padding: 10px 8px !important;
    }
    
    /* Hide strikethrough/compare price to prevent quantity selector wrapping */
    .mini-cart .line-item__price-list-container .price--compare {
        display: none !important;
    }
    
    /* Ensure quantity and price stay on same line */
    .mini-cart .line-item__quantity_price {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center;
    }
    
    /* Reduce discount badge size to save space */
    .line-item__discount-badge {
        font-size: 11px !important;
        padding: 2px 6px !important;
        white-space: nowrap;
    }
    
    /* Ensure line item info doesn't cause wrapping */
    .mini-cart .line-item__info {
        flex: 1;
        min-width: 0;
    }
    
    /* Optimize quantity selector size */
    cart-drawer .line-item__quantity .quantity-selector--small {
        --quantity-selector-height: 28px;
    }
    
    cart-drawer .line-item__quantity .quantity-selector__input {
        font-size: 12px;
        width: 22px;
    }
}

@media only screen and (max-width: 400px) {
    cart-drawer .line-item__quantity {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Fix checkout button styling on mobile */
@media only screen and (max-width: 768px) {
    .mini-cart .checkout-button {
        border-radius: var(--button-border-radius);
        width: calc(100% - 32px);
        margin: 0 auto;
        display: flex;
    }
    
    /* Ensure proper height and padding for rounded corners */
    .mini-cart .checkout-button.button--primary {
        min-height: var(--button-height);
        padding: 0 24px;
    }
}
@media only screen and (max-width: 999px) {
    .product__info {
        padding-top: 10px;
    }
    .product__media-item {
        width: 90%;
        min-width: 90%;
        padding: 0 10px !important;
    }
}
@media only screen and (max-width: 740px) {
    .product__media-item {
        padding: 0 5px !important;
    }
}
.product-featured {
    display: flex;
    justify-content: center;
}
.product-featured .featured-item {
    width: 33.33%;
    text-align: center;
    padding: 0 10px;
}
.product-featured .featured-item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.product-featured .featured-item .featured-text {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}

/*********** product accordions for desktop and mobile ***************/

.acc-tabs {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* Accordions with .hide class: shown on desktop, hidden on mobile (backwards logic for product page) */
.acc-tabs.hide {
    display: block;
}

@media only screen and (max-width: 600px) {
  .acc-tabs.hide {
    display: none;
  }
}

.acc-tabs.panel1 .main-content {
    margin: 0px;
    float: left;
    width: 100%;
}

.acc-tabs button.accordion1 {
    padding: 24px 18px;
    line-height: 1rem;
    font-size:17px;
    font-weight:700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    background: none;
    border: none;
    color: inherit;
}

@media only screen and (min-width: 601px) {
  .acc-tabs button.accordion1 {
    font-size: 20px;
  }
}

.acc-tabs button.accordion1:after {
    display: none;
}

.acc-tabs button.accordion1 svg {
    transition: transform .2s ease-in-out;
}

.acc-tabs button.accordion1.active1 svg {
    transform: rotate(180deg);
}

button.accordion1.Key-Benefits {
    border-top: none;
}

.acc-tabs .panel1 {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    font-size: 17px;
    line-height: 1.5;
}

.acc-tabs .panel1 ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}

.acc-tabs .panel1 ul li {
    margin-bottom: 12px;
    line-height: 1.68;
    font-size: 17px;
}

.acc-tabs .panel1 p {
    line-height: 1.68;
    margin-bottom: 16px;
}

.acc-tabs button.accordion1.active1 + .panel1 {
    padding-bottom: 18px;
}

img.product-tabs__trust-icon {
    width: 16px;
    margin-right: 8px;
}
.product-item__label-list {
    top: 0;
    overflow: hidden;
    border-top-left-radius: var(--block-border-radius-reduced);
}
[dir="ltr"] .product-item__label-list {
    top: 0;
    left: 0;
}
.product-item__label-list.discount-badge-list {
    width: 120px;
    height: 120px;
}
.product-item__label-list .label--custom,
.product-item__label-list .label--custom2,
.product-item__label-list .label--subdued {
    border-radius: 0;
    border-bottom-right-radius: 8px;
    padding: .25rem 1.1rem;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.product-item__label-list .label--highlight {
    /*/border-bottom-right-radius: 1rem;
    padding: .55rem 1.10rem;*/
    /*width: 48px;
    height: 48px;
    border-radius: 50%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 100%;
    background-color: #E2F3A9;
    color: #044436;

    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    width: 160px;
    top: 20px;
    left: -40px;
    position: relative;
    transform: rotate(-45deg);
}
@media only screen and (max-width: 999px) {
    .product-item__label-list .label--custom,
    .product-item__label-list .label--custom2,
    .product-item__label-list .label--subdued {
        padding: .10rem .7rem;
        font-size: 12px;
    }
    .product-item__label-list .label--highlight {
        top: 18px;
        left: -46px;
        font-size: 14px;
        padding: 8px 0;
    }
}
#predictive-search-collections .predictive-search__linklist-item .predictive-search__linklist-link {
    justify-content: flex-start;
}
#predictive-search-collections .predictive-search__linklist-item .predictive-search__linklist-link svg {
    margin-left: auto;
}
.product {
    margin-left: 0;
    margin-right: 0;
}
[dir="ltr"] .product--thumbnails-left .product__media {
    padding-left: 0;
}
.product--thumbnails-left .product__thumbnail-item {
    width: 70px;
    height: 70px;
    display: block;
    background: #1f1f1f;
    border: 1px solid #1f1f1f;
    border-radius: 6px;
    opacity: .7;
    outline: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.product--thumbnails-left .product__thumbnail-item .product__thumbnail {
    padding: 0;
}
.product--thumbnails-left .product__thumbnail-item[aria-current="true"] {
    opacity: 1;
}
[dir="ltr"] .product--thumbnails-left .product__thumbnail-list {
    margin-right: 15px;
}
@media only screen and (min-width: 1000px) {
    .product--thumbnails-left .product__thumbnail {
        width: 70px;
        min-width: 70px;
    }
    [dir=ltr] .product--thumbnails-left .product__media {
        padding-right: 20px;
    }
}
.product-supply-meta {
    font-size: 15px;
    color: #5A5A5A;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    padding: 0 1px;
}

 .product__info .oke-sr-count {
    text-decoration: underline !important;
    font-size: 14px!important;
    font-weight:500!important;
}
body.template-page-tracking section image-with-text-overlay {
    min-height: 250px;
}
@media only screen and (max-width: 767px) {
  body.template-page-tracking section image-with-text-overlay {
    min-height: 200px;
  }
}
.mini-cart header.drawer__header {
    background-color: #004436;
    color: #fff;
}
.mini-cart header.drawer__header p {
    color: #fff;
}
.mini-cart.drawer {
  z-index: 9999;
}
.mini-cart.drawer .line-item__info .line-item__price-list-container {
    margin-bottom: 0;
}
.mini-cart.drawer .line-item__info .line-item__price-list-container .price-list {
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center;
}

@media screen and (min-width: 741px) {
    .mini-cart.drawer .line-item__info .line-item__price-list-container .price-list {
        font-size: 14px;
    }
}
.mini-cart .price-list--stack {
    display: inline-flex !important;
    flex-direction: row !important;
}
/* Ensure compare price appears on the left */
.mini-cart .price-list .price--compare {
    order: -1;
}

/* menu save 20% css */

button.subscribe_save {
    opacity: 1;
    color: #fff;
    padding: 4px 12px;
    margin-left: 10px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    background: #8ba54c;
    color: #ffffff;
}
.inventory {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
}
.inventory > img {
    width: 20px;
}
.product-form__payment-container {
    margin: 0;
}
.okeReviews[data-oke-container].oke-w {
    max-width: 1250px !important;
}
.okeReviews[data-oke-container] .oke-reviewContent-body {
    font-weight: 500 !important;
}
.okeReviews[data-oke-container] .oke-w-reviewer-verified-icon:before, 
div.okeReviews .oke-w-reviewer-verified-icon:before {
    color: #8BA54C !important;
}
[data-oke-widget] .okeReviews[data-oke-container] .oke-showMore-button {
    --button-background: var(--secondary-button-background);
    --button-text-color: var(--secondary-button-text-color);
    border: 1px solid #000;
    background-image: linear-gradient(178deg, rgb(var(--button-background)), rgb(var(--button-background)) 10%, #00000012 10% 100%), linear-gradient(rgb(var(--button-background)), rgb(var(--button-background)));
    background-size: 100% 200%, 100% 100%;
    background-position: 100% -100%, 100% 100%;
    background-repeat: no-repeat;
    transition: background-position .3s cubic-bezier(.215,.61,.355,1);
    transform: translateZ(0);
    box-shadow: none !important;
}
[data-oke-widget] .okeReviews[data-oke-container] .oke-showMore-button:hover {
    border-color: #000 !important;
    background-position: 100% 25%, 100% 100%;
    --button-hover-background: var(--secondary-button-hover-background);
    background-image: linear-gradient(178deg, rgb(var(--button-hover-background)), rgb(var(--button-hover-background)) 10%, #00000012 10% 100%), linear-gradient(rgb(var(--button-hover-background)), rgb(var(--button-hover-background)));
}
[data-oke-widget] .okeReviews[data-oke-container] .oke-showMore-button:hover span {
    color: #000;
}

.product__media-image-with-featured {
    display: grid;
    grid-template-columns: 1fr 140px;
    align-content: stretch;
    gap: 22px;
    height: 100%;
}
.product__media-image-with-featured img {
    border-radius: var(--block-border-radius-reduced);
    overflow: hidden;
}
.product__media-image-with-featured .featured-infos {
    display: grid;
    gap: 22px;
}
.product__media-image-with-featured .featured-infos .featured-info {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 30px 16px 26px;
    background: var(--featured-box-background);
    color: #fff;
}
.product__media-image-with-featured .featured-infos .featured-info img {
    width: 100%;
    height: 100%;
    max-height: 41px;
    max-width: 41px;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline-block;
    margin: 0 auto 7px;
}
.product__media-image-with-featured .featured-infos .featured-info span {
    font-size: 17px;
    line-height: 18px;
    font-weight: 600;
}
predictive-search-drawer .predictive-search__results:not([hidden]) + .predictive-search-popular__section {
    display: none;
}
.predictive-search-popular__products,
.predictive-search-popular__tags {
    margin-top: 30px;
}
.predictive-search-popular__products .product-list__inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, calc(100% / 2 - 12px * (2 - 1) / 2));
    grid-gap: 24px 12px;
    gap: 24px 12px;
    overflow: hidden;
}
.predictive-search-popular__products .product-list__inner .product-item .product-item__image-wrapper {
    margin-bottom: 10px;
}
.predictive-search-popular__products .product-list__inner .product-item .product-item__info {
    flex-direction: column-reverse;
}
.predictive-search-popular__products .product-list__inner .product-item .product-item__info .product-item-meta__title,
.predictive-search-popular__products .product-list__inner .product-item .product-item__info .product-item-meta__price-list-container {
    line-height: 1;
    font-family: var(--heading-font-family);
}
.predictive-search__product-list .predictive-search__product-item .line-item__info .product-item-meta__title {
    font-size: 18px;
}
.predictive-search-popular__products .product-list__inner .product-item .product-item__info .product-item-meta__price-list-container {
    font-weight: 600;
}
.predictive-search-popular__tags .tags-list__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.predictive-search-popular__tags .tags-list__inner .trending-term {
    background-color: #00493b;
    color: #fff;
    padding: 10px;
    line-height: 1;
    border-radius: 50px;
    padding: 10px 19px;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
    .product__media-image-with-featured {
        grid-template-columns: 1fr min-content;
    }
    .product__media-image-with-featured,
    .product__media-image-with-featured .featured-infos {
        gap: 8px;
    }
    .product__media-image-with-featured .featured-infos .featured-info {
        padding: 0 12px;
    }
    .product__media-image-with-featured .featured-infos .featured-info img {
        max-width: 32px;
        max-height: 32px;
    }
    .product__media-image-with-featured .featured-infos .featured-info span {
        font-size: 12px;
        line-height: 16px;
    }
    product-facet.product-facet {
        margin-top: 0;
    }
    .predictive-search-popular__products .mob-reviews [data-oke-star-rating] {
        margin: 0;
    }
}
.payment-icons {
    padding: 10px 0;
}
.payment-icons ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.payment-icons ul li svg {
    padding: 0;
    margin: 0;
    display: inline-block;
    height: auto;
    width: 2.125em;
}
/*
body.template-index button.version-2--button-btn,
body.template-index .button:not(.menu__call-to-action),
body.template-product .button,
body.template-product .button .loader-button__text {
    font-size: 16px;
}*/
.mega-menu .menu_desktop__call-to-action.button:not(.menu__call-to-action),
.mega-menu .menu_desktop__call-to-action.button .loader-button__text {
    font-size: 16px;
    line-height: calc(var(--button-height) - 2px);
}
.mega-menu .mega-menu__images-wrapper .mega-menu__image-push {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mega-menu .mega-menu__images-wrapper .mega-menu__image-push .mega__menu_heading {
    font-family: "arboria";
    letter-spacing: 0.5px;
    font-size: 17px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.mega-menu .mega-menu__images-wrapper .mega-menu__image-push .mega-menu__text {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
}
.mega-menu .mega-menu__images-wrapper .mega-menu__image-push .custom_mega_btn {
    margin: 0 auto;
    margin-top: auto !important;
    width: fit-content;
}
@media screen and (max-width: 1400px) {
    .mega-menu .mega-menu__images-wrapper .mega-menu__image-push .custom_mega_btn {
        font-size: 14px;
    }    
}
.mega-menu {
    background-color: transparent;
}
.mega-menu__inner {
    background: rgb(var(--background));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 25px;
    padding-right: 25px;
}
.mega-menu:after {
    top: 0 !important;
    height: 100vh !important;
}
.line-item__discount-badge.discount-badge {
    background: transparent;
    color: red;
    padding: 0;
}
.ml-5px {
    margin-left: 10px;
}
.drawer__message {
    background: #daffe7;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: black;
    padding: 2px 0;
}
desktop-navigation > * {
    font-size: 18px;
}
product-list .product-item-collection-only .product-item__cta-wrapper.product-cta-with--view {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
product-list .product-item-collection-only .product-item__cta-wrapper.product-cta-with--view .link-view-product {
    width: auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: underline;
    color: #101820;
}
product-list .product-item-collection-only .product-item__cta-wrapper .product-item__cta {
    padding: 0 !important;
}
.predictive-search__product-item,
#predictive-search-collections .predictive-search__linklist-item .line-item__info {
    font-family: var(--heading-font-family);
}
.button.menu__call-to-action,
.button.header__call-to-action {
    font-size: 16px;
}
.product-content__featured-products .product-item-meta__title {
    font-size: 16px;
    font-weight: 700;
}
.product-content__featured-products .product-item .product-item__info .product-small-desc {
    font-size: 13px;
    font-weight: 500;
    color: #5E5E5E;
}
.product-content__featured-products .product-item .product-item-meta__price-list-container {
    font-size: 16px;
    line-height: 16px !important;
}
.product-content__featured-products .price-list {
    line-height: 16px !important;
}
button[form="mini-cart-form"] .loader-button__text {
    text-transform: uppercase;
}
.mobile-nav__item[data-level="1"]:nth-child(-n+4) {
    border: 0;
}
.mobile-nav__item[data-level="1"]:nth-child(-n+4) > .mobile-nav__link {
    padding: 12px 0;
}
.mobile-nav__item[data-level="1"]:nth-child(5) .mobile-nav__link {
    padding-top: 12px;
  
}
.mobile-nav__item:last-child [is=toggle-button] + collapsible-content .mobile-nav {
    width: 100%;
}
.mobile-nav__item:last-child [is=toggle-button] + collapsible-content .mobile-nav .mobile-nav__item {
    font-size: 18px;
    font-weight: 400;
}
.purolab-save--badge {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #8ba54c;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    margin-right: auto;
    margin-left: 10px;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Mobile navigation menu white background */
#mobile-menu-drawer .drawer__content {
    background: white !important;
    background-color: white !important;
}

#mobile-menu-drawer {
    background: white !important;
    background-color: white !important;
}

mobile-navigation#mobile-menu-drawer {
    background: white !important;
    background-color: white !important;
}

mobile-navigation#mobile-menu-drawer .drawer__header {
    background: white !important;
    background-color: white !important;
}

mobile-navigation#mobile-menu-drawer .search_bar {
    background: white !important;
    background-color: white !important;
}
.product-item-collection-only.template-subsciption .subscriptions-product-action {
    --form-input-field-height: 40px;
}
.product-item-collection-only.template-subsciption .subscriptions-product-action button[is="toggle-button"] {
    padding: 0 10px;
}
.product-item-collection-only.template-subsciption .subscriptions-product-action button[is="toggle-button"] span,
.product-item-collection-only.template-subsciption .subscriptions-product-action combo-box .combo-box__option-list {
    font-size: 14px;
}
.product-item-collection-only.template-subsciption .subscriptions-product-action button[is="toggle-button"] svg {
    margin-left: 8px;
}
.product-item-collection-only.template-subsciption .subscriptions-product-action .product-action button {
    line-height: var(--form-input-field-height);
    margin-top: 8px;
    padding: 0 12px !important;
}
.purolab-select-element {
    position: relative;
    margin-top: 8px;
}
.purolab-select-element .select {
    padding: 0 25px 0 10px;
    font-size: 14px;
}
.purolab-select-element .select ~ svg {
    right: 12px;
}
.button.button--secondary:not(.button--text) {
    line-height: calc(var(--button-height) - 2px);
}
.mini-cart__recommendations-list .product-item__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 32px !important;
}
body.template-collection div[id="main"] {
    background-color: #EDE0D6;
    display: inline-block;
    width: 100%;
}
body.template-collection .pagination__nav-item {
    background-color: #fff;
    --border-color: 214, 223, 192;
}
body.template-collection .pagination__nav-item[aria-current="page"]:before {
    color: #8BA54C;
}

/* Blog styling - matching collection page */
body.template-blog div[id="main"] {
    background-color: #EDE0D6;
    display: inline-block;
    width: 100%;
}

/* Blog article cards styling - matching collection page product cards */
body.template-blog .article-item {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}

body.template-blog .article-item__image-container {
    margin: -15px -15px 15px -15px; /* Negative margins to make image fill the card */
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

/* Blog category tags styling - unified for both blog index and article pages */
body.template-blog .article-item__category,
.shopify-section--blog-post-banner .article__category {
    background-color: #E2F3A9;
    color: #044436;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 60px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Mier A Bold', 'Mier A', sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    text-decoration: none;
}

/* Keep consistent sizing across all devices */
@media screen and (max-width: 999px) {
    body.template-blog .article-item__category,
    .shopify-section--blog-post-banner .article__category {
        font-size: 12px;
        padding: 6px 12px;
    }
}

@media screen and (max-width: 740px) {
    body.template-blog .article-item__category,
    .shopify-section--blog-post-banner .article__category {
        font-size: 12px;
        padding: 6px 12px;
    }
}

/* Ensure link styling for category tags */
body.template-blog a.article-item__category,
.shopify-section--blog-post-banner a.article__category {
    color: #044436;
    text-decoration: none;
}

body.template-blog a.article-item__category:hover,
.shopify-section--blog-post-banner a.article__category:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* Blog pagination styling - matching collection page */
body.template-blog .pagination__nav-item {
    background-color: #fff;
    --border-color: 214, 223, 192;
}
body.template-blog .pagination__nav-item[aria-current="page"]:before {
    color: #8BA54C;
}

/* Product form text spacing - consistent across all devices */
.product-form__text {
    margin-top: 16px !important;
}

/* Article scroll navigation bar color */
.article__nav::after {
    background: #8BA54C !important;
    box-shadow: 0 1px #8BA54C !important;
}

/* Increase blog post content width for better readability */
@media screen and (min-width: 1000px) {
    .shopify-section--main-article .article__content,
    .shopify-section--main-article .article__info {
        max-width: 800px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .shopify-section--main-article .article__content {
        max-width: 800px !important;
    }
}

/* Blog post content typography and colors */
.shopify-section--main-article .article__content {
    line-height: 1.7;
    letter-spacing: 0.02em;
    color: #2C2C2C;
}

/* Increase blog post font size on mobile for better readability */
@media screen and (max-width: 740px) {
    .shopify-section--main-article .article__content {
        font-size: 17px;
    }
}

.shopify-section--main-article {
    background: #FAFAFA;
}

/* Remove gap between blog header and article content */
.shopify-section--blog-post-banner + .shopify-section--main-article {
    margin-top: 0 !important;
    padding-top: 40px;
}

/* Ensure no top/bottom margin on article element, use padding instead */
.shopify-section--main-article .article {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 40px;
}

@media screen and (min-width: 1000px) {
    .shopify-section--main-article .article {
        padding-bottom: 80px;
    }
}

/* Add padding to article author section */
.shopify-section--main-article .article-author {
    padding-top: 0;
}

/* Style author bio text */
.shopify-section--main-article .article-author__content,
.shopify-section--main-article .article-author__content p,
#shopify-section-template--24933933908346__main .article-author,
#shopify-section-template--24933933908346__main .article-author p {
    font-size: 14px !important;
    font-family: 'Mier A Book', 'Mier A', sans-serif;
    font-weight: 500;
    line-height: 1.6;
}

/* Change author bio background color and add padding/radius */
.shopify-section--main-article .article-author,
#shopify-section-template--24933933908346__main .article-author {
    background-color: #EDE0D6 !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Hide the on-scroll navigation bar completely */
.article__nav,
blog-post-navigation {
    display: none !important;
}

/* Change blog product boxes background color */
.blog-product {
    background-color: #EDE0D6 !important;
}

/* Change article reference section background to match blog post */
.product--Reference,
.article--Reference,
.shopify-section--article-refrences {
    background-color: #FAFAFA !important;
}

/* Remove margin between blog content and references, use padding instead */
.shopify-section--main-article + .shopify-section--article-refrences {
    margin-top: 0 !important;
}

.shopify-section--article-refrences {
    padding-top: 40px !important;
}

/* Remove vertical-breather margins/padding that create white gaps */
.article__prev-next.vertical-breather {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Ensure continuous background between sections */
.shopify-section--blog-post-prev-next {
    background-color: #044436 !important;
    margin: 0 !important;
}

/* Override MsoNormal styles with higher specificity */
.shopify-section--main-article .article__content p,
.shopify-section--main-article .article__content p.MsoNormal {
    line-height: 1.7 !important;
    letter-spacing: 0.02em !important;
    color: #2C2C2C !important;
}

/* Ensure all text elements follow the typography rules */
.shopify-section--main-article .article__content h1,
.shopify-section--main-article .article__content h2,
.shopify-section--main-article .article__content h3,
.shopify-section--main-article .article__content h4,
.shopify-section--main-article .article__content h5,
.shopify-section--main-article .article__content h6,
.shopify-section--main-article .article__content li,
.shopify-section--main-article .article__content div {
    letter-spacing: 0.02em;
    color: #2C2C2C;
}

/* Style the on-scroll navigation bar background */
.article__nav {
    background-color: #EDE0D6 !important;
}

/* Blog post headline styling for desktop */
.shopify-section--blog-post-banner h1 {
    font-size: 45px !important;
    font-family: 'Arboria', sans-serif !important;
}

/* Responsive blog post headline sizing */
@media screen and (max-width: 999px) {
    .shopify-section--blog-post-banner h1 {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 740px) {
    .shopify-section--blog-post-banner h1 {
        font-size: 28px !important;
    }
}

/* Remove gradient blur effect on blog tag selector on mobile/tablet */
@media screen and (max-width: 999px) {
    body.template-blog .link-bar__wrapper::after {
        display: none;
    }
}

/* Reduce blog post title font sizes */
body.template-blog .article-item__title {
    font-size: 20px !important; /* Mobile default */
    line-height: 1.3;
}

@media screen and (min-width: 741px) {
    body.template-blog .article-item__title {
        font-size: 22px !important; /* Tablet */
    }
}

@media screen and (min-width: 1000px) {
    body.template-blog .article-item__title {
        font-size: 24px !important; /* Desktop */
    }
}

body.template-collection .link-bar,
body.template-collection .checkbox,
body.template-collection .product-facet__filters-header,
body.template-collection .product-facet__filter-item + .product-facet__filter-item {
    --border-color: 139, 165, 76;
    --border-color-darker: 139, 165, 76;
}
body.template-collection .checkbox:checked {
    --heading-color: 139, 165, 76;
}
.product-facet__meta-bar .product-facet__sort-by-title,
.product-facet__meta-bar .popover-button {
    font-weight: 500;
    color: #101820;
}
.section__header .subheading {
    font-size: 22px;
    font-weight: 500;
}
.text--link {
    font-size: 17px;
    font-weight: 500;
}
@media only screen and (min-width: 741px) {
    .predictive-search__product-item .line-item__image-wrapper {
        width: 120px;
    }
    .predictive-search__product-item .price-list {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1000px) {
    footer.footer .footer__inner {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 999px) {
    footer.footer .footer__inner .footer__item--image.is-first {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
	.modal__content--ingredients {
		max-width: 100%;
    }
	.ingredients-popup .modal__close-button {
		top: 10px;
		right: 12px;
    }
    body.template-cart form.cart free-shipping-bar.shipping-bar {
        padding: 2px 0;
    }
    body.template-cart form.cart free-shipping-bar.shipping-bar:before,
    body.template-cart form.cart free-shipping-bar.shipping-bar:after {
        position: absolute;
        content: "";
        left: -25px;
        width: 100%;
        height: -webkit-fill-available;
        background: inherit;
        z-index: -1;
        top: 0;
    }
    body.template-cart form.cart free-shipping-bar.shipping-bar:after {
        left: unset;
        right: -25px;
    }
    body.template-cart form.cart .line-item .product-item-meta {
        margin-bottom: 8px;
    }
}
@media only screen and (max-width: 768px) {
    .shopify-section--main-product .product-title__wrapper {
        margin-bottom: 12px;
    }
    product-list .product-item-collection-only .product-item__cta-wrapper.product-cta-with--view .link-view-product {
        font-size: 12px !important;
        line-height: 12px;
    }
    product-list .product-item-collection-only .product-item__cta-wrapper.product-cta-with--view button,
    product-list .product-item-collection-only .product-item__cta-wrapper.product-cta-with--view a.link-view-product {
        margin: 0;
    }
    product-list .product-item-collection-only .product-item-meta .product-item-meta__price-list-container {
        margin-top: -5px;
    }
    .shopify-section--main-product [data-oke-star-rating],
    .shopify-section--main-product .product-meta__title,
    .shopify-section--main-product .product-meta__vendor.heading,
    .shopify-section--main-product .product-form .metafield-rich_text_field {
        margin: 0 0 2px !important;
    }
    /* Match spacing for page-product-section to match main-product section */
    .page-product-section .product-title__wrapper {
        margin-bottom: 12px;
    }
    .page-product-section [data-oke-star-rating],
    .page-product-section .product-meta__title,
    .page-product-section .product-meta__vendor.heading,
    .page-product-section .product-form .metafield-rich_text_field {
        margin: 0 0 2px !important;
    }
}
@media only screen and (max-width: 740px) {
    .text--link {
        font-size: 14px;
    }
    quick-buy-popover .quick-buy-product {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    quick-buy-popover .quick-buy-product .quick-buy-product__info {
        width: 100%;
    }
    quick-buy-popover .quick-buy-product .quick-buy-product__info a.product-item-meta__title {
        font-size: 16px !important;
    }
    quick-buy-popover .quick-buy-product .quick-buy-product__info a {
        line-height: 1.2 !important;
    }
    quick-buy-popover .quick-buy-product .quick-buy-product__info .product-item-meta__list {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        white-space: nowrap;
    }
}

/* Product Supply Label */
.product-supply-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4px;
    margin-bottom: 8px;
    width: 100%;
}

.product-supply-label__text {
    display: inline-block;
    padding: 0;
    font-size: 17px;
    font-family: 'MierA', sans-serif;
    font-weight: 600; /* demi-bold */
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
    border: none;
    background-color: transparent;
}

.product-supply-label__divider {
    width: 100%;
    height: 1px;
    margin-top: 8px;
    opacity: 0.3; /* Make the line subtle */
}

/* Hide product-meta element to remove spacing */
product-meta.product-meta {
    display: none !important;
}


/* Desktop - Position to the right of title */
@media only screen and (min-width: 1000px) {
    .product-title__wrapper {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    
    .product-supply-label {
        margin: 0;
    }
}

/* Mobile - Position below title */
@media only screen and (max-width: 999px) {
    .product-title__wrapper {
        display: block;
    }
    
    .product-supply-label {
        margin-top: 6px;
        margin-bottom: 8px;
    }
    
    .product-supply-label__text {
        font-size: 16px;
        padding: 0;
        line-height: 1.2;
    }
}

/* Tablet - Increase font size */
@media only screen and (min-width: 469px) and (max-width: 999px) {
    .product-supply-label__text {
        font-size: 17px;
    }
}

quick-buy-popover .quick-buy-product .quick-buy-product__info .product-item-meta__list .product_link {
    display: inline-block;
    width: auto;
    margin: 0;
}

@media only screen and (max-width: 740px) {
    quick-buy-popover .product-item-meta {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    quick-buy-popover .product-form {
        display: block;
        height: calc(85vh - 70px);
        overflow: auto;
    }
    quick-buy-popover .popover__header .popover__close-button {
        width: auto !important;
    }
    #mini-cart-form .product-item-meta__title,
    .mini-cart__recommendations .product-item-meta__title {
        font-weight: 600;
    }
    .line-item__discount-badge.discount-badge {
        font-size: 13px;
    }
    .mini-cart #mini-cart-form .price-list,
    .mini-cart__recommendations .price-list {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
    }
    .button--full-mobile {
        width: 100%;
    }
    .button.button--secondary:not(.button--text) {
        line-height: calc(var(--button-height) - 2px);
    }
    .button--width-auto-mobile {
        width: auto !important;
    }
    body.template-index button.version-2--button-btn,
    body.template-index .button:not(.menu__call-to-action) {
        font-size: 14px;
        font-weight: 700;
        width: 100%;
    }
    quick-buy-popover .product-form .product-form__payment-container #AddToCart { 
        line-height: 36px;
    }
}
@media only screen and (max-width: 480px) {
    .section__header .subheading {
        font-size: 19px;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 425px) {
    .product-form__payment-container #AddToCart {
        padding: 0 20px;
    }
    .product-form__payment-container #AddToCart .loader-button__text {
        font-size: 16px;
    }
}

/* Toggle Switch Styles for Subscribe & Save */
.item-switcher--toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 4px;
}

.item-switcher-toggle {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.item-switcher-toggle-track {
    width: 44px;
    height: 24px;
    background-color: #e0e0e0;
    border-radius: 24px;
    position: relative;
    transition: background-color 0.3s ease;
}

.item-switcher--active .item-switcher-toggle-track {
    background-color: #00493b;
}

.item-switcher-toggle-thumb {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.item-switcher--active .item-switcher-toggle-thumb {
    transform: translateX(20px);
}

.item-switcher--toggle .item-switcher-text {
    flex: 1;
}

.item-switcher--toggle .item-switcher-details {
    display: flex;
    align-items: center;
    gap: 6px;
}

.item-switcher--toggle .item-switcher-heading {
    color: #799730;
    font-family: 'MierA', sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.2;
}

.item-switcher--toggle .item-switcher-info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.item-switcher--toggle .item-switcher-info svg {
    width: 16px;
    height: 16px;
}

/* Hide the old checkbox styles for toggle switches */
.item-switcher--toggle .item-switcher-control,
.item-switcher--toggle .item-switcher-checkbox {
    display: none;
}

/* Ensure proper hover states */
.item-switcher--toggle:hover .item-switcher-toggle-track {
    opacity: 0.9;
}

/* Mobile responsiveness */
@media only screen and (max-width: 768px) {
    .item-switcher--toggle {
        gap: 8px;
        margin-top: 6px;
    }
    
    .item-switcher-toggle-track {
        width: 40px;
        height: 22px;
    }
    
    .item-switcher-toggle-thumb {
        width: 18px;
        height: 18px;
    }
    
    .item-switcher--active .item-switcher-toggle-thumb {
        transform: translateX(18px);
    }
    
    .item-switcher--toggle .item-switcher-heading {
        font-size: 12px;
    }
    
    /* Increase gap between product image and details in mini cart */
    .mini-cart .line-item__image-wrapper {
        margin-right: 16px;
    }
    
    /* Fix quantity selector border radius - make it flat */
    .mini-cart .quantity-selector__input,
    cart-drawer .quantity-selector__input {
        border-radius: 0 !important;
    }
    
    /* Ensure line item content matches image height */
    .mini-cart .line-item__content-wrapper {
        min-height: 100%;
    }
    
    /* Increase gaps in recommended products */
    .mini-cart__recommendations .product-item__image-wrapper {
        margin-right: 16px;
    }
    
    /* Add more space between product image and info in recommended products on mobile */
    .mini-cart__recommendations .product-item {
        display: flex;
        gap: 12px;
    }
    
    .mini-cart__recommendations .product-item__image-wrapper {
        flex-shrink: 0;
    }
}

/* Reduce vertical spacing in recommended products cards */
.mini-cart__recommendations .product-item-meta {
    gap: 2px;
    display: flex;
    flex-direction: column;
}

.mini-cart__recommendations .product-item-meta__vendor {
    margin-bottom: 2px;
    line-height: 1.2;
}

.mini-cart__recommendations .product-item-meta__title {
    margin-bottom: 4px;
    line-height: 1.3;
}

.mini-cart__recommendations .product-item-meta__price-list-container {
    margin-top: 2px;
    line-height: 1.2;
}

/* Additional fixes for smaller mobile screens */
@media only screen and (max-width: 480px) {
    .mini-cart .line-item__image-wrapper,
    .mini-cart__recommendations .product-item__image-wrapper {
        margin-right: 12px;
    }
}

/* Reduce container gutter (padding) for mobile and tablet mini cart */
@media only screen and (max-width: 1023px) {
    .mini-cart .drawer__header,
    .mini-cart .drawer__content,
    .mini-cart .drawer__footer {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Tablet-specific styles for mini cart spacing (820px, 912px, 712px viewports) */
@media only screen and (min-width: 481px) and (max-width: 1023px) {
    /* Increase spacing between product image and content on tablets */
    .mini-cart .line-item__image-wrapper {
        margin-right: 20px;
    }
    
    [dir="rtl"] .mini-cart .line-item__image-wrapper {
        margin-left: 20px;
        margin-right: 0;
    }
    
    /* Increase image size on tablets */
    .mini-cart .line-item__image-wrapper {
        width: 100px;
    }
    
    /* Add more spacing between elements in line item info */
    .mini-cart .line-item__info {
        gap: 12px;
    }
    
    /* Increase spacing for quantity and price section */
    .mini-cart .line-item__quantity_price {
        gap: 16px;
        margin-top: 12px;
    }
    
    /* Recommended products - increase internal spacing between image and content on tablets */
    [dir="ltr"] .mini-cart__recommendations .product-item__image-wrapper {
        margin: 0 28px 0 0 !important;
    }
    
    [dir="rtl"] .mini-cart__recommendations .product-item__image-wrapper {
        margin: 0 0 0 28px !important;
    }
    
    /* Increase recommended product image size on tablets */
    .mini-cart__recommendations .product-item__image-wrapper {
        width: 100px;
    }
    
    /* Add more spacing in recommended product info */
    .mini-cart__recommendations .product-item__info {
        gap: 14px;
    }
    
    /* Ensure proper spacing for price and quantity in recommended products */
    .mini-cart__recommendations .product-item__price-add-wrapper {
        gap: 16px;
        margin-top: 12px;
    }
    
    
    /* Increase font sizes slightly on tablets for better readability */
    .mini-cart .product-item-meta__title {
        font-size: 17px;
        line-height: 22px;
    }
    
    .mini-cart .line-item__price-list-container .price-list,
    .mini-cart__recommendations .price-list {
        font-size: 16px;
        line-height: 20px;
    }
    
    /* Ensure upgrade to subscription text has proper spacing */
    .mini-cart .subscription-text {
        margin-top: 8px;
    }
}

/* Quick Buy Plan Picker Fixes */

/* Position quick buy drawer below only the sticky header (not announcement bar) */
quick-buy-drawer.drawer--quick-buy,
.drawer--quick-buy {
    top: var(--header-height, 80px) !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    max-height: calc(100vh - var(--header-height, 80px)) !important;
    transition: top 0.3s ease, height 0.3s ease;
}

/* Ensure the drawer overlay starts below sticky header only */
quick-buy-drawer.drawer--quick-buy .drawer__overlay,
.drawer--quick-buy .drawer__overlay {
    top: var(--header-height, 80px) !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
}

/* Make drawer header transparent and position close button */
quick-buy-drawer .drawer__header,
.drawer--quick-buy .drawer__header {
    display: block !important;
    visibility: visible !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: absolute !important;
    top: 40px !important; /* Increased from 24px to prevent cutoff */
    right: 24px !important;
    left: auto !important;
    z-index: 100 !important;
    height: auto !important;
    width: auto !important;
}

/* Hide the "Choose options" title */
quick-buy-drawer .drawer__title,
.drawer--quick-buy .drawer__title {
    display: none !important;
}

/* Make close button smaller and accessible */
quick-buy-drawer .drawer__close-button,
.drawer--quick-buy .drawer__close-button {
    display: flex !important;
    visibility: visible !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove hover effects */
quick-buy-drawer .drawer__close-button:hover,
.drawer--quick-buy .drawer__close-button:hover {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Make close icon smaller */
quick-buy-drawer .drawer__close-button svg,
.drawer--quick-buy .drawer__close-button svg {
    width: 16px !important;
    height: 16px !important;
    color: #000 !important;
}

/* Adjust drawer content */
quick-buy-drawer .drawer__content,
.drawer--quick-buy .drawer__content {
    padding-top: 40px; /* Increased to match close button position */
    position: relative;
}

/* Make product info area relative for layout */
quick-buy-drawer .quick-buy-product__info,
.drawer--quick-buy .quick-buy-product__info {
    position: relative;
    padding-right: 30px; /* Add space for close button */
}

/* Ensure drawer slides in from the correct position */
quick-buy-drawer.drawer--quick-buy[open],
.drawer--quick-buy[open] {
    transform: translateX(0) !important;
}

/* Keep the mobile popover z-index fix */
@media only screen and (max-width: 999px) {
    quick-buy-popover,
    .popover--quick-buy {
        z-index: 10005 !important;
    }
}

/* Tablet-specific styles for quick buy drawer (768px to 999px) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
    /* Keep drawer positioned below sticky header only on tablets */
    quick-buy-drawer.drawer--quick-buy,
    .drawer--quick-buy {
        top: var(--header-height, 80px) !important;
        height: calc(100vh - var(--header-height, 80px)) !important;
        max-height: calc(100vh - var(--header-height, 80px)) !important;
    }
    
    /* Ensure the drawer overlay starts below sticky header on tablets */
    quick-buy-drawer.drawer--quick-buy .drawer__overlay,
    .drawer--quick-buy .drawer__overlay {
        top: var(--header-height, 80px) !important;
        height: calc(100vh - var(--header-height, 80px)) !important;
    }
}

/* Mobile-only styles (below 768px) - drawer should be full height */
@media only screen and (max-width: 767px) {
    /* On mobile, drawer should be full height since it's a popover */
    quick-buy-drawer.drawer--quick-buy,
    .drawer--quick-buy {
        top: 0 !important;
        height: 100vh !important;
        max-height: 100vh !important;
    }
    
    /* Ensure the drawer overlay is also full height on mobile */
    quick-buy-drawer.drawer--quick-buy .drawer__overlay,
    .drawer--quick-buy .drawer__overlay {
        top: 0 !important;
        height: 100vh !important;
    }
}

/* Mobile-specific fixes for quick buy popover */
@media only screen and (max-width: 999px) {
    /* Increase popover height to show all content including add to cart button */
    quick-buy-popover.popover--quick-buy,
    .popover--quick-buy {
        max-height: 90vh !important; /* Increased from 75vh to 90vh */
        height: auto;
    }
    
    /* Ensure the popover content is scrollable if it exceeds viewport */
    quick-buy-popover .popover__content,
    .popover--quick-buy .popover__content {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        max-height: calc(90vh - 65px); /* Reduced header space calculation */
        padding-bottom: 30px !important; /* Extra padding for safe area */
        padding-top: 0 !important; /* Remove extra top padding */
    }
    
    /* Ensure the plan picker component fits well on mobile */
    quick-buy-popover .Plan-Picker--Component {
        padding-bottom: 20px;
    }
    
    /* Make sure the popover starts from the bottom edge */
    quick-buy-popover.popover--quick-buy {
        bottom: 0;
        position: fixed;
    }
}

/* Extra small mobile devices (iPhone SE, etc.) */
@media only screen and (max-width: 480px) {
    /* Further adjustments for very small screens */
    quick-buy-popover.popover--quick-buy,
    .popover--quick-buy {
        max-height: 95vh !important; /* Use more screen space on small devices */
    }
    
    quick-buy-popover .popover__content,
    .popover--quick-buy .popover__content {
        max-height: calc(95vh - 70px); /* Smaller header on mobile */
        padding: 8px !important; /* Significantly reduce horizontal padding */
        padding-bottom: 30px !important;
    }
    
    /* Ensure add to cart button area is always visible */
    quick-buy-popover .product-form__payment-container {
        padding-bottom: env(safe-area-inset-bottom, 20px); /* Account for iPhone notch/home indicator */
    }
}

/* Ensure the popover header doesn't take too much space on mobile */
@media only screen and (max-width: 999px) {
    quick-buy-popover .popover__header,
    .popover--quick-buy .popover__header {
        min-height: 56px !important; /* Reduce from 64px */
        padding: 12px 20px 8px 20px; /* Add more top padding to prevent cutoff */
        position: relative;
    }
    
    /* Ensure close button is always visible and not cut off */
    quick-buy-popover .popover__close-button,
    .popover--quick-buy .popover__close-button {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 1;
    }
}

/* Fix mobile header positioning to ensure product title and close button are visible */
@media only screen and (max-width: 480px) {
    /* Position the popover to start at the top of the viewport */
    quick-buy-popover.popover--quick-buy,
    .popover--quick-buy {
        top: 0 !important; /* Start at viewport top */
        transform: none !important; /* Remove any transforms */
        margin-top: 0 !important;
    }
    
    /* Add safe area padding for notched devices like iPhone Pro */
    quick-buy-popover .popover__header,
    .popover--quick-buy .popover__header {
        padding-top: max(20px, env(safe-area-inset-top)) !important; /* Account for notch */
        padding-bottom: 12px;
        min-height: 60px !important; /* Slightly increase height for mobile */
    }
    
    /* Ensure the close button has proper spacing from top */
    quick-buy-popover .popover__close-button,
    .popover--quick-buy .popover__close-button {
        top: max(20px, env(safe-area-inset-top)) !important;
    }
    
    /* Make product title and view product link bigger on mobile for better visibility */
    quick-buy-popover .quick-buy-product__info a.product-item-meta__title,
    .popover--quick-buy .quick-buy-product__info a.product-item-meta__title {
        font-size: 18px !important; /* Increase from 16px */
        line-height: 1.3;
        font-weight: 600;
    }
    
    quick-buy-popover .quick-buy-product__info .product_link,
    .popover--quick-buy .quick-buy-product__info .product_link {
        font-size: 16px !important; /* Increase from 15px */
        font-weight: 500;
    }
    
    /* Adjust product info layout to prevent cutoff */
    quick-buy-popover .quick-buy-product,
    .popover--quick-buy .quick-buy-product {
        padding-top: 8px !important;
    }
    
    /* Ensure product title is visible */
    quick-buy-popover .product-item-meta__title,
    .popover--quick-buy .product-item-meta__title {
        margin-top: 0;
        line-height: 1.2;
    }
}

/* Fix mobile cart product title overlapping delete button */
@media screen and (max-width: 740px) {
    /* Ensure delete button has click priority and proper positioning */
    .mini-cart .line-item__remove-button {
        position: relative;
        z-index: 20;
        pointer-events: auto;
    }
    
    /* Set max-width for product meta container to prevent overlap with delete button */
    .mini-cart .line-item .product-item-meta {
        max-width: calc(100% - 50px); /* Leave space for delete button */
        position: relative;
        z-index: 1;
    }
    
    /* Ensure the actions container (containing delete button) has priority */
    .mini-cart .line-item__actions {
        position: relative;
        z-index: 15;
        pointer-events: auto;
    }
    
    /* Prevent product title link from extending too far */
    .mini-cart .line-item .product-item-meta__title {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* Make sure these styles don't affect recommendation cards */
    .mini-cart .mini-cart__recommendations .product-item-meta {
        max-width: none;
    }
    
    .mini-cart .mini-cart__recommendations .product-item-meta__title {
        white-space: normal;
    }
}

/* Fix container padding for small mobile viewports */
@media only screen and (max-width: 390px) {
    /* Ensure proper container padding on product pages */
    .shopify-section--main-product .container,
    .page-product-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Remove negative margins that might cause overflow */
    .product-form {
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Ensure purolabs component doesn't overflow */
    purolabs-plan-picker {
        display: block;
        width: 100%;
        overflow: hidden;
    }
}

/* Fix product recommendations padding */
.shopify-section--product-recommendations .container {
    padding-left: 50px;
    padding-right: 50px;
}

/* Ensure proper spacing on mobile */
@media screen and (max-width: 740px) {
    .shopify-section--product-recommendations .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* Remove border from product-meta on product pages */
.shopify-section--main-product .product-meta {
    border-bottom: none;
}
/* Match for page-product-section */
.page-product-section .product-meta {
    border-bottom: none;
}

/* Blog tag selector styling to match collection page */
.template-blog .link-bar {
    background-color: #044436;
    box-shadow: 0 1px #044436, 0 -1px #044436;
}

.template-blog .link-bar__link {
    color: #ffffff;
}

.template-blog .link-bar__link:hover {
    color: #ffffff;
    opacity: 0.8;
}

.template-blog .link-bar__link-item--selected .link-bar__link {
    color: #ffffff;
    font-weight: 600;
}

/* Update scroll track for better visibility on dark background */
.template-blog .link-bar__scroll-track {
    background-color: rgba(139, 165, 76, 0.2); /* Light green for track */
}

.template-blog .link-bar__scroll-thumb {
    background-color: #8BA54C; /* Bright green for thumb */
}

/* Comprehensive fix for Okendo reviews on small viewports - Works across ALL product cards */
/* Target both mobile (.mob-reviews) and general Okendo containers for complete coverage */

/* 375px viewport - Base mobile size */
@media only screen and (max-width: 375px) {
    /* Mobile reviews container (shown on mobile) */
    .mob-reviews .okeReviews[data-oke-container],
    .mob-reviews .okeReviews.oke-sr,
    /* Direct Okendo targeting for any context */
    .product-item .okeReviews[data-oke-container],
    .product-item-collection-only .okeReviews[data-oke-container],
    /* Legacy targeting for backwards compatibility */
    .product-list__inner .okeReviews[data-oke-container] {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        overflow: hidden !important;
    }
    
    /* Star ratings */
    .mob-reviews .oke-sr-stars,
    .product-item .oke-sr-stars,
    .product-item-collection-only .oke-sr-stars,
    .product-list__inner .oke-sr-stars {
        font-size: 12px !important;
        line-height: 1 !important;
    }
    
    /* Review count */
    .mob-reviews .oke-sr-count,
    .product-item .oke-sr-count,
    .product-item-collection-only .oke-sr-count,
    .product-list__inner .oke-sr-count {
        display: inline !important;
        margin-left: 4px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }
    
    /* Product titles across all contexts */
    .product-item-meta__title {
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* 360px viewport - Smaller mobile */
@media only screen and (max-width: 360px) {
    .mob-reviews .okeReviews[data-oke-container],
    .mob-reviews .okeReviews.oke-sr,
    .product-item .okeReviews[data-oke-container],
    .product-item-collection-only .okeReviews[data-oke-container],
    .product-list__inner .okeReviews[data-oke-container] {
        font-size: 11px !important;
    }
    
    .mob-reviews .oke-sr-stars,
    .product-item .oke-sr-stars,
    .product-item-collection-only .oke-sr-stars,
    .product-list__inner .oke-sr-stars,
    .mob-reviews .oke-sr-count,
    .product-item .oke-sr-count,
    .product-item-collection-only .oke-sr-count,
    .product-list__inner .oke-sr-count {
        font-size: 11px !important;
    }
    
    .product-item-meta__title {
        font-size: 13px !important;
    }
}

/* 320px viewport - Smallest supported mobile */
@media only screen and (max-width: 320px) {
    /* Even more aggressive sizing for 320px */
    .mob-reviews .okeReviews[data-oke-container],
    .mob-reviews .okeReviews.oke-sr,
    .product-item .okeReviews[data-oke-container],
    .product-item-collection-only .okeReviews[data-oke-container],
    .product-list__inner .okeReviews[data-oke-container] {
        font-size: 10px !important;
        gap: 2px !important;
    }
    
    .mob-reviews .oke-sr-stars,
    .product-item .oke-sr-stars,
    .product-item-collection-only .oke-sr-stars,
    .product-list__inner .oke-sr-stars {
        font-size: 10px !important;
    }
    
    .mob-reviews .oke-sr-count,
    .product-item .oke-sr-count,
    .product-item-collection-only .oke-sr-count,
    .product-list__inner .oke-sr-count {
        font-size: 10px !important;
        margin-left: 2px !important;
    }
    
    /* Further reduce product title size */
    .product-item-meta__title {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }
    
    /* Reduce product description text if present */
    .product-item-meta p {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
    
    /* Ensure review containers don't wrap */
    .mob-reviews,
    .web-reviews {
        width: 100% !important;
    }
    
    /* CRITICAL FIX: Hide review count at 320px to save space */
    .mob-reviews .oke-sr-count,
    .product-item .oke-sr-count,
    .product-item-collection-only .oke-sr-count,
    .product-list__inner .oke-sr-count {
        display: none !important;
    }
    
    /* Fix Okendo stars centering in bestsellers section at 320px */
    /* Center the mob-reviews container */
    .shopify-section--collection .product-item .mob-reviews {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    /* Remove all padding/margin from Okendo container to eliminate invisible space */
    .shopify-section--collection .mob-reviews .okeReviews[data-oke-container] {
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Hide everything except stars in the Okendo container */
    .shopify-section--collection .mob-reviews .okeReviews > *:not(.oke-sr-stars) {
        display: none !important;
    }
    
    /* Center the stars themselves */
    .shopify-section--collection .mob-reviews .oke-sr-stars {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
    }
    
    /* Fix for Customers Also Add section - prevent button overflow */
    .product-content__featured-products .product-item {
        padding-right: 5px !important;
    }
    
    .product-content__featured-products .product-item__image-wrapper {
        width: 90px !important;
        min-width: 90px !important;
    }
    
    .product-content__featured-products .product-item__info {
        padding-right: 5px !important;
    }
    
    .product-content__featured-products .product-item-meta__title {
        font-size: 13px !important;
    }
    
    .product-content__featured-products .product-item .product-small-desc {
        font-size: 11px !important;
        line-height: 1.2 !important;
    }
    
    .product-content__featured-products .product-item-meta__price-list-container {
        font-size: 14px !important;
    }
    
    /* Make ADD button more compact */
    .product-content__featured-products .product-item__cta-wrapper {
        flex-shrink: 0 !important;
    }
    
    .product-content__featured-products .product-item__cta {
        padding: 6px 10px !important;
        font-size: 12px !important;
        min-width: auto !important;
    }
    
    /* Additional fixes for purolabs-recommendations section (Customers Also Love) */
    .purolabs-recommendations .product-item-meta__title {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }
    
    .purolabs-recommendations .okeReviews[data-oke-container] {
        font-size: 9px !important;
        justify-content: center !important;
    }
    
    .purolabs-recommendations .oke-sr-stars {
        font-size: 9px !important;
    }
    
    /* Hide review count in recommendations at 320px */
    .purolabs-recommendations .oke-sr-count {
        display: none !important;
    }
    
    /* Center the review container when count is hidden */
    .purolabs-recommendations .web-reviews,
    .purolabs-recommendations .mob-reviews {
        text-align: center !important;
    }
    
    /* More compact buttons in recommendations */
    .purolabs-recommendations .product-item__cta {
        font-size: 11px !important;
        padding: 8px 10px !important;
    }
    
    /* Make product description text smaller to prevent wrapping */
    .purolabs-recommendations .product-item-meta p,
    .purolabs-recommendations .product-small-desc {
        font-size: 10px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* Additional fixes for 375px viewport - buttons need to be tighter */
@media only screen and (max-width: 375px) {
    /* Fix button overflow in Customers Also Add */
    .product-content__featured-products .product-item {
        padding-right: 8px !important;
    }
    
    .product-content__featured-products .product-item__info {
        padding-right: 8px !important;
    }
    
    .product-content__featured-products .product-item__cta {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}

/* Fix container padding and button overflow for Customers Also Add section */

/* 320px viewport - Most compact */
@media only screen and (max-width: 320px) {
    /* Reduce outer container padding */
    #product-content--false .container,
    #product-content--true .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Reduce inner container padding */
    .product-content__tabs + .product-content__featured-products {
        padding: 10px 5px !important;
    }
    
    /* Keep flex layout but optimize spacing */
    .product-content__featured-products .product-item {
        gap: 5px !important;
    }
    
    /* Smaller image */
    .product-content__featured-products .product-item__image-wrapper {
        width: 70px !important;
        min-width: 70px !important;
        margin-right: 5px !important;
    }
    
    /* Compact info section */
    .product-content__featured-products .product-item__info {
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    /* Smaller, compact button */
    .product-content__featured-products .product-item__cta {
        padding: 6px 10px !important;
        border-radius: 50px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        min-height: auto !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    
    /* Ensure button wrapper doesn't grow */
    .product-content__featured-products .product-item__cta-wrapper {
        flex-shrink: 0 !important;
    }
    
    /* Smaller text */
    .product-content__featured-products .product-item-meta__title {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    
    .product-content__featured-products .product-small-desc {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
    
    /* Hide reviews at 320px */
    .product-content__featured-products .mob-reviews,
    .product-content__featured-products .web-reviews {
        display: none !important;
    }
}

/* 375px viewport */
@media only screen and (min-width: 321px) and (max-width: 375px) {
    /* Reduce outer container padding */
    #product-content--false .container,
    #product-content--true .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Inner container padding - reduce right padding to prevent overflow */
    .product-content__tabs + .product-content__featured-products {
        padding: 12px 5px 12px 8px !important;
    }
    
    /* Optimize flex spacing */
    .product-content__featured-products .product-item {
        gap: 6px !important;
        padding-right: 0 !important;
    }
    
    /* Image size - slightly smaller */
    .product-content__featured-products .product-item__image-wrapper {
        width: 75px !important;
        min-width: 75px !important;
        margin-right: 6px !important;
        flex-shrink: 0 !important;
    }
    
    /* Info section - allow it to shrink */
    .product-content__featured-products .product-item__info {
        flex: 1 !important;
        min-width: 0 !important;
        padding-right: 6px !important;
    }
    
    /* Compact button - smaller to fit */
    .product-content__featured-products .product-item__cta {
        padding: 7px 10px !important;
        border-radius: 50px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        min-height: auto !important;
        line-height: 1.2 !important;
    }
    
    /* Ensure button wrapper doesn't expand */
    .product-content__featured-products .product-item__cta-wrapper {
        flex-shrink: 0 !important;
        margin-left: auto !important;
    }
    
    /* Text sizes */
    .product-content__featured-products .product-item-meta__title {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
    
    .product-content__featured-products .product-small-desc {
        font-size: 11px !important;
    }
    
    /* Ensure Okendo reviews stay on one line */
    .product-content__featured-products .mob-reviews .okeReviews[data-oke-container],
    .product-content__featured-products .web-reviews .okeReviews[data-oke-container] {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }
    
    .product-content__featured-products .oke-sr-stars {
        font-size: 10px !important;
    }
    
    .product-content__featured-products .oke-sr-count {
        font-size: 10px !important;
        margin-left: 2px !important;
    }
}

/* 360px viewport - Scale description text for recommendations */
@media only screen and (min-width: 321px) and (max-width: 360px) {
    .purolabs-recommendations .product-item-meta p,
    .purolabs-recommendations .product-small-desc {
        font-size: 11px !important;
    }
}

/* 375px viewport - Slightly larger description text */
@media only screen and (min-width: 361px) and (max-width: 375px) {
    .purolabs-recommendations .product-item-meta p,
    .purolabs-recommendations .product-small-desc {
        font-size: 12px !important;
    }
}

/* 390px+ viewport - Consistent button styling with 375px */
@media only screen and (min-width: 376px) and (max-width: 414px) {
    /* Keep button styling consistent with 375px - smaller and less rounded */
    .product-content__featured-products .product-item__cta {
        padding: 8px 14px !important;
        border-radius: 25px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        min-height: auto !important;
        line-height: 1.3 !important;
    }
    
    /* Ensure Okendo reviews stay on one line */
    .product-content__featured-products .mob-reviews .okeReviews[data-oke-container],
    .product-content__featured-products .web-reviews .okeReviews[data-oke-container] {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }
    
    /* Smaller description text for recommendations to prevent wrapping */
    .purolabs-recommendations .product-item-meta p,
    .purolabs-recommendations .product-small-desc {
        font-size: 12px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.2 !important;
    }
}

/* Additional fix for all mobile viewports - Ensure description never wraps */
@media only screen and (max-width: 480px) {
    .purolabs-recommendations .product-item-meta p,
    .purolabs-recommendations .product-small-desc,
    .product-recommendations .product-item-meta p,
    .product-recommendations .product-small-desc {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        display: block !important;
    }
}

/* Fix mini-cart recommendation cards on 320px viewport */
@media only screen and (max-width: 320px) {
    /* Fix card container to contain all content */
    .mini-cart__recommendations .product-item {
        min-height: 95px !important;
        padding: 10px 8px !important;
        overflow: visible !important;
        position: relative !important;
    }
    
    /* Fix product title and description */
    .mini-cart__recommendations .product-item-meta__title {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        line-height: 1.25 !important;
        font-size: 14px !important;
        max-width: 100% !important;
        display: block !important;
        word-break: break-word !important;
        margin-bottom: 4px !important;
    }
    
    /* Product meta - only contains title and description */
    .mini-cart__recommendations .product-item-meta {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding-right: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
    
    /* Main product info layout */
    .mini-cart__recommendations .product-item__info {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
        position: relative !important;
    }
    
    /* Image sizing */
    .mini-cart__recommendations .product-item__image-wrapper {
        width: 70px !important;
        min-width: 70px !important;
        height: 70px !important;
        flex-shrink: 0 !important;
    }
    
    /* Move price to right side under button */
    .mini-cart__recommendations .product-item-meta__price-list-container,
    .mini-cart__recommendations .price-list {
        position: absolute !important;
        right: 8px !important;
        bottom: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        text-align: center !important;
        min-width: 60px !important;
    }
    
    /* Button wrapper and styling */
    .mini-cart__recommendations .product-item__cta-wrapper {
        flex-shrink: 0 !important;
        margin-left: auto !important;
        position: relative !important;
        padding-bottom: 24px !important; /* Space for price below */
    }
    
    /* Button styling */
    .mini-cart__recommendations .product-item__cta {
        padding: 6px 14px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        min-height: 28px !important;
        white-space: nowrap !important;
    }
}

/* ============================================
   FIX: Okendo Reviews in Featured Collections (Bestsellers)
   Prevent review stars from wrapping to new line on mobile
   ============================================ */

/* Desktop styles - ensure proper visibility */
@media only screen and (min-width: 1000px) {
    .featured-collections .web-reviews {
        display: block !important;
    }
    .featured-collections .mob-reviews {
        display: none !important;
    }
}

/* Tablet styles (415px - 999px) */
@media only screen and (min-width: 415px) and (max-width: 999px) {
    .featured-collections .mob-reviews {
        display: flex !important;
        justify-content: center !important;
    }
    .featured-collections .web-reviews {
        display: none !important;
    }
}

/* Base styles for all mobile viewports under 415px */
@media only screen and (max-width: 414px) {
    /* Target the featured collections section specifically */
    /* Only style mob-reviews on mobile - web-reviews should stay hidden */
    .featured-collections .mob-reviews {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    /* Keep web-reviews hidden on mobile */
    .featured-collections .web-reviews {
        display: none !important;
    }
    
    /* Ensure Okendo container stays inline */
    .featured-collections .okeReviews[data-oke-container],
    .featured-collections .okeReviews.oke-sr {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        gap: 3px !important;
        font-size: 12px !important;
    }
    
    /* Style the stars */
    .featured-collections .oke-sr-stars {
        display: inline-flex !important;
        font-size: 11px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
    
    /* Style the review count */
    .featured-collections .oke-sr-count {
        display: inline-block !important;
        font-size: 11px !important;
        margin-left: 3px !important;
        line-height: 1 !important;
    }
    
    /* Abbreviate large numbers (1000+ becomes 1k+) */
    .featured-collections .oke-sr-count:before {
        content: attr(data-count-abbreviated);
    }
}

/* iPhone 12/13/14 Pro (390px) */
@media only screen and (max-width: 390px) {
    .featured-collections .okeReviews[data-oke-container],
    .featured-collections .okeReviews.oke-sr {
        font-size: 11px !important;
        gap: 2px !important;
    }
    
    .featured-collections .oke-sr-stars {
        font-size: 10px !important;
    }
    
    .featured-collections .oke-sr-count {
        font-size: 10px !important;
        margin-left: 2px !important;
    }
}

/* iPhone 12/13/14 (375px) */
@media only screen and (max-width: 375px) {
    .featured-collections .okeReviews[data-oke-container],
    .featured-collections .okeReviews.oke-sr {
        font-size: 10px !important;
    }
    
    .featured-collections .oke-sr-stars {
        font-size: 10px !important;
    }
    
    .featured-collections .oke-sr-count {
        font-size: 10px !important;
    }
}

/* Hide review counts from 320px to 359px - only show stars */
@media only screen and (max-width: 359px) {
    /* Hide review count completely in this range */
    .featured-collections .oke-sr-count {
        display: none !important;
    }
    
    /* Make stars smaller and centered */
    .featured-collections .oke-sr-stars {
        font-size: 8px !important;
        letter-spacing: -0.3px !important;
    }
    
    /* Ensure container is compact */
    .featured-collections .okeReviews[data-oke-container],
    .featured-collections .okeReviews.oke-sr {
        font-size: 8px !important;
        gap: 1px !important;
    }
    
    /* Compact titles for small screens */
    .featured-collections .product-item-meta__title {
        font-size: 12px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.2px !important;
    }
}

/* iPhone SE and very small devices (320px) */
@media only screen and (max-width: 320px) {
    /* Container adjustments for 320px */
    .featured-collections .mob-reviews {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* More aggressive sizing and layout */
    .featured-collections .okeReviews[data-oke-container],
    .featured-collections .okeReviews.oke-sr {
        font-size: 8px !important;
        gap: 1px !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    .featured-collections .oke-sr-stars {
        font-size: 8px !important;
        letter-spacing: -0.5px !important;
    }
    
    /* Hide review count at 320px to save space */
    .featured-collections .oke-sr-count {
        display: none !important;
    }
    
    /* Ultra-compact product titles for 320px */
    .featured-collections .product-item-meta__title {
        font-size: 11px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.4px !important;
        font-weight: 600 !important; /* Make bolder to maintain readability at small size */
        display: block !important;
        width: 100% !important;
        /* Try to keep on one line first */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: center !important;
        margin: 2px 0 !important;
        padding: 0 !important;
        /* Transform to make text narrower */
        transform: scaleX(0.95);
        transform-origin: center;
    }
    
    /* Reduce price size too for consistency */
    .featured-collections .price-list .price {
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    
    /* Reduce overall padding in product cards */
    .featured-collections .product-item__info {
        padding: 8px 4px !important;
    }
    
    /* Ensure product meta has minimal spacing */
    .featured-collections .product-item-meta {
        margin: 0 !important;
        padding: 0 !important;
    }
}