/** Shopify CDN: Minification failed

Line 4228:0 Unexpected "}"
Line 5281:0 Unexpected "{"
Line 5286:18 Expected identifier but found "."
Line 6627:0 "boder" is not a known CSS property
Line 7504:14 Unexpected "{"
Line 7504:23 Expected ":"
Line 7505:18 Expected identifier but found whitespace
Line 7505:20 Unexpected "{"
Line 7505:29 Expected ":"
Line 7505:56 Expected ":"
... and 13 more hidden warnings

**/
/* #### Generated By: http://font.download #### */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');  
@font-face {
    font-family: 'Satoshi Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Satoshi-Regular.woff?v=1768806390') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Light';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Satoshi-Light.woff?v=1768806390') format('woff');
    }

    @font-face {
    font-family: 'Satoshi Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Satoshi-Medium.woff?v=1768806390') format('woff');
    }
    

    @font-face {
    font-family: 'Satoshi Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Satoshi-Bold.woff?v=1768806390') format('woff');
    }

    @font-face {
    font-family: 'Satoshi Black';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Satoshi-Black.woff?v=1768806390') format('woff');
    }
    


/* NEW BUNDLE CSS */

div#bundling-app div[role="grid"] div[role="gridcell"] {
    width: 48%;
    border: 1px solid #f3f4f7;
    border-radius: 20px;
    padding:0
}

.recharge-container {padding: 0 15px;}

#recharge-bundles span._15b7gxl0.recharge-heading.recharge-heading-h1._1brvylo1._1brvylo0._1brvylo4._1brvylo8._1brvylob {display: none;}

span._15b7gxl0.recharge-heading.recharge-heading-h2._1brvylo1._1brvylo0._1brvylo5._1brvylo8._1brvylob {
    display: none;
}
._15b7gxl0._17o99wpj9._17o99wp0._17o99wpa3._3s3yac3.j7y5sx0._3s3yac6._3s3yac5 {
    border-radius: 20px !IMPORTANT;
}

._15b7gxl0._17o99wpj9._17o99wp0._17o99wpa3._3s3yac3.j7y5sx0._3s3yac6._3s3yac5 input {
    text-align: center !IMPORTANT;
}
._15b7gxl0._17o99wp10u._17o99wpy3.recharge-bundle-collection-non-collapsible {
    padding: 0;
}
span._15b7gxl0.recharge-heading.recharge-heading-f2._1brvylo1._1brvylo0._1brvylo3._1brvylo8._1brvylob {
    position: absolute;
    left: 0;
}

._15b7gxl0._17o99wp116._17o99wpyf._17o99wpyk._17o99wpz6._17o99wpzh._17o99wp103 {
    position: relative;
}
div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item {
    border-radius: 15px !IMPORTANT;
}

div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item * {
    border-top-left-radius: 21px !IMPORTANT;
    border-top-right-radius: 20px;
}

div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item ._15b7gxl0._18gma4r0:nth-child(2) {
    padding: 0 15px;
}

div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item ._15b7gxl0._18gma4r0:nth-child(2) * {
        text-align: left;
    font-size: 20px;
    line-height: 1.1;
    color: #495B89;
    padding-top: 2px;
}

div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpm6 + ._15b7gxl0 {
    padding: 0 15px 20px;
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l {
    border-radius: 20px !IMPORTANT;
    display: flex;
    gap: 10px;
    background: linear-gradient(
181deg, #5ab18e, #4a6189);
    align-items: center;
}

._15b7gxl0._17o99wp10r._17o99wp149 span._15b7gxl0.recharge-text.recharge-text-p3-compact._1x6h4lk1._1x6h4lk0._1x6h4lk6._1x6h4lk9._1x6h4lke._1x6h4lkh {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 24px;
    color: #5BB98E;
}

._15b7gxl0._17o99wpj9._17o99wp15i._17o99wpl0._17o99wpnu ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wplr ._15b7gxl0._18gma4r0:nth-child(2) {
    display: none;
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l * {
    font-size: 0;
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l:after {
    content: "Add to Bundle";
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l:before {
    content: "+";
}
._15b7gxl0._17o99wpz6._17o99wpzb._17o99wp103._17o99wp108._17o99wp110._17o99wpyc._17o99wp9r._17o99wpaq._17o99wpmo._17o99wpf0.recharge-card._17zpf480._17zpf481 {
    box-shadow: unset;
    padding: 0;
}
._15b7gxl0._17o99wpz3._17o99wp100._17o99wp10x._17o99wpy3._17o99wpao._17o99wpex.recharge-card._17zpf480._17zpf483 {
    background: linear-gradient(
159deg, #e5f1f8, #e0f5ed);
    padding: 55px 25px 25px 25px;
    border-radius: 20px;
    position: relative;
}

._15b7gxl0._17o99wpz3._17o99wp100._17o99wp10x._17o99wpy3._17o99wpao._17o99wpex.recharge-card._17zpf480._17zpf483:before {
    content: "";
    background: url(/cdn/shop/files/Icon_83.svg?v=1772092663);
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    top: 25px;
    left: 25px;
}

._15b7gxl0._17o99wpz3._17o99wp100._17o99wp10x._17o99wpy3._17o99wpao._17o99wpex.recharge-card._17zpf480._17zpf483:after {
    content: "Bundle Savings Progress";
    color: #495B89;
    font-size: 18px;
    top: 26px;
    left: 55px;
    font-family: 'Satoshi Medium';
    position: absolute;
}


span._15b7gxl0.recharge-progress-segment-label.ld3hs1l.ld3hs1k.ld3hs1m {
    font-size: 0;
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment {background: white;padding: 5px 8px;border-radius: 20px;
  max-width: fit-content;
  min-height: 25px;
  position:relative;
  overflow:unset
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment span:after {
    content:"";
    font-size: 13px;
    color: #495b8985;
    position: relative;
    top: 2px;
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment.ld3hs12.ld3hs11.ld3hs13.ld3hs1a.ld3hs15.ld3hs19:nth-child(2) span:after {
    content: "5%";
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(3) span:after {
    content: "10%";
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(4) span:after {
    content: "15%";
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(5) span:after {
    content: "20%";
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(6) span:after {
    content: "25%";
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:after {
    content: "2+";
    position: absolute;
    bottom: -22px;
    color: #495b897d;
    font-size: 10px;
}

._15b7gxl0.recharge-progress-segments.ld3hs10 {
    padding-bottom: 40px;
    border-bottom: 1px solid #e9f6f3;
    overflow: unset;
    justify-content: space-between;
    padding-top: 25px;
    position: relative;
}
._15b7gxl0.recharge-progress-segments.ld3hs10:before {
    content: "";
    height: 10px;
    width: 100%;
    background: white;
    position: absolute;
    top: 5px;
    border-radius: 30px;
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(3):after {
    content:"3+"
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(4):after {
    content:"4+"
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(5):after {
    content:"5+"
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(6):after {
    content:"6+"
}

._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpm0 ._15b7gxl0._18gma4r0:last-child {
    text-align: center;
}

._15b7gxl0._17o99wpz3._17o99wp100._17o99wp10x._17o99wpy3._17o99wpao._17o99wpex.recharge-card._17zpf480._17zpf483 ._15b7gxl0._18gma4r0:last-child * {
    color: #495B89;
    font-size: 14px;
    margin-top: 10px !IMPORTANT;
    display: block;
}
._15b7gxl0._17o99wpxi._17o99wplc {
    position: relative;
    height: 250px;
    padding: 70px 20px 40px;
    border: 2px solid #e9eab7;
    border-radius: 20px;
    margin-top: 10px;
    overflow:hidden
}
li.discounts__discount {
    display: none;
}
._15b7gxl0._17o99wpxi._17o99wplc:has(img){
  overflow-y:scroll;
  height:350px
}
span._15b7gxl0.recharge-heading.recharge-heading-h4._1brvylo1._1brvylo0._1brvylo7._1brvylo8._1brvylob {
    height: 23px;
    display: block;
    font-family: 'Satoshi Medium' !IMPORTANT;
    overflow: hidden;
    color: #495B89;
    font-size: 14px !important;
}
._15b7gxl0._17o99wpxi._17o99wplc ._15b7gxl0._17o99wp15i._17o99wpa6._17o99wpau._17o99wpd9._17o99wp7o {
    border: unset;
}
._15b7gxl0._17o99wplo._17o99wp0._17o99wpno._17o99wpj9._17o99wpkx._17o99wpm6 {
    align-items: start;
    border-bottom: 1px solid #ebedf0;
    padding-top: 5px;
    padding-bottom: 15px;
}
span._15b7gxl0.recharge-heading.recharge-heading-h4._1brvylo1._1brvylo0._1brvylo7._1brvylo8._1brvylob {
    height: 23px;
    display: block;
    font-family: 'Satoshi Medium' !IMPORTANT;
    overflow: hidden;
    color: #495B89;
    margin-bottom: 5px;
    font-size: 14px !important;
}

._15b7gxl0._17o99wplo._17o99wp0._17o99wpj9._17o99wpkx._17o99wpm6 {
    align-items: start;
}

._15b7gxl0.recharge-image._1hyb2f61._1hyb2f60._1hyb2f62._1hyb2f6j._1hyb2f6h {
 height: 55px;
 width: 55px;
}

._15b7gxl0._17o99wp10l._17o99wpxu._17o99wpz9._17o99wpzo._17o99wpox._17o99wpjc._17o99wpnu._17o99wp0.recharge-icon.n89mvw0.n89mvw1.n89mvwa {
    color: #df6f7d;
}

._15b7gxl0._17o99wplo._17o99wp0._17o99wpno._17o99wpj9._17o99wpkx._17o99wpm6 * {
    opacity: 1 !IMPORTANT;
}
._15b7gxl0._17o99wpxi._17o99wplc:after {
    content: "Your Bundle";
    top: 25px;
    position: absolute;
    font-size: 24px;
    font-family: 'Satoshi Medium';
    left: 50px;
}
._15b7gxl0._17o99wpxi._17o99wplc ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpm9 {
    opacity: 0;
    height: 0;
}
._15b7gxl0._17o99wpxi._17o99wplc:has(img) ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpm9{
height:auto;
opacity:1
}

._15b7gxl0._17o99wpxi._17o99wplc ._15b7gxl0[role="list"]:after {
    content: "No Products added Yet";
    display: block;
    text-align: center;
    color: #99A1AF;
}
._15b7gxl0._17o99wpxi._17o99wplc:has(img) ._15b7gxl0[role="list"]:after{
  display:none
}

._15b7gxl0._17o99wpxi._17o99wplc ._15b7gxl0[role="list"]:before {
    content: "";
    background: url(/cdn/shop/files/Icon_85.svg?v=1772097058);
    height: 50px;
    width: 50px;
    display: block;
    margin: 35px auto 15px;
}
._15b7gxl0._17o99wpxi._17o99wplc:has(img) ._15b7gxl0[role="list"]:before{
  display:none
}
._15b7gxl0._17o99wpxi._17o99wplc:before {
    content: "";
    background: url(/cdn/shop/files/Icon_84.svg?v=1772096298);
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    top: 25px;
}
._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr {
    background: linear-gradient(
175deg, #E5F1F8, #E0F5ED);
    padding: 20px 20px 50px 20px;
    border-radius: 20px;
    margin-top: 10px;
}

._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr ._15b7gxl0._17o99wpz6._17o99wpzb._17o99wp103._17o99wp108._17o99wp110._17o99wpyc._17o99wpao._17o99wpex.recharge-card._17zpf480._17zpf483 {
   background: transparent;
    padding: 0;
}
button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2d._1sdo9a2f._1sdo9a2i._1sdo9a2j._1sdo9a2m {
    border-radius: 20px !IMPORTANT;
        min-height: 40px;
}

._15b7gxl0._17o99wpjw._17o99wpjo._17o99wpwu._1jrh2c60 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2d._1sdo9a2f._1sdo9a2i._1sdo9a2j._1sdo9a2m {
    border-radius: 35px !IMPORTANT;
    background: linear-gradient(
178deg, #64bd95, #a4ddc2);
    border: unset;
    margin-top: 10px;
}

._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr:has(._15b7gxl0._17o99wpll._17o99wpno._17o99wpj9._17o99wpkx._17o99wpm6) {
opacity:0
}
._15b7gxl0._17o99wpj5._17o99wpj0._17o99wpnc._17o99wpu6._17o99wp15i._17o99wpuf._17o99wp11l {
    top: 20px !IMPORTANT;
    max-height: unset !IMPORTANT;
    height: auto !IMPORTANT;
}
._15b7gxl0._17o99wpjw._17o99wpjo._17o99wpwu._1jrh2c60 {
    padding-top: 25px;
}
._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l {
    background: linear-gradient(
180deg, #4b6389, #5ab28e);
    border-radius: 40px;
    border: unset;
    display: flex;
    overflow:unset;
    align-items: center;
    gap: 10px;
    min-height: 50px;
}
._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l:after {
    content: "Eco-friendly • Free delivery on all orders";
    position: absolute;
    bottom: -30px;
    font-size: 12px;
    color: #495B89;
}
._15b7gxl0._17o99wpj5._17o99wpj0._17o99wpnc._17o99wpu6._17o99wp15i._17o99wpuf._17o99wp11l ._15b7gxl0._17o99wpmo._17o99wpu6 {
    max-height: unset;
}
._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l:before {
    content: "";
    background: url(/cdn/shop/files/Icon_86.svg?v=1772101669);
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    display: inline-block;
}

._15b7gxl0._17o99wpxi._17o99wplc + ._15b7gxl0._17o99wplf._17o99wpl9._17o99wpkr button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l span._15b7gxl0.recharge-text.recharge-text-p3-compact._1x6h4lk1._1x6h4lk0._1x6h4lk6._1x6h4lk9._1x6h4lke._1x6h4lkh span._15b7gxl0.recharge-text.recharge-text-p3-compact._1x6h4lk1._1x6h4lk0._1x6h4lk6._1x6h4lk9._1x6h4lke._1x6h4lkh {
    margin-left: 10px;
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g {
    display: block;
    bottom: initial;
    border-radius: unset ! IMPORTANT;
    border-top-left-radius: 7px !IMPORTANT;
    height: 12px;
    border-bottom-left-radius: 7px !IMPORTANT;
    top: -21px;
    border-radius: 10px;
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(2) ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g[style="width: 100%;"]:after {
    content: "";
    background: #31c09e;
    height: 12px;
    width: 60px;
    display: block;
    right: -35px;
    left: initial;
    position: relative;
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(3) ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g[style="width: 100%;"]:after {
    content: "";
    background: #31c09e;
    height: 12px;
    width: 60px;
    display: block;
    right: -40px;
    left: initial;
    position: relative;
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(4) ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g[style="width: 100%;"]:after {
    content: "";
    background: #31c09e;
    height: 12px;
    width: 60px;
    display: block;
    right: -40px;
    left: initial;
    position: relative;
}
._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(5) ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g[style="width: 100%;"]:after {
     content: "";
    background: #31c09e;
    height: 12px;
    width: 7px;
    border-top-right-radius: 7px;
    display: block;
    right: -40px;
    left: initial;
    position: relative;
    border-bottom-right-radius: 7px;
}

._15b7gxl0._17o99wpz9._17o99wpzo._17o99wp10f._17o99wpxo.recharge-progress-segment:nth-child(6) ._15b7gxl0.recharge-progress-segment-fill.ld3hs1f.ld3hs1e.ld3hs1g {
    border-top-right-radius: 7px !IMPORTANT;
    border-bottom-right-radius: 7px !important;
}
span.variant-meta.upto-label {
    background: linear-gradient(45deg, #64bd95, #a4ddc2);
    color: white;
    font-size: 11px;
}
@media(max-width:767px){
  .shopify-section:has(.product-template-2) product-info {
    padding: 65px 15px !important;
}
  span._15b7gxl0.recharge-heading.recharge-heading-f2._1brvylo1._1brvylo0._1brvylo3._1brvylo8._1brvylob {
    font-size: 24px;
    font-family: 'Satoshi Medium' !IMPORTANT;
}

._15b7gxl0._17o99wpz6.recharge-bundle-products-container {
    padding-left: 0;
}

._15b7gxl0._17o99wp116._17o99wpyf._17o99wpyk._17o99wpz6._17o99wpzh._17o99wp103 {
    padding: 0;
}

section._15b7gxl0._1m5frnw0._1m5frnw8._1m5frnwa {
    margin: 0;
}

div#bundling-app div[role="grid"] div[role="gridcell"] {
    max-width: 47%;
}

div#bundling-app div[role="grid"] div[role="gridcell"] ._15b7gxl0._17o99wpj9._17o99wpl0._17o99wpmo._17o99wpno.recharge-bundle-product-item ._15b7gxl0._18gma4r0:nth-child(2) * {
    font-size: 16px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    overflow: hidden;
    border-radius: unset !IMPORTANT;
}

._15b7gxl0._17o99wpt6 * {
    padding: 0 !IMPORTANT;
}

._15b7gxl0._17o99wpt6 ._15b7gxl0._17o99wpj9._17o99wp0._17o99wpa3._3s3yac3.j7y5sx0._3s3yac6._3s3yac5 {
    padding: 0 15px !IMPORTANT;
}

._15b7gxl0._17o99wpt6 ._15b7gxl0._17o99wpj9._17o99wp0._17o99wpa3._3s3yac3.j7y5sx0._3s3yac6._3s3yac5 input {
    text-align: center !IMPORTANT;
}
._15b7gxl0._17o99wp10r._17o99wp149 span._15b7gxl0.recharge-text.recharge-text-p3-compact._1x6h4lk1._1x6h4lk0._1x6h4lk6._1x6h4lk9._1x6h4lke._1x6h4lkh {
    font-size: 20px;
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l:after {
    font-size: 12px;
}

._15b7gxl0._17o99wpt6 button._15b7gxl0._17o99wp15i._17o99wp0._17o99wpnu._17o99wpwx._17o99wp11c.recharge-button.recharge-button-primary._1sdo9a21._1sdo9a20._1sdo9a22._1sdo9a27._1sdo9a2c._1sdo9a2e._1sdo9a2h._1sdo9a2i._1sdo9a2l {
    gap: 5px;
    padding: 5px !important;
}

._15b7gxl0._17o99wpj9._17o99wpl0._17o99wplr ._15b7gxl0._18gma4r0 {
    padding: 1px !IMPORTANT;
}
._15b7gxl0._17o99wpj5._17o99wpj0._17o99wpnc._17o99wpu6._17o99wp15i._17o99wpuf._17o99wp11l{
  display:block
}
div#bundle-summary-mobile {
    display: none;
}

section#recharge-bundles {
    padding-bottom: 50px;
}
div#bundling-app div[role="grid"] {
    gap: 15px;
}
}





/* NEW BUNDLE CSS END */






*{
  font-family:Satoshi Regular !important;
  letter-spacing:0 !important
}
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}


@media screen and (min-width: 750px) {
  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 990px) {

  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 1.5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: Satoshi Regular;
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: Satoshi Regular;
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}

.hxxl {
  font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
  line-height: 1.1;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-announcement-bar: 250ms;
  --duration-medium: 300ms;
  --duration-long: 500ms;
  --duration-extra-long: 600ms;
  --duration-extra-longer: 750ms;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}

.underlined-link,
.customer a,
.inline-richtext a {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

.placeholder-svg {
  height: 100%;
  width: 100%;
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}

.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Shopify Accelerated Checkout */

shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}


/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .svg-wrapper,
.customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message .svg-wrapper {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button .svg-wrapper {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

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

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.modal__toggle-close {
  display: none;
}

.modal__toggle-open {
  display: flex;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  bottom: 0.8rem;
  left: 2.2rem;
  line-height: calc(1 + 0.1 / var(--font-body-scale));
}

/* utility-bar */
.utility-bar {
  height: 100%;
}

.utility-bar--bottom-border {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

@media screen and (min-width: 990px) {
  .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.utility-bar__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'announcements';
}

.utility-bar__grid .list-social {
  justify-content: flex-start;
  align-content: center;
  margin-left: -1.2rem;
  grid-area: social-icons;
}

@media screen and (max-width: 989px) {
  .utility-bar .utility-bar__grid .list-social {
    display: none;
  }
}

.utility-bar .list-social__item .icon {
  scale: 0.9;
}

@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency';
  }

  .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'social-icons language-currency';
  }

  .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto;
  }
}

.announcement-bar,
.announcement-bar__announcement {
  color: rgb(var(--color-foreground));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  grid-area: announcements;
}

.announcement-bar .slider--everywhere {
  margin-bottom: 0;
  scroll-behavior: auto;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.announcement-bar-slider,
.announcement-bar-slider .slider {
  width: 100%;
}

.announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
  outline-offset: -0.3rem;
  box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}

.localization-wrapper {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}

.localization-wrapper .localization-selector + .disclosure__list-wrapper {
  animation: animateMenuOpen var(--duration-default) ease;
}

.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}

@media screen and (min-width: 990px) {

  .announcement-bar-slider {
    width: 60%;
  }

  .announcement-bar .slider-button {
    height: 3.8rem;
  }
}

.announcement-bar__link {
  display: flex;
  width: 100%;
  text-decoration: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.announcement-bar__link:hover {
  text-decoration: underline;
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
  min-height: 3.8rem;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation-duration: var(--duration-announcement-bar);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message {
  --announcement-translate-from: -1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-in-previous .announcement-bar__message {
  --announcement-translate-from: 1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-out-next .announcement-bar__message {
  --announcement-translate-to: 1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  --announcement-translate-to: -1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

@keyframes translateAnnouncementSlideIn {
  0% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-from));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes translateAnnouncementSlideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-to));
  }
}

/* section-header */
.section-header.shopify-section-group-header-group {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: 4;
}

.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.header {
  display: grid;
  grid-template-areas: 'left-icons heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}

@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr;
  }

  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: 0.5fr 1fr 0.5fr;
    column-gap: 2rem;
  }

  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      'left-icons heading icons'
      'navigation navigation navigation';
  }

  .header--top-center.drawer-menu {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr;
  }

  .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  max-width: 100%;
}

.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}

@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading {
    justify-self: center;
    text-align: center;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  gap:20px;
}

.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon .svg-wrapper {
  width: 44px;
  height: 44px;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
}

.header__icon--menu[aria-expanded='true']::before {
  content: '';
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

.header__icon--account shop-user-avatar {
  --shop-avatar-size: 2.8rem;
}

details .header__icon-close {
  display: none;
}

details[open] .header__icon-close {
  display: inline-block;
}

account-icon {
  display: flex;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}

.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}

.header--top-center header-drawer {
  grid-area: left-icons;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.header__submenu.list-menu {
  padding: 1rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 1rem 0;
  margin: 1rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2rem;
}

.header__submenu .header__menu-item:hover {
  text-decoration-line: underline;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: #fff;
  word-break: break-word;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video,
.global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe,
.global-media-settings--full-width .placeholder-svg {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role='button']:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

.rte:after {
  clear: both;
  content: '';
  display: block;
}

.rte > *:first-child {
  margin-top: 0;
}

.rte > *:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

/* Image mask global styles */

.shape--mask {
  display: block;
  height: 0;
  width: 0;
}

.shape--arch {
  clip-path: url('#Shape-Arch');
}

.shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

.shape--chevronleft {
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
}

.shape--chevronright {
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}

.shape--circle {
  clip-path: circle(closest-side);
}

.shape--diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.shape--parallelogram {
  clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.shape--round {
  clip-path: ellipse(45% 45% at 50% 50%);
}

/* Fixed background */
.animate--fixed {
  clip-path: inset(0);
}

.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

/* Animations */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }

  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
  }

  .scroll-trigger.animate--slide-in {
    transform: translateY(2rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }

  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }

  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }

  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    transform: rotate(0.5deg); /* Less intense rotation for collage items. */
  }

  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }

  .animate--hover-3d-lift .product-grid {
    isolation: isolate; /* Ensure z-index changes here don't negatively effect other UI stacking. */
  }

  .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }

  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 55%
    );
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }

  :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif');
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem);
  }

  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }

  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  }

  .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}

/* Loading spinner */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Progress bar */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}

a,button{
  transition:0.3s !important
}
div#trustpilot-widget-trustbox-0-wrapper {
  
    display: none !important;
}

p.announcement-bar__message.h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size:17px;
}

 nav.header__inline-menu {
    display: flex;
    justify-content: center;
}

.header__inline-menu .header__menu-item {
       font-size: 17px;
    padding: 10px 17px;
    color: #101828;
}


a#cart-icon-bubble svg.icon {
    height: 18px;
    width: 18px;
}

a.header__icon.header__icon--account.link.focus-inset {
    display: none;
}
.clean-hero-product-section__top-labels {
    display: flex;
    gap: 10px;
}
a.header_btn {
    background: url(/cdn/shop/files/Button.png?v=1768811234);
    min-height: 40px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    font-family: 'Satoshi Medium' !important;
    color: white;
    border-radius: 40px;
    background-color:tan;
    line-height: 25px;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: 2px 3px 9px 1px #00000038;
}
}
a.header_btn:hover{
    background:url(/cdn/shop/files/Button_1.png?v=1768811503)
}

