/** Shopify CDN: Minification failed

Line 5764:67 Expected identifier but found "*"
Line 6259:81 Expected ":"
Line 6259:82 Expected identifier but found "#000"

**/
/* Global css start */
.compare-at-price {
    color: #54585a;
    opacity: 1;
}
div[ref=priceContainer] .visually-hidden+ .price {
    color: #f94c43;
}
.shopify-policy__container .shopify-policy__body p, 
.shopify-policy__container .shopify-policy__body li, 
.shopify-policy__container .shopify-policy__body a, 
.shopify-policy__container .shopify-policy__body span {
    font-size: 16px !important;
    line-height: 1.65 !important;
}
@media screen and (min-width:768px) {
    .mobile-only {
        display: none !important;
    }
    .header-section:has(>#header-component[sticky=always].header-has-sticky-mobile) {
        position: relative !important;
    }
}
@media screen and (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }
    .header-section:has(>#header-component[sticky=always].header-has-sticky-desktop) {
        position: relative !important;
        top: 0;
    }
}
@media only screen and (min-width: 900px) {
    .main-collection-grid.custom-collection-show-mobile {
        display: none !important;
    }
}
@media only screen and (max-width: 899px) {
    .main-collection-grid.custom-collection-show-desktop {
        display: none !important;
    }
    .resource-list__item.resource-list__item-pm1 {
        grid-column: 1 / 3 !important;
    }
}
/* Global css end  */

#shopify-section-sections--18783655428170__header_announcements_9jGBFp .announcement-bar {
    background-color: var(--color-background);
}

/* start new image with text section css */
.new-image-with-text-section-element {
    display: flex;
    flex: 1 auto;
    flex-flow: wrap;
    color: #000000;
    font-size: 17px;
    height:650px;
}
.new-image-with-text-section-element .new-image-element {
    overflow: hidden;
    flex: 0 0 50%;
    box-sizing: border-box;
    background-size: 120%;
    background-position: center 80%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

@media (min-width: 1920px) {
  .new-image-with-text-section-element .new-image-element {
        background-position: center 70%;
  }
}

.new-image-with-text-section-element .new-image-review {
    position: relative;
    background: #fff;
    margin: 0 auto 20px;
    /* width: 70%; */
    max-width: 70%;
    padding: 20px 30px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #FCDEBE;
    font-size: 17px;
    line-height: 1.2;
}
.new-image-with-text-section-element .new-image-review-img {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.new-image-with-text-section-element .new-image-review h3 {
    margin: 0 0 6px;
    font-weight: 700;
    font-size: 18px;
}
.new-image-with-text-section-element .new-image-review p {
    margin: 0 0 6px;
    font-size: 16px;
}
.new-image-with-text-section-element .new-image-text-content {
    padding: 40px 80px;
    max-width: 660px;
    flex: 0 0 50%;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    margin: 0 auto;
    width: auto;
}
.new-image-with-text-section-element .new-image-text-content h2 {
    font-size: 48px;
    line-height: 1.2;
    margin: 12px 0;
    font-weight: 700;
}
.new-image-with-text-section-element .new-image-text-content p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0;
}
.new-image-with-text-section-element .section-badges-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}
.new-image-with-text-section-element .section-badges-hero-inner {
    width: 59px;
    height: 59px;
    border-style: none;
    vertical-align: top;
}
.new-image-with-text-section-element .section-badges-hero img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.new-image-with-text-section-element .new-image-review-img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.new-image-with-text-section-element .section-button-element {
    background: #2a8465;
    text-transform: capitalize;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 12px;
    margin-top: 18px;
    border-radius: 5px;
    font-size: 20px;
    padding: 18px 28px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: normal;
    border: 1px solid transparent;
    text-align: center;
    font-style: normal;
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
}
.new-image-with-text-section-element .btn-element.section-button-element:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transform-origin: left center;
    z-index: -1;
}
@media (max-width: 1400px) {
    .new-image-with-text-section-element .new-image-element {
        background-size: 120%;
        background-position: center 100%;
    }
    .new-image-with-text-section-element {
        height: 640px;
    }
    .new-image-with-text-section-element .new-image-text-content {
        padding: 40px 120px;
    }
    .new-image-with-text-section-element .new-image-review-img {
        max-width: 160px;
        margin-bottom: 6px;
    }
}
@media (max-width: 1240px) {
    .new-image-with-text-section-element .new-image-element {
        background-size: 100%;
        background-position: center 460px;
    }
    .new-image-with-text-section-element .new-image-text-content h2 {
        font-size: 36px;
        margin: 8px 0;
    }
}
@media (max-width: 1200px) { 
    .new-image-with-text-section-element .new-image-text-content {
        padding: 40px 50px;
        flex: 0 0 50%;
        text-align: center;
        box-sizing: border-box;
    } 
    .new-image-with-text-section-element .new-image-text-content h2 {
        font-size: 36px;
        margin: 12px 0;
    }
    .new-image-with-text-section-element {
        display: flex;
        flex: 1 auto;
        flex-flow: wrap;
        color: #000000;
        height: 500px;
    }
}
@media (max-width: 992px) {
    .new-image-with-text-section-element .new-image-element {
        background-size: 105%;
        background-position: center 160%;
    }
    .new-image-with-text-section-element {
        display: flex;
        flex: 1 auto;
        flex-flow: wrap;
        color: #000000;
        height: auto;
        /* flex-direction: column; */
    }
}
@media (max-width: 840px) {
    .new-image-with-text-section-element .new-image-element {
        background-size: 120%;
        background-position: center 180%;
    }
}
@media (max-width: 767px) {
   .new-image-with-text-section-element {
        flex-direction: column;
    }
     .new-image-with-text-section-element .new-image-element {
        background-image: none;
        order: 1;
        background: none;
    }
    .new-image-with-text-section-element .new-image-text-content {
        height: 460px;
        justify-content: flex-start;
        padding: 20px 40px;
        margin: 0;
        max-width: 100%;
        background-size: 100%;
        background-position: center 48%;
    }
    .new-image-with-text-section-element .new-image-text-rating {
        font-size: 14px;
        z-index: 2;
    }
    .new-image-with-text-section-element .new-image-text-content h2 {
        font-size: 32px;
        margin: 8px 0;
        z-index: 2;
    }
    .new-image-with-text-section-element .new-image-text-content .new-image-text-subhead {
        display: none;
    }
    .new-image-with-text-section-element .section-button-element {
        font-size: 18px;
        margin-top: 0;
        padding: 16px;
        margin-bottom: 4px;
    }
    .new-image-with-text-section-element .bottomline p {
        font-size: 14px;
    }
    .new-image-with-text-section-element .section-badges-hero {
        margin-top: auto;
    }
    .new-image-with-text-section-element .section-badges-hero {
        display: flex;
        justify-content: center;
        align-items: self-end;
        gap: 15px;
        padding-top: 180px; 
    }
    .new-image-with-text-section-element .section-badges-hero.has-desktop-only,
    .new-image-with-text-section-element .section-badges-hero.mobile-only {
        padding-top: calc(180px + 60px);
    }
    .new-image-with-text-section-element .new-image-review {
        width: 100%;
        max-width: 100%;
        padding: 20px 30px;
        border-radius: 0px;
        border: none;
        margin-bottom: 0px;
    }
    .new-image-with-text-section-element .new-image-text-content {
        padding: 20px 60px 30px 60px;
    }
    .new-image-with-text-section-element .new-image-element {
        background-image: none!important;
    }
    .new-image-with-text-section-element .new-image-review {
        max-width: 100%;
    }
}
@media (max-width: 576px) {     
    .new-image-with-text-section-element .new-image-review-img {
        max-width: 160px;
    }
    .new-image-with-text-section-element .new-image-review-img img {
        width: auto;
        max-width: auto;
        height: 13px;
        margin: 0 auto;
    }
    .new-image-with-text-section-element .new-image-text-content {
        padding: 20px 30px;
    }
}
@media (max-width: 540px) {
    .new-image-with-text-section-element .new-image-text-content {
        background-size: 110%;
        background-position: center 45%;
        position: relative;
        padding: 22px 20px;
    }
}
/* end new image with text section css */