.cart-count-bubble {
    top: -2px;
    left: initial;
    font-family: 'Satoshi Medium' !IMPORTANT;
    background: #df6f7d;
    font-size: 13px;
    height: 22px;
    width: 22px;
    right: -2px;
}

.clean-info-bar__item:after {
    content: "";
    height: 20px;
    width: 2px;
    background: #ffffff45;
    position: relative;
    right: -11px;
}

.clean-info-bar__item:last-child:after {
    display: none;
}
.clean-info-bar {
  width: 100%;
}

.clean-info-bar__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.clean-info-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.2;
}

.clean-info-bar__icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.home_plastic .rich-text__blocks {
    max-width: 800px;
}

.home_plastic .rich-text__blocks h2.rich-text__heading.rte {
    color: #232323;
    font-family: 'Satoshi Bold' !IMPORTANT;
    font-size: 90px;
}

.home_plastic .rich-text__text.rte {
    color: #4F4F4F;
    font-size: 19px;
    margin-top: 50px;
}


.home_plastic a.button.button--primary:before,.home_plastic a.button.button--primary:after {
    display: none;
}
.home_plastic a.button.button--primary {
    background: linear-gradient(45deg, #5BB98E, #495B89);
    width: 100%;
    min-height: 50px;
    max-width: fit-content;
    display: flex;
    padding: 10px 50px;
    border-radius: 40px;
    gap: 10px;
    box-shadow: 2px 5px 12px 2px #0000003b;
    margin-top: 30px;
}

.home_plastic a.button.button--primary:before {
    content: "";
    display: block !important;
    background: url(/cdn/shop/files/Icon_ce7c90dd-1978-4e15-ae64-63a16eec5bb5.png?v=1768825708);
    height: 21px;
    width: 20px;
    border-radius: unset;
    z-index: 1;
    background-size: 100%;
    position: unset;
    background-repeat: no-repeat;
}
.home_plastic .rich-text__blocks h2.rich-text__heading.rte:before {
    content:"";
    background: url(/cdn/shop/files/Vector_4.svg?v=1768826592);
    width: 110px;
    height: 100px;
    display: block;
    position: absolute;
    top: 60%;
    left: -150px;
    background-repeat: no-repeat;
}
.home_plastic .rich-text__blocks h2.rich-text__heading.rte:after {
    content: "";
    background: url(/cdn/shop/files/Group.svg?v=1768826940);
    height: 120px;
    width: 120px;
    position: absolute;
    right: -150px;
    top: -30px;
}

.ethos .title-wrapper-with-link {
    justify-content: center;
}

.ethos .multitop {
    display: flex;
    justify-content: center;
    max-width: fit-content;
    gap: 10px;
    margin: 0 auto 20px;
    border-radius: 10px;
    background: #F8C7CD;
    padding: 4px 20px;
    font-size: 13px;
    font-family: Satoshi Medium !important;
}

.ethos h2.title.inline-richtext.h1 {
    font-family: satoshi bold !IMPORTANT;
}

.ethos slider-component.slider-mobile-gutter {
    margin-top: 80px;
}

.ethos .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--third-width.multicolumn-card-spacing {
    width: 68px;
}

.ethos .multicolumn-card__info {
    padding-top: 15px !IMPORTANT;
}

.ethos .multicolumn-card__info h3.inline-richtext {
    font-family: satoshi medium !important;
    color: #101828;
}

.multi_col_top.page-width {
    background: #a8dfc4;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    border-radius: 10px;
    font-family: 'Satoshi Medium' !important;
    max-width: fit-content;
}

.multi_col_top.page-width span {
    font-family: 'Satoshi Medium' !IMPORTANT;
    color: #495B89;
}
.featured_top .collection__title.title-wrapper {
    text-align: center;
}

.featured_top .collection__title.title-wrapper h2.title.inline-richtext {
    font-size: 38px;
    font-family: 'Satoshi Bold' !IMPORTANT;
    color: #000000;
    margin-top: 20px;
}
.grid.product-grid.grid--4-col-desktop li {
    max-width: 23% !IMPORTANT;
    width: 23% !IMPORTANT;
}

#Slider-template--27626657153407__featured_collection li{
  margin-left:0 !important; 
}

.grid.product-grid.grid--4-col-desktop {
    gap: 30px;
}

.featured_top .slider-counter{
  display:none;
}
.featured_top .slider-buttons{
    gap: 20px;
    margin-top:50px;
}

.featured_top .slider-buttons button{
    background: linear-gradient(45deg, #5BB98E, #4A9A73);
    border-radius:50%;
    color:#fff;

}
.featured_top .slider-button .icon{

      height: 0.9rem;

}


.collection .grid.product-grid {
    margin-top: 60px;
}
.grid.product-grid li .card-wrapper.product-card-wrapper {
    border-radius: 20px;
    box-shadow: 0px 1px 4px 2px #00000026;
}

.grid.product-grid li .card-wrapper.product-card-wrapper .card__media {
       border-radius: 20px !IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
    border-bottom-right-radius: 0 !IMPORTANT;
}

.grid.product-grid li .card-wrapper.product-card-wrapper .media.media--transparent.media--hover-effect {
        border-radius: 20px !IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
    border-bottom-right-radius: 0 !IMPORTANT;
}

.grid.product-grid li .card-wrapper.product-card-wrapper .media img {
    border-radius: 20px !IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
    border-bottom-right-radius: 0 !IMPORTANT;
}

.grid.product-grid li .card-wrapper.product-card-wrapper .card__inner {
       border-radius: 20px !IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
    border-bottom-right-radius: 0 !IMPORTANT;
}
.product-card-wrapper .card__information {
    padding: 22px 20px 0px !IMPORTANT;
}
.quick-add.no-js-hidden {
    padding: 0 20px 20px;
}
.quick-add__submit:before,.quick-add__submit:after {
    display: none;
}

.quick-add__submit {
    border: 3px solid #495B89;
    border-radius: 30px;
}

.quick-add__submit span {
    display: flex;
    gap: 15px;
    align-items: center;
    color: #495B89;
    font-size: 15px;
    font-family: 'Satoshi Medium' !IMPORTANT;
}
span.best_label {
    display: flex;
    position: absolute;
    max-width: fit-content;
    line-height: 1.5;
    font-size: 11px;
    background: #E6E7AD;
    border: 3px solid white;
    align-items: center;
    box-shadow: 2px 2px 2px 2px #00000036;
    font-family: Satoshi Medium !IMPORTANT;
    padding: 1px 5px;
    border-radius: 7px;
    right: 15px;
    top: -15px;
}

span.best_label img {
    max-width: 15px;
}
.quick-add__submit:hover {
    background: #495b89;
}

.quick-add__submit:hover span {
    color: white;
}
.quick-add__submit:hover path {
    stroke: white;
}
.product-card-wrapper .card-information {
    margin-top: 15px;
    margin-bottom: 10px;
}

.product-card-wrapper span.price-item.price-item--regular {
    font-size: 25px;
    color: #495B89;
}

.product-card-wrapper span.price-item.price-item--sale.price-item--last {
    font-size: 25px;
    color: #495b89;
}

.product-card-wrapper .price--on-sale .price-item--regular {
    color: #99A1AF;
    font-size: 15px;
}
.quick-add.no-js-hidden product-form {
  position: absolute;
  bottom: 15px;
  top: auto;
  min-width: 40px;
  height: 40px;
  right: 15px;
}

.quick-add.no-js-hidden product-form button {
    min-height: 40px;
    box-shadow: 0px 2px 8px 2px #00000029;
}
.product-card-wrapper .card__heading.h5 a {
    min-height: 60px;
}
.onetime_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 14px;
    color: #495B89;
    font-family: Satoshi Medium !important;
    min-height: 40px;
    border: 2px solid #495B89;
    border-radius: 40px;
}

.onetime_btn a:hover {
    background: #495b89;
    color: white;
}

.onetime_btn a:hover path {
    stroke: white;
}
.quick-add.no-js-hidden .subscribe_save a {
    min-height: 40px;
    display: flex;
    justify-content: center;
    background: linear-gradient(45deg, #5BB98E, #4A9A73);
    border-radius: 35px;
    font-family: Satoshi Medium !IMPORTANT;
    font-size: 15px;
    align-items: center;
    color: white;
    margin-bottom: 10px;
    box-shadow: 0px 2px 2px 2px #0000002b;
    line-height: 30px;
    text-decoration: none;
}
.product-card-wrapper .card__heading.h5 {
    font-size: 20px;
    color: #101828;
}

.product-card-wrapper .card__heading.h5 a {
    line-height: 1.5;
    font-family: 'Satoshi Medium' !IMPORTANT;
}

.badge_custom {
    background: #495B89;
    display: flex;
    position: absolute;
    align-items: center;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    border-radius: 30px;
}

.badge_custom span {
    display: flex;
    align-items: center;
    font-size: 13px;
    gap: 5px;
    color: white;
    font-family: Satoshi Medium !important;
}
.product-card-wrapper .loox-rating {
    display: none;
}

.card__badge.top.right {
    background: linear-gradient(
179deg, #5BB98E, #A8DFC4);
    display: flex;
    align-items: center;
    color: white;
    border-radius: 15px;
    padding: 4px 15px;
    font-size: 13px;
    margin: 0 !IMPORTANT;
    box-shadow: 0px 4px 4px 0px #0000004f;
}
.card__badge:empty {
    display: none !IMPORTANT;
}
.featured_home .multi_col_top.page-width {
    margin-left: unset;
    background: pink;
    padding: 2px 8px;
    margin-bottom: 20px;
}

.featured_home .collection {
    /* max-width: 1360px; */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.featured_home slider-component {
    padding: 0 !IMPORTANT;
}

.featured_home .collection__title {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.featured_home .collection__title h2.title.inline-richtext {
    font-size: 38px;
    font-family: 'Satoshi Bold' !IMPORTANT;
    color: #101828;
    width: 100%;
    order: 1;
    max-width: 70%;
}

.collection__description.body.rte {
    font-size: 22px;
    color: #4A5565;
    order: 3;
    width: 100%;
}

a.col_view_all {
    order: 2;
    border: 2px solid #495B89;
    border-radius: 40px;
    padding: 3px 15px;
    font-size: 15px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    text-decoration: none;
    align-items: center;
    display: flex;
    gap: 15px;
    box-shadow: 2px 3px 6px 2px #00000038;
    color: #495B89;
}

a.col_view_all:hover {
    background: #495B89;
    color: white;
}

a.col_view_all:hover path {
    stroke: white;
}
.collection .grid.grid--3-col-desktop.product-grid {
    justify-content: space-between;
    row-gap: 30px;
}

/* .collection .grid.grid--3-col-desktop.product-grid li {
    max-width: 32% !IMPORTANT;
    width: 100% !IMPORTANT;
} */

.blog-articles__article.article:first-child:before {
    content: "⭐ Featured";
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 16px;
    background: #5BB98E;
    font-size: 12px;
    font-family: Satoshi Medium !IMPORTANT;
    color: white;
    padding: 2px 8px;
    border-radius: 8px;
}

.blog-articles__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 40px;

}

.blog-articles__article.article {
    max-width: 31.5%;
    box-shadow: 0px 2px 2px 2px #0000001a;
    border-radius: 20px;
}


.blog-articles__article.article .card.article-card .article-card__image.media.media--hover-effect {
    border-radius: 20px;
}

.blog-articles__article.article .card.article-card .card__inner {
    border-radius: 20px;
}
 .blog-search {
    background: #ffffffe6;
    width: 100%;
    display: flex;
    min-height: 50px;
    max-width: 580px;
    align-items: center;
    margin: 30px auto;
    border-radius: 40px;
    padding: 10px 20px;
  }
  .blog-search input {
     width: 100%;
    border: unset;
    font-size: 16px;
    border-radius: 5px;
    background: transparent;
    outline: none ! IMPORTANT;
    box-shadow: none ! IMPORTANT;
    color: #1018287d;
    padding: 5px 15px;
  }

  .blog-tabs__list {
   display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    list-style: none;
    justify-content: center;
    padding: 0;
    margin-top: 50px;
  }

  li.blog-tab.active {
    box-shadow: 2px 3px 3px 0px #00000033;
}
  .blog-tab {
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 30px;
    color:#364153;
    background-color: #F3F4F6;
    transition: background 0.2s;
  }
  .blog-tab.active, .blog-tab:hover {
    background-color: #5BB98E;
    color: #fff;
  }

  .top_part_blog {
    background-repeat: no-repeat !IMPORTANT;
    background-size: cover !IMPORTANT;
    padding: 60px 0;
}

.top_part_blog .blog_names {
    max-width: fit-content;
    margin: 0 auto;
    background: #ffffff38;
    color: white;
    font-size: 14px;
    padding: 5px 25px;
    font-family: 'Satoshi Light' !important;
    border-radius: 10px;
}
.blog-articles-wrapper {
    margin-top: 35px;
}
.blog-articles__article.article:first-child {
    max-width: 100%;
    width: 100%;
    background: linear-gradient(to bottom, #E5F1F8, #E0F5ED);
    position: relative;
        box-shadow: 4px 6px 10px -1px #00000033;
}

.blog-articles__article.article:first-child .card.article-card {
    flex-direction: row;
}

.blog-articles__article.article:first-child .card__inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.blog-articles__article.article:first-child .card.article-card .article-card__image.media.media--hover-effect{
    border-top-right-radius: unset;
    border-bottom-right-radius: 0;
}
.blog-articles-wrapper h4 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: Satoshi Bold !IMPORTANT;
    color: #495B89;
}
.top_part_blog h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 48px;
    font-family: 'Satoshi Bold' !IMPORTANT;
    color: white;
}

.top_part_blog p {
    max-width: 670px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    color: white;
    font-family: 'Satoshi Light' !IMPORTANT;
    line-height: 1.5;
}

.blog-articles__article.article:first-child .card__information {
    padding: 60px !IMPORTANT;
}
.blog-articles__article.article:first-child .badge_blog{
position:unset
}
.badge_blog span {
    background: #495B89;
    font-size: 12px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    padding: 5px 20px;
    color: white;
    border-radius: 30px;
}
.blog-articles__article.article:first-child h3.card__heading.h2 a {
    color: #495B89;
    font-size: 30px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    margin-top: 15px;
}.blog-articles__list a.full-unstyled-link:after {
    display: none;
}
.blog-articles__list .card__content {
    display: block;
}

p.article-card__excerpt.rte-width {
    line-height: 1.8;
    margin-top: 20px;
}
.article-card .card__heading a.full-unstyled-link {
    font-size: 20px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    color: #495B89;
        min-height: 50px;

}
.blog-articles__article.article:first-child .card__information .article_name_minutes {
    justify-content: start;
    padding: 0;
    border: unset;
}

.blog-articles__article.article:first-child .card__information a.article_rm {
    max-width: 340px;
}
.article_name_minutes {
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #F3F4F6;
}
.article_name_minutes {
    display: flex;
    align-items: center;
    gap: 25px;
}

.article_name_minutes p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

span.author_n {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #4A5565;
}
.blog-articles__article.article .card__information {
    padding: 24px !important;
}
.badge_blog {
    position: absolute;
    top: 10px;
    left: 13px;
}
.blog-articles__article.article  .card__inner {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.blog-articles__article.article .card__inner .article-card__image {
    border-bottom-right-radius: 0 !IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
}
.blog-articles__article.article:first-child .card__inner .article-card__image{
  border-bottom-left-radius:20px !important
}
a.article_rm {
    background: linear-gradient(
181deg, #495B89, #6B7BA9);
    font-size: 14px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    gap: 10px;
    border-radius: 30px;
    max-width:100%;
    margin-top: 20px;
}

a.article_rm:hover {
    background: linear-gradient(181deg, #6B7BA9, #495B89);
}

.newsletter.center.blog_email {
     background: linear-gradient(75deg, #5BB98E, #A8DFC4);
}

.newsletter.center.blog_email .newsletter__wrapper {
    background: transparent;
}

.newsletter.center.blog_email h2.inline-richtext {
    color: white;
    font-family: Satoshi Bold !IMPORTANT;
}

.newsletter.center.blog_email h2.inline-richtext:before {content: "";
  background: url(/cdn/shop/files/Icon_1_a8f21cf9-e92b-43cb-86c4-5215ed3c7b6b.png?v=1768906463);
  height: 64px;width: 64px;display: block;
  margin: 0 auto 10px;
}

.newsletter.center.blog_email .newsletter__wrapper .newsletter__subheading {
    font-size: 18px;
    color: white;
    max-width: 620px;
    margin-bottom: 40px;
}

form#contact_form {
    max-width: 520px;
}

form#contact_form .newsletter-form__field-wrapper {
    max-width: 100%;
}

form#contact_form .newsletter-form__field-wrapper .field:before,form#contact_form .newsletter-form__field-wrapper .field:after {
    display: none;
}

form#contact_form .newsletter-form__field-wrapper button#Subscribe {
    position: unset;
    width: 100%;
    max-width: 130px;
    box-shadow: 1px 5px 7px 3px #00000052;
    min-height: 45px;
    background: white;
    color: #5BB98E;
    font-size: 14px;
    font-family: Satoshi Medium !important;
    border-radius: 30px;
}

form#contact_form .newsletter-form__field-wrapper input {
    box-shadow: unset;
    outline: unset;
    border-radius: 35px;
}

form#contact_form .newsletter-form__field-wrapper .field {
    gap: 15px;
}
.newsletter.center.blog_email .newsletter__wrapper form +  p {
    margin-top: 50px;
    color: white;
}

form#contact_form .newsletter-form__field-wrapper button#Subscribe:hover {
    background: #5b898e;
    color: white;
}