/* start new usp section css */
.new-usp-section {
    display: grid;
    width: 100%;
    padding: 16px 68px;
    grid-template-columns: 25% 25% 25% 25%;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
}
.new-usp-section .new-usp-item {
    display: flex;
    gap: 10px;
    max-width: 299px;
    justify-content: center;
    align-items: center;
}
.new-usp-section .new-usp-item-inner{
    display: inline-block;
    width: 50px;
    height: 50px;
}
.new-usp-section .new-usp-item img {
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top;
}
.new-usp-section .new-usp-item span {
    color: rgb(84, 88, 90);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    width: 200px;
}
@media (max-width: 1200px) { 
    .new-usp-section .new-usp-item-inner {
        width: 45px!important;
        height: 40px!important;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .new-usp-section {
        grid-template-columns: 50% 50%;
        gap: 20px;
        padding: 26px 29px;
    }
}
@media (max-width: 768px) {
    .new-usp-section {
        gap: 9px;
        padding: 16px 0px;
    }
    .new-usp-section .new-usp-item-inner{
        width: 28px!important;
        height: 28px!important;
    }
    .new-usp-section .new-usp-item span {
        font-size: 11px;
        /* width: 118px; */
        line-height: 16px;
    }
    .new-usp-section .new-usp-item img {
        width: 100%;
        max-width: 28px!important;
        height:auto!important;
    }
}
/* end new usp section css */

/* start new logos marquee section css */
.logo-marquee-element-featured-slider .logo-marquee-element-featured__heading-2 {
    font-size: 32px;
    line-height: 1.2em;
    letter-spacing: 0px;
    color: #333;
    font-weight: 700;
    text-align: center;
}
.logo-marquee-element-featured-slider {
    overflow-x: hidden;
}
.logo-marquee-element-featured-slider .mySwiper .swiper-wrapper {
    gap: 0;
    transition-timing-function: linear !important;
}
.logo-marquee-element-slider-home .swiper:not(.swiper-initialized) {
    opacity: 0;
}
.logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-logo-2 {
    width: 100%;
    max-width: 268px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-logo-2 img {
    display: block;
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top;
}
.logo-marquee-element-featured-slider .swiper-pagination {
    display: none;
}
.logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-3 {
    padding: 20px 40px;
    margin: 10px 0;
    width: 100%;
    height: 213px !important;
    background: #fafafa;
    box-shadow: 0 4px 8px #8b8b8b1a;
}
.logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-phrase-2 p {
    color: #000;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
}
.logo-marquee-element-featured__heading-2 h2{
    font-size: 32px;
    line-height: 38.4px;
}
.logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-3 {
    padding: 20px 40px;
    /* margin: 0px 15px!important; */
}
@media screen and (min-width: 1024px) {
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__heading-2 {
        font-size: 32px;
        padding-bottom: 24px;
        padding-top: 10px;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-phrase-2 {
        margin-top: 12px;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-phrase-2 p {
        color: #000;
        line-height: 24px;
        font-size: 18px;
        text-align: center;
    }
}
@media (min-width: 601px) and (max-width: 1200px) {
    .logo-marquee-element-featured-slider .swiper-pagination {
        position: unset !important;
        display: block !important;
        padding-top: 15px;
    }
}
@media (max-width: 1200px) {     
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-3 {
        height:auto!important;
        
    }
    .logo-marquee-element-featured-slider .swiper-wrapper {
        padding-bottom: 0px!important;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__heading-2 {
        font-size: 32px;
        padding-bottom: 24px;
        padding-top: 30px;
    }
    .logo-marquee-element-featured-slider .swiper-pagination {
        display: flex;
        justify-content: center;
        gap: 6px;
        top: 80% !important;
    }
    .logo-marquee-element-featured-slider .swiper-pagination-bullet {
        width: 16px !important;
        height: 16px !important;
    }
    .logo-marquee-element-featured-slider .swiper-pagination-bullet-active {
        background: #66ceaa !important;
    }
    .logo-marquee-element-featured-slider {
        padding: 20px 0px 0px 0px!important;
    }
}
@media screen and (max-width: 768px) {
    .logo-marquee-element-featured-slider .logo-marquee-element-slider-home {
        padding: 20px 0 110px;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-slider-home {
        padding: 20px 0 110px;
        position:relative;
        width:100%;
        overflow:hidden;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__heading-2 {
        padding-top: 0px!important;
    }

    .logo-marquee-element-featured-slider .swiper-pagination {
        height: max-content!important;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-slider-home {
        padding: 20px 0 60px;
    }
    .logo-marquee-element-featured-slider .swiper-pagination {
        top: 90% !important;
    }
    /* .logo-marquee-element-featured-slider .swiper-wrapper {
        padding-bottom: 60px!important;
    } */
}

@media (max-width: 576px) {   
    .logo-marquee-element-featured-slider .logo-marquee-element-slider-home {
        padding: 0px!important;
    }
    .logo-marquee-element-featured-slider .swiper-pagination {
        top: 84% !important;
        padding-top: 15px;
    }
    .logo-marquee-element-featured-slider {
        padding: 20px 0px 20px 0px!important;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__heading-2 {
        font-size: 32px;
        padding-bottom: 24px;
        padding-top: 30px!important;
    }
    .logo-marquee-element-featured-slider .swiper-wrapper {
        padding-bottom: 60px!important;
    }
    .logo-marquee-element-featured-slider .logo-marquee-element-featured__testimonial-3 {
        padding: 20px 40px;
        margin: 0px 17px!important;
        width: calc(100% - 34px)!important;
    }
 } 
/* end new logos marquee section css */

/* start new social info section css */
.social-info-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 40px;
    gap: 50px;
}
.social-info-section .social-info-box {
    display: flex;
    gap: 10px;
    /* max-height: 100px; */
}
.social-info-section .social-info-box img {
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top;
}
.social-info-section .social-text-div{
    display: flex;
    flex-direction: column;
}
.social-info-section .box-title {
    color: #fff;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
}
.social-info-section .box-text {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
.social-info-section .social-info-box .social-info-box-inner {
    display: flex;
    max-width: 83px;
    min-width: 83px;
}
@media (min-width: 540px) and (max-width:1200px) {
    .social-info-section .social-info-box .social-info-box-inner {
        max-width: 60px;
        min-width: 60px;
    }
    .social-info-section .box-title {
        font-size: 30px;
        line-height: 120%;
    }
    .social-info-section .box-text {
        font-size: 16px;
        line-height: 120%;
    }
    .social-info-section {
        gap: 10px;
    }
}
@media (max-width:539px) {    
    .social-info-section .social-info-box {
        /* max-height: none; */
        gap: 20px;
    }
    .social-info-section .box-title {
        max-width: 160px;
        font-size: 52px;
        line-height: 54px;
    }
    .social-info-section .box-text {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
    }
    .social-info-box-inner {
        height: 83.7px;
        width: 83px;
        position: relative;
    }
    .social-info-box-inner {
        height: 90px;
        width: 90px;
        position: relative;
    }
    .social-info-section {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        max-width: 400px;
        margin: 0 auto;
    }
}
@media (max-width:375px) {
    .social-info-box-inner {
        height: 64px;
        width: 64px;
    }
    .social-info-section .box-title {
        font-size: 44px;
        line-height: 48px;
    }
    .social-info-section .box-text {
        font-size: 16px;
    }
    .social-info-section .social-info-box {
        gap: 12px;
    }
}
/* end new social info section css */

/* start new testimonial section css */
.new-testimonial-section {
    padding-top: 20px;
    padding-bottom: 20px;
}
.new-testimonial-section .new-testimonial-section-top {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.new-testimonial-section .new-testimonial-section-top h3 {
    color: #0a0a0a;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0;
}
.new-testimonial-section .new-testimonial-section-top p {
    color: #0a0a0a;
    max-width: 600px !important;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    max-width: 1036px;
    line-height: 40px;
    margin-top: 0px;
}
.new-testimonial-section .new-testimonial-section-low {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.new-testimonial-section .testimonial-info-box {
    display: flex;
    flex-direction: column;
    max-width: 380px;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #F5F5F5;
    background: #fff;
    padding: 20px;
}
.new-testimonial-section .testimonial-info-box span {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    max-width: 81%;
}
.new-testimonial-section .testimonial-info-box p {
    color: #000;
    font-size: 17px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 0;
}
.new-testimonial-section .testimonial-box-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: auto;
} 
.new-testimonial-section .testimonial-box-bottom * {
    display: flex;
    align-items: center;
    gap: 5px;
}
.new-testimonial-section .testimonial-box-bottom * {
    display: flex;
    align-items: center;
    gap: 5px;
}
.new-testimonial-section .testimonial-box-bottom div span {
    color: #54585a;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.new-testimonial-section .testimonial-info-box span {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    max-width: 81%;
}
.new-testimonial-section .testimonial-box-bottom div img {
    width: 100%;
    max-width: 36px;
}
@media (max-width: 1200px) { 
    .new-testimonial-section .testimonial-info-box {
        max-width: 30%;
        gap: 8px;
        padding: 14px;
    }
    .new-testimonial-section .testimonial-box-bottom {
        margin-top: 0px;
    } 
}
@media (max-width: 992px) {  
    .new-testimonial-section .testimonial-info-box {
        max-width: 52%;
    }
}
@media (max-width: 768px) {
    .new-testimonial-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .new-testimonial-section .new-testimonial-section-top h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .new-testimonial-section .new-testimonial-section-top p {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        max-width: 87% !important;
    }
    .new-testimonial-section .new-testimonial-section-low {
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
}
@media (max-width: 576px) {      
    .new-testimonial-section .testimonial-info-box {
        max-width: 100%;
    }
 }
/* end new testimonial section css */



/* start new best seller css */
.new-best-seller-container {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 30px;
    background: #fff;
    padding: 30px 0;
}
.new-best-seller-container .new-best-seller-box img {
    width: 228px;
}
.new-best-seller-container .new-best-seller-title h2 {
    margin-right: 10px;
}
.new-best-seller-container .new-best-seller-title h2 {
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin-bottom: 0;
}
.new-best-seller-container .new-best-seller-title h3 {
    color: #fbbfd4;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin: 0;
}
.new-best-seller-container .dtc-boxes-container {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.new-best-seller-container .new-best-seller-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.new-best-seller-container .new-best-seller-box span {
    color: #0a0a0a;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    max-width: 176px;
}
.new-best-seller-container .new-best-seller-box img {
    height: 165px;
    max-height: 165px;
    object-fit: contain;
}
.new-best-seller-container .new-best-seller-box a {
    display: flex;
    max-width: 150px;
    height: 48px;
    padding: 9.638px 12.276px;
    justify-content: center;
    align-items: center;
    gap: 9.638px;
    flex-shrink: 0;
    border-radius: 4.819px;
    background: #66ceaa;
    color: #fff;
    text-align: center;
    font-size: 19.276px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.987px;
    text-transform: uppercase;
}
.new-best-seller-container .new-best-seller-box-mobile {
    display: none;
}
@media (max-width: 1200px) {    
    .new-best-seller-container {
        flex-direction: column;
    }
    .new-best-seller-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .new-best-seller-container {
        flex-direction: column;
        gap: 0px;
    }
    .new-best-seller-container .new-best-seller-title {
        display: flex;
        gap: 5px;
    }
    .new-best-seller-container .new-best-seller-title h3, .new-best-seller-container .new-best-seller-title h2 {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }
    .new-best-seller-container .dtc-boxes-container {
        flex-direction: column;
        width: 100%;
    }
    .new-best-seller-container .new-best-seller-box {
        display: none;
    }
    .new-best-seller-container .new-best-seller-box-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 15px;
    }
    .new-best-seller-container .new-best-seller-box-mobile div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse;
    }
    .new-best-seller-container .new-best-seller-box-mobile span {
        color: #0a0a0a;
        text-align: left;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
        max-width: 119px;
    }
    .new-best-seller-container .new-best-seller-box-mobile img {
        height: 165px;
        object-fit: contain;
        max-height: 165px;
    }
    .new-best-seller-container .new-best-seller-box-mobile a {
        display: flex;
        width: 100%;
        height: 51px;
        padding: 9.638px 12.276px;
        justify-content: center;
        align-items: center;
        gap: 9.638px;
        flex-shrink: 0;
        border-radius: 4.819px;
        background: #66ceaa;
        color: #fff;
        text-align: center;
        font-size: 19.276px;
        font-style: normal;
        font-weight: 700;
        line-height: 26.987px;
        text-transform: uppercase;
    }
}
@media (max-width:594px) {
    .new-best-seller-container .new-best-seller-box-mobile a {
        width: fit-content;
        margin: 0 auto;
        padding: 10px 80px;
    }
}
/* @media (max-width:375px) {
    .new-best-seller-container .new-best-seller-box-mobile img {
        height: 100px;
    }
    .new-best-seller-container .new-best-seller-box-mobile span {
        font-size: 18px;
    }
} */ 
/* end new best seller css */

/* start five reason why css */
.five-reason-why-section-element {
    background: radial-gradient(142.28% 30.77% at 29.81% 52.47%, #faebdc, #eedccb);
}
.five-reason-why-section-element .five-reason-why-desktop-area {
    display: grid;
    grid-template-columns: 50% 50%;
}
.five-reason-why-section-element .five-reason-desktop-left {
    display: flex;
    justify-content: center;
}
.five-reason-why-section-element .five-reason-desktop-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding-right: 15px;
}
.five-reason-why-section-element .five-reason-desktop-right h3 {
    color: #0a0a0a;
    font-size: 42.212px;
    font-style: normal;
    font-weight: 400;
    line-height: 48.78px;
    margin-bottom: 0px;
}
.five-reason-why-section-element .five-reason-desktop-right ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 10px 0 0;
    padding: 0;
}
.five-reason-why-section-element .five-reason-desktop-right ul li {
    display: flex;
    gap: 10px;
}
.five-reason-why-section-element .number-circle {
    background-color: #fff;
    border-radius: 100%;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
}
.five-reason-why-section-element .number-white {
    color: #0a0a0a;
    font-size: 20.081px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.774px;
}
.five-reason-why-section-element .reason-item {
    color: #0a0a0a;
    font-size: 20.081px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.774px;
}
.five-reason-why-section-element .dtc-not-sure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    gap: 15px;
    padding: 25px;
    border-radius: 16.299px;
    width: 90%;
    background: #fff;
    max-width: 534px;
    box-shadow: 0 3.835px 3.835px #00000040;
}
.five-reason-why-section-element .dtc-not-sure span {
    color: #0a0a0a;
    text-align: center;
    font-size: 31.806px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.208px;
}
.five-reason-why-section-element .dtc-not-sure p {
    color: #0a0a0a;
    text-align: center;
    font-size: 17.41px;
    margin: 0px;
    max-width: 336px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.2px;
}
.five-reason-why-section-element .dtc-not-sure a {
    display: flex;
    width: 258.305px;
    height: 51.083px;
    padding: 9.638px 19.276px;
    justify-content: center;
    align-items: center;
    gap: 9.638px;
    flex-shrink: 0;
    border-radius: 4.819px;
    background: #66ceaa;
    color: #fff;
    font-size: 19.276px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.987px;
}
.five-reason-why-section-element .five-reason-mobile {
    display: none;
}
@media (min-width: 769px){
    .five-reason-why-section-element .five-reason-desktop-left {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }
}
@media screen and (min-width:991px) and (max-width: 1200px) {
    .five-reason-why-section-element .dtc-not-sure {
        width: 100%;
    }
    .five-reason-why-section-element .five-reason-desktop-right h3 {
        font-size: 32px;
        line-height: normal;
    }
    .five-reason-why-section-element .reason-item {
        font-size: 18px;
        line-height: normal;
    }
}
@media (max-width: 1200px) { 
    .five-reason-why-section-element .five-reason-desktop-right ul {
        gap: 10px;
    }
 }
@media (max-width: 991px) {
    .five-reason-why-section-element .five-reason-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 30px;
        align-items: center;
        background: radial-gradient(409.3% 37.77% at 46.89% 15.97%, #faebdc, #eedccb);
        grid-column: 1 / 4;
    }
    .five-reason-why-section-element .five-reason-mobile-top {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .five-reason-why-section-element .five-reason-mobile-bot {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .five-reason-why-section-element .five-reason-mobile-bot ul {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        gap: 15px;
        /* align-items: center; */
        justify-content: center;
        width: 100%;
        list-style: none;
        max-width: 600px;
    }
    .five-reason-why-section-element .dtc-not-sure {
        width: 100%;
    }
    .five-reason-why-section-element .five-reason-mobile-bot ul li {
        display: flex;
        gap: 10px;
    }
    .five-reason-why-section-element .number-circle {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }
    .five-reason-why-section-element .number-white {
        color: #0a0a0a;
        font-size: 20.081px;
        font-style: normal;
        font-weight: 700;
        line-height: 26.774px;
    }
    .five-reason-why-section-element .reason-item {
        color: #0a0a0a;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .five-reason-why-section-element .dtc-not-sure span {
        color: #0a0a0a;
        text-align: center;
        font-size: 27.608px;
        font-style: normal;
        font-weight: 700;
        line-height: 24.472px;
    }
    .five-reason-why-section-element .five-reason-why-desktop-area {
        display: none;
    }
    .five-reason-why-section-element .five-reason-mobile-top h3 {
        color: #0a0a0a;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0;
    }
    .five-reason-why-section-element .five-reason-mobile-top img{
        width: 215px!important;
        height: auto;
        aspect-ratio: auto;
    }
    .five-reason-why-section-element .five-reason-mobile-top h3 {
        color: #0a0a0a;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0;
        color: #0a0a0a;
        max-width: 178px;   
    }
}
@media (max-width: 576px) {   
    .five-reason-why-section-element .dtc-not-sure p {
        margin-top: 0px;
    }
    .five-reason-why-section-element .five-reason-mobile-bot ul {
        margin-bottom: 0px;
    }
}
@media (max-width:375px) {
    .five-reason-why-section-element .five-reason-mobile-top img {
        width: 180px !important;
        height: auto;
        aspect-ratio: auto;
    } 
    .five-reason-why-section-element .five-reason-mobile-top h3 {
        font-size: 22px;
        line-height: 28px;
    }
}
/* end five reason why css */

/* start new produced formulas css */
.new-produced-formulas-element {
    background: #fafafa;
    padding: 40px 0;
}
.new-produced-formulas-element .produced-formulas-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.new-produced-formulas-element .produced-formulas-inner-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 5px;
}
.new-produced-formulas-element .produced-formulas-inner-top-title {
    color: #0a0a0a;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.new-produced-formulas-element .green-title {
    color: #66920c;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}
.new-produced-formulas-element .produced-formulas-inner-bot {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
}
.new-produced-formulas-element .produced-formulas-inner-bot div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    max-width: 240px;
    align-items: center;
    gap: 30px;
}
.new-produced-formulas-element .produced-formulas-inner-bot div img {
    height: 109px;
}
.new-produced-formulas-element .produced-formulas-inner-bot div span {
    color: #0a0a0a;
    text-align: center;
    font-size: 16.08px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}
@media (max-width: 768px) {
    .new-produced-formulas-element {
        padding: 20px 0;
    }
    .new-produced-formulas-element .produced-formulas-inner-top {
        display: block;
        text-align: center;
    }
    .new-produced-formulas-element .produced-formulas-inner-top-title {
        font-size: 24px;
        line-height: 32px;
    }
    .new-produced-formulas-element .green-title {
        margin-left: 7px;
        font-size: 24px;
        line-height: 32px;
    }
    .new-produced-formulas-element .produced-formulas-inner-bot {
        flex-direction: column;
        gap: 30px;
    }
    .new-produced-formulas-element .produced-formulas-inner-bot div img {
        width: 111px;
    }
}
/* end new produced formulas css */



/* start new logos list section css */
.new-logo-list-element {    
    background: #edf3e580;
}
.new-logo-list-element .new-logo-list-inner {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 40px 0;
    gap: 50px;
}
.new-logo-list-element .new-logo-list-inner .new-logo-list-item {
    width: 100%;
    max-width: 154px;
}
@media (max-width: 768px) {
    .new-logo-list-element .new-logo-list-inner {
        flex-wrap: wrap;
    }
    .new-logo-list-element .new-logo-list-item {
        max-width: 130px !important;
    }
}
/* end new logos list section css */

/* start new take the quiz section css */
.new-take-the-quiz-section-element .take-the-quiz-section {
    display: grid;
    grid-template-columns: 50% 50%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
}
.new-take-the-quiz-section-element .take-the-quiz-section .take-the-quiz-section-left {
    display: flex;
}
.take-the-quiz-section-left img {
    max-width: 74%;
    margin-left: auto;
}
.new-take-the-quiz-section-element .take-the-quiz-section-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.new-take-the-quiz-section-element .take-the-quiz-section-right h3 {
    color: #0a0a0a;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0;
}
.new-take-the-quiz-section-element .take-the-quiz-section-right span {
    color: #0a0a0a;
    text-align: center;
    font-size: 60.453px;
    font-style: normal;
    font-weight: 400;
    line-height: 66.269px;
    max-width: 100%;
}
.new-take-the-quiz-section-element .take-the-quiz-section-right p {
    color: #0a0a0a;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0px 0px 18px;
}
.new-take-the-quiz-section-element .take-the-quiz-section-right a {
    display: flex;
    min-width: 268px;
    height: 53px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #66ceaa;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    width: 100%;
}
.new-take-the-quiz-section-element .take-the-quiz-section-mob {
    display: none;
}
@media (min-width: 1201px) and (max-width:1400px) {
    .take-the-quiz-section-left img {
        max-width: 100%;
    }
}
@media (min-width: 981px) and (max-width:1200px) {
    .new-take-the-quiz-section-element .take-the-quiz-section-left img {
        max-width: 65%;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section {
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        gap: 20px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section img {
        margin: 0 auto;
    }
    /* .new-take-the-quiz-section-element .take-the-quiz-section {
        padding: 0 0 35px;
    } */
    .new-take-the-quiz-section-element .take-the-quiz-section-left {
        max-width: 50%;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right {
        height: 100%;
        padding-block: 10px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right span {
        font-size: 45px;
        line-height: 50px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-left img {
        max-width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 980px) {
    .new-take-the-quiz-section-element .take-the-quiz-section-left img {
        max-width: 100%;
        margin-left: auto;
        margin-right: 0;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-left {
        max-width: 100%;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right {
        max-width: 330px;
        margin-right: 0;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right span {
        font-size: 35px;
        line-height: 35px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right p {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 16px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right {
        height: 100%;
        padding-block: 10px;
    }
}
@media (max-width: 768px) {
    .new-take-the-quiz-section-element .take-the-quiz-section {
        display: none;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-mob {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        background: radial-gradient(circle, #f8e7d6, #fde8d6, #feeadd, #fee3d1 72%, #f9decc);
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right-mob {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 30px 35px;
        /* background-color: #f7dcc9; */
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-mob .take-the-quiz-section-left-mob {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-mob .take-the-quiz-section-left-mob img {
        display: block;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right-mob h3 {
        color: #0a0a0a;
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }
    .new-take-the-quiz-section-element .not-sure {
        color: #0a0a0a;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }
    .new-take-the-quiz-section-element .bold-span-home {
        color: #0a0a0a;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right-mob p {
        color: #0a0a0a;
        text-align: center;
        max-width: 310px;
        font-size: 18px;
        margin-top: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .new-take-the-quiz-section-element .take-the-quiz-section-right-mob a {
        display: flex;
        width: 268px;
        height: 53px;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #66ceaa;
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
    }
    .home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide {
        --slide-width: 73.66%;
    }
}
/* end new take the quiz section css */

/* start PDP css */

/* .slideshow-controls__thumbnails .slideshow-control {
    border-radius: 5px;
    width: 70px;
    height: 70px;
    aspect-ratio: 1 / 1;
    border: 2px solid #e1e2e2 !important;
    padding: 0;
    overflow: hidden;
}
.slideshow-controls__thumbnails .slideshow-control img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]) {
    outline: none;
    border-color: #54585a !important;
} */
/*  
@media (min-width: 750px){
    .product-information__grid {
        display: flex !important;
        justify-content: end;
        width: 100%;
        max-width: 1330px; 
        margin: 0 auto;
    }
    .product-information__grid .product-information__media {
        grid-column: unset !important;
        width: 100%;
        max-width: 54.89%;
        min-width: 54.89%;
        padding: 0;
    }
    .product-information__grid .product-details {
        grid-column: unset !important;
        width: 100%;
        max-width: 41.35%;
        min-width: 41.35%;
        margin: -4px 0 0;
        padding-left: 0 !important;
    }
    .product-details-inner-element.group-block {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }
    .product-information.section {
        display: flex;
        width: 100%;
        max-width: 100%;
        padding-inline: 20px;
    }
    .product-information.section .product-information__grid {
        grid-column: unset;
    }
    .slideshow-controls__thumbnails {
        gap: 18px;
        padding-right: 40px;
    }
    .product-information__media{
        padding: 0 !important;
    }
    .product-details{
        padding-left: 50px !important;
    }
    .product-details .group-block:first-child{
        padding-top: 0;
    }
}
@media (min-width: 1000px) and (max-width: 1100px){
     .product-information__grid {
        gap: 40px;
        justify-content: space-between;
     }
}
@media (min-width: 750px) and (max-width: 1024px){
    .product-information__grid {
        padding-inline: 20px;
        gap: 30px;
    }
    .product-information__grid .product-information__media,
    .product-information__grid .product-details  {
        max-width: calc(50% - 15px);
        min-width: calc(50% - 15px);
        margin: 0;
    }
    .slideshow-controls__thumbnails {
        padding-right: 20px;
    }
} */
/* end PDP css */

/* footer section css start  */
footer .footer-custom-design .menu__heading__default,
footer .footer-custom-design rte-formatter.text-block h3 {
    font-size: 18px !important;
    line-height: 29.7px !important;
    display: flex;
    padding-block: 12px;
    margin: 0 0 20px;
}
.footer-utilities .utilities .payment-icons {
    max-width: max-content;
}
.footer-utilities .utilities {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between !important;
}
footer .footer-custom-design .menu__item.paragraph a,
footer .footer-custom-design .footer-content .text-block p {
    font-size: 17px;
    line-height: 28.05px;
}
footer .footer-custom-design .menu__heading {
    padding: 0;
}
footer .footer-custom-design .footer-content .text-block p {
    max-width: 470px;
}
footer .footer-custom-design .footer-content .text-block,
footer .footer-custom-design .footer-content accordion-custom {
    padding-inline: 15px;
    max-width: max-content;
}
footer .footer-custom-design .details-content,
footer .footer-custom-design .footer-content .text-block p {
    margin: 0 !important;
}
footer .footer-custom-design .footer-custom-utilities__icons {
    margin: 24px 0 0;
    gap: 22px;
}
.footer-utilities .footer-utilities__group-copyright .footer-utilities__text {
    font-size: 14px;
    font-weight: 700;
}
accordion-custom.menu-has-text-block rte-formatter {
    padding: 0 !important;
}
.utilities .footer-custom-localization {
    width: 100%;
    margin: 0 0 20px;
}
.utilities .footer-custom-localization .dropdown-localization__button {
    padding-block: 0;
}
.utilities .footer-custom-localization dropdown-localization-component .localization-wrapper {
    top: unset;
    bottom: calc(100% + 20px);
}
@media screen and (min-width: 990px) {
    footer .footer-custom-design .footer-content {
        grid-template-columns: repeat(var(--grid-columns), auto);
        justify-content: space-between;
    }
}
@media only screen and (min-width:750px) and (max-width:989px) {
    .footer-custom-design .footer-content {
        grid-template-columns: repeat(min(var(--grid-columns), 2), 1fr) !important;
    }
    footer .footer-custom-design .footer-content--isolated-grid-item-tablet>:last-child {
        grid-column: unset;
    } 
    footer .footer-custom-design .footer-content .text-block, footer .footer-custom-design .footer-content accordion-custom {
        min-width: max-content;
    }
}
@media only screen and (max-width:749px) {
    footer .footer-custom-design .menu__heading__default {
        display: none;
    }
    footer .footer-custom-design .menu__heading {
        font-size: 18px;
        font-weight: 700;
        line-height: 29.7px;
        color: rgb(84, 88, 90);
    }
    footer .footer-custom-design .footer-content .text-block, 
    footer .footer-custom-design .footer-content accordion-custom {
        max-width: 100%;
    }
    .footer-utilities .payment-icons__list {
        gap: 16px;
        justify-content: center;
        padding-top: 28px;
        margin: 30px 0 0;
        border-top: 1px solid #e5e6e6;
    }
    .footer-utilities .footer-utilities__group-copyright .footer-utilities__text {
        font-size: 13px;
        line-height: normal;
        font-weight: 700;
    }
    footer .footer-custom-design .footer-content {
        gap: 0;
    }
    footer .footer-custom-design .menu__details {
        padding: 12px 0 !important;
    }
    footer .footer-custom-design .footer-content accordion-custom {
        border-top: 1px solid #e1e2e2;
        padding-inline: 0;
    }
    footer .footer-custom-design .footer-content accordion-custom:last-child {
        border-bottom: 1px solid #e1e2e2;
    }
    footer .footer-custom-design .footer-content .text-block {
        padding: 0 !important;
    }
    footer .footer-custom-design rte-formatter.text-block h3 {
        margin: 0;
        border-top: 1px solid #e1e2e2;
    }
    .footer-utilities .utilities {
        justify-content: center !important;
    }
    footer .footer-custom-design .footer-content {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .custom-footer-richtext .section-content-wrapper.section-content-wrapper {
        padding-top: 20px !important;
        padding-inline: 16px;
    }
    footer .footer-custom-design .menu__details .details-content {
        padding-top: 12px;
        padding-bottom: 6px;
    }
    footer .footer-custom-design .footer-custom-utilities__icons {
        justify-content: flex-start;
        margin: 16px 0 0;
    }
    footer .footer-custom-design .menu__heading svg path {
        stroke-width: 1px;
    }
    .utilities .footer-custom-localization {
        margin: 0;
    }
    .utilities .footer-custom-localization dropdown-localization-component.mobile\:hidden {
        display: flex !important;
        justify-content: center;
    }
}
/* footer section css end  */

/* featured collection css homepage start */
.home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide .product-card__link {
    display: none !important;
    pointer-events: none;
}
.custom-home-featured-collection .resource-list .resource-list__item .product-card__content {
    gap: 0;
}
.custom-home-featured-collection .resource-list .group-block {
    padding: 20px;
    border: 1px solid #DDD;
    border-radius: 0 0 20px 20px;
    cursor: default;
}
.custom-home-featured-collection .resource-list .contents[ref="productTitleLink"] {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 2px 0 0;
    display: inline-block;
}
.custom-home-featured-collection .meta-product-features ul {
    padding-left: 16px;
    margin: 2px 0;
}
/* .custom-home-featured-collection .card-gallery {
    border-radius: 20px 20px 0 0;
} */
.custom-home-featured-collection .meta-product-features ul li,
.custom-home-featured-collection .meta-product-features p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}
.custom-home-featured-collection .shop_now_button_box {
    width: 100%;
    padding: 9.638px 19.276px;
    font-size: 19.276px;
    font-weight: 700;
    line-height: 26.987px;
    text-transform: uppercase;
    border-radius: 4.819px;
    min-height: 51.083px;
    margin-top: auto;
}
.custom-home-featured-collection .button-secondary {
    padding: 9.638px 19.276px;
    font-size: 19.276px;
    font-weight: 700;
    line-height: 26.987px;
    text-transform: uppercase;
    border-radius: 4.819px;
    min-height: 51.083px;
    min-width: 268px;
    --button-border-width: 2px;
}
.custom-home-featured-collection .resource-list .group-block product-price div[ref="priceContainer"] {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
.custom-home-featured-collection .okeReviews-reviewsSummary-ratingCount {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgb(84, 88, 90);
}
.custom-home-featured-collection .group-block-content {
    justify-content: center;
}
.custom-home-featured-collection .group-block-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 55px;
}
.dtc-review-img-div {
    display: flex;
}
.dtc-review-img-div img {
    max-width: 28px;
    border-radius: 28.929px;
    border: .5px solid var(--base-white, #FFF);
    max-height: 28px;
    margin-left: -5px;
}
.dtc-review-img-div .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
    background-size: 100px 18px;
}
/* featured collection carousel css start */
.home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide {
    --peek-next-slide-size: 0rem;
}
.custom-home-featured-collection slideshow-slides {
    overflow-x: auto;
}
.custom-home-featured-collection .meta-product-features ul li {
    text-transform: capitalize;
}
@media only screen and (min-width:991px) and (max-width:1024px) {
    .home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide {
        --column-count: 3;
    }
    .home-slider-carousel-collection slideshow-container slideshow-slides[gutters="start end"] {
        /* max-width: calc(100% - 180px); */
        max-width: calc(100% - 200px);
        margin: 0 90px;
        padding: 0;
    }
}
/* featured collection carousel css end */
@media only screen and (min-width:750px) and (max-width:990px) {
    .custom-home-featured-collection:not(.home-slider-carousel-collection) .resource-list--grid {
        gap: var(--resource-list-row-gap) var(--resource-list-column-gap);
        grid-template-columns: var(--resource-list-columns-mobile);
    }
}
@media only screen and (max-width: 1024px) {
    .home-slider-carousel-collection slideshow-container .slideshow-control {
        box-shadow: 0 2px 10px #36363626;
        background-color: var(--color-primary-button-text) !important;
        color: var(--color-primary-button-background) !important;
        min-height: unset;
    }
    .custom-home-featured-collection slideshow-component>slideshow-container>slideshow-slides[gutters="start end"] {
        padding-bottom: 30px;
    }
    .custom-home-featured-collection .section-resource-list__content {
        margin: 20px 0 0;
    }
} 
@media only screen and (max-width: 990px) {
    .home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide {
        --slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max));
    }
}
@media only screen and (max-width: 767px) {
    .custom-home-featured-collection {
        row-gap: 40px;
    }
    .custom-home-featured-collection.home-slider-carousel-collection {
        row-gap: 24px;
    }
    .custom-home-featured-collection .group-block-content h3 {
        width: 100%;
        text-align: center;
    }
    .custom-home-featured-collection .group-block-content h3 {
        line-height: normal;
    }
    .custom-home-featured-collection .meta-product-features ul li,
    .custom-home-featured-collection .meta-product-features p {
        font-size: 11px;
    }
    .custom-home-featured-collection .resource-list .contents[ref=productTitleLink] {
        font-size: 16px;
    }
    .custom-home-featured-collection .resource-list .group-block product-price div[ref=priceContainer] {        
        margin: 0 0 5px;
    }
}

/* featured collection css homepage end */

/* Product section css start  */

.pdp-custom-design .product-information__grid {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
}
.pdp-custom-design .slideshow-controls__thumbnails {
    gap: 18px;
}
.pdp-custom-design .slideshow-controls__thumbnails .slideshow-control {
    border: 2px solid #e1e2e2;
    border-radius: 5px;
    aspect-ratio: 1 / 1;
}
.pdp-custom-design .slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]) {
    border: 2px solid currentColor;
    outline: none;
}
.pdp-custom-design .slideshow-controls__thumbnails {
    padding-right: 50px;
}
.pdp-custom-design .product-media-container.media-fit-contain img {
    object-position: top;
}
.pdp-custom-design .product-information__grid {
    grid-template-columns: 61fr 39fr !important;
}
.cus-product-dtc-review {
    padding: 11px 20px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    color: #54585a;
    font-size: 18px;
    line-height: 29.7px;
    font-style: italic;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 8px;
}
.cus-product-dtc-name {
    display: flex;
    gap: 8px;
    align-items: center;
}
.cus-product-dtc-name img {
    max-width: 101px;
}
.pdp-custom-design .text-block h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.pdp-custom-design .group-block-content .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
    background-size: 100px 18px;
}
.pdp-custom-design .add-to-cart-button {
    padding: 18px 28px;
    border-radius: 5px;
    height: auto;
}
.pdp-custom-design .add-to-cart-button span {
    font-size: 20px;
    letter-spacing: .1em;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.product-bottom-media-metafield-info {
    margin-top: 50px;
}
.product-bottom-media-metafield-info .ProductHighlights ul,
.ProductFeaturesMetafields .ProductFeatures ul{
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.ProductFeatures ul {
    padding: 0 !important;
    margin: 0;
}
.ProductHighlights h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 28.05px;
    margin: 0 0 22.6px;
}
 .product-bottom-media-metafield-info .ProductHighlights ul li,
 .ProductFeaturesMetafields.ProductFeatures ul li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    font-size: 17px;
    line-height: 32px;
    padding-top: 0;
    padding-bottom: 0;
}
 .ProductFeaturesMetafields.ProductFeatures p {
    font-size: 17px;
    line-height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500;
}
 .product-bottom-media-metafield-info .ProductHighlights ul li:before,
 .ProductFeaturesMetafields.ProductFeatures ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    background-image: url('https://cdn.shopify.com/s/files/1/0628/6386/8091/files/download_1.svg');
    background-size: 100%;
    top: 5px;
}
.dtc-benefits {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.dtc-benefits-icons-info-text .dtc-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}
.dtc-benefits-icons-info-text .dtc-benefit>span {
    color: var(--icon-text-primary-1, #54585A);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 148%;
    max-width: 70%;
}
.dtc-benefits-icons-info-text .right-border-benefit{
    border-left: 1px solid #E8E8E8;
}
.dtc-benefits-icons-info-text .dtc-benefit.left-border-benefit:not(:last-child) {
    border-right: 1px solid #E8E8E8;
}
.dtc-benefits-icons-info-text .dtc-benefit-icon {
    width: 18px;
    height: 18px;
}
.dtc-benefits-icons-info-text .dtc-benefit-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.dtc-trustpilot__container {
    pointer-events: none;
    margin: 0;
}
.dtc-trustpilot__box {
    box-shadow: 0 -1px 1px #dbdbdb40 inset, 0 -1px #fafafa40 inset;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    background-color: #fff;
    padding: 16px;
}
.dtc-trustpilot__content, 
.dtc-trustpilot__rating {
    display: flex;
    align-items: center;
    gap: 12px;
}
.dtc-trustpilot__score {
    width: 200px;
    border-radius: 12px;
    background-color: #f9f8f8;
    padding: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dtc-trustpilot__title>h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 8px;
}
.dtc-trustpilot__rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    gap: 2px;
}
.dtc-trustpilot__verified {
    margin-top: -4px;
    display: flex;
    gap: 8px;

    align-items: center;
    margin-bottom: 14px;
} 
.dtc-trustpilot__verified>p {
    border-radius: 6px;
    background-color: #d7f7c2;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
}
.dtc-trustpilot__verified a {
    color: inherit;
    background-color: transparent;
    text-decoration: none;
}
.dtc-trustpilot__verified>p>span {
    color: #006908;
    text-align: center;
    font-family: Cabin;
    font-size: 10px;
    line-height: 1.65;
    font-weight: 500;
    text-transform: uppercase;
}
.dtc-review.top-product-title-review-element {
    padding: 11px 39px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    color: #54585a;
    font-size: 18px;
    line-height: 29.7px;
    font-style: italic;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}
.dtc-review.top-product-title-review-element .name {
    display: flex;
    gap: 8px;
    align-items: center;
}
.dtc-review.top-product-title-review-element .verified-buyer-element {
    display: block;
    width: 100%;
    max-width: 100px;
}
.pdp-custom-design .divider__line {
    --color-border: #e1e2e2;
}
.pdp-media-actions .slideshow-control--style-arrow,
.pdp-media-actions .slideshow-control--style-chevron_large {
    display: none;
}
.buy-buttons-block.hideafterpay .afterpay-block {
    display: none !important;
}
@media only screen and (min-width: 821px) and (max-width:1024px) {
    .product-bottom-media-metafield-info .ProductHighlights ul li, 
    .ProductFeaturesMetafields.ProductFeatures ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .product-bottom-media-metafield-info .ProductHighlights ul, 
    .ProductFeaturesMetafields .ProductFeatures ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .product-bottom-media-metafield-info .ProductHighlights ul li:before, .ProductFeaturesMetafields.ProductFeatures ul li:before {
        width: 18px;
        height: 18px;
    }
    .dtc-benefits-icons-info-text .dtc-benefit>span {
        font-size: 11px;
    }
}
@media only screen and (min-width: 750px) and (max-width:820px) {
    .pdp-custom-design .product-information__grid {
        /* grid-template-columns: subgrid !important; */
        grid-template-columns: 1fr !important;
    }
    .product-information.section.pdp-custom-design .product-information__media,
    .product-information.section.pdp-custom-design .product-details {
        /* grid-column: 2 / 3; */
        padding-inline: 0 !important;
    }
    .product-information.section.pdp-custom-design .product-information__media .product-bottom-media-metafield-info,
    .product-information.section.pdp-custom-design .ProductFeaturesMetafields.desktop-only {
        display: none;
    }
    .product-information.section.pdp-custom-design .ProductFeaturesMetafields.mobile-only {
        display: block !important;
    }
    /* .pdp-custom-design .text-block h1 {
        margin: 38px 0 0;
    } */
}
@media screen and (max-width: 820px){
    .pdp-custom-design .product-details {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .custom-recharge-design-1 .free-shipping-block.from-static-form {
        margin-bottom: 6px !important;
    }
    .custom-recharge-design-1 .custom-option-group{
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 749px) {
    .dtc-review.top-product-title-review-element{
        padding: 8px 34px;
        font-size: 14px;
        line-height: 23.1px;
        margin-bottom: 10px;
        text-align: center;
    }
    .dtc-review.top-product-title-review-element .name {
        justify-content: center;
    }
    .product-bottom-media-metafield-info .ProductHighlights {
        display: none;
    }
    .product-bottom-media-metafield-info {
        margin-top: 0px;
    }
    .pdp-custom-design .product-information__grid {
        grid-template-columns: subgrid !important;
    }
    .pdp-custom-design .text-block h1 {
        text-align: center; 
    }
    .pdp-custom-design slideshow-component {
        margin-bottom: 8px;
        display: flex !important;
        flex-direction: column;
    }
    #ProductInformation-product-template > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > div.group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style > div.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column{
        gap:1px !important;
    }
    .pdp-custom-design slideshow-component .slideshow-controls__dots button[aria-selected=true]::after {
        background-color: #54585a;
    }
    .pdp-custom-design slideshow-component .slideshow-controls__dots button::after {
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 50%;
        width: 9px;
        height: 9px;
        box-sizing: border-box;
    }
    .pdp-media-actions .slideshow-control .icon-caret svg path {
        stroke-width: 1px;
        stroke: #000000;
    } 
    /* .pdp-custom-design slideshow-arrows {
        display: block !important;
    }
    .pdp-custom-design slideshow-arrows .slideshow-control.slideshow-control--style-none {
        display: block;
    } */
    .pdp-media-actions .slideshow-control--style-arrow {
        display: block;
    }
    .pdp-custom-design .pdp-media-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        position: absolute;
        bottom: 12px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: calc(100% - 34px);
    }
    .pdp-custom-design slideshow-controls {
        display: none;
    }
    .pdp-custom-design .pdp-media-actions .media-gallery__mobile-controls {
        display: flex !important;
        position: unset;
        transform: unset;
        max-width: max-content;
        min-height: unset;
        padding: 3.5px 5px;
        background: #adadad40;
        border-radius: 100px;
        -webkit-backdrop-filter: blur(11px);
        backdrop-filter: blur(11px);
    }
    .pdp-custom-design .pdp-media-actions .slideshow-control {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9px;
        height: 9px;
        margin: 3px;
    }
    .pdp-media-actions .slideshow-control--style-arrow.slideshow-control--previous, 
    .pdp-media-actions .slideshow-control--style-chevron_large.slideshow-control--previous, 
    .pdp-media-actions .slideshow-control--style-arrow.slideshow-control--next, 
    .pdp-media-actions .slideshow-control--style-chevron_large.slideshow-control--next {
        height: 19px !important;
        width: 19px !important;
        min-width: 19px;
        padding: 2px 5px;
        background: #adadad40 !important;
        border-radius: 100%;
        -webkit-backdrop-filter: blur(11px);
        backdrop-filter: blur(11px);
        box-shadow: 0 2px 10px #36363626;
    }
    .pdp-media-actions .slideshow-control--style-arrow.slideshow-control--previous:focus-visible, 
    .pdp-media-actions .slideshow-control--style-chevron_large.slideshow-control--previous:focus-visible, 
    .pdp-media-actions .slideshow-control--style-arrow.slideshow-control--next:focus-visible, 
    .pdp-media-actions .slideshow-control--style-chevron_large.slideshow-control--next:focus-visible {
        outline: none;
    }
    .pdp-media-actions .slideshow-control .icon-caret {        
        transform: scale(1.4);
    }
    .pdp-media-actions .slideshow-control .icon-caret,
    .pdp-media-actions .slideshow-control .icon-caret svg {
        height: 18px !important;
        width: 18px !important;
    }
    .pdp-custom-design .shopify-app-block {
        width: 100%;
    }
    .product-information.section.pdp-custom-design {
        padding-top: 0px !important;
        padding-bottom:40px !important;
    } 
    .product-information.section.pdp-custom-design {
        --page-margin: 24px;
    }
    .pdp-custom-design .slideshow-controls__dots {
        gap: 6px;
        padding: 0px;
    }
    /* .product-information.section.pdp-custom-design .product-information__media {
        grid-column: 2 / 3;
    } */
    .pdp-custom-design .shopify-app-block .okeReviews {
        display: flex;
        justify-content: center;
        align-items: center;
    } 
    .ProductFeaturesMetafields.ProductFeatures.mobile-only {
        margin: 30px 0 0;
    }
    .dtc-trustpilot__container {
        margin: 6px 0 0;
    }
    .pdp-custom-design .add-to-cart-button span {
        font-size: 18px;
    } 
    .cus-product-dtc-review {
        padding: 8px 34px;
        font-size: 14px;
        line-height: 23.1px;
        margin-bottom: 28px;
        /* margin-bottom: 8px; */
        text-align: center;
        gap: 0;
    }
    .cus-product-dtc-name {
        justify-content: center;
    }
    .group-block-content:has(.cus-product-dtc-review) {
        gap: 0;
    }
    .pdp-custom-design .variant-picker {
        /* margin: 20px 0; */
        margin: 20px 0 0;
    }
    .pdp-custom-design .product-form-buttons {
        gap: 10px;
    }
    .dtc-benefits {
        margin: 22px 0 12px;
    }
    .oke-sr .oke-is-clickable {
        text-align: center;
    }
}
@media only screen and (max-width: 426px) {
    .dtc-trustpilot__score {
        width: 170px;
    }
}
@media screen and (max-width: 400px) {
    .cus-product-dtc-review {
        padding: 10px 20px;
    }
    .cus-product-dtc-review {
        padding: 16px 20px;
        font-size: 16px;
        line-height: 26px;
    }
    .cus-product-dtc-name {
        font-size: 15px;
    }
    .cus-product-dtc-name img {
        max-width: 86px;
    }
    .dtc-trustpilot__content, 
    .dtc-trustpilot__rating {
        gap: 10px;
    }
    .dtc-trustpilot__title>h3 {
        font-size: 16px;
    }
    .dtc-trustpilot__verified>p>span {
        font-size: 8px;
    }
    .dtc-trustpilot__score {
        width: 130px;
    }
    .dtc-trustpilot__box {
        padding: 10px;
    }
    .dtc-trustpilot__verified {
        gap: 4px;
    }
    .product-bottom-media-metafield-info .ProductHighlights ul li, 
    .ProductFeaturesMetafields.ProductFeatures ul li {
        font-size: 17px;
        line-height: 32px;
    }
    /* .product-bottom-media-metafield-info .ProductHighlights ul li:before, 
    .ProductFeaturesMetafields.ProductFeatures ul li:before {
        width: 17px;
        height: 17px;
    } */
    .dtc-benefits-icons-info-text .dtc-benefit>span {
        font-size: 10px;
    }
    .pdp-custom-design .add-to-cart-button span {
        font-size: 17px;
    }    
    .pdp-custom-design .product-form-buttons {
        gap: 8px;
    }
    .pdp-custom-design .afterpay-paragraph-wrapper span, 
    .pdp-custom-design .afterpay-paragraph-wrapper strong {
        font-size: 12px;
    }
}
@media screen and (max-width: 375px) {
    .pdp-custom-design .afterpay-paragraph-wrapper span, 
    .pdp-custom-design .afterpay-paragraph-wrapper strong {
        font-size: 10px;
    }
    .pdp-custom-design .afterpay-paragraph-wrapper .afterpay-logo {
        width: 60px;
    }
}

.go181952224.go181952224.go181952224{
    height: auto;
    /* margin-top: 10px; */
    /* padding: 15px 0; */
}
/* Product section css end  */


/* collections page css start  */

.custom-collection-template-design .resource-list.resource-list--grid,
.custom-collection-template-design .custom-collection-list-filter,
.custom-collection-template-design .product-grid,
.custom-collection-template-design .facets-block-wrapper,
.custom-collections-tab-section nav {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.custom-collection-template-design .facets__form-wrapper .facets__form {
    max-width: max-content;
}
.custom-collection-template-design .facets__form-wrapper {
    justify-content: space-between;
}
.custom-collection-template-design .facets--horizontal .products-count-wrapper {
    display: none;
}
.custom-collection-template-design .resource-list .group-block,
.custom-collection-template-design .product-grid .group-block {
    padding: 20px;
    border: 1px solid #DDD;
    cursor: default;
}
.custom-collection-template-design .product-grid .highlight_benefits {
    font-size: 16px;
}
.custom-collection-template-design .meta-product-features ul {
    padding-left: 16px;
    margin: 2px 0;
}
.custom-collection-template-design .resource-list .contents[ref=productTitleLink],
.custom-collection-template-design .product-grid .contents[ref=productTitleLink] {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    margin: 2px 0 0;
    display: inline-block;
}
.custom-collection-template-design .meta-product-features ul li,
.custom-collection-template-design .meta-product-features p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    list-style-type: disc;
}
.custom-collection-template-design .resource-list .group-block product-price div[ref=priceContainer],
.custom-collection-template-design .product-grid .group-block product-price div[ref=priceContainer] {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.custom-collection-template-design .shop_now_button_box {
    width: 100%;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 26.4px;
    text-transform: uppercase;
    min-height: 51.083px;
    margin-top: auto;
    border-radius: 0;
}
.custom-collection-template-design .resource-list__item.resource-list__item-pm1 .promotionalmessage1, 
.custom-collection-template-design .resource-list__item.resource-list__item-pm1 .promotionalmessage1 .fc-reviews, 
.custom-collection-template-design .resource-list__item.resource-list__item-pm1 .rv-wrap {
    height: inherit;
}
.custom-collection-template-design .facets__summary,
.custom-sort-collection {
    background: var(--color-background);
    border: 1px solid #e1e2e2;
    padding: 10px 15px;
    cursor: pointer;
}
.custom-collection-template-design .facets__summary .facets__label,
.custom-sort-collection span,
.custom-collection-template-design .facets__summary .facets__status {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 45px;
    font-size: 17px;
    font-weight: 100;
    line-height: 28.05px;
}
.custom-collection-template-design .facets__summary .facets__label img,
.custom-sort-collection img,
.custom-collection-template-design .facets__summary .facets__status img {
    width: 20px;
    height: 20px;
}
.custom-collection-template-design .facets-block-wrapper .facets {
    padding: 0;
}
.custom-collection-template-design .product-grid {
    margin-top: 30px;
}
.custom-collections-tab-section .collection-menu {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.custom-collections-tab-section .collection-menu::-webkit-scrollbar {
  display: none;
}
.custom-collections-tab-section .collection-menu .collection-menu-item {
    list-style: none;
}
.custom-collections-tab-section .collection-menu .collection-menu-item a {
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
}
.custom-collection-title {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    color: var(--color, var(--color-foreground));
}
.custom-collections-tab-section .collection-menu .collection-menu-item.active a {
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
}
.promotionalmessage1 .rv-stars span svg {
    width: 18px;
    height: 18px;
}
.promotionalmessage1 .rv-stars {
    display: flex;
    align-items: center;
}
body.has-custom-drawer {
    overflow-y: hidden;
}
body.has-custom-drawer::after {
    content: '';
    position: fixed;
    inset: 0;
    background: #363636;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.product-card .product-badges__badge {
    border-radius: 5px;
    border: 2px solid var(--color-foreground);
    padding: 10px;
    font-size: 14px;
    line-height: 12px;
}
.product-card .product-badges--top-left {
    top: 10px;
    left: 10px;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option {
    padding: 12px 50px;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option {
    padding: 12px 50px;
    font-size: 17px;
    line-height: 28.05px;
    color: #54585a;
    display: flex;
    align-items: center;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option .sorting-filter__label {
    font-weight: 700;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options {
    padding: 18px 0;
    border-radius: 0 !important;
    max-height: max-content;
    top: 70px !important;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option .svg-wrapper {
    display: none;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option:hover {
    background: transparent;
}
.custom-collection-template-design .sorting-filter .sorting-filter__options::before {
    content: "";
    position: absolute;
    right: 40px;
    border-style: solid;
    bottom: 100%;
    border-width: 0 14px 14px 14px;
    border-color: transparent transparent white transparent;
    -webkit-filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, .2));
    filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, .2));
    visibility: visible;
    opacity: 1;
}
.custom-collection-template-design:not(.collection-wrapper) .facets__panel.has-mob-drawer .sorting-filter__options {
    right: unset;
    left: 0;
}
@media only screen and (max-width:1139px) {
    .custom-collection-template-design .resource-list.resource-list--grid,
    .custom-collection-template-design .product-grid {
        gap: 24px;
        grid-template-columns: 1fr 1fr;
        max-width: 924px;
    }
}
@media only screen and (max-width:767px) {
    .custom-collection-template-design .resource-list.resource-list--grid,
    .custom-collection-template-design .product-grid {
        gap: 10px;
    }
    .custom-collection-template-design .product-grid .product-card__content {
        padding: 0 !important;
    }
    .custom-collection-template-design .product-grid {
        padding-inline: 20px;
    }
    .custom-collection-template-design .resource-list .contents[ref=productTitleLink],
    .custom-collection-template-design .product-grid .contents[ref=productTitleLink] {
        font-size: 16px;
        line-height: 24px;
    }
    .custom-collection-template-design .meta-product-features ul li,
    .custom-collection-template-design .meta-product-features p {
        font-size: 13px;
        line-height: 21px;
    }
    .custom-collection-template-design .resource-list .group-block,
    .custom-collection-template-design .product-grid .group-block {
        padding: 15px 0px;
        border: 0;
    }
    .custom-collection-template-design .resource-list .group-block .group-block-content,
    .custom-collection-template-design .product-grid .group-block .group-block-content {
        gap: 8px;
    }
    .custom-collection-template-design .resource-list .group-block product-price div[ref=priceContainer],
    .custom-collection-template-design .product-grid .group-block product-price div[ref=priceContainer] {
        font-size: 16px;
        line-height: 26.4px;
    }
    .custom-collection-template-design .shop_now_button_box {
        font-size: 15px;
        line-height: 1.65;
        min-height: auto;
    }
    .custom-collection-template-design .sorting-filter__options {
        position: fixed !important;
        top: unset !important;
        bottom: 0;
        left: 0 !important;
        width: 100% !important;
        transform: translateY(100%);
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .custom-collection-template-design .facets-controls-wrapper {
        display: grid;
        grid-template-columns: 42fr 58fr;
        gap: 15px;
    }
    .custom-collection-template-design .facets__summary .facets__label, 
    .custom-sort-collection span {
        margin: 0;
    }
    .custom-collection-template-design .facets__summary .facets__label, 
    .custom-sort-collection span {
        font-size: 15px !important;
        line-height: 24.75px !important;
        color: #54585a;
    }
    .custom-collection-template-design .facets__summary .facets__label, 
    .custom-sort-collection span, .custom-collection-template-design .facets__summary .facets__status {
        font-size: 15px;
    }
    .template-list-collections results-list {
        --padding-block-start: 20px !important;
    }
    .template-list-collections .collection-wrapper.custom-collection-template-design .facets-block-wrapper .facets {
        display: none !important;
    }
    .template-list-collections .facets-toggle {
        margin: 0;
    }
    .custom-collection-template-design .facets__summary .facets__status {
        margin-inline: unset;
    }
    .custom-collections-tab-section {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: auto;
        padding: 0 !important;
        background: #ffffff !important;
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%);
    }
    .custom-collection-template-design .facets-mobile-wrapper details[open] .sorting-filter__options,
    .custom-collections-tab-section.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        bottom: 0 !important;
        top: unset !important;
    }
    .custom-collections-tab-section .collection-menu,
    .custom-collection-template-design .custom-collections-filter-opt {
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        max-height: 385px;
        padding: 18px 0;
        overflow-y: auto;
        margin: 0;
        padding: 18px 0;
    }
    .custom-collections-tab-section .collection-menu .collection-menu-item a,
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options .collection-menu-item a {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.65;
        padding: 15px 0;        
        display: inline-block;
        color: #54585a !important;
    }
    .custom-collections-tab-section .custom-collections-tab-popup-close svg,
    .custom-collections-tab-section .custom-collections-filter-popup-close svg {
        width: 16px;
        height: 16px;
    }
    .custom-collections-tab-section .custom-collections-tab-popup,
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options .custom-collections-tab-popup {
        padding: 20px var(--page-margin);
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(225, 226, 226, .4);
        grid-column: 1 / 4;
        position: relative;
    }
    .custom-collections-tab-section .custom-collections-tab-popup-close,
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options .custom-collections-filter-popup-close {
        width: 15px;
        height: 15px;
        border: 0;
        background: transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--page-margin);
        z-index: 2;
        cursor: pointer;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options {
        padding: 0;
        border-radius: 0;
        gap: 0;
        z-index: 11;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options label {
        font-size: 15px;
        font-weight: 400;
        line-height: 15px;
        padding: 0;
        display: inline-block;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__options .custom-collections-tab-title,
    .custom-collections-tab-section .custom-collections-tab-popup .custom-collections-tab-title {
        font-size: 18px;
        font-weight: 700;
        color: #54585a;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option {
        padding: 0;
        text-align: center;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option {
        display: flex;
        justify-content: center;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option .svg-wrapper {
        display: none;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option {
        color: #54585a;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option[aria-selected="true"] {
        color: #000000;
    }
    .custom-collection-template-design .facets-mobile-wrapper .sorting-filter__option:hover {
        background: transparent;
    }
    .custom-collection-template-design .sorting-filter .sorting-filter__options .sorting-filter__option {
        font-size: 15px;
        line-height: 1.65;
        color: #54585a;
    }
    .custom-collections-tab-section .collection-menu .collection-menu-item.active a {
        border-bottom: 0;
        padding-bottom: 15px;
    }
    .custom-collection-template-design .facets-block-wrapper .facets {
        max-width: 100%;
    }
    .custom-collection-template-design .facets-block-wrapper .facets {
        display: block !important;
        max-height: unset;
        height: auto;
        width: 100%;
    }
    .collection-wrapper.custom-collection-template-design .facets-block-wrapper .facets {
        padding-bottom: 35px;
    }
    .custom-collection-template-design .facets-block-wrapper .facets .custom-sort-collection.mobile-only, 
    .custom-collection-template-design .facets__form-wrapper .facets__form {
        display: none !important;
    }
    .custom-collection-template-design .facets__form-wrapper .custom-collection-title {
        padding: 0 16px;
        text-align: center;
    }
    .product-card .product-badges__badge {
        padding: 4px 10px;
        font-size: 10px;
    }
    .product-card .product-badges--top-left {
        top: 10px;
        left: 20px;
    }
    .custom-collection-template-design .product-grid .highlight_benefits {
        font-size: 14px;
    }
}
@media only screen and (max-width:400px) {
    .custom-collection-template-design .facets-controls-wrapper {
        gap: 10px;
    }
    .custom-collection-template-design .facets__summary, 
    .custom-sort-collection {
        padding: 8px 10px;
        height: 100%;
    }
    .custom-collection-template-design .facets__summary .facets__label img, .custom-sort-collection img, 
    .custom-collection-template-design .facets__summary .facets__status img {
        width: 16px;
        height: 16px;
    } 
    .custom-collection-template-design .facets__summary .facets__status {
        margin-right: 20px;
    }
    .custom-collection-template-design .custom-collection-list-filter .facets-toggle {
        padding-inline: 0;
    }
    .custom-collection-template-design .facets__summary .facets__label, 
    .custom-sort-collection span, 
    .custom-collection-template-design .facets__summary .facets__status {
        font-size: 14px;
        line-height: 1.65;
    }
}
/* collections page css end  */

/* Cart drawer custom design: styles consolidated into the ported block at the
   end of this file (see "CART DRAWER — Intelligems A/B treatment ported to Liquid").
   The empty-cart-state rules were moved into that block. */

/* cart page css start  */

.main-cart-custom-design {
    max-width: calc(1260px + 40px);
    margin: 0 auto;
}
.main-cart-custom-design .cart-page {
    grid-template-columns: 1fr !important;
}
.main-cart-custom-design .cart-page .cart-page__summary {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    margin-top: 24px;
    padding-top: 24px;
    border-block-start: 1px solid var(--color-border);
}
.main-cart-custom-design .cart-page__items {
    margin: 50px 0 0;
}
.main-cart-custom-design .cart-title h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}
.main-cart-custom-design .cart-shipping__wrapper p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
}
.main-cart-custom-design .cart-items__table-row {
    gap: 0;
}
.main-cart-custom-design .cart-items__table-row .cart-items__details {
    padding-left: 25px;
}
.main-cart-custom-design .cart-items__table-row .cart-items__details .cart-items__title {
    font-size: 15px;
    font-weight: 700;
    line-height: 24.75px;
}
.main-cart-custom-design .cart-items__variant dd {
    font-size: 14px;
    font-weight: 700;
    line-height: 23.1px;
    color: rgb(var(--color-foreground-rgb));
}
.main-cart-custom-design .selling-plan-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 23.1px;
    color: rgb(var(--color-foreground-rgb));
    font-style: italic;
    margin: 6.3px 0 0;
    text-transform: capitalize;
}
.main-cart-custom-design .cart-items__table-row .cart-items__details > div span {
    font-size: 14px;
    font-weight: 700;
    line-height: 23.1px;
    color: rgb(var(--color-foreground-rgb));
}
.main-cart-custom-design .cart-items__variants {
    margin: 6.75px 0 0;
}
.main-cart-custom-design .cart-items__table-row .cart-items__details > div {
    margin: 14px 0 0;
}
.main-cart-custom-design .cart-items__quantity .quantity-selector {
    background: transparent;
    border-radius: 0;
}
.main-cart-custom-design .cart-items__quantity {
    flex-direction: column;
    grid-row: 1 / 3;
    height: 100%;
    justify-content: center;
}
.main-cart-custom-design .cart-items__quantity .cart-items__remove {
    height: auto;
}
.main-cart-custom-design .cart-items__quantity .quantity-selector {
    max-height: max-content;
}
.main-cart-custom-design .cart-items__quantity .quantity-selector input[type="number"] {
    max-width: 20px;
}
.main-cart-custom-design .cart-items__quantity .quantity-selector button svg path {
    stroke-width: 1px;
}
.main-cart-custom-design .cart-shipping__wrapper {
    padding: 30px 0 0;
}
.main-cart-custom-design .cart-items__price {
    grid-row: 1 / 3;
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 23.1px;
}
.main-cart-custom-design .cart-items__remove svg {
    display: none;
}
.main-cart-custom-design .cart-items__remove span.visually-hidden {
    display: block !important;
    width: auto;
    height: auto;
    position: relative;
    clip: unset;
    font-size: 12px;
    font-weight: 700;
    line-height: 19.8px;
}
.main-cart-custom-design .cart-items__remove span.visually-hidden::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-foreground);
    transition: width 0.3s ease;
}
.main-cart-custom-design .cart-items__remove span.visually-hidden:hover::after {
    width: 0;
}
.main-cart-custom-design .cart-items--dividers .cart-items__table-row {
    border-bottom: 1px solid var(--color-input-border);
}
.cart-page .cart-social-proof.show-cart-drawer,
.main-cart-custom-design .cart-shippingThreshold__bar,
.cart-page .cart__total-container .cart__summary-item.cart__saving,
.cart-drawer .cart-social-proof.show-cart-page,
.main-cart-custom-design .cart-page .cart-page__summary .cart__summary-inner .cart__payment-icons {
    display: none;
}
.main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row #productInformation {
    opacity: 0;
    visibility: hidden;
}
.main-cart-custom-design .cart-page .cart-page__summary .cart__summary-inner {
    width: 100%;
    align-items: flex-end;
    gap: 17px;
    padding: 0;
}
.main-cart-custom-design .cart-page .cart-page__summary .cart__summary-inner > div {
    max-width: max-content;
    border-block-start: 0;
    padding: 0;
    margin: 0;
}
.main-cart-custom-design .cart-page .cart-page__summary .cart__total-label, 
.main-cart-custom-design .cart-page .cart__total-value {
    font-size: 17px;
    font-weight: 700;
    line-height: 28.05px;
}
.main-cart-custom-design .cart-page .cart-page__summary .cart__total {
    gap: 4px;
}
.main-cart-custom-design .cart-page .cart-page__summary .cart__total-label {
    text-transform: capitalize;
}
.main-cart-custom-design .cart__ctas .cart__checkout-button,
.main-cart-custom-design .cart-page--empty .cart-items__empty-button {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 18px 28px;
    border-radius: 5px;
    letter-spacing: .1em;
    height: auto;
}
.main-cart-custom-design .cart-page--empty .cart-items__empty-button {
    margin-top: 0;
}
.main-cart-custom-design .cart-shipping-info {
    margin: 0 0 27px;
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
}
.main-cart-custom-design .cart-items--dividers .cart-items__table-row:first-child {
    padding-top: var(--cart-items-gap);
    border-top: 1px solid var(--color-input-border);
}
.main-cart-custom-design .cart-items__table thead.visually-hidden {
    position: unset !important;
    width: auto;
    height: auto;
}
.main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row th {
    text-align: left;
}
.main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row th:last-child {
    text-align: right;
}
.main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row {
    padding: 0 0 15px;
    border: 0;
}
.main-cart-custom-design .CartItem__proof {
    grid-column: 1 / 5;
    margin: 20px 0 0;
    display: flex;
    background: #fff2fb;
    font-size: 14px;
    padding: 14px 18px;
    border-radius: 4px;
    font-weight: 400;
    line-height: 20px;
    box-shadow: rgb(247 222 239) 0px 1px 2px 0px;
}
.main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row #quantity {
    max-width: 110.13px;
    text-align: center;
}
@media only screen and (max-width:800px) {
    .main-cart-custom-design .cart-items__quantity {
        padding-left: 25px;
        flex-direction: row;
        grid-column: 2 / 4;
        grid-row: 2 / 3;
        width: 100%;
        justify-content: space-between;
    }
    .main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row th {
        font-size: 13px;
    }
    .main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row {
        grid-template-rows: 0px;
    }
    .main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row #quantity {
        padding-left: 25px;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    .main-cart-custom-design .cart-items__table thead.visually-hidden .cart-items__table-row #productTotal {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
}
@media only screen and (max-width:640px) {
    .main-cart-custom-design .cart-items__table thead.visually-hidden {
        display: none;
    }
    .main-cart-custom-design .cart-shipping__wrapper {
        padding: 10px 0 0;
    }
    .main-cart-custom-design .cart-items--dividers .cart-items__table-row:first-child {
        grid-template-columns: 90px minmax(0, 1fr) minmax(var(--cart-item-price-width), auto);
    }
    .main-cart-custom-design .cart-items__table-row .cart-items__details .cart-items__title {
        font-size: 14px;
        line-height: 23.1px;
    }
    .main-cart-custom-design .cart-items__variant dd {
        font-size: 12px;
        line-height: 19.8px;
    }
    .main-cart-custom-design .cart-items__variants {
        margin: 6.3px 0 0;
    }
    .main-cart-custom-design .selling-plan-name {
        margin: 5.4px 0 0;
        font-size: 12px;
        line-height: 19.8px;
    }
    .main-cart-custom-design .cart-items__table-row .cart-items__details > div span,
    .main-cart-custom-design .cart-items__table-row .cart-items__details .compare-at-price {
        font-size: 12px;
        line-height: 19.8px;
    }
    .main-cart-custom-design .cart-items__quantity .quantity-selector {
        max-width: max-content;
    }
    .main-cart-custom-design .cart-items__quantity .quantity-selector .button {
        width: auto;
        height: auto;
        padding: 10px 9px;
        max-width: max-content;
    }
    .main-cart-custom-design .cart-items__quantity .quantity-selector input[type=number] {
        font-size: 13px;
        line-height: normal;
    }
    .main-cart-custom-design .cart-items__quantity .quantity-selector .button .svg-wrapper {
        width: auto;
        height: auto;
    }
    .main-cart-custom-design .cart-items__table-row .cart-items__details > div {
        margin: 12px 0 0;
    }
    .main-cart-custom-design .cart-items--dividers .cart-items__table-row .cart-items__media {
        align-self: center;
    }
    .main-cart-custom-design .cart-page .cart-page__summary .cart__summary-inner .cart__ctas {
        max-width: 100%;
    }
    .main-cart-custom-design .cart__ctas .cart__checkout-button, 
    .main-cart-custom-design .cart-page--empty .cart-items__empty-button {
        font-size: 18px;
    }
}
/* cart page css end  */

/* blog list page css start */

.blog-section-custom-design .blog-post-item {
    --blog-post-card-scale: .6 !important;
    grid-column: span 2 !important;
}
.blog-section-custom-design .blog-post-item .blog-post-card {
    flex-direction: column !important;
}
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__image-container, 
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__content {
    width: 100% !important;
    padding-inline-start: 0 !important;
}
.blog-section-custom-design .blog-posts-container {
    margin: 16px 0 0;
    gap: 60px;
}
.Blog__TagList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 28px;
    row-gap: 10px;
    padding: 0;
    line-height: 1.65;
    margin: 34px 0;
}
.blog-section-custom-design .blog-post-card__content a .text-block {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.Blog__TagList .HorizontalList__Item {
    list-style: none;
}
.Blog__TagList .Heading {
    font-size: 13px;
    font-weight: 700;
    line-height: 21.45px;
}
.Blog__TagList .Heading.is-active {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.5px;
}
.blog-posts.blog-section-custom-design {
    max-width: calc(1260px + (var(--page-margin) * 2));
    margin-inline: auto;
}
.blog-section-custom-design .blog-post-card__image-container .border-style {
    border-radius: 5px;
}
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__content {
    padding: 26px 0 0;
}
.blog-section-custom-design .blog-post-card__content .Article__SubMeta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.blog-section-custom-design .blog-post-card__content a {
    padding: 18.26px 0 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.blog-section-custom-design .blog-post-card__content .Article__SubMeta .ArticleItem__Category {
    border: 2px solid;
    padding: 10px;
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 5px;
}
.blog-section-custom-design .blog-post-card__content a .text-block {
    padding: 0;
}
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__content .Article__MetaItem {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 18.26px 0 0;
}
.blog-section-custom-design .Article__MetaItem img {
    display: block;
    width: 100%;
    max-width: 40px;
}
.blog-section-custom-design .Article__MetaItem span {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
    color: rgb(84, 88, 90);
}
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__content .Article__MetaItem a {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
    color: #d7b6b5;
    padding: 0;
    text-decoration: underline;
    text-decoration-color: #d7b6b599;
    text-underline-offset: 5px;
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out;
}
.blog-section-custom-design .blog-post-item .blog-post-card .blog-post-card__content .Article__MetaItem a:hover {
    color: inherit;
    text-decoration-color: inherit;
}
.blog-section-custom-design .blog-post-card__content .blog-post-card__content-text {
    padding: 18.26px 0 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
}
.blog-section-custom-design .blog-post-card__content .article-read-more {
    padding: 20px 0 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
    position: relative;
    max-width: max-content;
}
.blog-section-custom-design .blog-post-card__content .article-read-more::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-foreground);
    transition: width 0.3s ease;
}
.blog-section-custom-design .blog-post-card__content .article-read-more:hover::after {
    width: 0;
}
.blog-section-custom-design .pagination-modern {
    margin: 100px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-section-custom-design .pagination-modern a, 
.blog-section-custom-design .pagination-modern span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 28px;
    border-bottom: 1px solid #e1e2e2;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    height: 100%;
}
.blog-section-custom-design .pagination-modern .pagination-link.active {
    border-bottom-color: #54585a;
    box-shadow: 0 -2px #54585a inset;
}
.blog-section-custom-design .pagination-modern a svg {
    width: 6px;
    height: 10px;
}
.blog-section-custom-design .pagination-modern {
    margin: 60px 0 0;
}
@media only screen and (min-width:641px) and (max-width:1006px) {
    .blog-section-custom-design .blog-post-item {
        --blog-post-card-scale: .8 !important;
        grid-column: span 3 !important;
    }
}
@media only screen and (max-width:640px) {
    .blog-section-custom-design .blog-post-item {
        --blog-post-card-scale: 0.5 !important;
        grid-column: span 6 !important;
    }
    .blog-section-custom-design .pagination-modern a, .blog-section-custom-design .pagination-modern span {
        padding: 16px 20px;
    }
}
/* blog list page css end  */

/* article page css start  */

.article-page-custom-design .section-content-wrapper {
    grid-column: 1 / 4;
    max-width: 100%;
}
.article-page-custom-design .section-content-wrapper>div:not(:first-of-type) {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}
.article-page-custom-design rte-formatter img[width="134"] {
    max-width: 134px;
    margin-inline: auto;
}
.article-page-custom-design .section-content-wrapper .blog-post-content iframe {
    max-width: 100% !important;
}
.article-page-custom-design .section-content-wrapper .blog-post-content {
    min-width: 100%;
    max-width: 100%;
}
.article-page-custom-design .blog-post-content-main {
    display: grid;
    grid-template-columns: auto 350px;
    padding: 40px 50px 0;
}
.article-page-custom-design .blog-post-content-main .blog-post-content-blocks {
    padding: 0 0 0 50px;
}
.article-page-custom-design .article-sidebar-newsletter-image {
    width: 100%;
    min-height: 100% !important;
}
.article-page-custom-design .article-sidebar-newsletter-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-page-custom-design .article-sidebar-newsletter-wrap .asn-subheading {
    font-size: 17px;
    font-weight: 700;
    line-height: 28.05px;
    margin: 0 0 17px;
    text-align: center;
    margin-bottom:0;
}
.article-page-custom-design .article-sidebar-newsletter-wrap .asn-title {
    margin: 0 0 24.9px;
    margin-bottom:0;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-transform: capitalize;
    text-align: center;
}
.article-page-custom-design .article-sidebar-design-1 .article-sidebar-newsletter-container {
    position: relative;
    display: flex;
    min-height: 600px;  
}
.article-page-custom-design .article-sidebar-design-1 .article-sidebar-newsletter-container .article-sidebar-newsletter-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Input {
    width: 100%;
    margin: 0 0 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e1e2e2;
    padding: 12px 14px;
    transition: border-color .1s ease-in-out;
    line-height: normal;
}
.article-page-custom-design .asn-content {
    font-size: 17px;
    font-weight: 700;
    line-height: 28.05px;
    text-align: center;
}
.article-page-custom-design .blog-post-content-main {
    position: relative;
    background-color: var(--color-background);
}
.article-page-custom-design .parallax-container {
    position: relative;
    overflow: hidden;
    max-height: 215px;
}
.article-page-custom-design .parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: background-position;
}
.article-page-custom-design .blog-post-content-date {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 28.05px;
    margin: 0 0 18px;
}
.article-page-custom-design .blog-post-content-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 24px;
}
.article-page-custom-design .blog-post-content-tags .blog-post-content-tag {
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    padding: 10px;
    border: 2px solid;
    border-radius: 5px;
}
.article-page-custom-design .cus-article-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 39.6px;
    margin: 0 0 45px;
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Submit {
    margin: 0;
    font-size: 16px;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: .3s ease all;
    padding: 18px 28px;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    background: #66ceaa;
    border: 1px solid #66ceaa;
    text-transform: uppercase;
    font-family: var(--font-paragraph--family);
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Submit:hover {
    background: #d7b6b5;
    border-color: #d7b6b5;
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Input {
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e1e2e2;
    padding: 12px 14px;
    transition: border-color .1s ease-in-out;
    margin: 0 0 10px;
    color: inherit;
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Input::placeholder {
    color: inherit;
}
.article-page-custom-design .article-sidebar-newsletter-content .Form__Input:focus-visible {
    outline: 1px auto #000000;
}
.article-page-custom-design .article-sidebar-design-1 .article-sidebar-newsletter-image::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.article-sidebar-newsletter-main.article-sidebar-design-2 .article-sidebar-newsletter-wrap .asn-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0;
}
.article-sidebar-newsletter-main.article-sidebar-design-2 {
    padding: 20px 0 9px 0;
    border-radius: 6px;
}
.article-page-custom-design .article-sidebar-design-2 .asn-content {
    padding: 10px 10px 0 10px;
}
.article-page-custom-design .article-sidebar-design-2 .asn-content p {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 400;
}
.article-sidebar-newsletter-main.article-sidebar-design-2 .needsclick[component="[object Object]"] input {
    width: 100%;
}
.article-sidebar-newsletter-main:not(:last-child) {
    margin: 0 0 24px;
}
.article-page-custom-design rte-formatter p,
.article-page-custom-design rte-formatter a {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
}
.article-page-custom-design rte-formatter p {
    margin-bottom: 1.6em;
}
.article-page-custom-design rte-formatter li {
    display: inline-block;
    padding-block: 5px;
}
.article-page-custom-design rte-formatter a:not(.Button) {
    color: #d7b6b5;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(215,182,181,.6);
    text-decoration-color: #d7b6b599;
    text-underline-position: under;
    transition: color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out;
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out;
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out;
}
.article-page-custom-design rte-formatter a:not(.Button):hover {
    color: #54585a;
    -webkit-text-decoration-color: rgba(84,88,90,.6);
    text-decoration-color: #54585a99;
}
.article-page-custom-design rte-formatter h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 36.3px;
}

.article-page-custom-design rte-formatter h1 {
    font-size: 22px;
    font-weight: 400;
    line-height: 36.3px;
}
.article-page-custom-design rte-formatter img {
    margin-top: 2.4em;
    margin-bottom: 2.4em;
}
.article-page-custom-design .section-content-wrapper {
  background-color: var(--color-background);
}
.article-page-custom-design .blog-post-comments__form-container {
    max-width: 100%;
}
.article-page-custom-design .blog-post-comments__form-container h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 39.6px;
    margin: 0 0 40px;
}
.article-page-custom-design .blog-post-comments__form {
    gap: 30px;
}
.article-page-custom-design #comment_form {
    padding: 0 50px;
}
.article-page-custom-design .blog-post-comments__form-submit {
    border-radius: 5px;
    font-size: 20px;
    padding: 18px 28px;
    letter-spacing: .1em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin: 32px 0 0;
}
.article-page-custom-design .blog-post-comments__form-moderated {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
    margin: 24px 0 0;
}
.article-page-custom-design .blog-post-comments__form-container .field__input {
    padding: 12px 14px;
    box-shadow: unset;
    border-radius: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
}
.article-page-custom-design .blog-post-comments__form-container .field__input:focus-visible {
    outline-offset: 0px;
}
.article-page-custom-design rte-formatter h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.cus-article-social-wrapper .customsocial-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.cus-article-social-wrapper {
    display: flex;
    align-items: center;
    margin: 65px 0 0;
}
.cus-article-social-wrapper .cus-article-social-link {
    width: 60px;
    height: 45px;
    min-height: 45px;
    color: #54585a;
    background: #fafafa;
    border-collapse: collapse;
    border: 1px solid #e1e2e2;
    outline: 1px solid transparent;
    outline-offset: -1px;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cus-article-social-wrapper .cus-article-social-link:not(:last-child) {
    border-right: 0;
}
.article-custom-sticky-navigation .customsocial-icon {
    width: 13px;
    height: 13px;
    fill: #ffffff80;
}
.article-custom-sticky-navigation .customsocial-icon:hover {
    fill: #ffffff;
    transition: color .2s ease-in-out, opacity .2s ease-in-out;
}
.article-custom-sticky-navigation {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 50px 16px;
    background: #54585a;
    color: #fff;
    z-index: 2;
    pointer-events: none;
    transform: translateY(-100%);
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    width: 100%;
    max-width: 100% !important;
}
.article-custom-sticky-navigation.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.article-custom-sticky-navigation .article-nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: inherit;
}
.article-custom-sticky-navigation .article-nav-bar-tool-btn {
    font-size: 13px;
    font-weight: 700;
    line-height: 21.45px;
    color: #ffffff80;
    display: flex;
    align-items: center;
    gap: 4px;
}
.article-custom-sticky-navigation .article-nav-bar-tool-btn:hover,
.article-custom-sticky-navigation .article-nav-bar-tool-btn svg {
    color: #ffffff;
}
.article-custom-sticky-navigation .article-nav-bar-text {
    font-size: 13px;
    font-weight: 700;
    line-height: 21.45px;
    color: rgba(255, 255, 255, 0.5);
}
.article-custom-sticky-navigation .article-nav-bar-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 21.45px;
    color: rgb(255, 255, 255);
}
.article-custom-sticky-navigation .article-nav-bar-seperator {
    display: inline-block;
    position: relative;
    content: "";
    width: 1px;
    height: 12px;
    margin: 0 18px;
    background: #fff9;
    vertical-align: middle;
}
.article-custom-sticky-navigation .article-nav-bar-tool-nav,
.article-custom-sticky-navigation .article-nav-bar-right .article-nav-bar-social-list,
.article-custom-sticky-navigation  .article-nav-bar-share-items {
    display: flex;
    align-items: center;
}
.article-custom-sticky-navigation .article-nav-bar-right {
    display: flex;
    align-items: center;
    gap: 100px;
}
.article-custom-sticky-navigation .article-nav-bar-social-list {
    gap: 20px;
}
.article-custom-sticky-navigation .article-nav-bar-item {    
    display: flex;
    align-items: center;
    margin: 6px 8px;
}
/* related article css start */

.related-article-main {
    max-width: 1260px;
    margin: 0 auto;
    padding: 75px 24px 25px;
}
.related-article-main .related-article-heading {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    margin: 0 0 70px;
}
.related-article-main .related-article-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
}
.related-article-main .related-article-grid .related-article-image {
  --aspect-ratio: 1.7;
  position: relative;
  display: block;
  width: 100%;
  padding-top: calc(100% / var(--aspect-ratio));
  overflow: hidden;
}
.related-article-main .related-article-grid .related-article-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.related-article-main .related-article-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.related-article-main .related-article-tag {
    border: 2px solid;
    padding: 10px;
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 5px;
    display: inline-block;
}
.related-article-main .related-article-item {
    display: flex;
    flex-direction: column;
    gap: 22px;
    height: 100%;
}
.related-article-main .related-article-tag-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* relate article css end  */

@media screen and (min-width: 641px) {
    .article-page-custom-design .blog-post-content-main {
        margin-top: -45px;
    }
    .article-page-custom-design .parallax-container {
        max-height: 335px;
    }
} 
@media screen and (min-width: 1008px) {
    .article-page-custom-design .blog-post-content-main {
        margin-top: -70px;
    }
    .article-page-custom-design rte-formatter img {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    /* .article-page-custom-design .blog-post-content-main .blog-post-content-block-content {
        position: sticky;
        top: 200px; 
    }  */
    .article-page-custom-design .blog-post-content-main .blog-post-content-blocks > div:last-child {
        position: sticky;
        top: 200px; 
    } 
    .article-page-custom-design .parallax-container {
        max-height: 450px;
    }
}
@media only screen and (min-width:767px) and (max-width:1024px) {
    .article-custom-sticky-navigation .article-nav-bar-right {
        gap: 20px;
    }
    .article-custom-sticky-navigation .article-nav-bar-title {
        font-size: 12px;
        line-height: 18px;
        color: #fff;
    }
    .article-custom-sticky-navigation .article-nav-bar-social-list {
        gap: 8px;
    }
}
@media only screen and (min-width:641px) and (max-width:990px){
    .related-article-main .related-article-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width:1007px) {
    .cus-article-social-wrapper {
        margin: 45px 0 0;
    }
    .article-page-custom-design .blog-post-content-main {
        grid-template-columns: 1fr;
        padding: 24px 24px 0;
        gap: 20px;
    }
    .article-page-custom-design .blog-post-content-date {
        font-size: 15px;
        font-weight: 700;
        line-height: 24.75px;
    }
    .article-page-custom-design .cus-article-title {
        margin: 0px 0 35px;
    }
    .article-page-custom-design #comment_form {
        padding: 80px 24px 30px;
    }
}
@media only screen and (max-width:767px) {    
    .article-custom-sticky-navigation {
        display: none;
    }
}
@media only screen and (max-width:640px) {
    .cus-article-social-wrapper .cus-article-social-link {
        width: 100%;
    }
    .article-page-custom-design .blog-post-content-main .blog-post-content-blocks {
        padding: 0;
        max-width: 350px;
        margin: 0 auto;
    }
    .article-page-custom-design .article-sidebar-design-1 .article-sidebar-newsletter-container {
        min-height: 450px;
    }
    .article-page-custom-design .article-sidebar-newsletter-wrap .asn-subheading {
        font-size: 15px;
        line-height: 24.75px;
        margin: 0 0 16px;
        margin-bottom:0;
    }
    .article-page-custom-design .blog-post-comments__form-container {
        margin: 0;
    }
    .article-page-custom-design .blog-post-comments__form {
        gap: 15px;
    }
    .related-article-main .related-article-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .related-article-main .related-article-heading {
        margin: 0 0 40px;
    }
}
/* article page css end  */

/* 404 page css start  */

.section-fof-template .text-block h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 29.7px;
}
.section-fof-template p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
}
.section-fof-template .button {
    border-radius: 5px;
    font-size: 20px;
    padding: 18px 28px;
    letter-spacing: .1em;
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width:640px) {
    .section-fof-template .button {
        font-size: 18px;
    }
}
/* 404 page css end  */
.custom-home-featured-collection slideshow-component > slideshow-container > slideshow-slides {
    scrollbar-color: #8b8b8b transparent;
    scrollbar-width: unset;
}

/* search template css start  */

.search-page__header .group-block p {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
}
.search-page__header .search-page-input {
    -webkit-appearance: none;
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid #e1e2e2;
    width: 100%;
    resize: none;
    transition: border-color .1s ease-in-out;
    background: transparent;
    max-width: max-content;
    margin: 0 auto;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
}
.search-page__header search-page-input-component .search__icon,
.search-page__header search-page-input-component .search__reset-button {
    display: none;
}
.search-page__header .search-page-input:focus-visible {
    outline-offset: 0;
}
.template-search.has-search-template results-list,
.template-search.has-search-result-template .search-page__header .group-block p, 
.template-search.has-search-result-template .search-page__header form.search-page-input__parent:not(.search-field-visible),
.template-search .search-results__no-results {
    display: none !important;
}
.template-search.has-search-result-template .search-page__header .text-block.h5>* {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}
.template-search .search-page__header .text-block.h5>*,
.template-search .search-page__header.no-search-results .text-block.h5>* {
    font-size: 18px;
    font-weight: 700;
    line-height: 29.7px;
}
.template-search.has-search-template .custom-search-count {
    display: none;
}
.custom-search-count {
    font-size: 17px;
    font-weight: 400;
    line-height: 28.05px;
    text-align: center;
}
.has-search-template .search-page__header,
.search-page__header.no-search-results {
    padding-block: 250px !important;
}
.template-search results-list .product-card__content .contents[ref="productTitleLink"] {
    font-size: 16px;
    font-weight: 700;
    line-height: 26.4px;
}
.template-search results-list .product-card__content .okeReviews .okeReviews-reviewsSummary-ratingCount {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    margin: 0;
}
.template-search results-list .product-card__content .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
    background-size: 100px 18px;
}
.template-search results-list div[ref="priceContainer"] {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
}
.template-search results-list .highlight_benefits ul {
    padding-left: 0;
    list-style-position: inside;
}
@media only screen and (min-width:641px) and (max-width: 1140px) {
    .template-search results-list .product-grid {
        --product-grid-columns-desktop: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 640px) {
  .has-search-template .search-page__header,
  .search-page__header.no-search-results {
    padding-block: 140px !important;
  }
  .template-search results-list .product-card__content .contents[ref=productTitleLink] {
    font-size: 15px;
    font-weight: 700;
    line-height: 24.75px;
  }
  .template-search results-list .highlight_benefits p,
  .template-search results-list .highlight_benefits li {
    font-size: 13px;
    line-height: 18px;
  }
} 
/* search template css end  */

/* quick add drawer css start  */

.pdp-type-quick-add-drawer .quick-add-modal {
    position: fixed;
    height: 100vh;
    max-height: 100vh;
    left: unset;
    right: 0;
    border-radius: 0;
    transform: translateX(100%) !important;
    transition: transform 0.2s ease-in-out;
    width: 100%;
    max-width: 500px;
    animation: var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards;
    display: flex !important;
}
.pdp-type-quick-add-drawer .quick-add-modal__content {
    grid-template-columns: 1fr;
}
.pdp-type-quick-add-drawer .quick-add-modal__content,
.pdp-type-quick-add-drawer .quick-add-modal__content .product-details {
    width: 100%;
}
.pdp-type-quick-add-drawer .quick-add-modal[open] {
    transform: translateX(0) !important;
    animation: var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards;
}
.pdp-type-quick-add-drawer .quick-add-modal.dialog-closing {
    transform: translateX(100%) !important;
    transition: transform 0.2s ease-in-out;
}
.pdp-type-quick-add-drawer .quick-add-modal .product-information__media {
    display: none;
}
.pdp-type-quick-add-drawer .quick-add-modal__content {
    display: flex;
    margin-top: 80px;
}
.pdp-type-quick-add-drawer .quick-add-modal__content .product-details {
    justify-content: flex-start;
}
.pdp-type-quick-add-drawer .quick-add-modal__content .product-details .group-block {
    height: 100%;
    width: 100%;
    /* min-width: 500px; */
    max-width: 500px;
    padding: 0;
} 
.pdp-type-quick-add-drawer dialog[open] :is(.quick-add-modal__content .product-details) {
    animation: none !important;
}
.pdp-type-quick-add-drawer .add-to-cart-button {
    font-size: 18px;
    padding: 18px 28px;
    letter-spacing: .1em;
    font-weight: 700;
    text-transform: uppercase !important;
    line-height: normal;
    border-radius: 5px;
    height: auto;
}
.pdp-type-quick-add-drawer .add-to-cart-button .add-to-cart-icon {
    display: none;
}
.pdp-type-quick-add-drawer .quick-id-modal-header {
    width: 100%;
    padding-inline: 30px;
    max-height: 80px;
    min-height: 80px;
    box-shadow: 0 -1px #e1e2e2 inset;
    background: #fafafa;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.pdp-type-quick-add-drawer .quick-id-modal-header-label {
    font-size: 19px;
    font-weight: 700;
    line-height: 31.35px;
}
.pdp-type-quick-add-drawer .close-button svg {
    width: 18px;
    height: 18px;
}
.pdp-type-quick-add-drawer .quick-add-modal__close {
    position: unset;
    transform: unset;
    width: auto;
    height: auto;
}
.pdp-type-quick-add-drawer .quick-add-modal__content .buy-buttons-block {
    margin-top: auto;
    padding: 24px 30px;
    box-shadow: 0 -1px #e1e2e2;
    background: #fafafa;
}
.pdp-type-quick-add-drawer .quick-add-modal__content .product-details .group-block .view-product-title {
    padding: 30px 30px 0;
}
.pdp-type-quick-add-drawer .quick-add-modal__content .product-details .custom-recharge-design {
    width: 100%;
    padding: 10px 30px;
}
.pdp-type-quick-add-drawer .quick-add-modal div[data-oke-reviews-product-listing-rating] {
    padding: 0 30px;
}
.pdp-type-quick-add-drawer .quick-add-modal div[data-oke-reviews-product-listing-rating] .okeReviews-starRating-indicator-layer {
    background-size: 100px 18px;
}
/* .pdp-type-quick-add-drawer .custom-recharge-design .free-shipping-block.from-static-form {
    display: none;
} */
.pdp-type-quick-add-drawer .quick-add-modal__content .group-block-content {
    overflow-y: auto;
}
results-list .quick-add__button.quick-add__button--choose {
    border-radius: 5px;
    padding: 18px 28px;
    height: auto;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    background: var(--color-primary-button-hover-background);
    color: var(--color-primary-button-hover-text);
}
/* .pdp-type-quick-add-drawer results-list .card-gallery .quick-add__button {
    transform: translateY(130%);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all;
}
.pdp-type-quick-add-drawer results-list .card-gallery:hover .quick-add__button {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
} */
results-list .quick-add__button.quick-add__button--choose:hover {
    background: #d7b6b5;
    color: var(--color-primary-button-hover-text);
}
.pdp-type-quick-add-drawer .quick-add__button .add-to-cart-text__content {
    width: fit-content;
    opacity: 1;
    transform: translate(0);
}
.pdp-type-quick-add-drawer .quick-add__button .add-to-cart-text {
    gap: var(--gap-2xs);
}
.pdp-type-quick-add-drawer .quick-add-modal:not([open])::backdrop {
  display: none;
}
.pdp-custom-design .okeReviews .okeReviews-reviewsSummary-ratingCount {
  margin: 0 !important;
}
@media only screen and (max-width:749px) {
    .pdp-type-quick-add-drawer .quick-add-modal__content {
        padding: 0;
        height: 100%;
        max-height: calc(100% - 80px);
    }
    results-list .quick-add__button.quick-add__button--choose {
        padding: 10px;
        max-width: max-content;
    }
}
@media only screen and (max-width:426px) {
    .pdp-type-quick-add-drawer .quick-add-modal__content .buy-buttons-block .afterpay_line_1_wrapper span,
    .pdp-type-quick-add-drawer .quick-add-modal__content .buy-buttons-block .afterpay-instalments {
        font-size: 10px !important;
    }
}
@media only screen and (max-width:400px) {
    .pdp-type-quick-add-drawer .add-to-cart-button {
        font-size: 13px;
    }
}
/* quick add drawer css end  */

/* article page shop now section css start  */

.shop-now-section-article .resource-list,
.shop-now-section-article .section-resource-list__header {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 24px;
}
.shop-now-section-article slideshow-slides[gutters="start end"] {   
    --gutter-slide-width: 100px;
    --resource-list-column-gap: 100px;
    scrollbar-width: none;
    padding-bottom: 60px;
}
.shop-now-section-article slideshow-arrows {
    padding: 0;
}
.shop-now-section-article .resource-list .meta-product-features {
    text-align: center;
}
.shop-now-section-article .resource-list .group-block {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.shop-now-section-article slideshow-arrows .slideshow-control {
    opacity: 1 !important;
}
.shop-now-section-article slideshow-component.resource-list__carousel {
    border: 1px solid #e1e2e2;
    border-top: none;
}
.shop-now-section-article .section-resource-list__header > .group-block {
    border: 1px solid #e1e2e2;
    border-bottom: none;
}
.custom-home-featured-collection .group-block-content h2 {
    background: var(--color-background);
    padding: 0 18px;
    position: relative;
    top: -12px;
}
.shop-now-section-article slideshow-arrows .slideshow-control.slideshow-control--next {
    margin-right: -22px;
    animation: unset !important;
}
.shop-now-section-article slideshow-arrows .slideshow-control.slideshow-control--previous {
    margin-left: -22px;
    animation: unset !important;
}
.shop-now-section-article slideshow-arrows .slideshow-control {
    background: var(--color-background) !important;
    box-shadow: 0 2px 10px #36363626;
    width: 45.05px;
    height: 45.05px;
}
.shop-now-section-article slideshow-arrows .slideshow-control .svg-wrapper {
    color: var(--color-primary-button-background);
}
.shop-now-section-article slideshow-arrows .slideshow-control .svg-wrapper svg path {
    stroke-width: 1px;
}
.shop-now-section-article slideshow-arrows .slideshow-control.slideshow-control--next:hover {
    transform: scale(1.1);
}
@keyframes buttonFromLeftToRight {
  0% {
    transform: translateX(0%);
  }
  25% {
    opacity: 0;
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  75% {
    opacity: 1;
    transform: translateX(0%);
  }
} 
.shop-now-section-article slideshow-arrows .slideshow-control:hover svg {
    animation: buttonFromLeftToRight .5s ease-in-out forwards;
}
.shop-now-section-article slideshow-slides .meta-product-features {
    font-size: 16px;
}
.shop-now-section-article.custom-home-featured-collection .resource-list .contents[ref=productTitleLink] {
    font-size: 16px;
    line-height: normal;
}
.shop-now-section-article .resource-list .group-block product-price div[ref=priceContainer] {
    font-size: 22px;
    line-height: 1.65;
}
@media only screen and (min-width:1009px) {
    .shop-now-section-article slideshow-slides[gutters="start end"] {
        --gutter-slide-width: 99px;
        --resource-list-column-gap: 100px;
        scrollbar-width: none;
        padding-bottom: 60px;
    }
} 
@media screen and (min-width: 641px) {
    /* .shop-now-section-article .resource-list,
    .shop-now-section-article .section-resource-list__header {
        padding: 0 50px;
    } */
    .shop-now-section-article .section-resource-list__header {
        grid-column: 1 / -1;
    }
}
@media screen and (min-width: 1140px) {
    .shop-now-section-article .resource-list,
    .shop-now-section-article .section-resource-list__header {
        padding: 0 80px;
    }
}
@media screen and (min-width: 641px) and (max-width:1008px) {
    .shop-now-section-article slideshow-slides[gutters="start end"] {
        --gutter-slide-width: 50px;
        --resource-list-column-gap: 50px;
    }
    .shop-now-section-article .resource-list__carousel slideshow-slides .resource-list__slide {
        width: 100%;
        max-width: calc(50% - 24px);
    } 
}
@media only screen and (max-width:640px) {
    .shop-now-section-article .group-block-content > .text-block {
        align-items: center;
    }
    .shop-now-section-article slideshow-slides[gutters="start end"] {
        --gutter-slide-width: 60px;
        --resource-list-column-gap: 60px;
    }
    .shop-now-section-article .product-card__content .group-block-content {
        margin: 10px 0 0;
    }
    .shop-now-section-article.home-slider-carousel-collection .resource-list__carousel slideshow-slides .resource-list__slide {
        --slide-width: 100%;
    }
    .shop-now-section-article .section-resource-list__header {
        padding-inline: 0;
    }
    .shop-now-section-article .custom-home-featured-collection .group-block-content > .text-block {
        align-items: center;
    }
    .shop-now-section-article .resource-list {
        grid-column: 2;
        padding-inline: 0;
    }
    .shop-now-section-article.custom-home-featured-collection.home-slider-carousel-collection {
        row-gap: 0;
    }
    .shop-now-section-article .section-resource-list__header>.group-block {
        padding: 0 0 48px;        
    }
    .shop-now-section-article .section-resource-list__header>.group-block,
    .shop-now-section-article .resource-list {
        max-width: calc(100% - 30px);
        margin-inline: 15px;
    }
}
/* article page shop now section css end  */

/* promotional message css start  */

/* === Reviews Stack (Block 1) === */
.promotionalmessage1 .fc-reviews{
    grid-column: 1 / -1;
    background: var(--reviews-bg, #eef2f4);
    color: var(--reviews-text, #2c3e44);
    border-radius: 14px;
    padding: clamp(14px, 2vw, 18px);
}
@media (min-width: 768px) {
    .promotionalmessage1 .fc-reviews[data-span="1"] { grid-column: span 1; }
    .promotionalmessage1 .fc-reviews[data-span="2"] { grid-column: span 2; }
    .promotionalmessage1 .fc-reviews[data-span="full"] { grid-column: 1 / -1; }
}
.promotionalmessage1 .divider-image img {
    display: block;
    max-width: 75%;
    margin: auto;
}
.promotionalmessage1 .divider-image {
    display: flex;
}
.promotionalmessage1 .rv-wrap { display: flex; gap: 14px; flex-direction: column; justify-content: space-around; }
.promotionalmessage1 .rv-item { border-radius: 12px; }
.promotionalmessage1 .rv-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; }
.promotionalmessage1 .rv-left { display: inline-flex; align-items: center; gap: 10px; }
.promotionalmessage1 .rv-avatar{
    width: 40px; height: 40px; border-radius: 999px; display: inline-grid; place-items: center;
    font-weight: 700; background:#748a95; color:#fff; font-size: 13px;
}
.promotionalmessage1 .rv-name{ font-size: 17px; line-height: 28.6px;font-weight: 400; }
.promotionalmessage1 .rv-pill{
    border: 1px solid var(--reviews-pill, #38c79d);
    color: var(--reviews-pill, #38c79d);
    border-radius: 999px; padding: 0px 10px; font-size: 10px; line-height: 1.65;
}
.promotionalmessage1 .rv-stars span{ color: var(--reviews-star, #ffbf36); font-size: 16px; }
.promotionalmessage1 .rv-text{ margin: 8px 0 6px; font-size: 17px; line-height: 28.5px; }
.promotionalmessage1 .rv-sep{
    height: 1px; background: repeating-linear-gradient(90deg, rgba(0,0,0,0.12), rgba(0,0,0,0.12) 6px, transparent 6px, transparent 12px);
    opacity:.5; border-radius: 1px;
}  
@media only screen and (min-width: 900px) and (max-width: 1139px) {
    .promotionalmessage1 .rv-text {
        font-size: 16px;
        line-height: 1.5;
    }
    .promotionalmessage1 .rv-wrap {
        gap: 0;
    }
}
@media only screen and (min-width: 1140px) and (max-width: 1440px) {
    .promotionalmessage1 .rv-text {
        font-size: 14px;
        line-height: 1.5;
    }
    .promotionalmessage1 .rv-wrap {
        gap: 0;
    }
}  
@media only screen and (max-width:767px) {      
    .custom-collection-template-design .resource-list__item.resource-list__item-pm1 .promotionalmessage1 .fc-reviews {
        padding: 20px;
    }
    .promotionalmessage1 .rv-name {
        font-size: 15px;
        line-height: 24.75px;
    }
    .promotionalmessage1 .rv-text {
        font-size: 15px;
        line-height: 22.5px;
        margin: 15px 0 0;
    }
    .promotionalmessage1 .rv-stars span svg {
        width: 17px;
        height: 17px;
    }
    .promotionalmessage1 .rv-pill {
        font-size: 9px;
    }   
}
@media only screen and (max-width: 750px) {
    .resource-list__item.resource-list__item-pm1 {
        display:none !important;
    }
}    
@media only screen and (max-width:380px) {
    .promotionalmessage1 .rv-left {
        gap: 6px;
    }
    .promotionalmessage1 .rv-avatar {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
    .promotionalmessage1 .rv-name {
        font-size: 12px;
        line-height: 20.75px;
    }
    .promotionalmessage1 .rv-pill {
        font-size: 8px;
    }
    .promotionalmessage1 .rv-stars span svg {
        width: 14px;
        height: 14px;
    }
}

/* promotional message css end  */
.resource-list__item.resource-list__item-pm2 {
    grid-column: 2 / 4;
}
.resource-list__item.resource-list__item-pm2 .promotionalmessage2,
.resource-list__item.resource-list__item-pm2 .promotionalmessage2 .fc-promo {
    height: 100%;
}
.promotionalmessage2 .fc-promo {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    min-height: 320px;
    background: var(--promo-bg, #f6f3ee);
    color: var(--promo-text, #0b2d22);
    display: grid;
    grid-template-areas: "stack";
    }


    .promotionalmessage2 .fc-promo > * { grid-area: stack; }
    .promotionalmessage2 .fc-promo .fc-promo-img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    }
    .promotionalmessage2 .fc-promo-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: center;
    display: flex;
    padding: 0 50px;
    flex-direction: column;
    gap: 15px;        
    max-width: 648px;
    }
    .promotionalmessage2 .fc-pill {
    display: inline-block;
    font-size: 12px; line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff; color: #0b2d22;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    max-width: max-content;
    margin: 0 auto;
    }
    .promotionalmessage2 .fc-promo-title h3 { font-size: 65px; font-weight: 700; line-height: 1.3; color: #000; margin: 0px; }
    .promotionalmessage2 .fc-promo-sub { margin: 0; font-size: clamp(14px, 1.4vw, 16px); opacity: .85; }
    .promotionalmessage2 .fc-promo-btn {
    width: 100%;
    font-size: 18px;
    text-align: center;
    display: block;
    max-width: 270px;
    padding: 12px 15px;
    background: #2a8465;
    color: #fff;
    margin: auto;
    text-transform: uppercase;
    }
    .promotionalmessage2 {
    position: relative;
    }
    @media only screen and (min-width:768px) and (max-width:990px) {
    .promotionalmessage2 .fc-promo-title h3 {
        font-size: 48px;
    }
    }
    @media only screen and (max-width:1139px) {
        .custom-collection-template-design .resource-list.resource-list--grid {
            gap: 24px;
            grid-template-columns: var(--resource-list-columns-mobile);
            max-width: 924px;
        }
        .resource-list__item.resource-list__item-pm1, 
        .resource-list__item.resource-list__item-pm2 {
            grid-column: 1 / 3 !important;
            padding-bottom: 15px;
        }
        .resource-list__item.resource-list__item-pm1 {
            display: none !important;
        }
    }
    @media only screen and (max-width:767px) {      
    .promotionalmessage2 .fc-promo-title h3 {
        font-size: 24px;
        line-height: 31.2px;
    }
    .promotionalmessage2 .fc-promo-content {
        padding-inline: 20px;
    }
    .promotionalmessage2 .fc-promo-btn {
        font-size: 15px;
        line-height: 24.75px;
        padding: 5px 15px;
        max-width: 200px;
    }   
    .promotionalmessage2 .fc-promo {
        min-height: auto;
    }
    }


  .predictive-search .predictive-search-results__list .resource-card .resource-card__media .resource-card__image--secondary {
    left: 0;
  }

product-form-component #klaviyo-bis-button-container {
margin-top: 10px;
box-sizing: border-box !important;
}
product-form-component #klaviyo-bis-button-container * {
box-sizing: border-box;
}
product-form-component #klaviyo-bis-button-container button {
font-size: 20px;
font-weight: 500;
line-height: normal;
height: auto;
padding: 18px 28px;
}

.product-information .subscription-benifit-content ul {
    padding: 0;
    margin: 8px 0 10px;
}
.product-information .subscription-benifit-content ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    font-size: 17px;
    line-height: 2;
    padding-top: 0;
    padding-bottom: 0;
}
.product-information .subscription-benifit-content ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    background-image: url('https://cdn.shopify.com/s/files/1/0628/6386/8091/files/download_1.svg');
    background-size: 100%;
    top: 5px;
}
.product-form-buttons.hide-dynamic-shop-pay-widget .shop-pay-installments,
.ShopStaticMessage-block.hideshoppay {
    display: none !important;
} 
.product-information .ShopStaticMessage-link .inline-flex {
    display: flex;
}
.product-information .ProductFeaturesMetafields.ProductFeatures hr {
    margin-top: 0;
}
.product-information slideshow-arrows {
    mix-blend-mode: unset;
}
.product-information slideshow-arrows .slideshow-control {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
    background-color: #ffffff;
    box-shadow: 0 2px 10px #36363626;
    padding: 0 !important;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 6px;
}
.product-information slideshow-arrows .slideshow-control svg {
    width: 24px;
    height: 24px;
}
.product-information slideshow-arrows .slideshow-control svg path {
    stroke: #000000;
}
.Article__MetaItem.Rte {
    display: flex;
    align-items: flex-start;
    margin: 0 0 20px;
}
.Article__MetaItem.Rte img {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    margin: 5px 16px 0 0;
}
.Article__MetaItem.Rte span {
    display: inline-block;
    width: calc(100% - 60px);
    line-height: normal;
    font-weight: 400;
    font-size: 17px;
}
.Article__MetaItem.Rte a:not(.Button) {
    color: #d7b6b5;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(215,182,181,.6);
    text-decoration-color: #d7b6b599;
    text-underline-position: under;
}
@media only screen and (max-width:767px) {
    .product-information .subscription-benifit-content ul li {
        font-size: 16px;
    }
} 

/* ------------ */
#ig-selling-fast {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFECCE;
  color: #54585A;
  justify-content: center;
  border-radius: 4px;
  padding: 10px 12px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 14px;
  margin-top: 8px;
  width: 100%;
}

#ig-selling-fast.is-visible {
  display: flex;
}

@media (min-width: 768px) {
  #ig-selling-fast {
    font-size: 16px;
  }
}

#ig-selling-fast .ig-emoji {
  flex: 0 0 auto;
}

#ig-selling-fast .fomo-inline {
  display: inline;
}

/* -------  */

.product-info-before-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  grid-column: 2 / 3;
  padding-bottom: 16px;
}

.product-info-before-gallery p {
  margin: 16px 0;
  font-size: 17px;
  line-height: 1.4;
  color: #000;
  font-weight: 400;
}

.product-info-before-gallery ul {
  list-style: none;
  width: 100%;
  padding-left: 0;
  margin: 0;
}

.product-info-before-gallery li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  font-size: 17px;
  line-height: 1.4;
  color: #000;
  font-weight: 400;
}
@media only screen and (min-width:750px) {
    .pdp-custom-design slideshow-component {
        margin-bottom: 65px;
    }
}
@media only screen and (max-width:820px) {
    .shopify-app-block:has(div[data-oke-star-rating]),
    .pdp-custom-design .text-block h1 {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
  /* .Product__Info .ProductMeta,
  .shopify-app-block:has(div[data-oke-star-rating]),
  .text-block:has(> h1:not(.prod-mob-title)) {
    display: none;
  } */
  .text-block:has(> h1.has-only-desk-title) {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .product-info-before-gallery {
    display: none;
  }
}
.product-information .product-form-buttons>*:not(.quantity-selector) {
    flex: 1 1 100%;
}
.cus-liquid-block {
    width: 100%;
}

.popup-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 460px;
    height: 100%;
    background: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
    transition: .3s all;
    z-index: 9999;
    overflow-y: auto;
}

.popup-active body>*:not(#customer-review-popup) {
    z-index: 0 !important;
}

.popup-drawer.open {
    right: 0;
    transition: .3s all;
}

.popup-close {
    display: inline-flex;
    cursor: pointer;
    padding: 0;
    border: 0;
}

.popup-subheading {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}

.popup-topics {
    list-style: none;
    padding: 0 18px;
    margin: 10px 0 0 0;
    color: #54585a;
}
.popup-highlights h3,
.popup-highlights-inner {
    color: #54585a;
}
.popup-topics li {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.5;
}

.mentioned {
    color: #e9537b;
    font-size: 12px;
    display: block;
    margin-top: 4px;
    font-weight: bold;
}

.popup-highlights {
    margin-top: 30px;
}

.popup-highlights h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.popup-highlights p {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 6px;
}

.scroll-to-reviews {
    width: 100%;
    padding: 12px;
    background: #aa9f8f12;
    color: #5e523b;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border-top: 1px solid #e4e7ee;
    font-size: 17px;
}

#customer-review-popup .popup-topics li .strong-text {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    letter-spacing: 0;
    font-weight: 900;
}

#customer-review-popup .popup-topics li {
    padding: 6px 12px;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

#customer-review-popup .heading-with-close-icon {
    display: flex;
    align-items: center;
    padding: 28px 28px 0 28px;
    justify-content: space-between;
}

#customer-review-popup .popup-content-header h2 {
    margin: 0;
    line-height: 100%;
    font-weight: 700;
    color: #e9537b;
    font-size: 17px;
    margin: 0;
}

#customer-review-popup .popup-content-header .popup-subheading {
    padding: 10px 28px 12px 28px;
    border-bottom: 1px solid #e4e7ee;
    margin: 0;
}

.popup-content-header {
    background: #aa9f8f12;
}

.popup-highlights-inner {
    margin: 0 20px 10px;
    padding: 8px 30px 16px 30px;
}

.popup-highlights h3 {
    margin: 12px 30px 6px 30px;
    border-top: 1px solid #e4e7ee;
    padding-top: 12px;
}

html.gemapp.video.overflow-locked,
html.overflow-locked.popup-active {
    overflow: hidden !important;
}

body.active-customer-review-popup:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0.4;
}

.rated-by-customers-inner-element {
    display: flex;
    flex-wrap: wrap !important;
    justify-content: center !important;
    font-weight: 500;
    gap: 5px;
    cursor: pointer;
    align-items: center;
    padding: 8px;
    border-radius: 2px;
    background: rgb(229 243 250);
}

.rated-by-customers-inner-element .rated-by-customers-text.underline {
    text-decoration: underline;
}

.rated-by-customers-inner-element .rated-by-customers-text {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 100%;
}

.rated-by-customers-inner-element .svg-icon-with-text {
    display: inline-flex;
}

.rated-by-customers-element {
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .rated-by-customers-inner-element {
        padding: 10px 40px;
    }
}

@media (max-width: 1007px) {
    .rated-by-customers-element {
        text-align: -webkit-center;
        margin: 16px 0 0;
    }
}

@media (max-width: 768px) {
    .rated-by-customers-inner-element .rated-by-customers-text {
        font-size: 14px !important;
    }

    .popup-drawer {
        max-width: calc(100% - 30px);
    }

    .popup-drawer {
        right: unset !important;
        left: -100%;
    }

    .popup-drawer.open {
        right: unset !important;
        left: 0;
        transition: .3s all;
    }

    .rated-by-customers-inner-element span:nth-child(3),
    .rated-by-customers-inner-element span:nth-child(4),
    .rated-by-customers-inner-element span:nth-child(5) {
        display: inline;
    }

}


.pt-original{
  display: none;
}
.HorizontalList__Item:has(.SizeSwatch__Radio:checked) {
  border: 0 !important;
}

ul, ol {
    padding: 0;
    margin:0;
}

.shopify-policy__container .h6{
    font-size:20px !important;
}

.e908-6.x-text li{
    white-space: normal !important;
}

.e908-6.x-text ul ul{
    padding-inline-start: 18px !important;
}

@media only screen and (max-width:767px) {
    .pdp-custom-design .product-details.has-mobile-meta-info .text-block:has(h1),
    .pdp-custom-design .product-details.has-mobile-meta-info div[data-oke-reviews-product-listing-rating],
    .pdp-custom-design .product-details.has-mobile-meta-info .cus-liquid-block:has(div[data-oke-star-rating]) {
        display: none;
    }
    .pdp-custom-design.product-information.has-mobile-meta-info slideshow-component {
        padding-bottom: 0;
    }
    .pdp-custom-design .product-details.has-mobile-meta-info .cus-product-dtc-review {
        margin-bottom: 12px;
    }
}

.account-actions__manage_subscription {
    margin: 0 20px 10px 20px;
}

.account-actions__manage_subscription a {
  display: inline-block;
  background-color: #66ceaa; 
  color: #fff;
  padding: 10px 18px;
  border-radius: 14px;
  text-decoration: none;
  width:100%;
  text-align:center;
}

.account-actions__manage_subscription a:hover {
   background-color: #D7B6B5; 
}


/* ── Landing Page Mystery Badge ── */
.supa-badge-lp-wrapper {
  margin-left: -40px;
  z-index: 99;
}

.supa-badge-lp {
  position: relative;
  padding: 20px 30px;
  border-radius: 13px;
  /* background: linear-gradient(70deg, #c8588b, #2b0926 100%); */
  background:#D54D7B;
  color: #ffffff;
  text-align: center;
  overflow: visible;
}

/* INNER WHITE BORDER */
.supa-badge-lp::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 10px;
  border: 1px solid #fff;
  pointer-events: none;
}

/* NEW LABEL */
.supa-badge-lp__label {
  position: absolute;
    top: -22px;
    left: 22px;
    background: #ffffff;
    color: #A21B83;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 13px;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'DM Sans';
}

.supa-badge-lp__content {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  font-family: 'DM Sans';
  text-transform:uppercase;
}

.supa-badge-lp__content strong {
  font-weight: 800;
}

/* Responsive */
@media (max-width: 768px) and (min-width:451px) {
    .supa-badge-lp-wrapper {
  margin-left: -20px;
    }
  .supa-badge-lp__label {
        top: -15px;
        left: 12px;
        font-size: 12px;
    padding: 5px 15px;
    }
  .supa-badge-lp {
    padding: 25px 20px;
  }

  .supa-badge-lp__content {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .supa-badge-lp-wrapper {
  margin-left: -20px;
}
  .supa-badge-lp {
    padding: 20px 20px;
  }

  .supa-badge-lp__content {
    font-size: 12px;
  }

  .supa-badge-lp__label {
        font-size: 11px;
        padding: 5px 15px;
        top: -11px;
        left: 16px;
    }
}

.supa-badge{
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: auto;
    max-width: calc(100% - 20px);
}

.super-badge {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 18px 26px;
        border-radius: 17px;
        text-align: center;
        color: #fff;
        font-family: "DM Sans", sans-serif;
        background: linear-gradient(135deg, #d86a94 0%, #5a0a3b 60%, #2a001b 100%);
        transform: scale(0.8);
        transform-origin: 0% 0%;
    }

    .super-badge::before {
        content: "";
        position: absolute;
        inset: 8px;
        border-radius: 10px;
        border: 1px solid #fff;
        pointer-events: none;
    }

    .super-badge-top {
        font-size: 20px;
        font-weight: 500;
        border-bottom: 1px solid #fff;
        padding-bottom: 0px;
        margin-bottom: 6px;
    }

    .super-badge-sale-code {
        font-size: 24px;
        font-weight: 800;
        line-height: 1;
    }

    .drawer-supa-badge .super-badge{
        transform: scale(0.4);
        transform-origin: -5% -5%;
    }

    .dtc_products_item .card-supa-badge .supa-badge__circle {
    transform: scale(0.7);
    left: -20px;
    position: absolute;
    top: -20px;
}
/* @media all and (max-width: 1000px){
    .dtc_products_item .card-supa-badge .supa-badge__circle {
        transform: scale(0.34);
        left: -48px;
        position: absolute;
        top: -48px;
    }
} */

@media all and (max-width: 1000px){
    .dtc_products_item .card-supa-badge .supa-badge__circle {
        transform: scale(0.4);
        left: -44px;
        position: absolute;
        top: -44px;
    }
}

@media all and (max-width: 768px){
    .card-supa-badge{
        transform: scale(0.8);
    transform-origin: -0% -50%;
    }

    .drawer-supa-badge .super-badge {
    transform: scale(.35);
    transform-origin: -6% -10%;
}

#ResultsList .super-badge {
        transform: scale(.6);
        transform-origin: 35% 40%;
    }

     .super-badge{
        transform: scale(0.8);
        transform-origin: 0% 0%;
    }

    .ui-test-product-list .super-badge {
        transform: scale(0.6);
        transform-origin: 30% 50%;
    }
}


/* .mystery-badge{
    position:relative;
}

.mystery-badge:after{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
    height: 70px;  
    background: url("/cdn/shop/files/mystery-sale-badge-img.svg?v=1771510687") no-repeat center / contain;
    display:none;
} */

@media all and (max-width: 768px){
    .mystery-badge:after{
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 60px;
    height: 40px;  
    }
}




.cart-items__media{
    position: relative;
}
.card-supa-badge{

}
.drawer-supa-badge{
    
}
/* .product-card .product-badges--top-left{
    display: none;
} */


.cart-drawer-custom-design .cart-items__table .CartItem__proof{
    display : none !important;
}


/* sale badge  */

.super-sale-badge {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #D54D7B;
    color:#fff;
    /* border-radius: 60px; */
    /* padding: 12px 20px 12px 20px; */
    /* max-width: 460px; */
    width: 100%;
    box-sizing: border-box;
    font-family: Poppins;
    border: 3px solid #D54D7B;
    background: linear-gradient(270deg, #A02D54 0%, #D54D7B 100%);
  }

  /* .super-sale-badge-image {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    width: auto;
    object-fit: contain;
  } */

  /* .super-sale-badge-text {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: auto;
    text-align: left;
    font-family: Poppins;
  } */

  .super-sale-badge-text span {
    font-weight: 700;
  }

  /* .supa-badge.drawer-supa-badge {
    display: none;
} */






/* ===== Collection Cards ===== */
.card-supa-badge .super-sale-badge-image {
    height: 70px;
}

.card-supa-badge .super-sale-badge-text {
    color: #fff;
    font-size: 12px;
}

.card-supa-badge .super-sale-badge {
    padding: 12px 20px 12px 44px;
}

.supa-badge-lp-wrapper{
    display:none;
}


@media all and (max-width: 1200px){
    .card-supa-badge .super-sale-badge-image {
        height: 60px;
    }
    .card-supa-badge .super-sale-badge-text {
        color: #fff;
        font-size: 10px;
    }
    .card-supa-badge .super-sale-badge {
        padding: 12px 14px 12px 34px;
    }
}

@media all and (max-width: 1200px){
    .card-supa-badge .super-sale-badge-image {
        height: 60px;
    }

    .card-supa-badge .super-sale-badge-text {
        color: #fff;
        font-size: 8px;
    }

    .card-supa-badge .super-sale-badge {
        padding: 12px 14px 12px 34px;
        left: 24px;
            top: 6px;
    }

    .card-supa-badge .super-sale-badge-text br{
        display:none;
    }
}

.super-sale-badge-pp {
    display: flex;
    align-items: center;
    justify-content: space-between;
     width: 100%; 
    /* height: 80px; */
    /* background: linear-gradient(to right, #d94b7a, #c93a6c); */ */
    color: #fff;
    /* padding: 10px 20px; */
    box-sizing: border-box;
    /* font-family: Arial, sans-serif; */
  }

  .super-sale-badge-txt {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left:10px;
  }

html[lang="es"] .super-sale-badge-txt {
    font-size: 20px;    
}

  .super-sale-badge-pp .badge {
    background: #EEECE7;
    color: #D54D7B;
    padding: 10px 20px;
    border-radius: 50px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
        box-shadow: 0 0 0 3px #eeece7;
  }

  html[lang="es"] .super-sale-badge-pp .badge {
     font-size: 16px;
}

  @media all and (max-width: 1300px){
 .super-sale-badge-txt {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left:10px;
  }
  .super-sale-badge-pp .badge {
    color: #d54d7b;
    padding: 6px 8px;
    border-radius: 50px 0 0 50px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 0 0 2px #eeece7;
}

    .super-sale-badge {
        border: 2px solid #D54D7B;
    } 
 
}

  @media all and (max-width: 767px){
 .super-sale-badge-txt {
    font-size: 16px;
  }
    .super-sale-badge-pp .badge {
        padding: 4px 5px;
        font-size: 12px;
    }

    .super-sale-badge {
        border: 2px solid #D54D7B;
    }

    html[lang="es"] .super-sale-badge-txt {
         font-size: 12px;
    }

     html[lang="es"] .super-sale-badge-pp .badge {
         font-size: 10px;
    }
}

  @media all and (max-width: 400px){
 .super-sale-badge-txt {
    font-size: 14px;
  }
    .super-sale-badge-pp .badge {
        padding: 4px 5px;
        font-size: 11px;
    }    
}

/* ===================== Happy Days Sale — PDP boxes ===================== */
/* VIP gifts box (inside the Subscribe & Save option, Design 2) */
.hds-vip-gifts {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 10px;
  font-family: Montserrat;
    width: 100%;
    background: #FDF5E2;
    color: #000;
    border:solid #C89130 2px;
}

.hds-vip-gifts__title {
    margin-bottom: 8px;
    font-family: Montserrat;
    font-size: 15.877px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    background: url(https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/golden-texture-bg.jpg?v=1783400323) #C89130 0px -26.107px / 129.955% 260.72% no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hds-vip-gifts__list ul{
    list-style:none;
    margin:0;
    padding:0;
}

.hds-vip-gifts__list li{
    position:relative;
    padding-left:34px;
    display:flex;
    align-items:center;
    margin:14px 0;
    font-size:12px;
    line-height:1.4;
    font-family:Montserrat;
    color:#1E1D1D;
}

.hds-vip-gifts__list li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.hds-vip-gifts__list li:nth-child(1)::before{
    background-image:url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/lock-icon.png?v=1783401456");
}

.hds-vip-gifts__list li:nth-child(2)::before{
    background-image:url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/gift-icon.png?v=1783401455");
}

.hds-vip-gifts__list li:nth-child(3)::before{
    background-image:url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/support-icon.png?v=1783401455");
}

.hds-vip-gifts__list li:nth-child(4)::before{
    background-image:url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/star-icon.png?v=1783401455");
}



/* "THE SALE ENDS IN" countdown bar (below Add to Cart) */
.hds-countdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 16px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #c9a24a 0%, #a07a2c 55%, #8a6524 100%);
  font-family: "DM Sans", sans-serif;
}
.hds-countdown__label { font-weight: 700; font-size: 14px; text-transform: uppercase; }
.hds-countdown__timer { display: flex; gap: 12px; }
.hds-countdown__unit { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.hds-countdown__num { font-size: 20px; font-weight: 700; }
.hds-countdown__cap { font-size: 9px; letter-spacing: .5px; margin-top: 3px; opacity: .9; }
@media (max-width: 480px) {
  .hds-countdown { flex-direction: column; align-items: stretch; text-align: center; }
  .hds-countdown__timer { justify-content: center; }
}
/* ======================================================================= */

/* Happy Days Sale — supa-bar (gold offer bar on the first PDP slide) */
.supa-bar {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: flex;
  align-items: stretch;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  background: linear-gradient(135deg, #c9a24a 0%, #a07a2c 55%, #8a6524 100%);
}
.supa-bar__seg {
  flex: 1;
  padding: 12px 6px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.15;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supa-bar__seg + .supa-bar__seg {
  position: relative;
  border-left: 0;
}

.supa-bar__seg + .supa-bar__seg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: rgba(255, 255, 255, 0.45);
}

.supa-bar-wrap {
  background: #ececec;
  padding: 20px;
}

.supa-bar {
  --gold-texture: url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/golden-texture-bg.jpg?v=1783400323");
  --cream: #fdf4e3;  
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  align-items: stretch;
  width: 90%;
  margin: 0 auto 20px;
  padding: 10px;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff7ea 0%, var(--cream) 100%);
  box-sizing: border-box;
  overflow: hidden;
}

/* Outer textured border */
.supa-bar::before {
  content: "";
  position: absolute;
  inset: 6px;
  padding: 3px;
  border-radius: 18px;
  background: center / cover no-repeat var(--gold-texture);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

/* Inner textured border */
.supa-bar::after {
  content: "";
  position: absolute;
  inset: 12px;
  padding: 2px;
  border-radius: 13px;
  background: center / cover no-repeat var(--gold-texture);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.supa-bar__seg {
  z-index: 1;
  min-width: 0;
  padding: 14px 14px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  text-align: center;
}

/* Divider with texture */
.supa-bar__seg + .supa-bar__seg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: center / cover no-repeat var(--gold-texture);
}

.supa-bar__small,
.supa-bar__highlight {
  font-family: Peachi, serif;
  line-height: 1;
  text-align: center;
}

.supa-bar__small {
  color: #b57c18;
  font-size: 11px;
  font-weight: 400;
  background: center / cover no-repeat var(--gold-texture);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Textured gold text */
.supa-bar__highlight {
  display: inline-block;
  background: center / cover no-repeat var(--gold-texture);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 19px;
  font-weight: 700;
}

.supa-bar__highlight--big {
  font-size: 19px;
}

span.supa-bar__highlight.supa-bar_save {
    font-size: 21px;
}

span.supa-bar__highlight.supa-bar_for-life {
    font-size: 19px;
}

span.supa-bar__highlight.supa-bar_health-professionals{
    font-size: 16px;
}
@media screen and (min-width: 820px) and (max-width: 1240px) {
.supa-bar__small{
    font-size:9px;
}
.supa-bar__seg{
    padding:8px 12px;
}
.supa-bar__highlight{
    font-size:14px;
}
.supa-bar:before{
    inset: 4px;
    padding:2px;
}
.supa-bar:after{
    inset: 9px;
    padding:1px;
}

.supa-bar{
    width:95%;
}

span.supa-bar__highlight.supa-bar_save {
    font-size: 18px;
}

span.supa-bar__highlight.supa-bar_for-life {
    font-size: 17px;
}

span.supa-bar__highlight.supa-bar_health-professionals{
    font-size: 13px;
}
}


/* Keep your mobile behavior */
@media (max-width: 767px) {
  
.supa-bar{
    width:95%;
    margin: 0 auto 10px;
}

.supa-bar__seg{
padding:8px 8px;
}
.supa-bar:before{
    inset: 2px;
    padding:1.6px;
}
.supa-bar:after{
    inset: 6.5px;
    padding:1px;
}
  .supa-bar__small {
    font-size: 7px;
  }

    .supa-bar__highlight, .supa-bar__highlight--big {
        font-size: 13px;
    }
    .supa-bar__seg + .supa-bar__seg::before {
    top: 2px;
    bottom: 2px;
    }

    span.supa-bar__highlight.supa-bar_save {
        font-size: 15px;
    }

    span.supa-bar__highlight.supa-bar_for-life {
        font-size: 14px;
    }

    span.supa-bar__highlight.supa-bar_health-professionals{
        font-size: 10px;
    }

}

 
/* Happy Days Sale — static special-offer badge, top-left of the first PDP slide */
.hds-pp-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  width: 30%;
  max-width: 200px;
  pointer-events: none;
}
.hds-pp-badge img { display: block; width: 100%; height: auto; background: none !important; }

@media all and (max-width: 767px){
    .hds-pp-badge {
    width: 34%;
    }
}

/* ===== Happy Days Sale — round "UP TO X% OFF" supa-badge (cards + cart drawer) ===== */
.supa-badge.drawer-supa-badge { display: block !important; } 
.card-supa-badge { transform: none !important; }             

.supa-badge__circle {
  width: 130px; height: 130px; border-radius: 50%;
  background: #FCF7ED; 
  /* border: 2px solid #C4A24A; */
  /* box-shadow: inset 0 0 0 3px #FCF7ED, inset 0 0 0 4px #C4A24A; */
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; line-height: 1; color: #1b1b1b;
  font-family: "Cabin", "DM Sans", sans-serif;
  --gold-texture: url(https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/store.happymammoth.com/cdn/shop/files/golden-texture-bg.jpg?v=1783400323);
    --cream: #fdf4e3;
}

.supa-badge__circle::before {
    content: "";
    position: absolute;
    inset: 6px;
    padding: 3px;
    border-radius: 100px;
    background: center / cover no-repeat var(--gold-texture);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}

.supa-badge__circle::after {
    content: "";
    position: absolute;
    inset: 12px;
    padding: 2px;
    border-radius: 100px;
    background: center / cover no-repeat var(--gold-texture);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}


.supa-badge__up  { font-size: 11px; font-weight: 600; letter-spacing: .5px; color;#000; }
.supa-badge__pct { font-size: 32px; font-weight: 800; margin: 0px 0; font-family: Peachi; color:#000;}
.supa-badge__off { font-size: 32px; font-weight: 800; font-family: Peachi; color:#000;}

/* smaller in the cart drawer */
/* .drawer-supa-badge .supa-badge__circle { width: 54px; height: 54px; box-shadow: inset 0 0 0 2px #FCF7ED, inset 0 0 0 3px #C4A24A; }
.drawer-supa-badge .supa-badge__up  { font-size: 7px; letter-spacing: .3px; }
.drawer-supa-badge .supa-badge__pct { font-size: 17px; margin: 1px 0; }
.drawer-supa-badge .supa-badge__off { font-size: 10px; } */

.drawer-supa-badge .supa-badge__circle{
     transform: scale(0.21);
    left: -60px;
    position: absolute;
    top: -60px;
}

@media all and (max-width: 767px){
.supa-badge__circle{
    transform: scale(0.7);
    left: -20px;
    position: absolute;
    top: -20px;
}

/* .drawer-supa-badge .supa-badge__circle{
     transform: scale(0.3);
    left: -50px;
    position: absolute;
    top: -50px;
} */

    .product-grid--grid .supa-badge__circle{
        transform: scale(0.45);
        left: -32px;
        position: absolute;
        top: -40px;
    }

}


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






/* Happy Days Sale — supa-badge overlay in the "Shop Our Best Sellers" section */

.best-seller-section .products_image, .products_item .products_image { position: relative; }

/* Happy Days Sale — golden subscribe price + "up to X%" pill (Design 2, only while the sale is on) */
.hds-sale-active .badge-saving {
  background: #b8892f url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/gold-texture-text_42a29819-2985-499b-860f-94ccb0a7cd23.jpg?v=1783428376") center/cover !important;
  color: #fff !important;
  border-color: transparent !important;
}
.hds-sale-active .sub-price-container .latest-price {
  background: url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/gold-texture-text_42a29819-2985-499b-860f-94ccb0a7cd23.jpg?v=1783428376") center/cover;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.product-card .product-badges__badge{
    display:none;
}
/* HDS sale card — hide the (subscribe-only) buying-option selector; kept in DOM for add-to-cart JS */
.super-product-form .buying-option { display: none !important; }

/* HDS sale card — anchor the supa-badge overlay to the card image area */
.bf-grid-top { position: relative; }

/* HDS collection card — keep supa-badge on top of the image */
.bf-grid-top .supa-badge { z-index: 2; }

/* ── HDS sale card — "SAVE X%" jar pill, styled like the PDP best-seller/value tags ── */
.md-campaign .jars-option { margin-top: 14px; }
.md-campaign .jars-option button { position: relative; overflow: visible; }
.md-campaign .jar-save-pill {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  background: #2b2b2b;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .3px;
  line-height: 1;
  white-space: nowrap;
  padding: 6px 16px;
  border-radius: 8px;
}
/* Biggest bundle (last tile) → gold, matching the mockup */
.md-campaign .jars-option button:last-child .jar-save-pill {
  background: linear-gradient(90deg, #B7842A 0%, #E0B052 50%, #B7842A 100%);
  color: #fff;
}

/* ── HDS sale card — ATC button shows selected total + crossed-out compare ── */
.md-campaign .add-to-cart {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}
.md-campaign .add-to-cart .atc-total:not(:empty)::before { content: "– "; }
.md-campaign .add-to-cart .atc-compare {
  font-weight: 400;
  opacity: .75;
}
.md-campaign .add-to-cart .atc-compare:empty { display: none; }

/* ── HDS — per-variant "X% OFF" gold badge on lp-superform-new quantity tiles ── */
.pp-qps__variant-card { position: relative; }
.pp-qps__off-badge {
  position: absolute;
  top: 7%;
  left: 9%;
  z-index: 3;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: Cabin;
  background: url("https://scdn.speedsize.com/2fbe2a0e-8dbf-4de2-b0a4-1376f4b73bd2/cdn.shopify.com/s/files/1/0245/5296/4170/files/badge-texture-bg.png?v=1783424315") center/cover no-repeat;
  box-shadow: 0 2px 4px rgba(0,0,0,.22);
  pointer-events: none;
}
.pp-qps__off-badge strong, .pp-qps__off-badge span  { font-size: 15px; font-weight: 800;}

html[lang="es"] .pp-qps__off-badge strong, .pp-qps__off-badge span   {
    font-size: 7px;;
}

html[lang="es"] .pp-qps__off-badge strong   {
    font-size: 10px;;
}

/* First card */
.pp-qps__variants .pp-qps__variant-card:nth-of-type(1) .pp-qps__off-badge {
    left: 20%;
}
@media all and (max-width: 1600px){
    .pp-qps__off-badge{
        left: 4%;
    }
    .pp-qps__variants .pp-qps__variant-card:nth-of-type(1) .pp-qps__off-badge {
    left: 4%;
}
    
}


@media all and (max-width: 1300px){
    .pp-qps__off-badge{
        width:40px;
        height:40px;
    }
    .pp-qps__off-badge strong, .pp-qps__off-badge span  { font-size: 12px;}
        html[lang="es"] .pp-qps__off-badge strong, .pp-qps__off-badge span   {
        font-size: 7px;;
    }

    html[lang="es"] .pp-qps__off-badge strong   {
        font-size: 8px;;
    }
}

@media all and (max-width: 767px){
    .pp-qps__off-badge{
        width:34px;
        height:34px;
        top:9%;
    }

    .pp-qps__off-badge strong, .pp-qps__off-badge span  { font-size: 10px;}

    html[lang="es"] .pp-qps__off-badge strong, .pp-qps__off-badge span   {
    font-size: 5px;;
}

html[lang="es"] .pp-qps__off-badge strong   {
    font-size: 7px;;
}
}




/* ─────────────────────────────────────────────────────────────
   HDS sale / non-sale content swap for page-builder sections.
   <body> carries hds-sale-on or hds-sale-off (from the theme layout,
   driven by settings.supa_badge_enable). Add ONE class to a builder
   section — no Liquid needed:
     .hds-show-on-sale  → shows ONLY while the sale is on
     .hds-hide-on-sale  → hides while the sale is on (your default content)
   Only ever hides, so the shown element keeps its own layout/display.
   ───────────────────────────────────────────────────────────── */
.hds-sale-off .hds-show-on-sale { display: none !important; }
.hds-sale-on  .hds-hide-on-sale { display: none !important; }

/* ─────────────────────────────────────────────────────────────
   SP Sale (Season Reset) content swap — same idea, own toggle.
   <body> carries sp-sale-on or sp-sale-off (theme layout), driven ONLY by
   settings.sp_sale_enable. Separate from the HDS pair above because
   .hds-sale-on also hides the announcement bar and the sitewide top bar;
   these two classes do nothing but show/hide what you tag.
   In Instant / GemPages, put the class on the element via
   Settings → Attributes → Classes — no Liquid in the page:
     .sp-hide-on-sale  → hides while SP Sale is on (e.g. the free-shipping
                         benefit, which is not part of this sale's offer)
     .sp-show-on-sale  → shows ONLY while SP Sale is on
   Only ever hides, so a shown element keeps its own layout/display.
   ───────────────────────────────────────────────────────────── */
.sp-sale-off .sp-show-on-sale { display: none !important; }
.sp-sale-on  .sp-hide-on-sale { display: none !important; }

/* HDS: take down the gold "Happy Days Sale" LP badge (the overlapping-img PNG, id 41cc590c)
   when the sale is off. Targets that exact image only, so other .overlapping-img uses on
   GemPages are untouched. Sale-aware — it returns automatically if the body is hds-sale-on. */
.hds-sale-off img.overlapping-img[src*="41cc590c"] { display: none !important; }

/* HDS: hide the free-shipping announcement bar on the sale pages (the PostPilot collection
   page + hds-main-collection PDPs carry body.hds-sale-on) — free shipping isn't part of the
   sale offer. The "FREE SHIPPING" text is baked into the announcement message, so the whole
   pink bar hides there; the teal quiz bar (.TopBar) and every non-sale page are untouched. */
.hds-sale-on .announcement-bar { display: none !important; }

/* HDS: also hide the sitewide top bar (the quiz/promo TopBar section) on the sale pages
   (PostPilot collection page + hds-main-collection PDPs). Scoped to the top-bar section via
   data-section-type, so .TopBar elements inside Instant landing pages are NOT affected. */
.hds-sale-on [data-section-type="top-bar"] { display: none !important; }

/* ===================================================================
   CART DRAWER — Intelligems A/B treatment ported to Liquid
   -------------------------------------------------------------------
   The class `cart-drawer-custom-design` is applied to <body> (see
   layout/theme.liquid), exactly as the tested treatment did via JS.
   These rules mirror the tested CSS verbatim. Purely presentational —
   no core cart functionality is changed. This is the single source of
   truth for the cart-drawer design; the older duplicate block that used
   to live above has been removed and consolidated here.
   =================================================================== */

/* ---------- STEP 1: CART BOX (drawer frame + header) ---------- */

/* Empty-cart state (preserved from the previous cart-drawer block; unscoped, as before) */
.cart-drawer--empty .cart-drawer__content #cart-drawer-heading-empty {
    font-size: 22px;
    font-weight: 700;
    line-height: 36.3px;
    margin: 0 0 22px;
}

.cart-drawer--empty .cart-drawer__content {
    padding-block: 25px;
    justify-content: flex-start !important;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__dialog {
    width: 100%;
    max-width: 500px;
}

.cart-drawer-custom-design .cart-drawer #cart-drawer-heading {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__close-button .svg-wrapper {
    width: 28.13px;
    height: 28.13px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__header {
    padding-inline: 30px;
    background: #fff;
    justify-content: space-between !important;
    padding: var(--cart-drawer-padding) !important;
    padding-top: 10px !important;
    padding-bottom: 6px !important;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__close-button {
    top: 0px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__heading .cart-bubble[data-maintain-ratio] {
    min-width: 20px;
    min-height: 20px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__heading .cart-bubble__text {
    font-size: 12px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__items {
    padding-inline: 24px;
    mask-image: unset !important;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__content.motion-reduce {
    background: #EEEEEE;
}

.cart-drawer-custom-design .cart-drawer,
.cart-drawer-custom-design .cart-drawer * {
    font-family: 'DM Sans', sans-serif !important;
}

.cart-drawer-custom-design .cart-drawer {
    font-family: "DM Sans" !important;
}

button.button.close-button.cart-drawer__close-button.button-unstyled {
    outline: none !important;
}

.button.close-button.cart-drawer__close-button.button-unstyled {
    outline: none !important;
}

@media (max-width: 640px) {
    .cart-drawer-custom-design .cart-drawer .cart-drawer__dialog {
        max-width: none;
        width: 100%;
    }

    .cart-drawer-custom-design .cart-drawer #cart-drawer-heading {
        font-size: 18.03px;
        gap: 4px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__heading .cart-bubble__text {
        font-size: 10px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__close-button .svg-wrapper {
        width: 22px;
        height: 22px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__header {
        padding-top: 16.88px !important;
        padding-bottom: 8.99px !important;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__items {
        padding-inline: 6px;
    }
}
/* ---------- END STEP 1 ---------- */

/* ---------- STEP 2: FREE-SHIPPING BAR (progress + truck marker) ---------- */

.cart-drawer-custom-design .cart-drawer .cart-shipping__wrapper {
    padding: 0 15px 14.41px 15px;
    margin-bottom:4px;
}

.cart-drawer-custom-design .cart-drawer .cart-shipping__success {
    margin: 0 0 10px !important;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 14px !important;
}

.cart-drawer-custom-design .cart-drawer .cart-shippingThreshold__bar {
    height: 5px;
    overflow: visible;
}

.cart-drawer-custom-design .cart-drawer .cart-shippingThreshold__progress {
    background-color: color-mix(in srgb, var(--cart-accent, var(--cart-accent, #F55F86)) 75%, transparent) !important;
}

.cart-drawer-custom-design .cart-drawer .shipping-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: left 0.3s ease;
    background: var(--cart-accent, #F55F86);
    border-radius: 50%;
    padding: 4px;
}

.cart-drawer-custom-design .cart-drawer .shipping-icon svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.shipping-icon img {
    height: 20px;
    width: 20px;
}

.cart-drawer-custom-design .cart-drawer .cart-social-proof {
    padding: 24px 10px;
    display: none;
}

@media (max-width: 640px) {
    .cart-drawer-custom-design .cart-drawer .cart-shipping__wrapper {
        padding: 10px 24px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-shipping__success {
        margin: 0 0 0px !important;
        font-size: 9.56px;
        margin-top: 10px !important;
    }

    .cart-drawer-custom-design .cart-drawer .cart-shippingThreshold__bar {
        height: 6.4px;
        margin-top: 14px !important;
        margin-bottom: 10px !important;
    }

    .cart-drawer-custom-design .cart-drawer .shipping-icon {
        padding: 2px !important;
    }

    .cart-drawer-custom-design .cart-drawer .shipping-icon svg {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-social-proof {
        padding: 20px 10px;
    }
}
/* ---------- END STEP 2 ---------- */

/* ---------- STEP 3: CART ITEMS + SUMMARY ---------- */
/* Note: the tested treatment also injected % OFF badges, but they were hidden
   (display:none) in the final CSS, so that element is intentionally not rendered. */

.cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row {
    --gap-xl: 30px;
    column-gap: 0;
    grid-template-columns: 16% 70% 14%;
    padding-bottom: 0;
    margin-bottom: 8.88px;
    border-radius: 15.89px;
    background: #fff;
    padding: 13.64px 12.42px 13.64px 16.23px !important;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row .cart-items__price {
    min-width: unset;
    grid-row: 2 / 3;
    grid-column: 3 / 4;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    max-height: 27.33px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .custom-cart-price-wrapper {
    display: flex;
    align-items: center;
    margin-top: -6px !important;
}

.cart-drawer-custom-design .cart-drawer .custom-cart-price-wrapper .custom-cart-price {
    margin-top: 0;
    display: none;
}

.cart-drawer-custom-design .cart-drawer .CartItem__remove .cart-items__remove svg {
    width: 19.38px;
    height: 19.38px;
}

.cart-drawer-custom-design .cart-drawer .CartItem__remove .cart-items__remove {
    background: #FFF;
    border: 1.67617px solid #EAEAEA;
    border-radius: 50%;
    padding: 5.5px;
    height: auto;
    width: auto;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary {
    --cart-drawer-summary-padding: 0;
}

.cart-drawer-custom-design .cart-drawer .cart___tax_payment_wrap {
    display: flex;
    align-items: center;
    gap: 15.68px;
    width: 100%;
    justify-content: center;
    margin: 9.51px 0 0;
}

.cart-drawer-custom-design .cart-drawer .cart-items__media-image {
    border-radius: 6.39px;
}


.cart-drawer-custom-design .cart-drawer .cart-items__details,
.cart-drawer-custom-design .cart-drawer .cart-items__quantity {
    padding-left: 14px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row:first-child {
    margin-top: 10px;
    padding-top: 0;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row:last-child {
    margin-bottom: 10px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__details {
    color: rgb(var(--color-foreground-rgb));
}

.cart-drawer-custom-design .cart-drawer .cart-items__variant {
    font-weight: 400;
}

.cart-drawer-custom-design .cart-drawer .cart-items__details .compare-at-price {
    margin-inline: 6px;
    font-weight: 500;
    opacity: 0.7;
}

.cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector {
    border-radius: 11.74px;
    height: 22px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__table .CartItem__proof {
    grid-column: 1 / 4;
    margin: 30px 0 0;
    display: flex;
    background: #fff2fb;
    font-size: 14px;
    padding: 12px;
    border-radius: 4px;
    font-weight: 400;
    line-height: 20px;
}

.cart-drawer-custom-design .cart-drawer .CartItem__remove {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.cart-drawer-custom-design .cart-drawer .CartItem__remove .cart-items__remove svg path {
    stroke: #000;
    stroke-width: 1px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__quantity {
    grid-column: 2 / 3;
    width: 100%;
    justify-content: space-between;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary {
    box-shadow: 0 -1px #e1e2e2;
    background: #fff;
    gap: 5px;
    padding: 0px 0 14px 0;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary .cart__payment-icons img {
    display: block;
    width: 100%;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary > div:not(.cart__payment-icons):not(.cart-upsell-section) {
    padding-inline: 24px;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary .cart__payment-icons {
    width: 100%;
    max-width: 200px;
}
.custom-header-section-main .cart-bubble .cart-bubble__text-count{
    font-weight:700;
}
.custom-threshold-area{
    border-top:solid 1px #e2e2e2;
}

.cart-drawer-custom-design .cart-drawer .cart__summary-totals {
    border: 0 !important;
    margin-top:10px;
}

.cart-drawer-custom-design .cart-drawer .cart__ctas .cart__checkout-button {
    border-radius: 12.79px;
    padding: 10px 28px;
    height: auto;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0px 5.11516px 2.55758px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.cart-drawer-custom-design .cart-drawer .cart__total-label {
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .cart__total-value {
    display: flex;
    flex-direction: row-reverse;
    gap: 10.19px;
    align-items: center;
    font-weight: 700;
    font-size: 16.3495px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector input[type=number] {
    font-weight: 400;
    font-size: 11px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector button svg path {
    stroke-width: 1px;
}

.cart-drawer-custom-design .cart-drawer .cart__total-value .text-cart__saving {
    font-weight: 700;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--cart-accent, #F55F86);
}

.cart-drawer-custom-design .cart-drawer .cart-items__price {
    font-size: 12px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__details .cart-items__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .cart-items__variant {
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .custom-cart-price-wrapper .custom-cart-price span {
    font-size: 9px !important;
}

.cart-drawer-custom-design .cart-drawerspan,
.cart-drawer-custom-design .cart-drawer .compare-at-price,
.cart-drawer-custom-design .cart-drawer .selling-plan-name,
.cart-drawer-custom-design .cart-drawer .cart-items__variant dd {
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

.cart-drawer-custom-design .cart-drawer .cus-sep-dash {
    margin-left: 4px;
}

.cart-drawer-custom-design .cart-drawer .selling-plan-name {
    font-style: italic;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 2px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__details .compare-at-price {
    margin-left: 0;
}

@media (max-width: 640px) {
    .cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row {
        --gap-xl: 25px;
        column-gap: 0;
        grid-template-columns: 60px minmax(0, 1fr);
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__summary > div:not(.cart__payment-icons) {
        padding-inline: 19px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__details,
    .cart-drawer-custom-design .cart-drawer .cart-items__quantity {
        padding-left: 25px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__details .cart-items__title {
        font-size: 11.18px;
        line-height: 13.42px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__variant dd,
    .cart-drawer-custom-design .cart-drawer .cart-items__details > div * {
        font-size: 8.56px;
        line-height: 10.27px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__items .cart-items__table-row .cart-items__price {
        font-size: 11.7px;
        line-height: 14.04px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector button {
        width: auto;
        height: auto;
        min-width: 28px;
        padding: 0px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__media-image {
        border-radius: 5px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector {
        width: auto;
        max-width: 50%;
        height: 23.47px;
        min-height: 23.47px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .cart-items__remove {
        width: auto;
        height: auto;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector input[type=number] {
        width: auto;
        max-width: 20px;
        font-size: 11.18px;
    }

    .cart-drawer-custom-design .cart-drawer .CartItem__remove .cart-items__remove svg {
        width: 13.18px;
        height: 13.18px;
    }

    .cart-drawer-custom-design .cart-drawer .CartItem__remove .cart-items__remove {
        padding: 4.15px;
    }

    .cart-drawer-custom-design .cart-drawer span.svg-wrapper.icon-plus {
        width: 20px;
        height: 16px;
    }

    .cart-drawer-custom-design .cart-drawer .quantity-selector svg {
        width: 10px !important;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__price {
        font-size: 12px;
    }

    .cart-drawer-custom-design .cart-drawer .selling-plan-name {
        font-size: 8.56px;
        line-height: 10.27px;
    }

    .cart-drawer-custom-design .cart-drawer .cart__ctas .cart__checkout-button {
        font-size: 14.06px;
        line-height: 16.88px;
        padding: 13px 12.5px;
    }

    .cart-drawer-custom-design .cart-drawer .cart__total-value {
        font-size: 14.3px;
        line-height: 17.16px;
        gap: 9.4px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__summary {
        gap: 10.26px;
        padding: 0 0 23.03px;
    }


    .cart-drawer-custom-design .cart-drawer .cart___tax_payment_wrap {
        margin: 4px 0 0;
        gap: 10.96px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-drawer__summary .cart__payment-icons {
        max-width: 160px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__table-row:first-child {
        margin-top: 14.38px;
        padding-top: 0;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__table-row {
        margin-bottom: 6.95px;
        padding: 10.67px 15.75px 10.67px 13.38px !important;
        border-radius: 12.43px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__details,
    .cart-drawer-custom-design .cart-drawer .cart-items__quantity {
        padding-left: 10.88px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__details p {
        line-height: 13.42px;
    }

    .cart-drawer-custom-design .cart-drawer .cus-sep-dash {
        margin-left: 2px;
    }

    .cart-drawer-custom-design .cart-drawer .cart__total-value .text-cart__saving {
        font-size: 10.37px;
        line-height: 12.45px;
    }

    .cart-drawer-custom-design .cart-drawer .custom-cart-price-wrapper {
        margin-top: 2px !important;
    }
}


.cart-drawer-custom-design .cart-drawer .cart-items__quantity {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    margin-top: 0px;
}

.cart-drawer-custom-design .cart-drawer .cart-items__table-row:has(.compare-at-price) .cart-items__price {
    color: var(--cart-accent, #F55F86);
}

.cart-drawer-custom-design .cart-drawer .cart-items__details .compare-at-price {
    display: none !important;
}

.cart-drawer-custom-design .cart-drawer .cart-line-compare {
    text-decoration: line-through;
    color: #888;
    font-weight: 400;
    margin-right: 6px;
}

/* Applied coupon/discount name shown as a tag pill next to the quantity */
.cart-drawer-custom-design .cart-drawer .cart-coupon-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: #f1f1f1;
    border-radius: 999px;
    color: #54585A;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.03em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.cart-drawer-custom-design .cart-drawer .cart-coupon-tag svg {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
}

.cart-drawer-custom-design .cart-drawer .quantity-selector {
    --quantity-selector-width: 100px !important;
}

.cart-drawer-custom-design .cart-drawer text-component {
    font-weight: bold !important;
}

.cart-drawer-custom-design .cart-drawer .cart-drawer__summary > div:not(.cart__payment-icons):not(.cart-upsell-section) {
    padding-top: 0px;
}

.cart-drawer-custom-design .cart-drawer .cart__ctas .cart__checkout-button .cart-checkout-lock {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.cart-drawer-custom-design .cart-drawer .cart__ctas .cart__checkout-button .cart-checkout-lock svg {
    width: 18px;
    height: 22px;
}

@media all and (max-width: 380px) {
    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector button {
        min-width: 17px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector {
        width: auto;
        max-width: 44%;
    }

    .cart-drawer-custom-design .cart-drawer .cart-items__quantity .quantity-selector input[type=number] {
        width: auto;
        max-width: 14px;
    }
}

tr:has(a[href*="/products/complete-belly-reset-free-gift"]) .CartItem__remove {
    display: none !important;
}

tr:has(a[href*="/products/complete-belly-reset-free-gift-%F0%9F%8E%81"]) .CartItem__remove {
    display: none !important;
}
/* ---------- END STEP 3 ---------- */

/* ---------- STEP 4: UPSELL CARD (Hormone Harmony PLUS+) ---------- */
/* Variant A = visible (below). Intelligems hides `.cart-upsell-section`
   for variant B. The tested treatment's `display:none` override is
   intentionally NOT ported here. */

.cart-drawer-custom-design .cart-drawer .cart-upsell-section {
    background: #FFF4E5;
    padding: 9px;
    padding-top: 9px;
    margin: 0;
    width: 100%;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 2px;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-ratingbox {
    align-items: center;
    display: flex;
    justify-content: center;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-stars-icons {
    color: #FCB827;
    font-size: 12px;
    letter-spacing: 2px;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-stars-text {
    font-weight: 700;
    font-size: 7.5px;
    color: #715009;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-headline {
    font-weight: 500;
    font-size: 8.75px;
    text-align: center;
    color: #000;
    line-height: 1.2;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-headline strong {
    font-weight: 800;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-headline p {
    margin: 0;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-card {
    background: #fff;
    border-radius: 12px;
    padding: 10px 14px;
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 12px;
    align-items: center;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-title {
    font-weight: 800;
    font-size: 13px;
    color: #54585A;
    line-height: 1.2;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-subtitle {
    font-size: 11px;
    color: #555;
    line-height: 1.3;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: 6px;
    padding: 3px 8px;
    border: 1px solid var(--cart-accent, #F55F86);
    border-radius: 999px;
    color: var(--cart-accent, #F55F86);
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-prices {
    display: flex;
    gap: 6px;
    align-items: center;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-compare {
    color: #888;
    text-decoration: line-through;
    font-size: 14px;
    line-height: 1;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-price {
    color: var(--cart-accent, #F55F86);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-add {
    background: var(--cart-btn, #66CEAA);
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 700;
    font-size: 9px;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    font-family: 'DM Sans', sans-serif;
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-add:hover {
    background: color-mix(in srgb, var(--cart-btn, #66CEAA) 88%, black);
}

.cart-drawer-custom-design .cart-drawer .cart-upsell-add:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .cart-drawer-custom-design .cart-drawer .cart-upsell-section {
        padding: 14px 19px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-card {
        grid-template-columns: 60px 1fr auto;
        gap: 10px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-img {
        width: 60px;
        height: 60px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-headline {
        font-size: 11px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-title {
        font-size: 10px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-subtitle {
        font-size: 9px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-stars-text {
        font-size: 10px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-add {
        padding: 6px 9px;
        font-size: 8px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-stars {
        margin-bottom: 10px;
        flex-direction: column-reverse;
        gap: 0;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-price {
        font-size: 13px;
    }

    .cart-drawer-custom-design .cart-drawer .cart-upsell-compare {
        font-size: 11px;
    }
}
/* ---------- END STEP 4 ---------- */

.shopify-pc__banner__dialog h2 {
    font-size: 18px !important;
    color:#E85078 !important;
}
.shopify-pc__banner__dialog p {
    font-size: 12px;
}
.shopify-pc__banner__dialog{
    padding:20 !important;
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs{
    margin:0;
}
.shopify-pc__banner__dialog button {
    border-radius: 100px !important;
        margin: 0px 20px 0 0 !important;
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
    text-decoration: underline;
    background: transparent;
    border: none;
    color: #333;
    margin: 0;
    text-align: left;
    padding: 0;
    color: #fff;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept{
    transition: all 0.25s ease 0s;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.4px !important;
    border: none !important;
    background-color: #FFE1E9 !important;
    color: #000 !important;
    line-height: 3.2 !important;
    padding:0!important;
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
   border: 1px solid #E85078  !important;
    text-align: center;
    line-height: 3;
    font-size: 12px;
    text-transform: uppercase  !important;
    letter-spacing: 0.4px  !important;
    color: #E85078  !important;
    background: #fff !important;
    padding:0!important;
}

@media all and (max-width: 767px){
    .shopify-pc__banner__dialog button {
        margin: 6px 20px 0 0 !important;
    }
    .shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
        text-align: center !important;
    }
}

.sale-free-shipping-hide{
    display:none !important;
}

.sale-free-shipping-show{
    display:block !important;
}

.product-sr-campaign .custom-recharge-design-2 .subscription-benifit-content ul li:before {
    background-image: url(/cdn/shop/files/Vector_1_210e202d-35f6-44ca-8be6-82c72044e42f.svg?v=1788528522);
    background-repeat: no-repeat;
}