/*ziyad css*/
.vender-name{
  background:#495B89;
  color:white;
  padding:8px 15px;
  border-radius:50px;
  display:inline-flex;
  margin-right:10px;
}
.vender-name p, .meals-donated p{
  margin:0px;
  font-family: 'Satoshi Variable';
  font-size:12px;
  font-weight:500;
  color:white;
  
}
.meals-donated{
  background-image: linear-gradient(to right, #DF6F7E , #F8C7CD);
  padding:5px 15px;
  border-radius:50px;
  display:inline-flex;
  margin-right:10px !important;
  align-items:center;
}
.meals-donated img {
    max-width: 12px;
    max-height: 12px;
     margin-right:5px !important;
}
.product__info-container .product__title {
margin:0px;
}
.product__info-container .product__title h1{
   font-family: 'Satoshi bold' !important;
  font-size:48px;
  font-weight:700;
  color:#495B89;
  
}
.product__info-container .price__regular{
  font-family: 'Satoshi bold' !important;
  font-size:36px;
  font-weight:400;
  color:#495B89;
}
.product__description{
  font-family: 'Satoshi Variable';
  font-size:18px;
  font-weight:400;
  color:#364153;
}
.product__inventory, .product__inventory span {
  font-family: 'Satoshi light' !important;
  font-size:16px;
   color:#5BB98E;
}
span.sub-text{
   font-family: 'Satoshi light' !important;
  font-size:16px;
  line-height:24px;
   color:#6A7282 !important;
}
.price__container{
  display:block !important;
  gap:10px;
  align-items:center;
}
.product-form__quantity{
      display: flex;
    align-items: center;
    gap: 10px;
}
.product-form__quantity .quantity__label{
   font-family: 'Satoshi light' !important;
  font-size:16px;
  line-height:24px;
   color:#495B89 !important;
}
.quantity:after{
  border:2px solid #E5E7EB;
  box-shadow:none;
  border-radius:50px;
}
/* OLD GREEN GRADIENT - Backup from Feb 22, 2026
.product-form__submit{
  border: 0px !important;
  background-image: linear-gradient(to bottom, #5BB98E, #A8DFC4);
  color: white;
  transition: 0.3s;
}
.product-form__submit:hover{
  background-image: linear-gradient(to top, #5BB98E, #A8DFC4);
  box-shadow: none;
}
*/

/* NEW PURPLE GRADIENT */
.product-form__submit{
  border: 0px !important;
  background-image: linear-gradient(to top, #495B89, #6B7BA9);
  color: white;
  border-radius: 50px;
  font-family: 'Satoshi light' !important;
  font-size: 18px;
  line-height: 28px;
  padding: 10px;
  width: 100%;
  transition: 0.3s;
  gap:10px;
}
.product-form__submit:hover{
  background-image: linear-gradient(to bottom, #495B89, #6B7BA9);
  box-shadow: none;
}

.share-button{
  display: flex;
    justify-content: center;
    border:2px solid #E5E7EB;
  box-shadow:none;
  border-radius:50px;
}
.share-button__button {
   font-family: 'Satoshi medium' !important;
  font-size:14px;
  line-height:20px;
   color:#0A0A0A !important;
}
.share-button__button .svg-wrapper{
  margin-right:10px;
}
.product__sku{
  font-family: 'Satoshi light' !important;
  font-size:14px;
  line-height:28px;
   color:#6A7282 !important;
}
.privacy-first-div{
  display:flex;
  gap:20px;
}
.privacy-first-div img{
  height:20px;
  width:20px;
}
.privacy-first-div h2{
   font-family: 'Satoshi light' !important;
  font-size:16px;
  line-height:28px;
   color:#495B89 !important;
   margin:0px;
}
.privacy-first-div p{
   font-family: 'Satoshi light' !important;
  font-size:14px;
  line-height:28px;
   color:#4A5565 !important;
   margin:0px;
}
.Privacy-div {
  background-image: linear-gradient(to top, #E5F1F8 , #E0F5ED);
  padding: 20px;
    border-radius: 16px;
}
.Privacy-div .privacy-first-div:nth-child(1) {
  margin-bottom:12px;
}
.product__media-list li:nth-child(1){
  display:block;

}
.product-template-2 .product__media img {
    border-radius: 0px;
    background: white !important;
}
.price.price--large.price--on-sale.price--show-badge {
    display: flex;
}
p.donated-meals.product__text.inline-richtext:after {
    content: 'Meals Donated';
    margin-left: 10px;
}

/* .product__media-list li{
  display:none;
  
} */
.product__column-sticky{
  position:relative !important;
  top:0px !important; 

}
.be-Sec-div{
  display:flex;
  gap:20px;
  margin:30px 0px;
}
.be-inner-div h2{
   font-family: 'Satoshi light' !important;
  font-size:12px;
  line-height:28px;
   color:#495B89 !important;
   margin:0px;
}
.be-inner-div{
  max-width:100%;
  width:33%;
  background:#E5F1F8;
  text-align:center;
  border-radius:16px;
  padding:20px;
}
.be-inner-div:nth-child(2){
   background:#E0F5ED;
}
.product-form__buttons {
    max-width: 100% !important;
}
{
  background-image: linear-gradient(to top, #495B89 , #6B7BA9);
  color: white;
    border: 0px;
    width: 100%;
    padding: 10px;.sub-btn
    border-radius: 50px;
    font-family: 'Satoshi light' !important;
  font-size:18px;
  line-height:28px;
}
.product__info-container .product-form{
  margin-bottom:10px !IMPORTANT;
}
.product-multicolumn .multicolumn-card__image-wrapper, .product-multicolumn .media img{
  height:64px;
  width:64px;
  margin:auto;
}
.product-multicolumn h3.inline-richtext{
   font-family: 'Satoshi medium' !important;
  font-size:18px;
  line-height:28px;
   color:#495B89 !important;
}
.product-multicolumn p{
   font-family: 'Satoshi regular' !important;
  font-size:14px;
  line-height:28px;
   color:#4A5565 !important;
}
.product-multicolumn .multicolumn-card-spacing{
  padding-top:0px !IMPORTANT;
}
.product-multicolumn .multicolumn-card{
  padding:30px 30px 30px 30px;
  border-radius:16px !important;
  background:#F9FAFB;
  box-shadow: #F3F4F6 0px 1px 2px 0px, #F3F4F6 0px 1px 3px 1px;
}
.product-multicolumn .multicolumn-card__info{
  padding:20px 0 0 0 !important;
}
.product-multicolumn .title{
  font-family: 'Satoshi bold' !important;
  font-size:36px;
  line-height:40px;
   color:#495B89 !important;
}
.product-multicolumn .multicolumn__title{
    display:block !IMPORTANT;
    text-align:center;
    justify-content: center !important;
}
.tabs-section { margin: 60px auto; }
.tabs-heading { text-align: center; margin-bottom: 30px; }

.tabs-nav {
  display: flex;
  gap: 20px;
  justify-content: start;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E7EB;
}

.tab-link {
  padding: 15px 25px;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  font-family: 'Satoshi regular' !important;
  font-size:16px;
  line-height:24px;
   color:#495B89 !important;
}

.tab-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background: #5BB98E;
}
div#tab-1 .content-tex{
   max-width: 50%;
   float:left;
}
div#tab-1 img{
   max-width: 50%;
   float:right;
}
img.tab-desc-img {
    max-width: 100%;
    padding-left:20px;
}
.tabs-content .tab-content { display: none; }
.tabs-content .tab-content.active { display: block; }

.tabs-wrapper {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.product-collapsible .caption-with-letter-spacing{
  background:#495B89;
  padding: 5px;
  max-width: 25%;
  border-radius: 50px;
  margin: auto;
  align-items:center;
}
.product-collapsible .caption-with-letter-spacing .caption-text{
font-family: 'Satoshi bold' !important;
font-size:12px;
line-height:16px;
  color:#FFFFFF !important;
}
.product-collapsible .caption-with-letter-spacing span svg{
  max-width:12px;
  max-height:12px;
}
.product-collapsible .collapsible-content__heading{
  font-family: 'Satoshi bold' !important;
font-size:42px;
line-height:50px;
  color:#495B89 !important;
  margin-bottom:0px !IMPORTANT; 
}
.product-collapsible .subheading{
    font-family: 'Satoshi light' !important;
font-size:16px;
line-height:27px;
  color:#5B898E !important;
}
.product-collapsible .collapsible-content .accordion {
  margin-top: 0;
  border: 1px solid #A8B671 !important;
  border-radius:16px;
  background:#FDF8F5;
  padding:20px;
}
.product-collapsible .accordion summary{
  padding:0px;
}
.product-collapsible .accordion {
    margin-bottom: 15px;
}
.product-collapsible .accordion__title{
  font-family: 'Satoshi medium' !important;
font-size:21px;
line-height:29px;
  color:#495B89 !important;
}
.product-collapsible .collapsible-content summary:hover {
    background: transparent;
}
.product-collapsible .accordion svg path{
  fill:#A8B671;
}
.product-collapsible summary .icon-caret {
    position: absolute;
    height: .6rem;
    right: 1.5rem;
    top: 5px;
    width: 20px;
    height: 20px;
}
.product-collapsible .collapsible-content summary:hover h3 {
    text-decoration: none;
}
.product-collapsible .collapsible-content__grid{
  padding-top:30px;
}
.product-richtext .icon-img{
  max-width:68px;
  max-height:68px;
}
.product-richtext .rich-text__blocks{
  background-image: linear-gradient(to left, #BAD6EB20 , #A8DFC420);
  padding:40px;
  border-radius:26px;
  position: relative; 
}
.product-richtext .rich-text__blocks p{
max-width:70%;
margin:auto;
 font-family: 'Satoshi' !important;
font-size:16px;
line-height:27px;
  color:#5B898E !important;

}
.product-richtext .rich-text__blocks .rich-text__heading{
  font-family: 'Satoshi medium' !important;
font-size:30px;
line-height:38px;
  color:#495B89 !important;
}  
.product-richtext .button--primary{
background-image: linear-gradient(to left, #5BB98E , #495B89);
font-family: 'Satoshi ' !important;
font-size:16px;
line-height:27px;

}
.product-richtext .btn-icon{
  padding-right:10px;
  padding-top: 5px;
}
.product-richtext  .rich-text__blocks::before{
  content: "";
    display: block;
    width: 174px;
    height: 174px;
    background-image: url(/cdn/shop/files/Group.png?v=1768892256);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 20%;
    right: -10%;
    z-index: 0;
    
}
.product-richtext  .rich-text__blocks::after{
  content: "";
    display: block;
    width: 125px;
    height: 215px;
    background-image: url(/cdn/shop/files/Group_1.png?v=1768892256);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 25%;
    left: -10%;
    z-index: 0;
    
}
.product__media img{
  border-radius:22px;

}
.template-product li.product__media-item{
  padding:30px;
  border-radius:22px;
  background-image: linear-gradient(to top, #E5F1F8 , #E0F5ED);
}
.template-product .product-media-container.constrain-height .media {
    
    background-image: linear-gradient(to top, #E5F1F8, #E0F5ED);
}
.short-desc{
  display: -webkit-box;        /* Required for line-clamp */
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2;      /* Number of lines to show */
  overflow: hidden;            /* Hide the rest of the text */
  text-overflow: ellipsis;
}
.product-template-2 .bg-color{
  background-color:white !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.product-template-2 .bg-color img{
  height: 20px;
  width:20px;

}
.product-template-2 .short-desc-option-2{
   display: -webkit-box;        /* Required for line-clamp */
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4;      /* Number of lines to show */
  overflow: hidden;            /* Hide the rest of the text */
  text-overflow: ellipsis;
}
.grid__item.product__media-wrapper {
    height: fit-content;
    position: sticky;
    top: 10px;
}
.product-template-2 li.product__media-item{
  padding:30px;
  border-radius:22px;
  background-color:white;
  background-image:unset
}
.product-template-2 .product-media-container.constrain-height .media {
     
  background-color:white;
}
.product-template-2 .product-subheading{
  font-family: 'Satoshi ' !important;
font-size:24px;
line-height:28px;
  color:#5BB98E !important;
}
.product-template-2 .product-subheading p, .product-subheading{
margin:0px !important;
}
.adv-card{
  background:white;
  padding:12px 12px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  border-radius:16px;
      align-items: center;
    display: flex;
    gap: 10px;
}
.adv-card img{
  height:20px;
  width:20px;
}

.adv-card span{
  font-family: 'Satoshi regular' !important;
font-size:14px;
line-height:20px;
  color:#495B89 !important;
}
.adv-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.product-template-2 .product__info-container{
  max-width:100%;
}
.product-template-2 .product__media-wrapper, .product-template-2 .product__info-wrapper{
  max-width:50% !important; 
}
.shopify-section:has(.product-template-2) product-info {
  background-image: linear-gradient(to bottom, #E5F1F8, #FFFFFF, #E0F5ED) !important;
      padding: 64px 0;
}
.product-form__input--pill .form__label{
font-family: 'Satoshi regular' !important;
font-size:16px;
line-height:24px;
  color:#495B89 !important;
}
.product-template-2 .be-inner-div h2 {
    font-family: Satoshi light !important;
    font-size: 8px;}

 .option-2-multicard .multicolumn__title {
  justify-content:center;
}
 .option-2-multicard  .title{
  font-family: 'Satoshi bold' !important;
  font-size:36px;
  line-height:40px;
   color:#495B89 !important;
   
}
 .option-2-multicard  .multicolumn .title-wrapper-with-link {
    margin-top: 0;
    display: flex;
    justify-content: center;
}
 .option-2-multicard  .multicolumn-card__image-wrapper{
    max-width: 68px;
}
 .option-2-multicard  .multicolumn-card__info h3{
   font-family: 'Satoshi bold' !important;
  font-size:18px;
  line-height:28px;
   color:#495B89 !important;
}
 .option-2-multicard .multicolumn-card__info p{
   font-family: 'Satoshi regular' !important;
  font-size:14px;
  line-height:28px;
   color:#364153 !important;
}
 .option-2-multicard .multicolumn-list li:nth-child(2n-1){
  background-image: linear-gradient(to bottom, #E5F1F8 , #FFFFFF);
  border-radius:20px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  padding:20px 0 0 0;
}
 .option-2-multicard .multicolumn-list li:nth-child(2n){
  background-image: linear-gradient(to bottom, #E0F5ED , #FFFFFF);
  border-radius:20px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  padding:20px 0 0 0 ;
}
 .option-2-multicard .multicolumn-card{
  padding:0 10px;
}




/*new ziyad*/
.footer-block__newsletter{
  text-align:left !important;
}
.footer-block__heading{
   font-family: 'inter' !important;
   font-weight:500;
  font-size:22px;
  line-height:28px;
   color:#FFFFFF !important;
}
.footer-block__sub-text{
   font-family: 'Satoshi regular' !important;
   
  font-size:16px;
  line-height:28px;
   color:#FFFFFF80 !important;
}
.footer .newsletter-form__field-wrapper .field__button{
  position:relative;
  background-image: linear-gradient(to bottom, #A8DFC4, #5BB98E) !important;
    padding: 10px 20px;
    border-radius: 50px;
    min-width: 62px;
}
.footer .newsletter-form__field-wrapper .field__input{
  border:1px solid #FFFFFF20;
  border-radius:50px;
}
.footer .newsletter-form__field-wrapper .field:after{
  box-shadow:none;
}
.footer .newsletter-form__field-wrapper .field {
    gap: 10px;
}
.footer .newsletter-form__field-wrapper label{
  font-family: 'Satoshi regular' !important;
  font-size:14px !important;
  line-height:22px;
    color:#FFFFFF20 !important;
}

.footer-block.grid__item {
    max-width: 295px;
}

.footer__blocks-wrapper.grid {
    justify-content: space-between;
    gap: 30px;
}
.footer .newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after {
    display: none;
}
.footer .newsletter-form__field-wrapper .link {
  font-family: 'Satoshi regular' !important;
  font-size:16px !important;
  line-height:22px;
}
.footer .link {
  font-family: 'Satoshi regular' !important;
  font-size:16px !important;
  line-height:22px;
}


span.var_meta {
    font-size: 13px;
    display: block;
    margin-top: 15px;
    color: #4A5565;
}
.main-blog {
    padding-bottom: 80px;
}
fieldset.js.product-form__input.product-form__input--pill {
 display: grid;
    width: 100%;
    column-gap: 15px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}
.footer .newsletter-form__field-wrapper .link {
  font-family: 'Satoshi regular' !important;
   
  font-size:16px !important;
  line-height:22px;
}
 .quantity:before{
  background:transparent !important;
}

/* Talha Code*/
  .option-2-biopure .instructions-section {
  display: none;
  margin-top: 40px;
}


.option-2-biopure  {
  padding: 100px 20px;
  text-align: center;
  background-image: linear-gradient(to bottom, #E5F1F8, #E0F5ED) !important;
}


.option-2-biopure .tile_head {
  font-size: 42px;
  font-family: 'Satoshi bold' !important;
  color: #495B89;
  margin-bottom: 10px;
}

.option-2-biopure .subtitle {
  color: #7a8795;
  font-size: 16px;
  font-family: 'Satoshi regular' !important;
  margin-bottom: 70px;
}

/* STEPS */
.option-2-biopure .steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.option-2-biopure  .step-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
  position: relative;
  text-align: left;
}

.option-2-biopure  .step-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 20px;
}

.option-2-biopure  .step-card h3 {
  margin: 20px 0 8px;
  color: #495B89;
  font-size: 20px;
 
  font-family: 'Satoshi medium' !important;
}

.option-2-biopure  .step-card p {
  color: #364153;
  font-size: 15px;
  line-height: 1.6;
  font-family: 'Satoshi regular' !important;
}

.option-2-biopure  .badge {
  position: absolute;
  top: 40px;
  left: 40px;
  background: #67c7a5;
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

/* BUTTON */
.option-2-biopure  .toggle-btn {
  margin: 60px auto 0;
  padding: 12px 32px;
  border-radius: 40px;
  border: 1.5px solid #4b5fa8;
  background: #ffffff;
  color: #4b5fa8;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: .25s ease;
}

.option-2-biopure  .toggle-btn:hover {
  background: #4b5fa8;
  color: #fff;
}

/* Start mein hidden */
.option-2-biopure .details-wrapper {
    margin-top: 50px;
  gap: 25px;
}

/* .option-2-biopure .detail-card {
  background: #fff;
  border-radius: 18px;
  padding: 25px;
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  text-align: left;
  margin-bottom: 20px;
} */
    /* Pro tips (bottom) with blue gradient similar to screenshot */
    .option-2-biopure .tips {
      background-image: linear-gradient(to top, #495B89 0%, #6B7BA9 100%);
      color: #fff;
      border-radius: 12px;
      padding: 24px;
      margin-top: 14px;
      
    }
    .option-2-biopure .tips h4 
    {
      text-align: left; 
      margin:0px;
      color:#FFFFFF;
      padding-left:20px;
      font-size: 20px;
  font-family: 'Satoshi medium' !important;
    }
    .option-2-biopure .tips h4::before{
        content: "💡";
    display: inline-block;
    width: 25px;
    height: 20px;
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    /* margin: 12px auto 0; */
    margin:0 0 0 -26px;
    }
    .option-2-biopure .tips ul { 
      padding-left: 0px; 
      margin: 0; 
    }
    .option-2-biopure .tips li { 
        margin: 4px 0; 
        text-align: left;
        list-style:none;
        position:relative;
        padding-left:25px;
    }

/* \\\\\\\\deatil block ka\\\\\ */
.option-2-biopure .instructions-section {
  
  margin: 60px auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

/* CARD */
.option-2-biopure .detail-card {
  position: relative;
  background: #ffffff;
  border-radius: 14px;
  padding: 26px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
    gap: 20px;
    text-align: left;
  margin-bottom: 20px;
}

/* TITLES */
.option-2-biopure .detail-card h4 {
  margin: 0 0 10px;
  font-size: 20px;
  color: #495B89;
  font-family: 'Satoshi medium' !important;
}

/* TEXT */
.option-2-biopure .detail-card p,
.option-2-biopure .detail-card li {
   font-family: 'Satoshi regular' !important;
  font-size: 16px;
  color: #364153;
  line-height: 1.6;
}


.option-2-biopure .detail-card li {
  margin-bottom: 6px;
}

/* ////////////li ka sath tick lagana hai\\/ */
.option-2-biopure .detail-card ul{
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

.option-2-biopure .detail-card ul li{
  font-family: 'Satoshi regular' !important;
  position: relative;
  font-size: 16px!important;
  margin-bottom: 10px;
  padding:0 20px;
  color: #495B89;
}

.option-2-biopure .tips-icon img{
  height:48px;
  width:48px;
}
/* Green check icon */
.option-2-biopure .detail-card ul li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  /* background: #5BB98E; */
  color: #40bdb5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
}
.option-2-biopure .tips li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  /* background: #5BB98E; */
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
 
}
.button:after{
 border:none !important;
 box-shadow:none;
}
.option-2-perfect .multicolumn__title {
  justify-content:center;
}
.option-2-perfect h2.title{
font-family: 'Satoshi bold' !important;
  font-size:36px !important;
  line-height:32px;
  color:#495B89;
}
/* .option-2-perfect .multicolumn-list__item:nth-child(1) .multicolumn-card__info{
  background-image: linear-gradient(to top, #FFE5E5 0%, #FFF5F5 100%);
  padding:25px 25px;
  border-radius:24px;
}
.option-2-perfect .multicolumn-list .multicolumn-list__item:nth-child(2) .multicolumn-card__info{
  background-image: linear-gradient(to top, #E5F1F8 0%, #F5F9FF 100%);
  padding:25px 25px;
  border-radius:24px;
} */
.option-2-perfect .multicolumn-card{
  border-radius:24px;
}
.option-2-perfect .multicolumn-list h3{
  font-family: 'Satoshi regular' !important;
  font-size:24px !important;
  line-height:32px;
  color:#495B89;
}
.option-2-perfect .multicolumn-list p strong{
  font-family: 'Satoshi regular' !important;
  font-size:18px !important;
  line-height:28px;
  color:#5BB98E;
  margin:20px 0;
}
.option-2-perfect .multicolumn-list p{
  font-family: 'Satoshi regular' !important;
  font-size:16px !important;
  line-height:28px;
  color:#364153;
  margin:20px 0;
}
.option-2-perfect .multicolumn-list p em{
  font-family: 'Satoshi regular' !important;
  font-size:14px !important;
  line-height:28px;
  color:#364153;
  margin:20px 0;
}
/* .option-2-perfect .multicolumn-list__item:nth-child(1) .multicolumn-card__info:after {
  content: "";
    display: block;
    width: 129px;
    height: 129px;
    background-image: url(/cdn/shop/files/Container_11.png?v=1768975826);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.option-2-perfect .multicolumn-list__item:nth-child(2) .multicolumn-card__info:after {
  content: "";
    display: block;
    width: 129px;
    height: 129px;
    background-image: url(/cdn/shop/files/Container_12.png?v=1768975826);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
} */

.option-2-Benefits h2.title{
font-family: 'Satoshi bold' !important;
  font-size:36px !important;
  line-height:32px;
  color:#495B89;
}
.option-2-Benefits .multicolumn__title {
  justify-content:center;
}
.option-2-Benefits .multicolumn-card-spacing{
  margin:0px !important;
  padding-top:0px !important;
}
 .option-2-Benefits .multicolumn-card__image {
    width: auto;
    border-radius: 16px 16px 0 0;
}
.option-2-Benefits .multicolumn-card{
    border-radius: 16px;
}
.option-2-Benefits .multicolumn-card__info h3{
font-family: 'Satoshi medium' !important;
  font-size:18px !important;
  line-height:28px;
  color:#495B89;
}
.option-2-Benefits .multicolumn-card__info p{
font-family: 'Satoshi regular' !important;
  font-size:14px !important;
  line-height:20px;
  color:#364153;
}
.option-2-Benefits .multicolumn-card__info ul li{
  list-style:none;
  position:relative;
  padding-left:20px;
}
.option-2-Benefits .multicolumn-card__info ul{
  padding-left:0px;
}
.option-2-Benefits .multicolumn-card__info ul li:before{
   content: "✓";
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  /* background: #5BB98E; */
  color: #5BB98E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.option-2-work-all h2.title{
font-family: 'Satoshi bold' !important;
  font-size:36px !important;
  line-height:32px;
  color:#495B89;
}
.option-2-work-all  .multicolumn__title {
  justify-content:center;
}
/* .option-2-work-all .multicolumn-list__item:nth-child(1) .multicolumn-card__info{
  background-image: linear-gradient(to bottom, #E5F1F8 0%, #FFFFFF 100%);
  padding:25px 25px;
  border-radius:24px;
}
.option-2-work-all .multicolumn-list .multicolumn-list__item:nth-child(2) .multicolumn-card__info{
  background-image: linear-gradient(to bottom, #E0F5ED 0%, #ffffff 100%);
  padding:25px 25px;
  border-radius:24px;
} */
.option-2-work-all .multicolumn-card{
  border-radius:24px;
}
.option-2-work-all .multicolumn-card__info h3{
font-family: 'Satoshi medium' !important;
  font-size:20px !important;
  line-height:28px;
  color:#495B89;
}
.option-2-work-all .multicolumn-card__info ul li{
  list-style:none;
  position:relative;
  padding-left:20px;
}
.option-2-work-all .multicolumn-card__info ul{
  padding-left:0px;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
  column-gap: 30px;
  row-gap: 12px;
}
.option-2-work-all .multicolumn-card__info ul li:before{
   content: "✓";
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  /* background: #5BB98E; */
  color: #5BB98E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.option-2-certification .multicolumn__title {
  justify-content:center;
}
.option-2-certification h2.title{
font-family: 'Satoshi bold' !important;
  font-size:36px !important;
  line-height:42px;
  color:#495B89;
  padding-bottom:30px;
}
.option-2-certification .multicolumn-list__item{
  background:  #FFFFFF;
  padding:20px 0 0 0;
  border-radius:24px !important;
}
.option-2-certification{
  background-image: linear-gradient(to bottom, #E5F1F8 0%, #E0F5ED 100%);
  padding:64px 0;
}
.option-2-certification .multicolumn-card__image-wrapper{
  width:48px;
  height:48px;
}
.option-2-certification  .multicolumn-card__info h3{
font-family: 'Satoshi medium' !important;
  font-size:18px !important;
  line-height:28px;
  color:#495B89;
}
.option-2-certification .multicolumn-card__info p{
font-family: 'Satoshi regular' !important;
  font-size:14px !important;
  line-height:28px;
  color:#364153;
}
.option-2-certification .multicolumn-card__info{
  padding:0 20px 20px 20px;
}
.option-2-biopure.new-sec{
  background:white !important;
}
.option-2-biopure.new-sec .subtitle{
  margin-bottom:0px !important;
}
.option-2-biopure.new-sec .detail-card{
   background-image: linear-gradient(to bottom, #E5F1F8 0%, #FFFFFF 100%);
}
.option-2-biopure.new-sec .detail-card ul li{
  padding:0px;
}
.option-2-biopure.new-sec .detail-card ul li::before{
    content: "";
    display:  inline-block  !important;
    background: url(/cdn/shop/files/Icon_14.png?v=1768979209);
    height: 20px;
    width: 20px;
    border-radius: unset;
    z-index: 1;
    background-size: 100%;
    position: unset;
    background-repeat: no-repeat;
    gap:20px;
    margin-right: 5px;
}
.option-2-biopure.new-sec .tips{
  background-image: linear-gradient(to bottom, #FFE5E5 0%, #FFFFFF 100%);
  border:2px solid #FFE2E2;
}
.option-2-biopure.new-sec .tips h4:before{
  display:none;
}
.option-2-biopure.new-sec .tips h4{
  padding-left:0px;
  color:#495B89;
}
.option-2-biopure.new-sec .tips li{
  color:#364153;
}
.option-2-biopure.new-sec .tips span ul{
  padding:0px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 12px;
}
.option-2-biopure.new-sec .tips li::before{
  content: "✕";
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  /* background: #5BB98E; */
  color: red;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
 
}

.option-2-biopure.new-sec  .note {
      background: #EFF6FF;
      color: #364153;
      border-radius: 12px;
      padding: 24px;
      margin-top: 14px;
      text-align:left;
      border-left:4px solid #51A2FF;
    }
    .option-2-biopure.new-sec .note span strong 
    {
      text-align: left; 
      margin:0px;
      color:#364153;
      font-size: 14px;
      line-height:28px;
  font-family: 'Satoshi bold' !important;
    }
    
    .option-2-biopure.new-sec .note ul { 
      padding-left: 18px; 
      margin: 0; 
    }
    .option-2-biopure.new-sec .note li { 
        margin: 4px 0; 
        text-align: left;
        list-style:none;
        position:relative;
        padding-left:25px;
    }
    .option-2-biopure.new-sec  .note span p{
      margin:0px;
    }
    .footer__content-bottom{
      border-top:0px!important;
    }
    .footer__content-bottom-wrapper{
      border-top:1px solid #FFFFFF20;
    }
    .policies li:before{
      display:none;
    }
    .policies li{
    
    padding-right: 20px;
}
.policies li a{
    font-family: 'Satoshi regular' !important;
  font-size:14px !important;
  line-height:28px;
  
}
.product-richtext .rich-text__buttons img{
  height:21px;
  width:21px;
}
.rich-sub-sec .rich-text{
   background-image: linear-gradient(to bottom, #495B89 0%, #5A898F 100%) !important;
   padding:80px 0;
}
.rich-sub-sec .btn-icon img{
height:16px;
  width:16px;
  margin-right:10px;
} 
.rich-sub-sec .rich-text__heading {
 font-family: 'Satoshi bold' !important;
  font-size:60px !important;
  line-height:88px;
  max-width:70%;
  color:white;
  margin:auto;
}
.rich-sub-sec .rich-text__text p{
 font-family: 'Satoshi regular' !important;
  font-size:24px !important;
  line-height:38px;
  max-width:80%;
  color:white;
  margin:auto;
}
.rich-sub-sec .rich-text__buttons a{
  background:white;
  color:#495B89;
}




/*talha*/
/* Section */
.washing-size-section{
  text-align:center;
  padding:80px 20px;
}

/* Title */
.washing-size-title{
  font-size:36px;
  color:#495B89;
  margin-bottom:15px;
  font-weight:700;
  font-family:'Satoshi Bold' !important;
  line-height:40px;
  letter-spacing:-0.9px;
}

.washing-size-subtitle{
  font-size:16px;
  color:#4A5565;
  margin-bottom:25px;
  font-family:'Satoshi';
}

/* Toggle Button (agar use karni ho) */
.washing-toggle-btn{
  border:2px solid #495B89;
  background:#fff;
  padding:10px 30px;
  border-radius:25px;
  cursor:pointer;
  font-weight:500;
  margin-bottom:25px;
  color:#0A0A0A;
  font-family:'Satoshi Bold' !important;
}

.washing-toggle-btn:before{
  content:" ";
  display:inline-flex;
  width:13px;
  height:15px;
  background-image:url(/cdn/shop/files/set.svg?v=1768979269);
  background-size:contain;
  background-repeat:no-repeat;
  margin:0 5px 0;
}

/* Table Wrapper */
.washing-size-table-wrapper{
  max-width:1100px;
  margin:auto;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 40px rgba(0,0,0,0.08);
  transition:all .5s ease;
}

/* Hide on load (button click ke baad show karne ke liye) */
.hide{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:scaleY(0);
}

/* Table */
.washing-size-table{
  width:100%;
  border-collapse:collapse;
}

.washing-size-table thead{
  background:linear-gradient(90deg,#566da3,#6b7fb5);
  color:#fff;

}

.washing-size-table .tab_head{
  font-size:16px;
padding:16px 18px!important;
  text-align:left;
} 
.washing-size-table td{
  padding:16px 18px;
  text-align:left;
  font-size:20px;
}

/* Zebra rows */
.washing-size-table tbody tr:nth-child(odd){
  background:#F9FAFB;
}

.washing-size-table tbody tr:nth-child(even){
  background:#fff;
}
/* Colors */
.washing-ppw-green{  }
.washing-price-main{color:#5BB98E;}
.washing-ppw-gray{ color:#4A5565; }

.washing-price-save{ color:#5BB98E; }
.washing-price-original{ color:#4A5565; }

/* Button */
.washing-select-btn{
 border:0.1px solid #5BB98E;
  background: linear-gradient(180deg, #5BB98E 0%, #A8DFC4 100%);
  padding:8px 10px;
  border-radius:25px;
  cursor:pointer;
  font-size:14px;
  color:#fff;
  width:63px;
  font-family:'Satoshi Bold' !important;
}

/* Popular badge simple */
.washing-popular-badge{
  display:block;
  font-size:11px;
  color:#fff;
  background:#5BB98E;
  padding:4px 0;
  border-radius:8px;
  margin-bottom:6px;
}
.compare-section {
  text-align: center;
  padding: 80px 20px;
}

.compare-section h2 {
    font-size: 36px;
    color: #495B89;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: 'Satoshi Bold' !important;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.9px !important;
}

.toggle-btn {
  border: 2px solid #495B89;
  background: #fff;
  padding: 10px 30px;
  border-radius: 25px;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 25px;
  color: #0A0A0A;
  font-family: 'Satoshi Bold' !important;
}
.toggle-btn:before{
    content: " ";
    display: inline-flex;
    width: 13px;
    height: 15px;
    background-image: url(/cdn/shop/files/set.svg?v=1768979269);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px 5px 0;
    align-items: center;
}
.table-wrapper {
  max-width: 1100px;
  margin: auto;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 0.5s ease;
}

.hide {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: scaleY(0);
}

.compare-section table {
  width: 100%;
  border-collapse: collapse;
}

.compare-section thead {
  background: linear-gradient(90deg, #566da3, #6b7fb5);
  color: white;
}

.compare-section th, .compare-section td {
  padding: 16px 18px;
  text-align: left;
  font-size: 16px;
}

.compare-section tbody tr:nth-child(odd) {
  background: #f8fbff;
}

.compare-section .yes { color: #5BB98E; }
.compare-section .no { color: #4A5565; }
.compare-section .mid { color: #4A5565; }

.compare-section .table-wrapper .tbsetting td {
boder:none!important;
}

.plants-section {
  padding: 80px 0;
  background: radial-gradient(circle at top, #f3fbf8, #e9f4f1);
  text-align: center;
}

.plants-heading {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.plants-desc {
  max-width: 720px;
  margin: 0 auto 60px;
  color: #4a5a6a;
}

.plant-slide {
  padding: 40px 0;
}

.plant-card {
  border-radius: 26px;
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
}

/* colors */
.plant-card.blue { background: #eaf1ff; }
.plant-card.green { background: #dff5e8; }
.plant-card.peach { background: #fde7d6; }

.plant-tag {
  display: inline-block;
  background: #3f5389;
  color: #fff;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.plant-card h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.plant-img {
  background: #fff;
  padding: 18px;
  border-radius: 20px;
}

.plant-img img {
  max-width: 100%;
  width:100%;
  border-radius: 14px;
}

.plant-btn {
  margin-top: 20px;
  border: 2px solid #3f5389;
  background: transparent;
  padding: 10px 28px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
}
.plants-slider {
  perspective: 1000px; /* enables 3D */
}

.plant-slide {
  transition: transform 0.5s ease, z-index 0.5s ease;
  transform: scale(0.9) rotateY(0deg);
  z-index: 1;
  opacity: 1;
  
}

.plant-slide.active-slide {
  transform: scale(1) rotateY(0deg);
  z-index: 10;
  opacity: 1;
  transform: translateY(-50px); 
  position:relative;
  
}

.plant-slide.prev-slide {
   transform: scale(0.9) rotate(-6deg);
  z-index: 5;
  opacity: 1;
  position:relative;
  margin-right: -34px;
    margin-left: 34px;
}

.plant-slide.next-slide {
   transform: scale(0.9) rotate(6deg);
  z-index: 5;
  opacity: 1;
  position:relative;
  margin-right: 34px;
    margin-left: -34px;
}
.plants-slider .slick-list.draggable{
padding:12px 0 !important;}

span.var_meta {
    font-size: 13px;
    display: block;
    margin-top: 15px;
    color: #4A5565;
}
.main-blog {
    padding-bottom: 80px;
}
fieldset.js.product-form__input.product-form__input--pill {
 display: grid;
    width: 100%;
    column-gap: 15px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}
.footer .newsletter-form__field-wrapper .link {
  font-family: 'Satoshi regular' !important;
   font-weight:300;
  font-size:16px !important;
  line-height:22px;
}
 .quantity:before{
  background:transparent !important;
}

.facets__summary.caption-large.focus-offset {
    display: none;
}

h2#verticalTitle {
    display: none;
}

.disclosure-has-popup.facets__disclosure.js-filter {
    width: 100%;
}

.disclosure-has-popup.facets__disclosure.js-filter .facets__header {
    display: none;
}

.disclosure-has-popup.facets__disclosure.js-filter ul.facets-layout {
    display: flex;
    padding: 0;
    gap: 10px;
}

.facets__label.facet-checkbox {
    position: relative;
    padding: 10px 15px;
    transition:0.3s;
    border-radius: 40px;
    background: #F3F4F6;
}
.facets__label.facet-checkbox:hover {
    background: #495B89;
    color: white;
}
.facets__label.facet-checkbox.active{
    background: #495B89;
    color: white;
        box-shadow: 0px 3px 5px 2px #00000030;
}

li.list-menu__item.facets__item input {
    opacity: 0;
    width: 0;
}

li.list-menu__item.facets__item svg {
    display: none;
}

li.list-menu__item.facets__item:last-child {
    display: none;
}

.active-facets.active-facets-desktop {
    display: none;
}.product-count.light {
    position: absolute;
    top: 70px;
    opacity: 1;
}

facet-filters-form.facets.small-hide {
    position: relative;
}

div#FacetsWrapperDesktop {
    padding-bottom: 25px;
}

span#ProductCountDesktop {
    font-size: 16px;
    color: #4A5565;
}

select#SortBy {
    min-height: 40px;
    padding: 10px 25px;
    border: 1px solid #E8E8E8;
    border-radius: 30px;
    font-size: 13px;
    color: #364153;
    box-shadow: unset !IMPORTANT;
    outline: none !IMPORTANT;
}

.facet-filters__field span.svg-wrapper {
    right: 25px;
    height: 10px;
    top: 40%;
    width: 12px;
}

.facet-filters__field .select svg.icon.icon-caret {
    height: 18px;
    width: 18px;
}

.collection-hero {
    background: url(/cdn/shop/files/Container_4_d229d7df-8743-4c09-854c-c2d54f60c706.png?v=1768974730);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 !important;
}

.collection-hero h1.collection-hero__title {
    margin: 0;
    font-size: 48px;
    font-family: 'Satoshi Bold' !IMPORTANT;
    color: white;
    text-align: center;
}
.collection-hero__description.rte {
    margin: 10px auto;
    text-align: center;
    color: white;
    font-size: 16px !important;
    line-height: 1.8 !important;
    max-width: 600px;
}

.collection-hero__description.rte p {
    font-family: 'Satoshi Light' !IMPORTANT;
}

body.template-article article.article-template {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 15px;
}
header.article_head {
    margin: 0 !IMPORTANT;
}
span.main_art_title {
    background: #5BB98E;
    color: white;
    padding: 7px 15px;
    border-radius: 40px;
    margin-bottom: 30px;
    font-size: 13px;
    font-family: Satoshi Medium !IMPORTANT;
    display: block;
    max-width: fit-content;
}

h1.article-template__title {
    color: #495B89;
    font-size: 48px;
    font-family: Satoshi Bold !IMPORTANT;
    margin-bottom: 15px !IMPORTANT;
}

header.article_head p {
    font-size: 20px;
    font-family: 'Satoshi Light' !IMPORTANT;
    line-height: 1.4;
    color: #4A5565;
}

.article-template__social-sharing {
    display: flex;
    gap: 35px;
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 25px;
    margin-bottom: 35px;
        margin-top: 40px !important;
}

.authro_content {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    max-width: 20%;
}

.custom-social-share {
    display: none;
    width: 100%;
    justify-content: end;
    gap: 8px;
    align-items: center;
}

.authro_right {
    line-height: 1;
    font-size: 16px;
}

.authro_right p {
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #6A7282;
}

.authro_right span {
    font-size: 16px;
    text-transform: capitalize;
    color: #495B89;
}

.author_img {
    display: flex;
    align-items: center;
}

.author_cont_center {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.author_cont_center span.circle-divider {
    display: flex;
    align-items: center;
    gap: 5px;
}

.author_cont_center span.circle-divider time {
    font-size: 14px;
    text-transform: capitalize;
    color: #4A5565;
}

.author_cont_center p {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #4A5565;
    font-size: 14px;
}

.custom-social-share a.social-share-btn {
    width: 36px;
    height: 36px;
    color: black;
    display: flex;
    border-radius: 50%;
    align-items: center;
    border: 1px solid #E5E7EB;
    justify-content: center;
}

.custom-social-share a.social-share-btn svg.icon.icon-facebook path {
    stroke: black;
}

.custom-social-share a.social-share-btn svg.icon {
    height: 16px;
    width: 16px;
}

.custom-social-share h5 {
    font-size: 14px;
    color: #4A5565;
    margin: 0;
}

.custom-social-share a.social-share-btn:hover {
    background: #eff1f3;
}
.article-template__hero-adapt.media img {
    position: unset !IMPORTANT;
    border-radius: 20px;
    box-shadow: 0px 2px 5px 2px black;
}

.article-template__hero-adapt.media {
    height: 400px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    margin-bottom: 40px;
    box-shadow: 0px 5px 9px 2px #00000026;
}
.cstmtop_blogtxt {
    color: #364153;
    font-size: 16px;
}

.pro_tip_blog {
    background: #E5F1F8;
    padding: 20px 25px;
    border-radius: 15px;
    margin-top: 30px;
    border-left: 4px solid #5BB98E;
}

.pro_tip_blog h6 {
    margin: 0;
    color: #495B89;
    font-size: 16px;
    font-family: Satoshi Bold !IMPORTANT;
}

.pro_tip_blog  span {
    font-family: Satoshi Light !IMPORTANT;
    display: block;
    color: #495B89;
    margin-top: 2px;
}
.article-template__contentt h1 {
    color: #495B89;
    font-family: 'Satoshi Bold' !IMPORTANT;
}

.article-template__contentt h1 strong {
    font-family: 'Satoshi Bold' !IMPORTANT;
}

.custom_blog_top_content {
    margin-bottom: 50px;
}
.bottom_line_content {
    background: url(/cdn/shop/files/Container_5_f65ae352-4a91-4240-897f-c00d50f51df6.png?v=1768984069);
    background-repeat: no-repeat !IMPORTANT;
    padding: 30px;
    background-size: cover !IMPORTANT;
}

.bottom_line_content h5 {
    font-size: 24px;
    margin: 0;
    font-family: Satoshi Medium !IMPORTANT;
    color: #495B89;
}

.bottom_line_content p {
    color: #364153;
    margin-bottom: 0;
}

.about-banner h2 {
    font-family: Satoshi bold!important;
    color: white;
    font-size: 48px;
    font-weight: bold;
    width: 80%;
    line-height: 115%;
}
.about-banner strong {
    color: #495B89;
    font-weight: bold;
    font-family: 'Satoshi Bold' !IMPORTANT;
    font-size: 48px;
    font-style: normal;
}
.about-banner p {
    font-size: 20px;
    color: white;
    font-family: 'Satoshi light' !IMPORTANT;
    line-height: 155%;
    width: 70%;
    padding-bottom: 20px;
}
.about-banner p em {
    padding-top: 15px;
    background: #ffffff42;
    padding-inline: 25px;
    border-radius: 35px;
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 10px;
}
.about-banner a.button.button--secondary {
    background: white;
    color: #5ebb93;
    border-radius: 25px;
    padding-inline: 35px;
    font-family: 'Satoshi Regular' !IMPORTANT;
    box-shadow: 0 12px 30px rgb(0 0 0 / 20%);
}
.about-banner a.button:after {
    display: none;
}
.about-banner a.button.button--primary {
    color: white;
    background: #ffffff54;
    border-radius: 25px;
    border: 2px solid white;
    font-size: 14px;
    font-family: 'Satoshi Regular' !IMPORTANT;
}
.about-banner a.button.button--primary:before {
    display: none;
}
.about-banner .banner__content {
    padding: 0;
}
.our-story p {
    font-size: 18px;
    font-family: 'Satoshi Regular' !IMPORTANT;
    line-height: 160%;
    padding-bottom: 20px;
}
.our-story strong {
    color: #5BB98E;
    font-weight: 200;
    text-decoration: none;
    font-style: normal;
}
.our-story em {
    color: #495B89;
    font-style: normal;
}

.our-story h2.rich-text__heading {
    text-align: center;
    align-items: center;
    font-size: 36px;
    font-family: 'Satoshi bold' !IMPORTANT;
    color: #495B89;
}
.our-story h2.rich-text__heading {
  position: relative;
}

.our-story h2.rich-text__heading::after {
  content: "";
  display: block;
  width: 70px;        
  height: 4px;
  background-color: #6BCF9A;
  margin: 12px auto 0;
  border-radius: 4px;
}
.our-story .rich-text__wrapper {
    padding: 0;
}
.planet-family {
  background: linear-gradient(180deg, #eef9f6 0%, #e9f7f3 100%);
  padding: 80px 0;
}

.planet-family .title {
  text-align: center;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center;
  margin: 0 auto !IMPORTANT;
}

.planet-family .rte {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  font-size: 16px;
  color: #5f6f73;
}
.planet-family .multicolumn-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 10.01px 15.01px -3px #0000001A;
  text-align: center;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.planet-family .multicolumn-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.planet-family .multicolumn-card__info h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

.planet-family .multicolumn-card__info p {
  font-size: 15px;
  line-height: 1.6;
  color: #5f6f73;
}
.planet-family img {
    width: 64px !important;
    height: 64px !important;
}









/* Css by Huzaifa*/

.planet-family h2 {
    font-family:'Satoshi Bold'!important;
    color:#495B89;
    font-size:36.03px!important;
    line-height:40.03px;
    letter-spacing:-0.9px;
    
}
.planet-family .discription_wrapper p {
    margin: 0;
    font-size: 16.01px;
    max-width: 732px;
    text-align: center;
    margin-bottom: 64px;
}
.planet-family .discription_wrapper {
    width: 100%;
    align-items: center;
    display: flex;
    max-width:1280px;
    justify-content: center;
}
.custom-card-section .discription_wrapper {
    width: 100%;
    align-items: center;
    display: flex;
    max-width:1280px;
    justify-content: center;
}
.custom-card-section .discription_wrapper p {
    margin: 0;
    font-size: 16.01px;
    max-width: 732px;
    text-align: center;
    margin-bottom: 64px;
}
.planet-family .multicolumn-card.content-container {
    max-height: 276.19px;
    max-width: 405.61px;
}

.planet-family .media {
    padding-bottom: 65%!important;
}

.planet-family li.multicolumn-list__item {
    max-width: 405.61px!important;
}

.planet-family .multicolumn-card  .rte {
    justify-content: center;
    display: flex;
}
.custom-card-section .multicolumn-card  .rte {
    justify-content: center;
    display: flex;
}

.planet-family .multicolumn-list {
    display: flex!important;
    justify-content: center;
    gap: 28px;
}


.planet-family .multicolumn-card__info h3.inline-richtext {
    color: #495B89;
    font-family: 'Satoshi Regular'!important;
    letter-spacing: -0.6px;
    line-height: 32px;
    font-size: 24px!important;
}

.planet-family .multicolumn-card__info{
    padding-top: 0rem!important;
}
.planet-family .multicolumn-card__info p {
    color: #4A5565!important;
    letter-spacing: 0px;
    line-height: 28px;
    text-align: center;
    max-width: 331px;
}

img.custom-image {
    width: 100%;
    height: 450.43px;
    border-radius: 40px;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
 
  }
  
img.custom-icon-image {
    width: 35px;
    height: 37px;
}

.custom-image-text .icon-wit_label {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    border-radius: 16788858px;
    background: #5BB98E1A;
    padding: 10px 15px;
    justify-content: start;
    max-width: 224.2px;
    width: 100%;
    color: #495B89;
    line-height: 28px;
    letter-spacing: 0;
    font-size: 16px;
}
.planet-family .icon-wit_label {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    border-radius: 16788858px;
    background: #5BB98E1A;
    padding: 10px 15px;
    justify-content: start;
    max-width: 224.2px;
    width: 100%;
    color: #495B89;
    line-height: 28px;
    letter-spacing: 0;
    font-size: 16px;
}

.custom-image-text .content-gapper {
    flex-direction: column;
    display: flex;
    gap: 16px;
}

.custom-image-text .content-gapper p {
  font-family: 'Satoshi Regular'!important;
  font-size: 16.01px;
  line-height: 28.02px;
  letter-spacing: 0;
  color: #364153;
  margin:0;
}

.custom-image-text .content-gapper p strong {
    color: #5BB98E;
}
.custom-image-text .main-mini-box {
  text-align: center;
  height: 96.06671142578125px;
  max-width: 189.45970153808594px;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  background:linear-gradient(150deg, #E6E7AD4D, #FFFFFF);
  border-radius:16.01px;
}
.custom-image-text .boxes-gapper > .main-mini-box:nth-child(2){
  background:linear-gradient(160deg, #E0F5ED, #FFFFFF);  
}
.custom-image-text .boxes-gapper > .main-mini-box:nth-child(1) {
 background:linear-gradient(160deg, #E5F1F8, #FFFFFF);
}

.custom-image-text .boxes-gapper {
    display: flex;
    gap: 15px;
}

.custom-image-text .Boxes-no {
    letter-spacing: 0;
    font-size: 30.02px;
    line-height: 36px;
    color: #495B89;
}

.custom-image-text .Boxes-text {
    line-height: 20px;
    font-size: 14.01px;
    letter-spacing: 0;
    color: #4A5565;
}

.planet-family ul.multicolumn-list {
    width: 100%;
    max-width: 1280px;
}

.our-story .rich-text__blocks.left {
    width: 100%;
    max-width: 1024.7115478515625px;
}

.our-story h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    margin-bottom: 48px;
}

      .texting-image {
        width:100%;
        max-width:600.04px;;
        height: 100%;
        position:relative;
    }
    .image-with-text-wrapper {
        display: flex;
        width: 100%;
        max-width: 1249px;
        gap:48px;
    }

    .texting-container {
        width: 604.2px;
        gap: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .texting-container h2{
        margin: 0;
    font-size: 50px;
    color: #495B89;
    font-family: 'Satoshi Bold' !important;
    letter-spacing: -0.9px;
    line-height: 40px;
    font-size: 36px;
}

    .texting-container p{
      margin: 0;
      font-size: 20px;
      color: #1C2832;
      line-height:32px;
    }
    .center-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;

    }
    .position-change-image{
      flex-direction:row-reverse;
    }
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top  }}px;
      padding-bottom: {{ section.settings.padding_bottom  }}px;
    }
      .texting-container--flex-end{
      justify-content:flex-end!important;
    }
     .texting-container--flex-start{
      justify-content:flex-start!important;
    }

.hero-section {
    background: linear-gradient(90deg, #5BB98E, #BAD6EB);
}

.hero-section .icon-wit_label {
    max-width: max-content;
    background: #FFFFFF4D;
    color: white;
    padding: 5px 15px;
}
.Button_hero_wrapper {
    display: flex;
    gap: 20px;
}

.ctta-btn a {
    text-decoration: none;
    align-items: center;
    display: flex;
    gap: 15px;
    border-radius: 50px;
    box-shadow: 0px 8.01px 10.01px -6px #0000001A;
    padding: 15px;
    background: #FFF;
    color: #5BB98E;
    transition:0.3s;
    border: 2px solid white;
  }


.b-btn a {
    background: transparent!important;
    color: #fff!important;
}

.hero-section .image-inner-content {
    position: absolute;
    bottom: 25px;
    left: 20px;
    background: white;
    padding: 16px;
    box-shadow: 0px 10.01px 15.01px -3px #0000001A;
    border-radius: 16.01px;
}

.hero-section .image-inner-2 {
    position: absolute;
    top: -29px;
    right: -25px;
    background: #E6E7AD;
    border-radius: 16788858px;
    align-items: center;
    display: flex;
    padding: 15px 25px;
    transform: rotate(14deg);
    box-shadow: 0px 20.01px 25.02px -5px #0000001A;
}

.hero-section .texting-image {
    max-width: 616.4281005859375px;
    max-height: 616.4281005859375px;
}

.hero-section h2 {
    display: flex;
    flex-direction: column;
}

.hero-section h2 strong {
    color: #FFF;
}



.hero-section p.content-blocks-text {
    max-width: 350px;
    color: #fff;
}

.hero-section .texting-container{
        width: 100%;
        max-width:604.2px;
        max-height: 316px;
        height:100%;
}

.hero-section .image-with-text-wrapper {
  align-items:center;
}
.hero-section .texting-image img {
  border-radius:30px;
  box-shadow: 0px 25.02px 50.03px -12.01px #00000040;
  max-width:100%;
}

.texting-image img {
    box-shadow: 0px 25.02px 50.03px -12.01px #00000040;
    border-radius: 24px;
}

.custom-card-section .title-wrapper-with-link {
    justify-content: center;
}


.custom-card-section h2.title {
    font-family: 'Satoshi Bold'!important;
    color: #fff;
    line-height: 40.03px;
    letter-spacing: -0.9px;
}
.custom-card-section {
    background: linear-gradient(45deg, #495B89, #5A898F);
}

.custom-card-section .multicolumn-card .multicolumn-card__image-wrapper .media img {
    width: 40px;
    height: 40px;
}
.custom-card-section .media.media--transparent.media--adapt {
    padding-bottom: 15% !important;
}
.custom-card-section .multicolumn-card-spacing {
    background: transparent;
}
.custom-card-section .multicolumn-card__info {
    background: transparent;
}
.custom-card-section .content-container {
    background: #FFFFFF1A!important;
}
.custom-card-section .discription_wrapper {
    color: #FFFFFFCC;
    line-height: 28.02px;
    letter-spacing: 0;
}

.custom-card-section .discription_wrapper p{
  margin:0!important;
  margin-bottom:64px!important;
}

.custom-card-section .multicolumn .title-wrapper-with-link{
  margin:0!important;
  margin-bottom:16px!important;
}
.custom-card-section .multicolumn-list h3{
  line-height:32px;
  color:#FFFFFF;
  letter-spacing:-0.6px;
  font-size:24.02px;

}

.custom-card-section .multicolumn-card__info{
  padding-top:12px!important;
}

.custom-card-section .rte p{
  color:#FFFFFFB2;
  letter-spacing:0;
  line-height:28.02px;
}


.ctta-btn:first-child a{
  box-shadow: 0px 20.01px 25.02px -5px #0000001A;
}
.ctta-btn a:hover{
  background:transparent;
  color:#fff;
  
}
.ctta-btn a:hover svg path {
  stroke: #ffffff; 
}

.b-btn a:hover svg path {
  stroke: #5BB98E!important; 
}

.b-btn a:hover{
  background:#FFFFFF!important;
  color:#5BB98E!important;
}

.custom-card-section .multicolumn-card  {
  border-radius:16.01px!important;
}
.footer-block__brand-info .footer__list-social.list-social {
    margin-top: 15px;
}
.list-menu--inline li:last-child {
    display: none;
}
ul.menu-drawer__menu.has-submenu.list-menu li:last-child a {
    background: url(/cdn/shop/files/Button_2.png?v=1769067692);
    min-height: 50px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    font-family: 'Satoshi Medium' !important;
    color: white;
    border-radius: 40px;
    max-width: 85%;
    line-height: 25px;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: 2px 3px 9px 1px #00000038;
    margin: 15px auto;
}

ul.menu-drawer__menu.has-submenu.list-menu li:last-child a:after {
    content: "";
    background: url(/cdn/shop/files/Header_f4274e31-e008-4ad5-94cb-0ed0ec2e2a25.png?v=1769067754);
    height: 15px;
    width: 15px;
}


.menu-drawer__utility-links {
    display: none !IMPORTANT;
}

.trun_article h5 {
    font-size: 24.02px;
    color: #495B89;
    line-height: 32.02px;
    letter-spacing: -0.6px;
    font-family: 'Satoshi medium'!important;
    margin:0;
    margin-top:48px;
}

.trun_article p {
    font-size: 16.01px;
    color: #364153;
    line-height: 28.02px;
    margin:0;
}

.trun_article{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.author_contetn {
    display: flex;
    gap: 24px;
    flex-wrap:wrap;
    margin-top: 32px;
    border: 2px solid #5BB98E33;
    padding: 34px;
    border-radius: 16.01px;
    background: linear-gradient(180deg, #E5F1F8, #FFFFFF);
}

.author_contetn .author_image img {
    width: 80px;
    height: 80px;
}
.author_contright span {
    font-size: 20px;
    color: #495B89;
    line-height: 28.02px;
    letter-spacing: -0.5px;
    font-family: 'Satoshi Medium'!important;
}

.author_contright p {
    margin: 0;
    font-size: 16.01px;
    color: #364153;
    letter-spacing: 0px;
    line-height: 28.02px;
}

.author_contright {
display: flex;
    flex-direction: column;
    gap: 5px;
    width: 85%;
}
.custom-content-wrapper {
    display: flex;
    border: 2px solid #F3F4F6;
    margin-top: 25px;
    gap: 20px;
    border-radius: 16.01px;
    padding: 26px;
}


.custom-article-content span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #5BB98E;
}

.custom-article-content p {
    font-size: 16.01px;
    letter-spacing: 0px;
    line-height: 28.02px;
    color: #364153;
}
.bottom_line_content {
    margin-top: 48px;
}

.index-count-article span {
    width: 48px;
    height: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Satoshi Light'!important;
    background: linear-gradient(130deg, #5BB98E, #A8DFC4);
    border-radius: 50px;
}
.custom-article-content h2 {
    margin: 0;
    color: #495B89;
    font-size: 24.02px;
    line-height: 32.02px;
    letter-spacing: -0.6px;
    font-family: 'Satoshi Medium'!important;
}
.custom-content-title h2 {
    margin: 0;
    font-size: 36.03px;
    font-family: 'Satoshi Bold'!important;
    color: #495B89;
    line-height: 40.03px;
    letter-spacing: -0.9px;
}
.template-article  .title-wrapper-with-link {
    margin: 0;
    justify-content: center;
}
.template-article  .title-wrapper-with-link h2 {
    color:#495B89;
    font-size:36px;
    letter-spacing:-0.9px;
    line-height:40.03px;
    font-family:'Satoshi Bold'!important;
    margin-bottom:32px;

}
.template-article .article-card-wrapper {
    border: 2px solid #F3F4F6;
    border-radius: 16.01px;
}
.template-article .article_name_minutes {
    border: none;
    padding: 0;
    margin-top:5px;
}
.template-article a.article_rm {
    display: none;
}

.template-article p.article-card__excerpt {
    display: none;
}
.bottom_line_content {
    padding: 30px;
    background: linear-gradient(45deg, #E5F1F8, #E0F5ED);
    border-radius: 16.4px;
}
.Button_author_wrapper {
    display: flex;
        padding-left: 105px;
    gap: 8.01px;
}

.Button_author_wrapper .author-card-btn {
    border: 1px solid #E5E7EB;
    padding: 5px 12px;
    border-radius: 50px;
    background: white;
}
.Button_author_wrapper .author-card-btn a {
    color:#0A0A0A;
    font-family:'Satoshi Medium'!important;
    font-size:14px;
    line-height:20px;
    letter-spacing:0;
}
.template-article .slider-buttons {
    display: none;
}
.template-article  .article-template__link {
    display:none;
  }
  .article-template__back.element-margin-top.center {
    margin-top: 10px;
}


/* new Ziyad */
.option-2-perfect{
  padding:3rem 0;
}

.option-2-perfect .multicolumn-list__item:nth-child(1) {
  background-image: linear-gradient(to top, #FFE5E5 0%, #FFF5F5 100%);
  padding:25px 25px;
  border-radius:24px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.option-2-perfect .multicolumn-list__item:nth-child(2) {
  background-image: linear-gradient(to top, #E5F1F8 0%, #F5F9FF 100%);
  padding:25px 25px;
  border-radius:24px;
  max-width:48%;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.option-2-perfect .multicolumn-list{
 column-gap:30px;
}
.option-2-perfect .multicolumn-card__info{
  padding:0px !important;
}
.option-2-perfect .multicolumn-list__item:nth-child(1):after {
  content: "";
    display: block;
    width: 129px;
    height: 129px;
    background-image: url(/cdn/shop/files/Container_11.png?v=1768975826);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.option-2-perfect .multicolumn-list__item:nth-child(2):after {
  content: "";
    display: block;
    width: 129px;
    height: 129px;
    background-image: url(/cdn/shop/files/Container_12.png?v=1768975826);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.option-2-perfect .multicolumn__title, .option-2-Benefits .multicolumn__title, .option-2-work-all .multicolumn__title{
  margin-bottom:50px;
}
.option-2-work-all .multicolumn-list__item:nth-child(1) {
  Background-image: linear-gradient(to bottom, #E5F1F8 0%, #FFFFFF 100%);
  padding:25px 25px;
  border-radius:24px;
 
}


.option-2-work-all .multicolumn-list__item:nth-child(2) {
  background-image: linear-gradient(to bottom, #E0F5ED 0%, #ffffff 100%);
  padding:25px 25px;
  border-radius:24px;
  max-width:48%;
  
}
.option-2-work-all  .multicolumn-list{
 column-gap:30px;
}
.compare-section {
    text-align: center;
    padding: 50px 0px 80px 0 !IMPORTANT;
}
.plants-slider .slick-dots li button:before {
  font-size:8px !important;
  color:#495B89;
}
.plants-slider .slick-dots li{
  margin:0px !important;
}
.plant-btn{
  background:white;    
  max-width: 100%;
    width: 100%;
}
.plant-card h3{
  font-family: 'Satoshi medium'!important;
    color: #495B89;
    font-size:20px;
}
.plant-img {
    background: #ffffff70 !important;
    padding: 30px;
    border-radius: 20px;
}
.plants-heading{
  font-family: 'Satoshi bold'!important;
    color: #495B89;
    font-size:36px;
}
.plants-desc{
   font-family: 'Satoshi regular'!important;
    color: #364153;
    font-size:18px;
}
.plants-section {
  padding: 80px 0;
  background: radial-gradient(circle at top, #E5F1F8, #E0F5ED);
  text-align: center;
}
.plant-btn{
  font-family: 'Satoshi medium'!important;
    color: #495B89;
    font-size:14px;
}
.option-2-biopure {
    padding: 50px 20px !important;
  }
  .option-2-certification .multicolumn-list{
 column-gap:30px;
 row-gap:30px;
}
.option-2-certification .multicolumn-list__item{
  max-width:31%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.rich-sub-sec .rich-text__heading {
  line-height:68px !important;
}


.option-2-Benefits.productpage_multisection .multicolumn-list__item {
    padding-right: 10px;
    padding-bottom:10px;
}
.option-2-Benefits.productpage_multisection .subtexting{
width:728px;
text-align:center;
margin: -16px auto 30px;
font-size:18px;

}
.badge-dark { color: #495B89; }
.badge-light { color: #fff; }
.badge-red { background-color: #e74c3c; }
.badge-green { background-color: #5BB98E; }
.badge-blue { background-color: #495B89; }
.badge-orange { background-color: #F9C74F; }
.badge-black { background-color: #FFF; }
.badge-purple { background-color: #D4A5D4; }

.badages_setspan {
    border-radius: 6px;
    padding: 6px 32px;
    position: absolute;
    top: 18PX;
    Z-INDEX: 2;
    LEFT: 18PX;
}

.badages_setspan:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-image: var(--badge-icon);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 10px;
}
.option-2-Benefits.productpage_multisection .multicolumn-list__item{
  background:#F9FAFB;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding:0px !important;
  border-radius: 16px;
}
  .option-2-Benefits.productpage_multisection .multicolumn-list{
 column-gap:25px;
 row-gap:25px;
}
.option-2-Benefits.productpage_multisection .multicolumn-list__item{
  max-width:31%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/**/
.testiSec{background: linear-gradient(180deg, #FFFFFF 0%, #FDF8F5 50%, #FFFFFF 100%) !important;}
    .testimonialBox{
        margin-top:80px;
    }
	.testimonialBox ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center; /* IMPORTANT */
		gap: 20px;
		list-style: none;
		padding: 0;
		margin: 0;
}

.testimonialBox ul li{
  position: relative;
	min-height: 220px; /* equal height */
  padding: 36px;
  box-sizing: border-box;
  text-align: left;
  border: 2.12px solid #A8DFC44D;
  border-radius: 25px;
  box-shadow: 0px 4.24px 6.35px -4.24px #0000001A;
	box-shadow: 0px 10.59px 15.88px -3.18px #0000001A;
	margin-bottom: 30px;

}
.testimonialBox ul li:nth-child(-n+3){
  flex: 0 0 calc(33.333% - 20px);
}

/* Second row – 2 items CENTER */
.testimonialBox ul li:nth-child(n+4){
  flex: 0 0 calc(40.333% - 20px)
}

.testimonialBox ul li:nth-child(4){
  grid-column: 2 / span 1;
}

.testimonialBox ul li:nth-child(5){
  grid-column: 3 / span 1;
}
.testimonialBox ul li:first-child {
    background: linear-gradient(
116deg, #a8dfc454, #ffffff);
}
.testimonialBox ul li:nth-child(2) {
    background: linear-gradient(149deg, #e6e7ad5e, #ffffff);
}
.testimonialBox ul li:nth-child(3) {
    background: linear-gradient(
160deg, #b0c2f854, #ffffff);
}
.testimonialBox ul li:nth-child(4) {
    background: linear-gradient(
160deg, #bad6eb47, #ffffff);
}
.testimonialBox ul li:last-child{
    background: linear-gradient(
155deg, #fee1c659, #ffffff);
}



.testimonialBox ul{
  justify-content: center;
}

.testimonialBox ul li p{
	margin: 20px 0 60px;
}

.quoteImg{
		position: absolute;
		top: -30px;
		left: -30px;
}

.clientInfo{
	display: flex;
	align-items: center;
	gap: 20px;
}
.clientInfo .clientNm h4,
.clientInfo .clientNm h5,
.clientInfo .clientNm h6{
	margin: 0;
}

.clientInfo .clientNm h4{
	color: #495B89;	
	font-size: 16px;
	margin-bottom: 15px;
}
.clientInfo .clientNm h5{
	color: #495B89;	
	font-size: 14px;
	margin-bottom: 10px;
}
.clientInfo .clientNm h6{
	color: #495B89;	
	font-size: 12px;
}

    .perfectBundleSec{
					background: linear-gradient(135deg, #FDF8F5 0%, #FFFFFF 50%, rgba(186, 214, 235, 0.1) 100%);
					padding: 50px 0;
					text-align: center;
				}
				.perfectBundleSec h2{
					font-family: "Azeret Mono", monospace !important;
					font-weight: 500; 
					font-size: 13px;
					line-height: 17px;
					background: #A8B671;
					color: #fff;
					border-radius: 8px;
					display: inline-block;
					padding: 5px 8px;

				}
				.perfectBundleSec h2:before{
					display: inline-block;
					content: "";
					background: url('/cdn/shop/files/icon.svg?v=1768909741');
					height: 13px;
					width: 13px;
                        margin-right: 6px;
				}
				.perfectBundleSec h3{
					font-size: 43px;
					line-height: 54px;
					color: #495B89;
					margin: 20px 0 0 0;
                     font-family: 'Satoshi Bold' !important;
				}
				.perfectBundleSec p{
					color: #5B898E;
					font-weight: normal;
					font-size: 16px;
					line-height: 28px;
					color: #5B898E;
                     font-family: 'Satoshi Regular' !important;
				}

				.perfectBundleSec .bundleBox{
					position: relative;
				}
				.perfectBundleSec .bundleBox .pawImg{
					position: absolute;
					left: -50px;
					bottom: -60px;
				}

				.perfectBundleSec .bundleBox ul{
					display: flex;
					align-items:center;
					justify-content: center;
					list-style: none;
					padding: 0;
					margin: 40px 0 40px 0;
					column-gap: 20px;
				}
				.perfectBundleSec .bundleBox ul li{
					border: 2px solid #A8B6714D;
					border-radius: 16px;
					padding: 50px;
					display: inline-block;
					flex: 1;
                    min-height:280px;
				}
				.perfectBundleSec .bundleBox ul li:nth-child(1){ background: linear-gradient(135deg, rgba(168, 182, 113, 0.1) 0%, rgba(168, 182, 113, 0.2) 100%); }
				.perfectBundleSec .bundleBox ul li:nth-child(2){ background: linear-gradient(135deg, rgba(91, 137, 142, 0.1) 0%, rgba(91, 137, 142, 0.2) 100%); }
				.perfectBundleSec .bundleBox ul li:nth-child(3){ background: linear-gradient(135deg, rgba(168, 223, 196, 0.2) 0%, rgba(168, 223, 196, 0.3) 100%); }
				.perfectBundleSec .bundleBox ul li:nth-child(4){ background: linear-gradient(135deg, rgba(248, 199, 205, 0.2) 0%, rgba(223, 111, 126, 0.2) 100%); }

				.perfectBundleSec .bundleBox ul li:nth-child(1) .innerIcon{ background: #A8B671; }
				.perfectBundleSec .bundleBox ul li:nth-child(2) .innerIcon{ background: #5B898E; }
				.perfectBundleSec .bundleBox ul li:nth-child(3) .innerIcon{ background: #A8DFC4; }
				.perfectBundleSec .bundleBox ul li:nth-child(4) .innerIcon{ background: #DF6F7E; }


				.perfectBundleSec .bundleBox ul li .innerIcon{
							border-radius: 16px;
							height: 60px;
							width: 60px;
							display: inline-flex;
							align-items: center;
							justify-content: center;
					}
				.perfectBundleSec .bundleBox ul li h4{
					font-size: 22px;
					font-weight: 500;
					line-height: 30px;
					margin:18px 0 15px 0;
					color: #495B89;
                    font-family: 'Satoshi Medium' !important;
				}
				.perfectBundleSec .bundleBox ul li p{
					font-weight: 400;
					font-size: 17px;
					line-height: 28px;
					margin: 0;
				}

				.perfectBundleSec .bundleBtn{
					display: flex;
					align-items: center;
					justify-content: center;
					column-gap: 20px;
				}
				.perfectBundleSec .bundleBtn a{
					border: 2px solid #DF6F7E;
					background: #fff;
					font-size: 20px;
					font-weight: 500;
					line-height: 30px;
					padding: 10px 60px;
					border-radius: 70px;
					text-decoration: none;
                    display: flex;
          align-items: center;
          gap:10px;
          justify-content:center;
					transition: ease all 0.5s;
				}
				.perfectBundleSec .bundleBtn a:first-child{
          background: #DF6F7E;
          color: #fff;

				}
				.perfectBundleSec .bundleBtn a:first-child img{
                        width:10%;
                }


				.perfectBundleSec .bundleBtn a:first-child:hover{
							background: none;
							color: #495B89;
					}
                .perfectBundleSec .bundleBtn a:first-child:hover img{
                        filter: sepia(100%) saturate(300%) hue-rotate(210deg) brightness(50%);
                }

					.perfectBundleSec .bundleBtn a:last-child{
                color: #495B89;
					}
					.perfectBundleSec .bundleBtn a:last-child:hover{
							background: #DF6F7E;
							color: #fff;
					}
                    .perfectBundleSec .bundleBtn a:last-child:hover img{
                        filter: brightness(0) invert(1);
}

.related-products__heading{
    font-size: 36px;
    color: #495B89;
    font-family: 'Satoshi Bold' !important;
    line-height: 40px;
    
}
.related-products .media{
  background: linear-gradient(to top, #E5F1F8 0%, #E0F5ED 100%);
}
.related-products .media img {
    border-radius: 20px ! IMPORTANT;
    border-bottom-left-radius: 0 !IMPORTANT;
    border-bottom-right-radius: 0 !IMPORTANT;
    padding: 30px;}
.template-product .home_plastic .rich-text__blocks h2{
    font-size: 36px !important;
    color: #495B89 !important;
    font-family: 'Satoshi Bold' !important;
    line-height: 40px;
}
.template-product .home_plastic p{
    font-size: 16px;
    color: #495B89;
    font-family: 'Satoshi regular' !important;
    line-height: 28px;
}
.template-product .home_plastic a.button.button--primary:before{
  display:none !important;
}
.template-product .home_plastic .rich-text__text.rte{
  margin-top:20px !important;
}
.btn-icon img{
  height:16px;
  width:16px;
}
.template-product .home_plastic .rich-text {
  background: linear-gradient(to bottom, #E5F1F8 0%, #E0F5ED 100%);
}
.template-product .home_plastic .rich-text__blocks h2.rich-text__heading.rte:after {
    content: "";
    background: url(/cdn/shop/files/Group_4.png?v=1769082398) !important;
        height: 150px !important;
    width: 100% !important;
    position: absolute;
    right: -150px;
    top: -30px;
    max-width: 87px;
    background-size: cover !important;
    object-fit: cover;
    background-repeat: no-repeat !important;
}
.template-product .home_plastic .rich-text__blocks h2.rich-text__heading.rte:before {
    content: "";
    background: url(/cdn/shop/files/Vector_3.png?v=1769082407);
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    top: 60%;
    left: -150px;
    background-repeat: no-repeat;
    max-width: 110px;
    background-size: cover !important;
    object-fit: cover;
    background-repeat: no-repeat !important;
}
  .product-multicolumn .multicolumn-list{
 column-gap:30px;
 row-gap:30px;
}
.product-multicolumn .multicolumn-list__item{
  max-width:23%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius:20px;
}
.product-template-2 .be-inner-div {
padding:10px !important;
  }
  .product-form__input--pill input[type=radio].disabled:checked+label{
    color:#495B89 !important;
  }
.card .media{
  background: linear-gradient(to top, #A6E4C2 0%, #8DD2EF 100%);
}



.howItWorkSec{
  background: linear-gradient(135.49deg, #ECECEC10 0%, #FFFFFF 50%, #A8DFC410 100%);
}
.joinTruWashSec{
   background: linear-gradient(135.49deg, #FDF8F5 0%, #FFFFFF 50%, #BAD6EB10 100%) !important;
}

.howItWorkSec .howItWork-innerRow{
display: flex;
justify-content: center;

}
.howItWorkSec .howItWork-innerRow .howItWork-innerColLeft .howItImgBg{
    background: linear-gradient(180deg, #F8C7CD 0%, #E6E7AD 50%, #A8DFC4 100%);
padding: 45px;
border-radius: 25px;
background-size: 100% 300%;
{% comment %} animation: gradientMove 6s ease-in-out infinite; {% endcomment %}
height:657px;
width:100%;
}
/*@keyframes gradientMove {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}*/

.howItWorkSec .howItWork-innerRow .howItWork-innerColLeft .howItImgBg img{
  height:100%;
  width:100%;
  object-fit:cover;
}

.howItWorkSec .howItWork-innerRow .howItContent{
background: #fff;
border: 2.12px solid #E6E7AD;
box-shadow: 0px 26.47px 52.94px -12.71px #9ECACD40;
padding: 45px;
border-radius: 25.41px;
}
.howItWorkSec .howItWork-innerRow .howItContent ul{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  counter-reset: step;
}

.howItWorkSec .howItWork-innerRow .howItWork-innerColLeft,
.howItWorkSec .howItWork-innerRow .howItWork-innerColRight{
flex: 0 0 50%;
}

          .howItWorkSec .howItWork-innerRow .howItWork-innerColRight{
              margin-top: 230px;
              margin-left: -180px;
          }


.howItWorkSec .howItWork-innerRow .howItContent ul li{
margin-bottom: 30px;
display: flex;

}
.howItWorkSec .howItWork-innerRow .howItContent ul li span{
margin-right: 30px;
margin-top: -5px;
height: 42px;
width: 45px;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 42px;
}

.howItWorkSec .howItWork-innerRow .howItContent ul li:first-child span{
background: #93D3B5;
}
.howItWorkSec .howItWork-innerRow .howItContent ul li:nth-child(2) span{
background: #FEA7B3;

}
.howItWorkSec .howItWork-innerRow .howItContent ul li:nth-child(3) span{

background: #8FBFDC;

}

.howItWorkSec .howItWork-innerRow .howItContent ul li h4{
color: #495B89;
}
.howItWorkSec .howItWork-innerRow .howItContent ul li p{}

.howItWorkSec .howItWork-innerRow .howItContent ul li .stepContent h5{
font-size: 22px;
font-weight: 500;
                font-family: 'Satoshi Medium' !important;
                margin:0;

}

.howItWorkSec .howItWork-innerRow .howItContent .stepBadge{
text-align: left;
display: flex;
align-items: center;
gap: 20px;
}
.howItWorkSec .howItWork-innerRow .howItContent .stepBadge p{ color:#495B89; font-size:14px; padding:9px 15px; border-radius:50px;  }
.howItWorkSec .howItWork-innerRow .howItContent .stepBadge p:first-child{
background: #E6E7AD;
display: flex;
align-items: center;
}
.howItWorkSec .howItWork-innerRow .howItContent .stepBadge p:first-child:before{
display: inline-block;
background: url('/cdn/shop/files/icon-6.svg?v=1768912411');
content:"";
height: 16px;
width: 16px;
background-repeat: no-repeat;
margin: -5px 10px 0px 0px;

}
.howItWorkSec .howItWork-innerRow .howItContent .stepBadge p:last-child{
background: #A8DFC4;
}

.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn{
text-align: left;
}
.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn a{
    background: linear-gradient(90.65deg, #5BB98E 5.73%, #495B89 103.83%);
    width: 100%;
    display: flex;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 20px 0;
    border-radius: 50px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    transition: ease all 0.5s; 
    background-position 0.6s ease;
    border:1px solid transparent;
}
.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn a:hover{
  border-color:#495B89;
  color:#495B89;
  background:none;
}
.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn a img{
  margin-left:10px;
}

.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn a:hover img{
  filter: brightness(0%);
}
.product-card-wrapper .card__heading.h5 a {
    line-height: 1.5;
    font-family: 'Satoshi Medium' ! IMPORTANT;
    max-height: 63px;
    overflow: hidden;
}
.template-collection .price .sub-text{
  display:none;
}
 .template-collection .home_plastic .rich-text {
  background: linear-gradient(to bottom, #E5F1F8 0%, #E0F5ED 100%);
}
.template-collection .home_plastic .rich-text__blocks h2.rich-text__heading.rte:after {
    content: "";
    background: url(/cdn/shop/files/Group_4.png?v=1769082398) !important;
        height: 150px !important;
    width: 100% !important;
    position: absolute;
    right: -150px;
    top: -30px;
    max-width: 87px;
    background-size: cover !important;
    object-fit: cover;
    background-repeat: no-repeat !important;
}
.template-collection .home_plastic .rich-text__blocks h2.rich-text__heading.rte:before {
    content: "";
    background: url(/cdn/shop/files/Vector_3.png?v=1769082407);
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    top: 60%;
    left: -150px;
    background-repeat: no-repeat;
    max-width: 110px;
    background-size: cover !important;
    object-fit: cover;
    background-repeat: no-repeat !important;
}
.template-collection .home_plastic .rich-text__blocks h2{
    font-size: 36px !important;
    color: #495B89 !important;
    font-family: 'Satoshi Bold' !important;
    line-height: 40px;
}
.template-collection .home_plastic p{
    font-size: 16px;
    color: #495B89;
    font-family: 'Satoshi regular' !important;
    line-height: 28px;
}
.template-collection .home_plastic a.button.button--primary:before{
  display:none !important;
}
.template-collection .home_plastic .rich-text__text.rte{
  margin-top:20px !important;
}
.product__info-container:has( #bogos-volume-discount-view) .product-form , .product__info-container:has( #bogos-volume-discount-view) .sub-btn ,.product__info-container .bogos-volume-discount-item-select-button{
    display: none;
}
.product__info-container .bogos-volume-discount_item-container:has(.bogos-volume-discount-item input[type=radio]:checked){
  background:#5BB98E10;
  border:1px solid #5BB98E;
}

.product__info-container .bogos-volume-discount-item-discount-price{
  font-size:24px !important;
    color: #495B89 !important;
    font-family: 'Satoshi regular' !important;
    line-height: 32px;
}
.product__info-container .bogos-volume-discount-item-price{
  flex-direction:row !important;
  align-items: center;
    column-gap: 10px;
}
.product__info-container  .bogos-volume-discount-widget.default-layout{
  background:transparent !important;
}
.product__info-container .bogos-volume-discount-widget-title{
  text-align:left !important;
  font-size:18px !important;
}
.bogos-volume-discount-widget.default-layout .bogos-volume-discount-widget-header{
flex-direction: row !important;
}
.product__info-container .bogos-volume-discount-total-title, .bogos-volume-discount-total{
  font-size: 16px;
    color: #495B89;
    font-family: 'Satoshi regular' !important;
    line-height: 28px;
    display:none !important; 
}
.product__info-container  .bogos-volume-discount-button-add{
   background: linear-gradient(to bottom, #5BB98E 0%, #A8DFC4 100%) !important;
}
.product__info-container .bogos-volume-discount-widget.default-layout .bogos-volume-discount-sub-title {
    color: #495B89;
    background: #5BB98E50 !important;
    padding: 5px 10px !important;
    border-radius: 50px !important;
    
}
.product__info-container .bogos-volume-discount-button-add{
  border-radius: 50px !important;
  font-size:18px !important;
    color: #fff !important;
    font-family: 'Satoshi regular' !important;
    line-height: 32px;
}

.product__info-container .bogos-volume-discount-tier-label {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 10px 20px 0 !important;
}
.product__info-container .bogos-volume-discount-sub {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4px;
    position: absolute !IMPORTANT;
    right: 10px;
    top: 10px;
}
.product-template-2 .main-slide-item{
background:white;
}
.product-template-2 .productDetailMain{
  padding:64px 0!important;
}
product-info .Vtl-WishlistButton__AddToWishlist {
    border-width: 2px !important;
    background: white;
}
.product-template-2 .Privacy-div{
  background: linear-gradient(to top, transparent, transparent);
  padding:0px !important;
}
.product-template-2  .privacy-inner-div p{
  display:none;
}
product-info .share-button {
    height: 42px;
    display: inline-block;
    width: 48%;
    margin: 0px !important;
    background: white;
}
.option-2-multicard .multicolumn-list__item{
  max-width:23% !important;
}
.option-2-multicard .multicolumn-list{
  column-gap:34px;
}
@media screen and (max-width:920px){
  .custom-social-share {
    justify-content: start;
}
.social-sharing-wrapper{
  flex-direction:column;
}
.authro_content {
    max-width: 100%;
}
.social-sharing-wrapper {
    gap: unset;
    
}
}

@media screen and (max-width:1060px){
  .hero-section .image-with-text-wrapper{
    flex-direction:column-reverse;
  }
  .hero-section .texting-container{
    text-align:center;
    align-items:center;
  }
  .hero-section .content-gapper{
    align-items:center;
  }
 
	.joinTruWashSec{
		background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(135deg, #FDF8F5 0%, #FFFFFF 50%, rgba(186, 214, 235, 0.1) 100%);
padding: 80px 0;
	}
	.joinTruWashInnerMain{
		background: #5A898F;
		border: 2.12px solid #F3F4F6;
		border-radius: 25px;
		box-shadow: 0px 21.18px 26.47px -5.29px #0000001A;
		padding: 50px;
		display: flex;
		align-items: center;
	}

	.joinTruWashInnerMain h4{
		background: #FFFFFF1A;
		border: 1.06px solid #FFFFFF33;
		color: #fff;
		padding: 10px 15px;
		text-transform: uppercase;
		display: inline-block;
		border-radius: 50px;
		font-size: 14px;
		font-weight: 400;
		margin: 0;
	}
	.joinTruWashInnerMain h3{
		color: #fff;
		font-size: 50px;
		line-height: 50px;
		margin: 30px 0 40px 0;
       font-family: 'Satoshi Bold' !important;
	}
	.joinTruWashInnerMain p{
		font-size: 22px;
		color: #fff;
		font-weight: 400;
		line-height: 35px;
        font-family: 'Satoshi Regular' !important; 
	}

	.joinTruWashInnerMain .joinTruWashBtn{
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.joinTruWashInnerMain .joinTruWashBtn a{
		text-decoration: none;
		border-radius: ;
		box-shadow: 0px 4.24px 6.35px -4.24px #0000001A;
		box-shadow: 0px 10.59px 15.88px -3.18px #0000001A;
		color: #495B89;
		padding: 10px 16px;
		border-radius: 50px;
		display: flex;
		align-items: center;
	}
	.joinTruWashInnerMain .joinTruWashBtn a:first-child{
		background: #F8C7CD;
	}
	.joinTruWashInnerMain .joinTruWashBtn a:first-child:before{
		background: url('/cdn/shop/files/b-1.svg?v=1768913994');
		background-repeat: no-repeat;
		height: 16px;
		width: 16px;
		content: "";
		display: inline-flex;
		margin: 0 10px 0 0;
	}

	.joinTruWashInnerMain .joinTruWashBtn a:last-child{
		background: #E7F5EC;
	}
	.joinTruWashInnerMain .joinTruWashBtn a:last-child:before{
				background: url('/cdn/shop/files/b-2.svg?v=1768913994');
				background-repeat: no-repeat;
				height: 16px;
				width: 16px;
				content: "";
				display: inline-flex;
				margin: 0 10px 0 0;
	}

	.joinTruWashImg{
		position: relative;
	}
	.joinTruWashImg img{
		position: relative;
		z-index: 2;
	}
	.truWashImg-1{
		position: absolute;
		top: 100px;
		left: -20px;
		z-index: 1;
	}
	.truWashImg-2{
    position: absolute;
    bottom: 30px;
    right: 60px;
	}

	.joinTruWashContent{
		position: relative;
	}
	.joinTruContImg{
    position: absolute;
    right: 60px;
    bottom: -80px;
	}

  	.meetOurMascot{
		max-width: 950px;
		margin: 70px auto 0;
	}

	.mascotCard{
		background: #fff;
		border: 2.12px solid #A8B67133;
		border-radius: 25px;
		padding: 52px;
		display: flex;
		gap: 20px;
		align-items: center;
	}

	.mascotContent h3{
		font-family: Satoshi Variable;
		font-weight: 500;
		font-size: 29.65px;
		line-height: 38.54px;
		color: #495B89;
		margin: 0 0 15px 0;
	}
	.mascotContent p{
		color: #5B898E;
		font-size: 16px;
		margin: 0;
	}
	.mascotContent ul{
		list-style: none;
		margin: 20px 0 0 0;
		padding: 0;
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.mascotContent ul li{
		color: #A8B671;
		display: flex;
		align-items: center;
	}

	.mascotContent ul li img{
		margin-right: 10px;
	}

	.mascotContent ul li:after{
		content: "";
		height: 5px;
		width: 5px;
		display: inline-block;
		background: #A8B671;
		margin-left: 7px;
		border-radius: 50%;
	}

  .desktop-image { display: block; }
.mobile-image { display: none; }
}
  

/* Bundle Product CSS */


.bannerImage img{
  width:100%;
}
.bundle_ban a.button.button--primary:before,.bundle_ban a.button.button--primary:after {
    display: none;
}

.bundle_ban a.button.button--primary {
    color: #5bb98e;
    font-size: 12px;
    font-weight: 500 !IMPORTANT;
    box-shadow: 0px 2px 4px 2px #0000001f;
    margin-bottom: 15px;
    min-height: unset;
    padding: 13px 20px 13px 35px !IMPORTANT;
}

.bundle_ban a.button.button--primary:before {
    content: "";
    display: block;
    background: url(/cdn/shop/files/Icon_7_74549e9c-46b4-42c0-b21f-21e4ba054e64.png?v=1770611766);
    height: 12px;
    width: 12px;
    position: absolute;
    z-index: 1;
    top: 33%;
    left: 8%;
}

.bundle_ban .banner__text.rte.body {
    max-width: 470px;
    font-size: 20px;
    margin: 15px auto;
    line-height: 1.5;
}

.custom_labels_banner ul {
    display: flex;
    padding: 0;
    list-style: none;
    gap: 12px;
    justify-content: center;
}

.custom_labels_banner ul li {
    background: #ffffff36;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    border-radius: 30px;
    padding: 4px 20px;
}

.image_banner_labels {
    margin-top: 50px !important;
}

  .bundle_products_added {
    border: 2px solid #E6E7AD;
    border-radius: 20px;
    padding: 25px;
    margin: 25px 0;
}

.bundle_products_added h3 {
    margin-top: 0;
    margin-bottom:0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-family: 'Satoshi Medium' !IMPORTANT;
    color: #495B89;
}
          .bundle-wrapper{
            display:flex;
            gap:20px;
            max-width:1250px;
            flex-wrap: wrap;
            align-items: flex-start;
      }

      .added_pro_empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    padding: 40px 0 30px;
    color: #99A1AF;
}
      .bundle-left{
        width:65%;
      }
      .bundle-wrapper.page-width h2 {
          margin: 0;
          font-size: 30px;
          font-family: 'Satoshi Bold' !IMPORTANT;
          color: #495B89;
          width: 100%;
      }

      .bundle-right{
        width:32%;

        border-radius:12px;
        position:sticky;
        top:100px;
      }
  .bundle_right_savings {
      background: linear-gradient(180deg, #E5F1F8, #E0F5ED);
      padding: 25px;
      border-radius: 20px;
  }
  .bundle-summary {
      background: linear-gradient(180deg, #E5F1F8, #E0F5ED);
      padding: 25px 25px 15px;
      border-radius: 20px;
  }
  .bundle_right_savings h3 {
      margin: 0;
      display: flex;
      align-items: center;
      font-size: 20px;
      gap: 10px;
      font-family: Satoshi Medium !IMPORTANT;
      color: #495B89;
  }
      .bundle-products{
       display: flex;
          flex-wrap: wrap;
          gap: 20px;
      }
      .bundle-product-card img {
             max-width: 100%;
          height: 380px;
          object-fit: contain;
          border-top-left-radius: 20px;
          background: linear-gradient(180deg, #a2dbba, #4fa7cf);
          border-top-right-radius: 20px;
      }
      .bundle-product-card{
          border: 1px solid #eee;
          border-radius: 20px;
          max-width: 385px;
      }
    .bundle_pro_inn {
        padding: 24px;
    }
    .cstm_b_label {
        display: flex;
        color: white;
        max-width: fit-content;
        border-radius: 20px;
        align-items: center;
            padding: 2px 10px;
        font-size: 12px;
        font-family: 'Satoshi Medium' !IMPORTANT;
        gap: 5px;
    }

    .cstm_b_label[data-att="multi-surface"] {
        background: #5bb98e;

    }

    .cstm_b_label[data-att="multi-surface"]:before {
        background: url(/cdn/shop/files/Icon_8_cd31d15a-994f-4eb8-8f66-7d2d50f3f09d.png?v=1770615200);
    }
    .cstm_b_label[data-att="kitchen"] {
        background: #495b89;
    }

    .cstm_b_label[data-att="kitchen"]:before {
        background: url(/cdn/shop/files/Icon_10_8b687602-57cb-4ca1-b3f8-7cb586b75095.png?v=1770615897);
    }

    .cstm_b_label[data-att="glass"] {
        background: #bad6eb;
    }

    .cstm_b_label[data-att="glass"]:before {
        background: url(/cdn/shop/files/Icon_8_cd31d15a-994f-4eb8-8f66-7d2d50f3f09d.png?v=1770615200);
    }

    .cstm_b_label[data-att="floors"] {
        background: #a8dfc4;
    }

    .cstm_b_label[data-att="floors"]:before {
        background: url(/cdn/shop/files/Icon_11_b30f1d9c-dcd1-46a5-bb90-6e4cbf0f72fe.png?v=1770616059);
    }

    .cstm_b_label[data-att="furniture"] {
        background: #e6e7ad;
    }

    .cstm_b_label[data-att="furniture"]:before {
        background: url(/cdn/shop/files/Icon_12_c4caeb12-762a-4c5c-b6a1-c0ecc1c4d1d1.png?v=1770616117);
    }

    .cstm_b_label[data-att="disinfectant"] {
        background: #7ba5d1;
    }

    .cstm_b_label[data-att="disinfectant"]:before {
        background: url(/cdn/shop/files/Icon_13_7aa4ba1a-06b8-430d-a194-4c26b5cb0d11.png?v=1770616280);
    }

    .cstm_b_label[data-att="laundry"] {
        background: #f8c6cd;
    }

    .cstm_b_label[data-att="laundry"]:before {
        background: url(/cdn/shop/files/Icon_14_3ef33a42-340f-4e8c-b194-62cd844c53a9.png?v=1770616368);
    }
    .cstm_b_label:before {
        height: 12px;
        content:"";
        width: 12px;
        display: block;
        background-size: 100% !IMPORTANT;
        background-repeat: no-repeat !IMPORTANT;
    }
    .cstm_b_label[data-att="bathroom"] {
        background: #DF6F7E;
    }

    .cstm_b_label[data-att="bathroom"]:before {
        background: url(/cdn/shop/files/Icon_9_ffedb86d-5750-4042-a4f2-1566b0278a38.png?v=1770615666);
    }
    .bundle-product-card a {
        display: flex;
        flex-direction:column;
        text-decoration: none;
    }
      .bundle-progress{
         display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f9fffea1;
    margin: 20px 0 10px;
    padding-bottom: 5px;
      }

      .progress-step{
       text-align: center;
    color: #495b899c;
      }
.progress-step span.step-value {
    background: white;
    padding: 2px 6px;
    border-radius: 30px;
    font-size: 12px;
    min-width: 37px;
    display: block;
}

p.step-text {
    font-size: 10px;
    margin-top: 2px;
}



.progress-step.active span.step-value {
    background: #5BB98E;
    color: white;
}

.progress-step.active p.step-text {
    color: #5BB98E;
}
      .bundle-row{
        display:flex;
        justify-content:space-between;
        margin-bottom:10px;
      }

      .bundle_pro_inn h4 {
        font-size: 20px;
        margin-top: 15px;
        font-family: 'Satoshi Medium' !IMPORTANT;
        color: #495B89;
        margin-bottom: 5px;
    }

    .bundle_pro_inn p {
        margin-top: 0;
        font-size: 24px;
        color: #5BB98E;
        margin-bottom:10px;
    }
    button.add-to-bundle {
        background: linear-gradient(
    179deg, #5BB98E, #495B89);
        border: unset;
        display: flex;
        width: 100%;
        min-height: 40px;
        cursor: pointer;
        border-radius: 35px;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        gap: 15px;
        color: white;
        font-family: 'Satoshi Medium' !IMPORTANT;
    }

    button.add-to-bundle:hover {
        background: linear-gradient(179deg, #495B89, #5BB98E);
    }
    .bundle_pro_inn p span.bundl_comp {
        font-size: 14px;
        color: #6A7282;
        text-decoration: line-through;
    }

  .progress__bar {
      background: white;
      width: 100%;
      display: flex;
      height: 12px;
      border-radius: 20px;
      margin-top: 20px;
      position: relative;
  }

  div#bundle_progress {
      display: block;
      background: linear-gradient(-5deg, #5BB98E, #A8DFC4);
      width: 20px;
      border-radius: 20px;
  }
h5.added_title {
    font-size: 14px;
    font-family: Satoshi Medium !IMPORTANT;
    color: #495B89;
    margin-top:0;
    margin-bottom: 10px;
}

span.added_pr {
    display: block;
}

.added_pro_price_quantity {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 25px;
    gap: 7px;
    color: #6A7282;
}

span.added_quan {
    display: block;
}

.added_quant_incr_decr {
    display: flex;
    gap: 10px;
    position: relative;
    padding-top: 55px;
    margin-top: 10px;
}

.added_quant_incr_decr .added_minus {
    min-width: 32px;
    min-height: 32px;
    background: #F3F4F6;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
        cursor: pointer;
        transition:0.3s;
    justify-content: center;
    position:relative;
}

.added_quan_value {
    min-width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.added_pro_remove:after {
    position: absolute;
    content: "";
    height: 100%;
    left:0;
    width: 100%;
}
.added_plus {
     min-width: 32px;
     min-height: 32px;
     background: #5BB98E;
     border-radius: 50%;
         cursor: pointer;
     position:relative;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
}
.added_quant_incr_decr .added_minus:hover {
    background: #5bb98e;
}

.added_quant_incr_decr .added_minus:hover path {
    stroke: white;
}
.added_minus:after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
}
.added_plus:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
}

.added_pro_bundle {
       padding-bottom: 0px;
    position: relative;
    border-top: 1px solid #F3F4F6;
    margin-top: 20px;
    padding-top: 20px;
}

.added_pro_remove {
    position: absolute;
    top: 18px;
    right: 0;
}
svg.unlock-icon {
    display: none;
}

svg.unlock-icon {
    display: none;
}

.bundle_right_savings:has(.bundle-unlocked) div#rem_text {font-size: 16px;color: #5BB98E;}

div#rem_text {
    text-align: center;
    font-size: 14px;
    display: flex;
    gap: 5px;
    color: #495B89;
    justify-content: center;
    align-items: center;
}

.bundle_right_savings:has(.bundle-unlocked) div#rem_text:before {
    content: "";
    background: url(/cdn/shop/files/Icon_43.svg?v=1770629634);
    height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 5px;
}
.added_pro_bundle:first-child .added_pro_remove {
    top: 3px;
}
.added_quant_incr_decr:before {
    content: "";
    height: 40px;
    width: 100%;
    display: block;
    border: 1px solid #E5E7EB;
    border-radius: 15px;
    position: absolute;
    top: 0;
}
.added_pros {
    display: none;
}
.bundle_products_added:has(.added_pro_empty[style="display: none;"]) .added_pros {
    display: block;
}
.added_pro_bundle:first-child {
    padding-top: 0;
    border: unset;
}

button#bundle-add-to-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    min-height: 50px;
    background: linear-gradient(
179deg, #495B89, #5BB98E);
    border: unset;
    border-radius: 40px;
    gap: 15px;
    box-shadow: 0px 2px 8px 2px #00000038;
    color: white;
    font-family: Satoshi Medium !IMPORTANT;
        margin-top: 30px;
}

button#bundle-add-to-cart:hover {
    background: linear-gradient(179deg, #5BB98E, #495B89);
}

.bundle-row span {
    font-size: 16px;
    color: #495B89;
}


.bundle-row:first-child {
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.bundle-row:nth-child(2) strong {
    font-size: 20px;
    color: #495B89;
}

.deliver_time p {
    margin-top: 0;
    font-size: 12px;
    color: #495b89b5;
    line-height: 1;
}
p.eco_friendly {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #495B89;
    gap: 10px;
    margin-top: 15px;
}
.clean-hero-product-section__top-labels .clean-hero-product-section__label:nth-child(3) span.clean-hero-product-section__label-text:after {
    content: 'Meals Donated';
    margin-left:10px;
}
.header__menu-item .icon-caret{
  right:0rem;
}
.thumbnail {
    border-radius: 20px !important ;

}
.thumbnail[aria-current]{
       box-shadow: 0 0 0 .1rem #5BB98E !important ;
}
.product-form__submit:hover::after{
  box-shadow:none !important;
}
.collection .quick-add__submit:disabled  {
    display: none;
}
.collection .badge{
  background: transparent;
    border: 0px;
}

/* New Product Slider */

.main-slide-item {
    padding: 30px;
    border-radius: 22px;
    background-image: linear-gradient(to top, #E5F1F8, #E0F5ED);
}

.thumb-slide-item {
    padding: 0 10px;
    margin-top: 40px;
}
.thumb-slide-item img{
  border-radius:20px;
}
.product-main-slider .slick-prev, .product-main-slider .slick-next{
    background-image: linear-gradient(to top, #5BB98E, #A8DFC4);
    border-radius: 50%;
    z-index:1;
    height: 50px;
    width: 50px;
}
span.sub-delivered {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size:14px;
}
.sub-delivered-txt{
  display:none;
  font-weight:700;
}
.sub-del-flex b {
     display: contents;
}
/* New Product Slider Close */
.sub-main-div:has(.sub-input:not(:checked)) .sub-del-flex {
    display: none !important;
}
/* .template-product- .sticky-atc-btn{
  background-image: linear-gradient(to bottom, #5BB98E, #A8DFC4);
}
.template-product- .sticky-atc-btn:after{
  content: 'Subscribe & Save 15%';
    right: 0;
    display: contents;
} */
.related-products  .card:not(.ratio) {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 20px;
}
@media screen and (max-width:767px){
  .template-product-option-1  .price__container{
    display:block !important;
  }
  h2.banner__heading.inline-richtext.h0 {
    font-size: 30px;
    max-width: 80%;
    margin: 0 auto;
}
.bundle_ban .banner__text.rte.body {
    font-size: 16px;
    max-width: 90%;
}

.custom_labels_banner ul {
    flex-wrap: wrap;
}

.image_banner_labels {
    margin-top: 30px !IMPORTANT;
}

.bundle-left {
    width: 100%;
}

.bundle-product-card {
    max-width: 46.5%;
    box-shadow: 0px 2px 2px 2px #0000001c;
}

.bundle-product-card img {
    height: 190px;
}

.bundle_pro_inn {
    padding: 12px;
}

.cstm_b_label {
    font-size: 10px;
}

.bundle_pro_inn h4 {
    font-size: 16px;
    min-height: 45px;
}

.bundle_pro_inn p {
    font-size: 20px;
    margin-bottom: 5px;
}

.bundle_pro_inn p span.bundl_comp {
    font-size: 12px;
}

button.add-to-bundle {
    font-size: 12px;
    gap: 5px;
}

.bundle-products {
    justify-content: space-between;
    row-gap: 20px;
}

.bundle-right {
    width: 100%;
}

.template-product .grid.product-grid.grid--4-col-desktop li {
    width: 100% !IMPORTANT;
    max-width: 46% !IMPORTANT;
}

.template-product .product-card-wrapper .card__heading.h5 a {
    min-height: unset;
}
  .tab-link {
    min-width: fit-content;
}
.template-product .home_plastic .rich-text__blocks h2.rich-text__heading.rte:before {
    top: -60px !IMPORTANT;
    height: 70px !IMPORTANT;
    width: 70px !IMPORTANT;
    background-size: 100% !important;
}

ul.tabs-nav {
    overflow-x: scroll;
}
  .template-product .home_plastic .rich-text__blocks h2.rich-text__heading.rte:after {
        background: url(/cdn/shop/files/MINT-SGREEN-mob.png?v=1769088139) !important;
        background-repeat: no-repeat !important;
        right: -25px;
        top: -12px !important;
        width: 50px;
        height: 50px;
        z-index:-1;
    }
  .product-multicolumn .grid--1-col-tablet-down .grid__item {
    max-width: 100% !IMPORTANT;
}
   .truWashImg-2 {
    position: absolute;
    bottom: 0;
    right: auto;
    top: -450px;
    left: 230px;
}
.joinTruWashInnerMain .joinTruWashBtn{
  flex-wrap:wrap;
}

.truWashImg-1 {
    position: absolute;
    top: -120px;
    left: 180px;
    z-index: 1;
}
.joinTruContImg {
  position: absolute;
  left: -10px;
  bottom: -340px;
  z-index: 999;
}
.joinTruWashImg img{
  width:100%;
}
.joinTruWashInnerMain{
  padding-bottom:0;
}

.mascotCard{
  flex-wrap: wrap;
    justify-content: center;
    padding:30px;
}

.mascotContent{
  text-align:center;
}

.mascotContent ul{
  flex-wrap:wrap;
  justify-content:center;
}

  .desktop-image { display: none; }
  .mobile-image { display: block; }

.adv-card img {
    height: 14px !important;
    width: 14px !important;
}
.template-collection .grid.product-grid.grid--4-col-desktop li {
    max-width: 46.5% ! IMPORTANT;
    width: 100% ! IMPORTANT;
}
.clean-info-bar__inner {
       
        justify-content: start !important;
    }
  /* \\\\\talha code css responsive */
.option-2-multicard li.multicolumn-list__item, .option-2-perfect li.multicolumn-list__item, .option-2-Benefits li.multicolumn-list__item ,.option-2-work-all li.multicolumn-list__item , .option-2-certification li.multicolumn-list__item{
  max-width:100% !important;
}
.option-2-multicard .multicolumn-list, .option-2-perfect .multicolumn-list , .option-2-Benefits .multicolumn-list, .option-2-certification li.multicolumn-list__item{
  display:grid !important;
}
.template-collection .home_plastic .rich-text__blocks h2.rich-text__heading.rte:before{
  display:none !important;
}
.custom-card-width .image-with-text-wrapper{
  display:block !important;
}.custom-card-section.multicolumn{
  display:grid !IMPORTANT;
}
.custom-card-section.multicolumn .multicolumn-list__item{
  max-width:100% !important;
}
.planet-family .multicolumn-card.content-container{
  max-height:100% !important;
}
..planet-family .rte{
  margin: 0px !IMPORTANT;
}
.impact-grid{
  display:block !important;
}
.impact-large {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.impact-section{
  padding:50px 10px !IMPORTANT;
}
.washing-size-section {
    text-align: center;
    padding: 20px 0px!IMPORTANT;
}
.washing-size-section .washing-size-title{
WIDTH: 70%!IMPORTANT;
MARGIN: 0 AUTO;
}
.option-2-certification .multicolumn-list{
max-width: 100%!important;
padding: 20px!important;
}
.option-2-work-all .multicolumn-list__item:nth-child(2) {
  max-width: 100%!important;
}
.option-2-work-all .title{
		text-align: center;
		font-weight: 600;
}
.option-2-work-all .multicolumn-card__info ul {
column-gap: 10px;
    row-gap: 8px;

}
.option-2-work-all .multicolumn-card__info ul li {
      padding-left: 17px;
}

.option-2-certification .multicolumn-list__item {
  max-width:100%!important;
  padding:20px;
}
.option-2-Benefits.productpage_multisection .multicolumn-list__item{
   max-width:100%!important;
}
.option-2-Benefits.productpage_multisection .multicolumn-card__info{
padding:20px;
}
.option-2-certification .title{
  text-align:center;
  font-weight: 600!important;
  padding-bottom: 0px!important;
}
.option-2-Benefits.productpage_multisection .subtexting{
      width: 100% !important;
      text-align: center;
      padding: 0 auto!important;
}
.product-collapsible .caption-with-letter-spacing{
  max-width: 40%!important;
}
.product-collapsible .collapsible-content__heading{
  font-size: 36px!important;
}
.product-richtext .rich-text__blocks:before, .product-richtext .rich-text__blocks:after{
display:none!important;
}
.rich-sub-sec .rich-text__heading{
  font-size: 36px !important;
  line-height: 1.2 !important;
  max-width: 100%!important;
}
.rich-sub-sec .rich-text__text p {
    font-size: 20px !important;
    max-width: 100%!important;
}
.product-richtext .rich-text__heading {
    font-family: 'Satoshi medium' !important;
    font-size: 26px!important;
}
.how-to-use .tips span ul{
  display: block!important;
}
.how-to-use .detail-card h4 {
  font-size: 17px!important;
}
.how-to-use .tile_head {
      font-size: 36px!important;
}
.how-to-use .subtitle {
    color: #364153!important;
    font-size: 16px!important;
    margin-bottom: 20px!important;
}
.compare-section h2{
  padding: 0 50px !important;
}
.option-2-Benefits .title{
font-weight: bold;
    text-align: center;
}
.option-2-perfect .multicolumn-list__item{
max-width:100%!important;
margin-top: 32px;
}
.option-2-perfect .title{
  text-align:center;
  font-weight: 800;
  padding-left:10px;
  padding-right:10px;
}
.how-to-use .steps{
grid-template-columns: repeat(1, 1fr);
}
.how-to-use .tile_head {
        font-size: 24px !important;
    }
.how-to-use .subtitle {
        font-size: 14px !important;
    }
.plants-desc {
margin: 0 auto 0px!important;
}
.plants-section .plant-slide{
  padding:0px 0!important;
}
.plants-section .plants-heading {
margin:0!important;
}
.product__info-container .product__title h1 {
    font-size: 24px!important;
    line-height: 32px!important;
}
.product-template-2 .product-subheading {
    font-size: 18px!important;
|}
.product__info-container .product__description {
font-size: 16px!important;
margin: 0px!important;
}
.product .adv-card {padding: 12px 8px;box-shadow: rgb(0 0 0 / 6%) 0px 1px 3px, rgb(0 0 0 / 6%) 0px 1px 2px; border-radius:8px;}
.product .adv-card span {
  font-size: 12px;
  line-height: 15px;
   
}
.product-template-2 .option-2-multicard .title {
    font-size: 24px!important;
    line-height: 30px!important;
    text-align: center;
  }
  .product-template-2 .multicolumn-list li{
    margin-bottom: 4%!important;
  }
  .table-wrapper{
    overflow-x:scroll;
  }
  .washing-size-table-wrapper {
    overflow-x: scroll;
}
   .howItWorkSec .howItWork-innerRow{
        flex-wrap: wrap;
    width: 100%;
  }
  .howItWorkSec .howItWork-innerRow .howItWork-innerColLeft, .howItWorkSec .howItWork-innerRow .howItWork-innerColRight {
    flex: 0 0 100%;
}

  .howItWorkSec .howItWork-innerRow .howItWork-innerColLeft .howItImgBg img{
    width:100%;
  }

  .howItWorkSec .howItWork-innerRow .howItWork-innerColRight {
    margin-top: 30px;
    margin-left: 0;
  }
  .howItWorkSec .howItWork-innerRow .howItContent{
  padding: 20px 20px;
  }
  .howItWorkSec .howItWork-innerRow .howItContent .stepBadge{
    display:none;
  }

  .howItWorkSec .howItWork-innerRow .howItWork-innerColLeft .howItImgBg{
    height:auto;
    padding:20px;
  }
  .clean-hero-product-section__inner {
    flex-direction: column;
}

.shop_by_Category .category_card {
    width: 100%;
}

.shop_by_Category .category_grid {
    padding-left: 0 !important;
    width: 100% !important;
}
  .clean-hero-product-section__inner {
    flex-direction: column;
}
.shop_by_Category .category_card {
    width: 100% !IMPORTANT;
}
    .clean-hero-product-section__buttons {
    flex-direction: column;
    
  }
.clean-hero-product-section__bottom-labels .clean-hero-product-section__label span {
    font-size: 11px!important;
}

.clean-hero-product-section__label:last-child span.clean-hero-product-section__label-text::after {
    content: "Meals";
}
span.clean-hero-product-section__label-text {
    font-size: 9.5px;
    letter-spacing: 0!important;
}
.clean-hero-product-section__bottom-labels {
    gap: 10px!important;
}
p.clean-hero-product-section__description {
    font-size: 18px!important;
}
.clean-hero-product-section__label {
    padding: 5px 10px!important;
}
.main_pro_cont h3.clean-hero-product-section__product-title {
    font-size: 18px!important;
}
.clean-hero-product-section__price {
    font-size: 20px!important;
 }
.pro_main_sub p {
    font-size: 14px !important;
 
}
.subscription_btm {
    padding: 12px!important;
}
.clean-hero-product-section__rating {
           position: absolute;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        bottom: 0;
        top: initial;
        max-width: 270px ! IMPORTANT;
}
.mobile-v {
    display: flex!important;
    margin-top:17px!important;
}
.clean-info-bar__inner {
     flex-wrap:unset!important;
     overflow-x: scroll!important;
     gap:30px!important;
}
.clean-info-bar__inner::-webkit-scrollbar {
  display: none;              
}
.clean-info-bar__item {
            min-width: 175px;
    }
    .clean-hero-product-section__inner {
    position: relative;
    padding-bottom: 110px;
}
.mobile-v-wrapepr {
    justify-content: center;
    display: flex;
}
.clean-hero-product-section__subscription strong {
    font-size: 16px!important;
}
img.clean-hero-product-section__product-image {
    
    min-width: 311px!important;
    height: 224px !important;
}
.clean-hero-product-section__product-card {
    padding: 24px 16px!important;
  }
  .clean-hero-product-section__product-badge {
       padding: 5px 20px!important;
  }
  .clean-hero-product-section__product-badge:last-child {
    right: 5px!important;
}
.clean-hero-product-section__product-card:after {
  display:none!important;
}
.clean-hero-product-section__btn--primary, .clean-hero-product-section__btn {
    justify-content: center;
}
h1.clean-hero-product-section__heading {
         font-size: 35px !important;
        display: flex;
        flex-direction: column;
        margin-top: 20px ! IMPORTANT;
}
p.clean-hero-product-section__description {
    font-size: 18px;
}
.clean-hero-product-section__bottom-labels .clean-hero-product-section__label span
Specificity: (0,2,1)
 {
   
    font-size: 12px;
}

.ethos .multicolumn-card__info {
    padding-left: 5px !IMPORTANT;
    padding-right: 5px !IMPORTANT;
}
  .perfectBundleSec{
    padding:0;
  }

  .perfectBundleSec h3{
    font-size:40px;
  }
  .perfectBundleSec .bundleBox ul{
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .perfectBundleSec .bundleBox ul li{
    flex: 0 0 46%;
    max-width: 46%;
  }
  .perfectBundleSec .bundleBox .pawImg{
    display:none;
  }
  .perfectBundleSec .bundleBtn a{
    padding:10px 30px;
    width:100%;
      color:#495B89;
  font-family:'Satoshi Medium'!important;
          font-size: 16px;
  }
  .perfectBundleSec .bundleBtn{
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .perfectBundleSec .bundleBox ul li p{
    display:none;
  }
  .perfectBundleSec .bundleBox ul li{
    padding:20px;
    min-height:200px;
  }
  .perfectBundleSec .bundleBox ul li h4{
    font-size:20px;
         margin:10px 0 0 0!important;
        min-height: 60px;
  }
  .joinTruWashInnerMain{
    flex-wrap:wrap;
  }
   .product-template-2 .product__media-wrapper{
    max-width:100% !important;
  }
.product__media-item:nth-child(1) {
    display: block !important;
    width:100%;
    max-width:90%;
}
.product__media-item{
  margin:0px !important;
  padding:20px !important;

}
product-info{
  padding:0 10px;
}
.be-Sec-div {
    display: grid !important;
    gap: 20px;
    flex-wrap: nowrap;
    grid-template-columns:1fr 1fr 1fr;
    width:100% !important;
    max-width:100%;
   margin:0 0 20px 0px;
}
.product-template-2 .be-Sec-div{
   grid-template-columns:1fr 1fr !important;
}
.thumbnail-list__item.slider__slide {
        width: calc(22% - .6rem) !important;
    }
.be-inner-div{
   width:100% !important;
    max-width:100%;
    padding:10px;
}
.be-inner-div h2{
   font-family: 'Satoshi light' !important;
  font-size:8 px !important;
  line-height:28px;
   color:#495B89 !important;
   margin:0px;
}
.product__media-list{
  overflow:hidden !important;
}
.product-template-2 .product .product__info-wrapper {
  max-width:100% !important;
}
  .collection-hero h1.collection-hero__title {
    font-size: 32px;
}

.quick-add.no-js-hidden product-form {
    top: 37%;
        right: 10px;
}
.multi_col_top.page-width {
    padding: 0 10px !important;
}
.template-collection .quick-add.no-js-hidden product-form {
    top: 34%;
        right: 10px;
}
.quick-add{
  position: unset !important;
}
.subscribe_save{
  position:relative !important;
}
.collection .page-width{
  padding:0px !important;
}

.product-card-wrapper .card__heading.h5 {
    font-size: 16px;
}

.product-card-wrapper .card__information {
    padding: 0px 0px 0!important;
}

.product-card-wrapper .card__heading.h5 a {
    line-height: 1.3;
}

.product-card-wrapper .card-information {
    margin-top: 0;
}

.price.price--on-sale {
    margin: 0 !IMPORTANT;
}

.price--on-sale .price__sale {
    display: flex !IMPORTANT;
    flex-wrap: nowrap;
    align-items: center;
}

.product-card-wrapper .price--on-sale .price-item--regular {
    font-size: 10px;
    margin: 0 7px 0 0;
}

.product-card-wrapper span.price-item.price-item--sale.price-item--last {
    font-size: 14px;
}
.product-grid-container  ul#product-grid {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid;
}
.collection .quick-add.no-js-hidden {
    padding: 0 0px;
    margin:0px;
}

.quick-add.no-js-hidden .subscribe_save a {
    font-size: 12px;
}

.onetime_btn a {
    font-size: 12px;
}
.badge_custom span {
    font-size: 12px;
}

.card__badge.top.right {
    font-size: 12px;
    padding: 1px 15px;
}
.product-card-wrapper span.price-item.price-item--regular {
    font-size: 14px;
}
  .disclosure-has-popup.facets__disclosure.js-filter ul.facets-layout {flex-wrap: wrap;}

div#FacetsWrapperDesktop {
    grid-row: unset;
    width: 100%;
    grid-column: unset;
}

.facet-filters {
    grid-column: unset;
}

form#FacetFiltersForm {
    display: flex;
    flex-direction: column;
}

.product-count.light {
    position: unset;
    display: none;
}

.grid.product-grid.contains-card {
    gap: 10px;
}

.grid.product-grid.contains-card li.grid__item {
    width: 100% !IMPORTANT;
    max-width: 48% !IMPORTANT;
}

.card__badge {
    right: initial;
    position: absolute;
    left: 10px;
    top: 40px;
}

.badge_custom {
    right: 10px;
        left: 48%;
                top: 40px;

}

.disclosure-has-popup.facets__disclosure.js-filter {
    margin: unset;
}

.facet-filters.sorting.caption {
    padding: 0;
}

.facet-filters__field {
    justify-content: start !important;
}
  .article-template__hero-adapt.media {
    height: 195px;
  }
   h1.article-template__title {
     font-size: 24px;
}
header.article_head p {
    font-size: 16px;
  
}
.cstmtop_blogtxt {
    font-size: 14px;
}
.custom-content-title h2 {
  font-size: 24px;
}
.custom-article-content h2 {
    font-size: 16.02px;
 }
 .custom-article-content p {
    font-size: 14.01px;
 }
 .custom-content-wrapper {
    gap: 12px;
 }
 .custom-article-content span {
    align-items: start;
    line-height: 1.1;
    font-size: 14px;
    gap: 5px;
}

.custom-article-content span svg {
    min-width: 15px;
}
.author_contetn {
    flex-direction: column;
     gap: 8px;
     padding:20px;

  }
.author_contright {
    width: 100%;
}
.Button_author_wrapper{
  padding-left:0
}
  body.template-article article.article-template {
   padding: 0px 15px;
}
  menu-drawer.mobile-facets__wrapper.medium-hide.large-up-hide {
    display: none;
}

facet-filters-form.facets.small-hide {
    display: block !IMPORTANT;
}
  .template-article .article-template__link {
     display: flex !important;
        justify-content: start !important;
        align-items: center;
        text-decoration: none;
        margin-bottom: 16px;
        font-size: 14px;
        color: #495B89;
  }
  .custom-card-section{
    background:#495B89!important;
  }
  .custom-card-section .grid{
  justify-content:center;
  }
  .custom-card-section .discription_wrapper p {
    font-size: 14px;
    max-width: 309px;
  }
  .custom-card-section .rte p {
   font-size: 12px;
  }
  .custom-card-section .multicolumn-list h3 {
    font-size: 16px;
  }
  .custom-card-section .multicolumn-card .multicolumn-card__image-wrapper .media img {
    width: 32px;
    height: 32px;
  }
  .custom-card-section .multicolumn-card__info {
    padding-top: 0px !important;
  }
  .our-story p {
    font-size: 16px;
  }
 .hero-section .texting-container{
  max-height:unset;
 }
 .hero-section .texting-container h2{
  font-size:30px;
 }
 .hero-section .icon-wit_label{
  font-size:14px;
 }
 .planet-family{
        padding: 27px 0;
    }
 .planet-family .multicolumn-card__info{
  padding:0;
 }
 .planet-family .multicolumn-card {
  box-shadow: 0px 10.01px 15.01px -3px #0000001A;
 }
 .planet-family img.custom-icon-image {
    width: 24px;
    height: 27px;
  }
  .planet-family .icon-wit_label{
    max-width: 190.2px;
    font-size: 14px;
  }
 .hero-section{
  padding:48px 0px;
 }
.hero-section .Button_hero_wrapper{
     flex-direction: column;
     width: 100%;
}
.hero-section .ctta-btn a{
  justify-content:center;
}
.hero-section .image-with-text-wrapper{
  gap:104px;
}
.hero-section .image-inner-2{
  right:-10px;
}
.hero-section .image-inner-content{
  max-width:311px;
}
.hero-section .icon-wit_label::after{
  content:'🌿';
}

.planet-family .discription_wrapper p{
  font-size:14px;
  max-width:340px
}
.planet-family .multicolumn-card{
  padding: 0px 24px;
}
.planet-family .media.media--transparent.media--adapt{
  padding-bottom:80%!important;
}
.custom-image-text img.custom-icon-image {
    width: 24px;
    height: 27px;
}
.custom-image-text .Boxes-no {
    font-size: 24.02px;
}
.custom-image-text .Boxes-text {
   font-size: 12.01px;
  }
  .custom-image-text .boxes-gapper {
    padding-bottom: 32px;
}
  .custom-image-text .texting-image img{
    width:100%;
  }
  .custom-image-text .texting-container{
    width:100%;
  }
    .planet-family {
    padding: 60px 0;
  }

  .planet-family .title {
    font-size: 32px;
  }

  .planet-family .multicolumn-card {
    padding: 40px 24px;
  }
nav.header__inline-menu {
    display: none;
}

a.header_btn {
    display: none;
}
.header {
    grid-template-areas:
        'heading icons left-icons ';
    grid-template-columns: 2fr 1fr;
}

header-drawer {
    margin: unset !IMPORTANT;
}
.header__icon--menu .icon {
    right: 20px;
    stroke: black;
    height: 15px;
}
.header__icon--menu .icon {
    right: 20px;
    stroke: black;
    height: 15px;
}

.top_part_blog h2 {
    font-size: 35px;
    max-width: 90%;
    margin: 10px auto;
}

.top_part_blog p {
    font-size: 18px;
}

.blog-tab {
    font-size: 12px;
}

ul.blog-tabs__list {
    margin-top: 20px;
}

.blog-articles__article.article .card.article-card .card__inner {
    flex-direction: column !IMPORTANT;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.blog-articles__article.article:first-child .card.article-card {
    flex-direction: column;
}

.blog-articles__article.article:first-child .card.article-card .article-card__image.media.media--hover-effect {
    border-bottom-left-radius: 0 !IMPORTANT;
}

.blog-articles__article.article:first-child .card__information {
    padding: 25px !IMPORTANT;
}

.blog-articles__article.article:first-child h3.card__heading.h2 a {
    font-size: 24px;
}

.blog-articles__article.article {
    max-width: 100% !IMPORTANT;
}

.article-card .card__heading a.full-unstyled-link {
    min-height: unset;
}
.newsletter.center.blog_email h2.inline-richtext:before {
    height: 40px;
    width: 40px;
    background-size: 100%;
}

h2.inline-richtext.h1.scroll-trigger.animate--slide-in {}

.newsletter.center.blog_email h2.inline-richtext {
    font-size: 24px;
}

.newsletter.center.blog_email .newsletter__wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.newsletter.center.blog_email .newsletter__wrapper .newsletter__subheading {
    font-size: 16px;
}

form#contact_form .newsletter-form__field-wrapper .field {
    flex-direction: column;
}

form#contact_form .newsletter-form__field-wrapper button#Subscribe {
    width: 100%;
    max-width: 100%;
}

.newsletter.center.blog_email .newsletter__wrapper form + p {
    margin-top: 15px;
    font-size: 13px;
}

.footer__content-top {
    padding-left: 20px !important;
    padding-right: 20px !IMPORTANT;
}

.footer-block__details-content .list-menu__item--link {
    padding-bottom: 0 !IMPORTANT;
}

h2.footer-block__heading.inline-richtext {
    margin-bottom: 5px !IMPORTANT;
}

.footer-block.grid__item {
    max-width: 100% !IMPORTANT;
}

.footer__copyright.caption {
    flex-direction: column;
    gap: 15px;
}

small.copyright__content a {
    padding: 0 !IMPORTANT;
}
.featured_top {
    padding-top: 47px;
    padding-bottom: 123px;
}
section.perfectBundleSec {
    padding-top: 41px;
    padding-bottom: 56px;
}
.perfectBundleSec h3 {
    line-height: 45px;
  }
.clean-hero-product-section__label {
    padding: 0px 10px!important;
}
.clean-hero-product-section__btn{
  padding:7px 40px!important;
}
.clean-hero-product-section__bottom-labels .clean-hero-product-section__label{
  min-height:30px!important;
}
.clean-hero-product-section{
  padding-top:32px!important;
  padding-bottom:28px!important;
}
.perfectBundleSec .bundleBox ul li {
        min-height: unset !important;
        min-height: 131px!important;
    }
    .perfectBundleSec .bundleBox ul li .innerIcon {
    border-radius: 17px!important;
    height: 40px!important;
    width: 40px!important;
}

.perfectBundleSec .bundleBtn a img {
    margin-left: 20px;
    width: 10%;
  }
.featured_home .collection__description.body.rte {
    display: none;
}

.featured_home .collection__title {
    flex-direction: row;
    flex-wrap: unset;
    margin:0!important;
}
.featured_home a.col_view_all {
    margin-top: -90px;
            font-size: 0;
            gap:5px;
}

a.col_view_all::before {
            content: 'See All' !important;
        min-width: 47px;
        font-size: 14px;
  }
 .collection .grid.product-grid
 {
    margin-top: 20px;
} 
.home_plastic .rich-text{
  padding:50px 0;
}
.home_plastic .rich-text__blocks h2.rich-text__heading.rte:before{
  background:url(/cdn/shop/files/Vector-mob.png?v=1769087824)!important;
      background-repeat:no-repeat!important;
      left: -20px!important;
}
.home_plastic .rich-text__blocks h2.rich-text__heading.rte {
    font-size: 33px;
        width: 90%;
        margin: auto;
        z-index:100;
}
.home_plastic .rich-text__blocks h2.rich-text__heading.rte:after{
  background:url(/cdn/shop/files/MINT-SGREEN-mob.png?v=1769088139)!important;
  background-repeat:no-repeat!important;
  right: -25px;
        top: -12px !important;
        width: 50px;
        height: 50px;
        z-index:-1;
}
   .template-collection .home_plastic .rich-text__blocks h2.rich-text__heading.rte:after {
        background: url(/cdn/shop/files/MINT-SGREEN-mob.png?v=1769088139) !important;
        background-repeat: no-repeat !important;
        right: -25px;
        top: -12px !important;
        width: 50px;
        height: 50px;
    }
.home_plastic .rich-text__text p {
  font-size: 7.8px !important;
  margin-top: 20px!important;
}
.home_plastic .rich-text__text  {
  margin: 0px!important;
}
.home_plastic .rich-text__buttons {
    margin: 0!important;
}
.home_plastic a.button.button--primary {
  font-size:6px;
  margin-top: 23px!important;
  padding:unset!important;
  min-height: 35px;
  gap: 5px;
}
.home_plastic a.button.button--primary:before {
  background: url(/cdn/shop/files/Icon_f0e50e00-f227-4b92-9f32-92781cf46995.png?v=1769088910)!important;
  background-repeat:no-repeat!important;
    height:6.11px;
    width: 6.11px;
    
}
.ready_buttons .all_btn {
    width: 100% !important;
}
.howItWorkSec .howItWork-innerRow .howItContent ul li span {
         margin-right: 14px !important;
        margin-top: 0px !important;
        height: 40px !important;
        min-width: 40px;
        line-height: 35px !important;
        display: flex;
  
        align-items: center;
        justify-content: center;
}
.howItWorkSec .howItWork-innerRow .howItContent ul li .stepContent h5 {
    font-size: 19px!important;
}
.howItWorkSec .howItWork-innerRow .howItContent .startPlanBtn a {
    padding: 9px 0!important;
}
.ready_section {
    padding: 63px 20px!important;
 
}
.ready_container::before, .ready_container::after {
 display:none;
}
.ready_buttons {
    align-items: center!important;
}
.subtexting {
    text-align: center;
}
.ethos slider-component.slider-mobile-gutter {
    margin-top: 32px!important;
}
    .grid--1-col-tablet-down .grid__item {
      
        max-width: 48%!important;
    }
        .joinTruWashInnerMain {
        overflow: hidden;
    }
    .joinTruWashInnerMain {
    gap: 40px;
}

    .joinTruWashInnerMain {
   overflow: unset!important; 
    }
.joinTruWashInnerMain
 {
    padding: 31px;
 }
 img.mobile-image {
    border-radius: 20PX;
    border: 3px solid #fff;
}
.joinTruWashInnerMain {
        padding-bottom: 40px!important;
        border: 2px solid #fff!important;
    }
    .truWashImg-2 {
        
        top: -560px!important;
        left: 221px!important;
        width: 67px;
    }
    .testimonialBox li {
    padding: 20px !IMPORTANT;
}

.testimonialBox ul li p {
    margin-bottom: 30px;
}
.grid__item.product__media-wrapper {
    height: fit-content;
   position: relative;
    top: 10px;
}

.be-Sec-div{
  display:none !important;
}



}






/* Bundle Product CSS Close */
/* Custom gradient background for product cards */
.card__media,
.card__media .media,
.card .card__media {
  background: url('/cdn/shop/files/BG_PRODUCTS_28a645f9-7100-48c3-b7dc-5ac95abf1a53.png?v=1770796563') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Remove theme gradient */
.card__media.gradient,
.media.gradient {
  background-image: url('/cdn/shop/files/BG_PRODUCTS_28a645f9-7100-48c3-b7dc-5ac95abf1a53.png?v=1770796563') !important;
}
/* Force product card images to fill entire card area - remove all spacing */
.card__media {
  padding: 0 !important;
  margin: 0 !important;
}

.card__media .media {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.card__media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

/* Remove any shape/border radius that might be creating space */
.card--shape .card__media {
  padding: 0 !important;
}
/* Make subscribe section product image fill container */
.clean-hero-product-section__product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* Position Save 15% badge to top-right on mobile */
@media screen and (max-width: 749px) {
  .badge-sale,
  .card__badge,
  .product-card__badge {
         position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
  }
}
/* Increase button text and icon size in rich text sections on mobile */
@media screen and (max-width: 749px) {
  .rich-text .button,
  .rich-text__blocks .button {
    font-size: 14px !important;
    padding: 16px 28px !important;
  }
  
  .rich-text .button svg,
  .rich-text .button .icon,
  .rich-text__blocks .button svg,
  .rich-text__blocks .button .icon {
    width: 20px !important;
    height: 20px !important;
  }
}
/* Increase rich text block text size on mobile */
@media screen and (max-width: 749px) {
  .rich-text__blocks p,
  .rich-text__text {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}
/* Force button icon to be larger on mobile */
@media screen and (max-width: 749px) {
  .btn-icon img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: inline-block !important;
  }
}
.rich-text__buttons .button::before,
.rich-text__buttons .button::after {
  display: none !important;
}
/* Fix quantity selector outline bleeding through cart footer */
.quantity__input {
  z-index: 1 !important;
  isolation: isolate;
}

.cart-drawer__footer,
.cart__footer {
  z-index: 999 !important;
  position: relative;
  isolation: isolate;
  background: white;
}

/* Remove outline bleed */
.cart-item .quantity {
  isolation: isolate;
}
/* Hide save/discount badge on product card hover */
.card__content:hover .card__badge,
.grid__item:hover .card__badge {
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Smooth transition for badge appearance */
.card__badge {
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 749px) {
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - 15px) !important;
    max-width: calc(50% - 15px) !important;
    flex: 0 0 calc(50% - 15px) !important;
  }
}
.subscription-save {
  font-size: 10px !important;
  margin-top: 4px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  display: block !important;
}
.subscription-save {
  margin-bottom: 20px;
}
.thumb-slide-item img,
.slick-slide img {
  border-radius: 10px !important; /* Change to 0px for square corners */
}
.slick-prev,
.slick-next {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.slick-prev:before,
.slick-next:before {
  color: #81C784 !important; /* Grey arrow - adjust darkness as needed */
}
details-modal.header__search {
  opacity: 1 !important;
      margin-right: -20px;
  visibility: visible !important;
}
summary.header__icon--search {
  display: inline-flex !important;
}
details-modal.header__search summary.header__icon {
    width: 25px;
}

details-modal.header__search summary.header__icon span.svg-wrapper {
    height: 20px;
    width: 19px;
}

/*Ziyad*/
variant-selects fieldset:has(label.pack-label){
  display:block !important;
}
variant-selects fieldset:has(label.pack-label)  input[type=radio]{
  clip:auto !important;
  height:20px !important;
  width:20px;
      margin: 34px 15px 20px;
    accent-color: #499f78;;
}

.variant-metafield{
     display: grid;
    gap: 5px;
    margin: 10px 0 0;
    grid-template-columns: repeat(2, max-content);
}
._15b7gxl0._17o99wp10x._17o99wpxu._17o99wpz3._17o99wp100._17o99wpj9._17o99wpno._17o99wp0 span[role="heading"] {
    font-size: 0;
}

._15b7gxl0._17o99wp10x._17o99wpxu._17o99wpz3._17o99wp100._17o99wpj9._17o99wpno._17o99wp0 span[role="heading"]:before {
    content: "How often would you like to receive Bundle";
    font-size: 16px;
    color: black;
    line-height: 1.2;
}
.variant-meta{
  font-size:12px;
  padding:5px 10px;
      max-width: fit-content;
  border-radius:50px;
  display: flex;
    gap: 5px;
    text-align: center;
    align-items: center;
}
.variant-meta:nth-child(1){
  background:#5BB98E10;
  color:#5BB98E;
}

.variant-meta.free-tips{
  background:#E6E7AD50;
  color:#495B89;
}
.variant-meta.variants-meal{
 background-image: linear-gradient(to bottom, #DF6F7E, #F8C7CD);
  color:#FFFFFF;
}
.variant-price{
  font-size:24px;
  color:#495B89;
}
.variant-compair-price{
  color:#99A1AF;
  font-size:14px;
  text-decoration: line-through;
}
.variant-price-div {
    /* position: absolute;
    top: 20%;
    right: 20px; */
    display: flex;
    justify-content: end;
}
span.variant-bagde-off {
    font-size: 12px;
    text-align: center;
    background: #495B89;
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    
    align-items: flex-end;
    display: flex;
    justify-content: center;
    width: 100px;
    /* height: 25px; */
    text-transform: uppercase;
}
.pack-label{
  
  padding:20px 20px 20px 45px !important;
}
.label-name {
    /* position: absolute;
    top: 50px; */
    font-size:18px;
    color:#495B89;
    display: flex;
    gap: 10px;
    align-items: center;

}
.product-form__input--pill input[type=radio]+label:hover{
  border-color:#5BB98E !important;
  
}
.variant-meta:nth-child(1)::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%235BB98E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.variant-meta.free-tips::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23495B89' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.variant-meta.variants-meal::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9237_10879)'%3E%3Cpath d='M1 4.75026C1.00001 4.19386 1.1688 3.65056 1.48407 3.1921C1.79934 2.73364 2.24626 2.38159 2.7658 2.18246C3.28535 1.98333 3.85308 1.94649 4.39401 2.07679C4.93493 2.20709 5.42361 2.4984 5.7955 2.91226C5.82169 2.94027 5.85336 2.9626 5.88854 2.97786C5.92372 2.99313 5.96165 3.00101 6 3.00101C6.03835 3.00101 6.07628 2.99313 6.11146 2.97786C6.14664 2.9626 6.17831 2.94027 6.2045 2.91226C6.57522 2.49571 7.06401 2.20195 7.60582 2.07006C8.14762 1.93818 8.71675 1.97444 9.23744 2.17401C9.75813 2.37357 10.2057 2.72699 10.5206 3.18722C10.8354 3.64744 11.0027 4.19264 11 4.75026C11 5.89526 10.25 6.75026 9.5 7.50026L6.754 10.1568C6.66083 10.2638 6.54596 10.3497 6.41702 10.4089C6.28808 10.4681 6.14802 10.4992 6.00614 10.5001C5.86427 10.501 5.72382 10.4717 5.59414 10.4141C5.46446 10.3566 5.34851 10.2721 5.254 10.1663L2.5 7.50026C1.75 6.75026 1 5.90026 1 4.75026Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9237_10879'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.sub-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.sub-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.sub-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sub-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .sub-slider {
  background-color: #5BB98E;
}

input:focus + .sub-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .sub-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.sub-slider.round {
  border-radius: 34px;
}

.sub-slider.round:before {
  border-radius: 50%;
}
.sub-main-div{
   background-image: linear-gradient(to bottom, #E5F1F8, #E0F5ED);
   padding:24px;
   border-radius:16px;
}
.sub-main-div h4{
  font-size:16px;
  color:#495B89;
  font-weight:300;
  margin:0px;
}
.sub-main-div p{
  font-size:14px;
  color:#4A5565;
  font-weight:300;
  margin:0px;
}
.sub-header {
    display: flex;
    justify-content: space-between;
}
.sub-price {
    display: flex;
    gap: 10px;
    align-items:center;
    margin-top:16px;
}
.sub-price .original-price {
    font-size:36px;
  color:#495B89;
  line-height:40px;
}
.sub-price .discounted-price {
    font-size:16px;
  color:#6A7282;
  line-height:24px;
text-decoration: line-through;
}

.sub-variant-label{
  font-size:16px;
  color:#4A5565;
}
.product__info-container:has(.sub-input:checked) .product-form__submit {
    background-image: linear-gradient(to bottom, #5BB98E, #A8DFC4);
    gap: 10px;
}
.product__info-container:has(.sub-input:checked) .product-form__submit > span {
    display:none;
}
.product__info-container:has(.sub-input:checked) .product-form__submit:after {
    content:'Subscribe Now - 20%';
    display: contents;
}
.sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    z-index: 50;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    padding:24px 0px;
  }
  .sticky-atc .product-form__submit {
    width: 20%;
    margin:0px !important;
}

  .sticky-atc.active {
    transform: translateY(0);
  }

  .sticky-atc__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 16px;
  }

  
  
 .sticky-atc__inner .top-img{
  position:relative !important;
  top:0px;
  width:100%;
}
.sticky-atc__inner  .product__title h1 {
    font-size: 20px;
}


 .sticky-atc__inner .top-img-li{
color:#000;
}
.sticky-atc__inner .top-img-li:before{
background:#000;
}
 .sticky-atc__inner .top-img-li img{
 filter: invert(1);
}

.sticky-atc .sub-price .original-price {
    font-size: 18px;
    line-height:24px;
    margin:10px 0 0 0px;
  }
.sticky-atc .sub-price .discounted-price {
    font-size: 14px;
    margin:10px 0 0 0px;
  }
  .sticky-atc .sub-price, .sticky-atc .product__title{
  margin:0px !important;
}

.product-multicolumn li{
  background: #F9FAFB;
}
.product-multicolumn .multicolumn-card{
  box-shadow:none;
}
.product-main-slider .slick-prev{
  left:-10px !important;
}
.product-main-slider .slick-next{
  right:-10px !important;
}
span.plant-btn-desc p {
    margin-top: 20px;
    border: 2px solid #3f5389;
    /* background: transparent; */
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 400;
    cursor: pointer;
    background: #fff;
    font-size: 14px;
}
.plants-section .toggleContent {
  max-height: 0px;
    overflow: hidden;
    /* height: 0px; */
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    display: block;
}
.plants-section .toggleContent.active {
 max-height: 500px; /* content se zyada rakhein */
  opacity: 1;
}
.sub-price .price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    display: flex;
    gap: 10px;
    align-items:end;
}
.sub-price  span.price-item.price-item--sale.price-item--last{
  font-weight: 400;
    cursor: pointer;
   color:#495B89;
    font-size: 36px;
        line-height: 36px;
}
.sub-price .product__info-container .price--on-sale .price-item--regular{
   color:#6A7282;
    font-size: 16px;
}
product-info .share-button__button{
  min-height: 100% !important;
}

product-info .Vtl-AppBlock {
    display: inline-block;
    width: 50%;
        z-index: 100;
    position: relative;
margin:0px !important;
}
product-info .Vtl-WishlistButton__AddToWishlist{
      border-width: 2px !important;

}
product-info .share-button {
    height: 42px;
    display: inline-block;
    width: 48%;
    margin:0px !important;
}
product-info  .share-button__button {
  
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.header__icons .desktop-localization-wrapper{
  display:none !important;
}
.template-product- .one-btns .product-form__submit{
  background-image: linear-gradient(to top, #495B89, #6B7BA9);
    gap: 10px;
    height:48px;
    width:100%;
    color: white;
    border-radius: 50px;
    font-family: 'Satoshi light' !important;
    font-size: 18px;
    line-height: 28px;
    padding: 10px;
    width: 100%;
    transition: 0.3s;
    gap: 10px;
    border:0px;
    margin:0px !important;
    display:flex;
}
.template-product- .one-btns .product-form__submit:hover{
  background-image: linear-gradient(to top, #6B7BA9, #495B89);
    gap: 10px ;
}
 .template-product- .sub-btns, .template-product- .one-btns {
margin:0px !important;  
}
.template-product- .product-form{
margin:10px 0 0 0 !important;  
}/*
.template-product- .sub-btns .product-form__submit{
  background-image: linear-gradient(to top, #495B89, #6B7BA9) !important;
    gap: 10px;
    height:48px;
    width:100%;
    color: white;
    border-radius: 50px;
    font-family: 'Satoshi light' !important;
    font-size: 18px;
    line-height: 28px;
    padding: 10px;
    width: 100%;
    transition: 0.3s;
    gap: 10px;
    border:0px;
    margin:0px !important;
}
.template-product- .sub-btns .product-form__submit:hover{
  background-image: linear-gradient(to bottom, #6B7BA9, #495B89) !important;
    gap: 10px ;
}
    */
/* .template-product- .one-btns span {
    display: none;
} */
/* .template-product- .one-btns .product-form__submit:after {
    content: 'Subscribe & Save 15%';
        right: 0;
    display: contents;
} */
 .featured_top{
  padding:80px 0;
 }
 .featured_home{
   padding:100px 0;
   background: linear-gradient(
181deg, #FFFFFF, #FDF8F5) !important;
    align-items: center;
 }

.collection .card--card.gradient, .card__inner.gradient {
    transform: perspective(0);
    border-radius: 20px ! IMPORTANT;
}
.home_plastic{
   padding:100px 0;
  }

.collection product-form{
  display:none;
}
.template-collection  .product-card-wrapper .card__information{
  padding:0px 10px !important;
}
.template-collection  .card--card .quick-add{
  margin:0px !important; 
}
.template-collection .quick-add.no-js-hidden {
    padding: 0 10px 10px;
}
.template-collection .home_plastic {
    padding: 0px 0 !important;
}
div#custom-price {
    font-size: 16px;
    text-decoration: line-through;
}
div#custom-price1, #custom-price2{
   font-size: 36px;
   color:#495B89;
}
.product__info-container:has(.recharge-subscription-widget) .one-btns{
  display:block;
}
/* .one-btns{
  display:none;
} */
fieldset .pack-label:first-of-type .var-price-div .variant-bagde-off{
    visibility:hidden;
    margin-top:-20px;
    display:none;
}
.sub-main-div:has(input:checked) #custom-price2 {
    display: none;
}
.sub-main-div:has(input:not(:checked)) .sub-prices-wid {
    display: none;
}

.sub-prices-wid{
  display:flex;
  gap:10px;
  align-items:center;
}
.product-template-2 .one-btns {
    margin-top: -10px !important;
}

.product__info-container:has(.sub-input:checked) .toggle-off{
    display:none
}
.product__info-container:has(.sub-input:not(:checked)) .toggle-open{
    display:none
}
/* .product__info-container:has(.sub-input:not(:checked)) .pack-class{
     margin-top: 30px;
} */
/* .product__info-container:has(.sub-input:not(:checked)) .variant-metafield {
     margin-top: 45px;
} */
.product__info-container:has(.sub-input:not(:checked)) .label-name {
    top:25px;
    
} 
.product__info-container label.pack-label:first-of-type span.variant-bagde-off{
    display:none;
} 

variant-selects fieldset:has(label.pack-label) .variant-price-div:first-of-type {
top:5%;
}
.product__info-container:has(.sub-input:checked) .pack-label:first-of-type .label-name {
    top:25px;
    
}
.product-template-2 recharge-subscription-widget {
    opacity: 0;
    height: 0;
}
recharge-subscription-widget {
    width: 100%;
    max-width: 100%;
}
.product__info-container:has(.sub-input:checked) .variant-price-div:first-of-type {
top:5%;
}

 .sub-del-flex{
  display:flex;
      flex-wrap: nowrap;
  gap:10px;
  align-items:center;
  margin-top:10px;
 }
.sub-delivered{
  background: linear-gradient(
181deg, #495B89, #5A898F);
   font-size:16px;
   margin:0px;
  color:#fff;
  border-radius:50px;
  padding:0px 10px;
  font-weight:300;
}
.sub-delivered::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right:5px;
}
.product__info-container:has(.pack-class:first-of-type:checked) .custom-price {
  display: none !important;
}
.Vtl-WishlistHeaderWrapper {
  
    width: 34px !important;
    margin: -7px -24px 0 0;
}
.Vtl-WishlistHeaderWrapper svg{
width: 18px !important;
    height: 18px !important;
}
.product__info-container:has(.sub-input:checked) input[type=radio]:not(:checked).pack-class+label.pack-label .variant-metafield { 
    display:none !important;
    transition:0.1s !important;
        
}
/* .product__info-container:has(.sub-input:checked) input[type=radio]:checked+label .variant-metafield {
     transition:0.3s !important;
    display:block;
    margin: 80px 0 0;
} */
.product__info-container:has(.sub-input:not(:checked)) input[type=radio]:checked+label .variant-metafield {
     transition:0.3s !important;
   
   
}
.product-card-wrapper .card__content {
    display: block;
}
.product__info-container:has(.sub-input:not(:checked)) input[type=radio]:not(:checked).pack-class+label.pack-label .variant-metafield { 
  display:none;
    transition:0.1s !important;
}
.lable-div {
    display: flex;
    justify-content: space-between;
        align-items: center;

}
.var-price-div.toggle-open {
    justify-content: end;
    text-align: end;
}
product-info:has(.sub-input:checked) .sticky-atc-btn {
    background-image: linear-gradient(to bottom, #5BB98E, #A8DFC4);
        gap: 10px;
}
/* .sticky-atc-btn span {
    display: none;
} */
 .template-product:has(.pack-label) .sticky-atc-btn span {
    display: none;
}
 .template-product:has(.product-form__submit:disabled) .sticky-atc-btn {
    opacity:0.7;
    cursor: not-allowed;
}
product-info:has(.sub-input:checked) .sticky-atc-btn:after {
  content:'Subscribe Now - 20%';
        gap: 10px;
}
product-info:has(.sub-input:checked) .sticky-atc-btn span{
  display:none;
}
product-info:has(.sub-input:not(:checked)) .sticky-atc-btn span{
  display:none;
}
product-info:has(.sub-input:not(:checked)) .sticky-atc-btn:after {
  content:'Add to cart';
        gap: 10px;
}
.pack-label .sub-delivered{
  display:none;
}
.product__info-container:has(.sub-input:not(:checked)) .variant-bagde-off  {
  display:none;
}
/* .product__info-container input[type=radio].pack-class:first-of-type+label.pack-label .variant-price-div {
    position: absolute;
    top: 35%;
  } */
  /* .product__info-container input[type=radio].pack-class:checked:first-of-type+label.pack-label .variant-metafield  {
  
    margin-top: 45px !important;
} */
/* .product__info-container:has(.sub-input:not(:checked)) input[type=radio]:not(:checked).pack-class+label.pack-label .variant-price-div {
    position: absolute;
    top: 33%;
  }
  .product__info-container:has(.sub-input:not(:checked)) input[type=radio].pack-class:first-of-type+label.pack-label .variant-metafield{
     margin-top: 45px !important;
  }
  .product__info-container:has(.sub-input:not(:checked)) input[type=radio]:not(:checked).pack-class:first-of-type+label.pack-label .variant-metafield{
     margin-top: 26px !important;
  }
  .product__info-container:has(.sub-input:checked) input[type=radio]:not(:checked).pack-class:first-of-type+label.pack-label .variant-price-div {
    position: absolute;
    top: 33%;
  }
  /* .product__info-container:has(.sub-input:not(:checked)) input[type=radio].pack-class:first-of-type+label.pack-label .variant-price-div {
    position: absolute;
    top: 20%;
  } 
  .product__info-container:has(.sub-input:checked) input[type=radio].pack-class:first-of-type+label.pack-label .variant-price-div {
    position: absolute;
    top: 20%;
  } 
  /* .product__info-container:has(.sub-input:checked) input[type=radio]:not(:checked).pack-class:first-of-type+label.pack-label .variant-metafield{
    margin-top:26px !important;
  }
  .product__info-container:has(.sub-input:checked) input[type=radio]:checked.pack-class:first-of-type+label.pack-label .variant-metafield{
    margin-top:40px !important;
  } */
   .sticky-atc-content .one-btns{
    display:block !important;
   }
@media(max-width:767px){
  .sticky-atc-btn {

   
    font-size: 14px !important;
   
    padding: 5px !important;
  }
  .sub-slider:before {
    
    height: 20px;
    width: 20px;
    
}
.sticky-title {
    font-size: 18px !important;
  }
input:checked + .sub-slider:before {
    right:2px;
    transform: unset ;
    left:initial;
  }
.label-name {
    font-size: 16px;
  }
  span.variant-bagde-off {
    font-size: 9px;
    width: 75px;
  }
.sticky-price {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.sub-switch {
    
    width: 70px;
    height: 27px;
}
.sticky-atc-btn{
  width:100% !important;
}
  .sticky-atc-content {
         margin: auto;
        justify-content: center !important;
  flex-wrap:wrap !important;
  gap:10px;
  }
  .custom_breadcrumb{
    padding: 18px 10px 18px !important; 
  }
  .sticky-product-info{
    text-align:center;
    display: flex;
        gap: 20px;
        align-items: center;
  }
  .sub-delivered {
    font-size: 12px;
  }
  .sub-del-flex{
      flex-wrap: wrap;
      gap:0px;
    }

  .template-collection .quick-add.no-js-hidden {
    padding:0px !important;
  }
.collection product-form{
  display:block;
}
/*new-ziyad*/

  product-info .page-width{
    padding-left:0px !important;
    padding-right:0px !important;
  }
  label.pack-label {
    padding: 10px 10px 10px 45px !important;
}
.variant-price-div {
    
    top: 8% !important;
  
}
.label-name {
    
    top: 30px !important;
}
variant-selects fieldset:has(label.pack-label) input[type=radio] {
        margin: 20px 15px 20px !important;
  }
  .variant-price {
    font-size: 18px !important;
    color: #495B89;
}
.variant-meta {
    font-size: 10px !important;
  }
  .variant-metafield {
    
    margin: 10px 0 0 !important;
}
.sub-price .original-price{
  font-size:24px !important;
}
product-info .slick-next {
    right: -8px !important;
}
product-info .slick-prev {
    left: -10px !important;
}
product-info .product__column-sticky {
   
    margin: 40px 0;
}
product-info .thumb-slide-item {
    padding: 0 10px;
    margin-top: 16px !important;
}
}
.digital-downloads-block {
  display: none !important;
}
@media screen and (max-width: 749px) {
  /* Fix icon ATC button size on mobile */
  .quick-add.no-js-hidden product-form {
    min-width: 36px;
    height: 36px;
    top: -185px;
    right: 10px;
  }

  .quick-add.no-js-hidden product-form button {
    min-height: 36px;
    width: 36px;
    padding: 0;
  }

  /* Make subscribe_save and onetime buttons full width on mobile */
  .quick-add.no-js-hidden .subscribe_save a {
    font-size: 13px;
    padding: 0 10px;
  }

  .onetime_btn a {
    font-size: 12px;
    gap: 8px;
    min-height: 36px;
  }

  /* Tighten quick-add padding on narrow cards */
  .quick-add.no-js-hidden {
    padding: 0 10px 15px;
  }
}
.related-products .quick-add.no-js-hidden product-form {
  display: none;
}