/** Shopify CDN: Minification failed

Line 305:1 Expected identifier but found "."
Line 449:228 Expected ":"
Line 6582:6 Expected identifier but found "."
Line 7193:9 Expected identifier but found "!"

**/
.page--fall-in-love-with-our-new-2024-products .blog--featured{display:none!important}
.page--fall-in-love-with-our-new-2024-products .blognav{display:none!important}
.page--fall-in-love-with-our-new-2024-products .article--heading{display:none!important}

.page--love-yourself-and-the-planet-with-sky-organics .blog--featured{display:none!important}
.page--love-yourself-and-the-planet-with-sky-organics .blognav{display:none!important}
.page--love-yourself-and-the-planet-with-sky-organics .article--heading{display:none!important}


.page--spring-renewal-freshen-up-your-skincare-with-sky-organics .blog--featured{display:none!important}
.page--spring-renewal-freshen-up-your-skincare-with-sky-organics .blognav{display:none!important}
.page--spring-renewal-freshen-up-your-skincare-with-sky-organics .article--heading{display:none!important}



.page--national-recycling-day .blog--featured{display:none!important}
.page--national-recycling-day .blognav{display:none!important}
.page--national-recycling-day .article--heading{display:none!important}


.page--sustainability-recap-2023-milestones-with-sky-organics .blog--featured{display:none!important}
.page--sustainability-recap-2023-milestones-with-sky-organics .blognav{display:none!important}
.page--sustainability-recap-2023-milestones-with-sky-organics .article--heading{display:none!important}


.page--giftable-beauty-and-diy-recipes-for-the-holiday-season .blog--featured{display:none!important}
.page--giftable-beauty-and-diy-recipes-for-the-holiday-season .blognav{display:none!important}
.page--giftable-beauty-and-diy-recipes-for-the-holiday-season .article--heading{display:none!important}

.page--top-sustainable-gift-wrapping-options .blog--featured{display:none!important}
.page--top-sustainable-gift-wrapping-options .blognav{display:none!important}
.page--top-sustainable-gift-wrapping-options .article--heading{display:none!important}

.page--beauty-gifting .blog--featured{display:none!important}
.page--beauty-gifting .blognav{display:none!important}
.page--beauty-gifting .article--heading{display:none!important}


.page--reflections-at-sky-organics-2023-year-in-review .blog--featured{display:none!important}
.page--reflections-at-sky-organics-2023-year-in-review .blognav{display:none!important}
.page--reflections-at-sky-organics-2023-year-in-review .article--heading{display:none!important}

.page--love-yourself-and-the-planet-with-sky-organics .article--content .blocarticle p a {
    color: #8db7e2;
}
.page--reflections-at-sky-organics-2023-year-in-review .article--content .blocarticle p a {
    color: #80b2c4;
}
.page--reflections-at-sky-organics-2023-year-in-review .article--content .blocarticle .blocbloc p a {
    color: #000;
}

.page--fall-in-love-with-our-new-2024-products .off-canvas--main-content .article--content .blocarticle p {
    font: 15px/24px Bilo;
}

.page--fall-in-love-with-our-new-2024-products .off-canvas--main-content .article--content .blocarticle p a{
       color: #80b2c4 !important;
}


.grown{background:#efeff0;    padding: 30px 0 30px !important;}
.greybloc{        padding: 0 30px 15px;
    display: flex;
    align-content: center;}
.greyblocbloc{      background: #fff;
    border-radius: 15px;
    width: 33.33%;
    padding: 14px 0 14px 14px;
    margin: 0 6px;
    display: flex;
    align-content: space-between;
    align-items: center;}
.greyblocbloc img{    float: left;
    margin-right: 12px;
    max-width: 43%;}
.greyblocbloc p{  
    font-size: 14px;
    line-height:1.2 !important;
    float: left;
    width: calc(59% - 10px)!important;    margin-bottom: 0 !important;}


.blueblocbloc h4{
    text-transform: uppercase;
    letter-spacing: 0.06em !important;
    color: #457ec0 !important;
    padding-bottom: 10px !important;}

    
.bluebloc{padding:45px 0 30px;    display: flex;}
.blueblocbloc {
         background: #fff;
    width: calc(20% - 25px);
    margin: 0 10px;
    padding: 10px 20px;
    float: left;

}

.blueblocbloc h4{color:#457ec0}
.blueblocbloc p{line-height: 1.2 !important;
    font-size: 14px !important;}

.titretitre{width:100%;float:left}
.titretitre .colgauche{width:60%;float:left}

.titretitre .colgauche img{float: left;
    position: relative;
    top: -12px;
    margin-right: 10px;}


.titretitre .coldroite{width: 40%;
    float: left;
    background: #80b2c4;
    color: #fff;
    font-weight: 600;
    padding: 8px 65px;
    text-align: center;}
.template--article .article--content .blocarticle .titretitre .colgauche h2 {
    text-align: center;
    font: 600 30px/35px Bilo;
    letter-spacing: 0px;
    color: #80b2c4;
    text-transform: uppercase;
    opacity: 1;
    float: left;
    width: auto;
    margin-top: 0;
}
.coeurright{    width: 53px !important;
    margin: 22px;
    float: right;}
.coeurleft{    width: 53px !important;
    margin: 22px;}

.blocbloc{background:#e6f0f3;padding-bottom:25px;margin-bottom:25px;position: relative;}
.blocbloc img{margin:0 !important}
.blocbloc p{padding: 0px 30px;}
.blocbloc h3{color: #80b2c4 !important;padding: 20px 30px 10px;}
.blocbloc .imagebloc {height: 815px;}

.headerimage{padding:314px 25px 30px 25px;    float: left;
    width: 100%;position:relative}

.page--spring-renewal-freshen-up-your-skincare-with-sky-organics .headerimage{padding:0;    float: left;
    width: 100%;position:relative;    aspect-ratio: 16 / 9;}

    .alignekrj{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    width: 35%;
}


.template--article .article--content .headerimage h2{color: #fff;
    text-align: left;
    font: 600 30px/35px Bilo;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 0;}


    .template--article .article--content .headerimage .alignekrj h2{
      font-family: Canela;
    text-transform: initial;
    font-weight: 300;
    font-size: 63px;
    line-height: 1;
    margin-bottom: 21px;margin-top: 0;
}



.template--article .article--content .headerimage h3{    text-align: left;
    font: 600 16px/20px Canela!important;
    letter-spacing: .64px;
    opacity: 1;
    width: 100%;
    padding-bottom: 25px;
    color: #fff;
    padding-left: 0;
    margin-top: 0;}


.template--article .article--content .headerimage .alignekrj h3{    color: #eaf3e3;
    text-align: left;
    font: 600 30px/35px Bilo !important;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 0;}


.ghghr img{width: calc(50% - 40px) !important;
    float: left;
    margin: 20px}
    .page--reflections-at-sky-organics-2023-year-in-review .articlecontentmobile.ghghr{margin-left: -20px;
    width: calc(100% + 40px);}
.iconmkp{position: relative;text-align: center;top: -85px;margin-bottom: -65px;}
.iconmkp img{width: 70px !important;margin: 0 10px;}

.page--sustainability-recap-2023-milestones-with-sky-organics .iconmkp {    position: relative;    text-align: right;    top: -150px;    margin-bottom: -100px;}


.page--reflections-at-sky-organics-2023-year-in-review .glamour{position: absolute;    width: 130px;    left: -110px;    top: -50px;}
@media only screen and (max-width: 767px){


.greybloc {    display: inline-block;    padding: 0 10px 15px;}
.greyblocbloc {    background: #fff;    border-radius: 15px;    width: 100%;    padding: 14px 0 14px 14px;    margin: 0 0px 14px;    display: inline-block;    align-content: space-between;    align-items: center;}
.grown {background: #efeff0;    padding: 30px 20px!important;}
.bluebloc {
    padding: 45px 20px 45px;    display: inline-block;}
.blueblocbloc {    background: #fff;    width: 100%;    margin: 0;    padding: 10px 20px;    float: left;}
.headerimage{padding:220px 25px 30px 25px}
.template--article .article--content .blocarticle .titretitre .colgauche h2 {  text-align: left;    max-width: calc(100% - 105px);}

.page--fall-in-love-with-our-new-2024-products .article--content .blocarticle p a {color: #80b2c4;font-weight: 600;}
  
.titretitre .colgauche {width: 100%;float: left;text-align: left;}
.titretitre .coldroite {    width: 100%;    margin-bottom: 23px;}
.page--fall-in-love-with-our-new-2024-products .off-canvas--main-content .article--content .blocarticle p {    font: 14px/21px Bilo;}
.page--fall-in-love-with-our-new-2024-products .headerimage {    aspect-ratio: 16/16;}
  
.page--reflections-at-sky-organics-2023-year-in-review .glamour {position: absolute;    width: 130px;    left: initial;    top: 50px;    right: 50px;}
.page--sustainability-recap-2023-milestones-with-sky-organics .iconmkp {    position: relative;    text-align: center;    top: 0;    margin-bottom: 0;
}
.page--reflections-at-sky-organics-2023-year-in-review .blocarticle {    margin-bottom: 0!important;}
.blocbloc{margin-bottom:0px;}

.page--reflections-at-sky-organics-2023-year-in-review .article--content .blocbloc h3 {    padding-left: 30px !important;}
}




 @media only screen and (max-width:767px) {
.page--national-recycling-day .featured-blog--root {margin-top: -10px !important;}
.page--national-recycling-day .article--content {padding: 0 0px !important;}

.page--sustainability-recap-2023-milestones-with-sky-organics .featured-blog--root {margin-top: -10px !important;}
.page--sustainability-recap-2023-milestones-with-sky-organics .article--content {padding: 0 0px !important;}
   
.page--fall-in-love-with-our-new-2024-products .featured-blog--root {margin-top: -10px !important;}
.page--fall-in-love-with-our-new-2024-products .article--content {padding: 0 0px !important;}
   
 .page--love-yourself-and-the-planet-with-sky-organics .featured-blog--root {margin-top: -10px !important;}
.page--love-yourself-and-the-planet-with-sky-organics .article--content {padding: 0 0px !important;}  

   .page--reflections-at-sky-organics-2023-year-in-review .featured-blog--root {margin-top: -10px !important;}
.page--reflections-at-sky-organics-2023-year-in-review .article--content {padding: 0 0px !important;}

   
.page--giftable-beauty-and-diy-recipes-for-the-holiday-season .featured-blog--root {margin-top: -10px !important;}
.page--giftable-beauty-and-diy-recipes-for-the-holiday-season .article--content {padding: 0 0px !important;}

   .page--top-sustainable-gift-wrapping-options .featured-blog--root {margin-top: -10px !important;}
.page--top-sustainable-gift-wrapping-options .article--content {padding: 0 0px !important;}
     
   .page--beauty-gifting .featured-blog--root {margin-top: -10px !important;}
.page--beauty-gifting .article--content {padding: 0 0px !important;}
  }




.account--button-container {
    justify-content: space-around;
}
.footer-continue{display:none}
#slidecart-checkout-form{display:none}
#slidecart-checkout-form.display{display:block !important;margin-bottom:80px}




 [data-critical-css=false] {
     display: block 
}
 table {
     border-top: solid 1px #e0e0e0;     border-bottom: solid 1px #e0e0e0;     border-collapse: separate}


.template--article .article--content h2, .template--article .article--content  h1{          font-size: 30px;    line-height: 35px;    margin-top: 13px;    padding-bottom: 22px;}
.template--article .article--content h1 b, .template--article .article--content h2 b{font-weight:400 !important}






@media only screen and (max-width: 767px){  
..template--article .article--content h2, ..template--article .article--content h1{       text-align: center;   }
}








.blocarticle{    float: left;    width: 100%;    display: table;    display: flex;    flex-wrap: wrap;    margin-bottom: 65px; }
.blocleft{width: 50%;padding: 0 20px;position:relative}
.blocright{float:left;width:50%;padding: 0 20px;position:relative}


  
.imagebloc{height: 100%;    width: 100%;    float: left;    position: absolute;    background-size: cover;}
.template--article .article--content .blocarticle h2{    text-align: left;    font: 600 30px/35px Bilo;    letter-spacing: 0px;    color: #333;    text-transform: uppercase;    opacity: 1;    float: left;    width: 100%;}
    
.template--article .article--content .blocarticle h3{      text-align: left;    font: 700 16px/20px Canela !important;    letter-spacing: .64px;    color: #696e71;    opacity: 1;    width: 100%;padding-bottom: 20px;}
    
.template--article .article--content .blocarticle h4{    text-align: left;    font: 700 14px/20px Bilo !important;    letter-spacing: 0px;    color: #333;    opacity: 1;padding-bottom: 20px;}


.template--article .article--content .blocarticle h4.rata{    color: #588cbe;    text-align: center;    font-family: 'Canela' !important;    font-size: 20px;    font: normal normal bold 16px/20px Canela !important;
    letter-spacing: 0.64px;}

    
.template--article .article--content .blocarticle p{text-align: left;    font: 14px/20px Bilo;    letter-spacing: 0px;    color: #333;margin-bottom:20px;    font-weight: 500;}
.blocarticle a{    color: #588CBE;    font-family: inherit;border: 0;    text-decoration: none !important;font-weight:500;font-size: inherit;line-height:inherit}

.template--article .article--content .blocarticle .blocwide{    width: 100%;float: left;text-align: center;padding: 0 20px;}

.template--article .article--content .blocarticle .blocwide h2{ text-align: center;}
.template--article .article--content .blocarticle .blocwide p{ text-align: center;}
   
.page--spring-renewal-freshen-up-your-skincare-with-sky-organics.template--article .article--content .blocarticle p {font: 15px / 20px Bilo;}
.logoarticle{margin-bottom: 15px;
    margin-top: 30px;}
.blocleft img{margin-bottom:20px;width: 100%;}
.blocright img{margin-top:20px;width: 100%;}

.decaleright{
    background: #f6f6f6;
    margin: 80px 0;
    padding: 50px;
    margin-left: -15%;
    width: calc(65% - 20px);    z-index: 2;
}
.template--article .article--content .blocarticle h2.centre{text-align:center}
.bloc3{width:33%;float:left;}
.blocpremier{padding-right:35px}
.bloccentre{padding:0 35px}
.blocdernier{padding-left:35px}


.template--article .article--content .blocarticle.bleu{margin-bottom: 0;background:#dceefa5e;padding:60px}
.template--article .article--content .blocarticle.bleu h3{color: #85d4e5;text-align:center}
.template--article .article--content .blocarticle.bleu h1{text-align:center}
.template--article .article--content .blocarticle.bleu h2{text-align:center}
.template--article .article--content .blocarticle.bleu p{text-align:center}

.template--article .article--content .blocarticle.footsky{ margin-bottom: 0;background: url('/cdn/shop/files/image_sky_alone.png?v=1699992684') center;
    background-size: cover;height:212px;width:100%}

.template--article .article--content .blocarticle.footerlink{margin-bottom: 0;background:#333333;padding:36px 0}
.template--article .article--content .blocarticle.footerlink a{color: #85d4e5;float:left;width:33.33%;text-align:center}



.decaleleft{
    background: #f6f6f6;
    margin: 80px 0;
    padding: 50px;
    margin-right: -15%;
    width: calc(65% - 20px);    z-index: 2;
}

.bulle{    width: 100%;    float: left;margin-bottom:40px}
.bubulle{width: calc(20% - 5px);
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    margin: 0;}
.bubulle img{width:100%;border-radius:50%}
.bubulle span{width: 100%;
    padding-top: 7px;
    font: 14px/14px Bilo;
    line-height: 18px !important;
    display: inline-block;}

  .moinszero{}
  .moinscentvingt{margin-top:-160px}

.moinszero .blocleft {   width:50%;}
.moinszero .decaleright {    background: #f6f6f6;    padding: 50px;    margin: 80px 0 80px -80px;    width: calc(60% - 20px);    z-index: 2;    position: relative;
    right: 40px;}

    .page--reflections-at-sky-organics-2023-year-in-review .moinszero .decaleright {  background: #f6f6f6;
    padding: 50px;
    margin: 40px 0 40px -80px;
    width: calc(60% - 20px);
    z-index: 2;
    position: relative;
    right: 0;}

    
.moinszero .decaleleft {     background: #f6f6f6;    margin: 80px -80px 80px 0;    padding: 50px;    width: calc(60% - 20px);    z-index: 2;    position: relative;    left: 80px;}

.moinscentvingt .blocleft {    width: 50%;}
.moinscentvingt .decaleright {    background: #f6f6f6;    padding: 50px;    margin: 80px 0 80px -80px;    width: calc(60% - 20px);    z-index: 2;    position: relative;
    right: 40px;}
.moinscentvingt .decaleleft {  background: #f6f6f6;    margin: 80px -80px 80px 0;    padding: 50px;    width: calc(60% - 20px);    z-index: 2;    position: relative;    left: 80px;}

.illisible{position:relative;overflow:hidden}
.illisible:before{    content: "";
    background: white;
    width: 30px;
    position: absolute;
    z-index: 1;
    left: calc(50% - 10px);
    top: 0;
    height: 100%;}
    .simpl{margin-bottom:0 !important}


 
.template--article .article--content .blocarticle.bleu.ddddd{border-radius: 55px 0 0 55px;background: #DEF0F7;
    padding: 20px 60px 40px;
    margin-bottom: 60px;}
.template--article .article--content .blocarticle .blocpapa img{width:100%}
.template--article .article--content .blocarticle .blocpapa h3{text-align:center;    color: #967f53;
    margin-bottom: 0;
    padding-bottom: 5px;
    margin-top: 20px;}
.template--article .article--content .blocarticle .blocpapa p{text-align:center}

.template--article .article--content .blocarticle p.blocgras{background: #f6f3ef;    font-size: 19px;   font-weight: 600;    padding: 30px 50px 50px;    text-align: center;    color: black;margin-bottom: 0;}
.papa3{
    width: 100%;
    float: left;
    background: #f6f3ef;
    padding: 70px 20px 15px;display: flex;
}
.blocpapa3{margin:0 15px;padding: 0 20px;position:relative;background: url('/cdn/shop/files/Long_banner_for_products_928cc914-a8d6-4276-8e84-de1bf5f50140.png?v=1709804533') center top; no-repeat;background-size: 100%;
    border-radius: 0 0 15px 15px;    width: 33.33%;}  
.template--article .article--content .blocarticle .blocpapa3:before{content:'';background: url('/cdn/shop/files/Icon_QUOTES_7253f4a9-2fd5-4cf8-b4b8-3a6eaa5026fe.png?v=1709708922');background-size:cover;width:40px;height:40px;    position: absolute;
    right: 30px;
    top: 30px;}

.template--article .article--content .blocarticle .blocpapa3 img{width:60%;border-radius: 100%;}
.template--article .article--content .blocarticle .blocpapa3 h3{    text-align: left;    color: black !important;    margin-bottom: 0;    padding-bottom: 5px;    margin-top: 20px;    font-size: 22px !important;    margin-bottom: 19px;    line-height: 1 !important;    min-height: 71px;}
.template--article .article--content .blocarticle .blocpapa3 p{text-align:left}

.rev{}
.rev1 {  width: 100%;    float: left;}
.rev1 span{background: #111111;    border-radius: 9px;    color: white;    font-weight: 500;    padding: 2px 15px;    font-size: 15px;    margin-bottom: 10px;
    float: left;}
  
.rev2{  width: 50%;    float: left;}
.rev3{    font: 700 13px / 15px Canela !important;    text-align: right;    width: 50%;    float: left;padding-top: 5px;}

.page--spring-renewal-freshen-up-your-skincare-with-sky-organics.template--article .article--content .blocarticle .blocpapa3 p {
    font: 14px / 18px Bilo;
}


.template--article .article--content .blocarticle .blocpapa3 .rev p {font-size: 12px;
    line-height: 17px;
    text-align: justify;
    float: left;
    width: 100%;
    margin-top: 10px;}



.page--spring-renewal-freshen-up-your-skincare-with-sky-organics.template--article .article--content .blocarticle a {
    color: #8db7e2;
}
@media only screen and (max-width: 767px){  
.alignekrj {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(0%, -50%);
    width: 48%;
}
  .template--article .article--content .headerimage .alignekrj h2 {
    font-size: 33px;    margin-bottom: 11px;

}
.papa3 {
    width: 100%;
    float: left;
    background: #f6f3ef;
    padding: 30px 20px 15px;
    display: flex;
}
  .template--article .article--content .headerimage .alignekrj h3 {
    font: 500 15px / 18px Bilo !important;
}

.page--spring-renewal-freshen-up-your-skincare-with-sky-organics.template--article .article--content {padding: 0 0px;}
.template--article .article--content .blocarticle .blocpapa3 img {
    width: 45%;
    border-radius: 100%;
}
  .template--article .article--content .blocarticle .blocpapa3:before {
    content: '';
    background: url(/cdn/shop/files/Icon_QUOTES_7253f4a9-2fd5-4cf8-b4b8-3a6eaa5026fe.png?v=1709708922);
    background-size: cover;
    width: 73px;
    height: 73px;
    position: absolute;
    right: 48px;
    top: 48px;
}
.illisible:before{ display:none}
.template--article .article--content .blocarticle.bleu h3 {
    margin: -10px 0 0;
}
  .papa3 {
    width: 100%;
    float: left;
    background: #f6f3ef;
    padding: 30px 20px 15px;
    display: inline-block;
}
.blocpapa3 {
    padding: 24px;
    width: calc(100% - 14px);
    margin: 7px;
    float: left;
}.template--article .article--content .blocarticle.bleu.ddddd {    padding: 20px 25px 20px;}
  
.blocpapa {    padding: 10px;    width: calc(50% - 14px);    margin: 7px;}
  
.bubulle {width: calc(33% - 5px);    display: inline-block;    vertical-align: top;    padding: 0 15px 26px;}
  
.alignnleft{text-align:left !important}
.blocleft {    width: 100%;    padding: 0;}
.blocright {    width: 100%;    padding: 0;}


.illisible .blocleft {    width: 40%;    padding: 0;}
.illisible .blocright {   width:60%;padding: 10px 35px;right: 0;    margin: 0;}
.illisible .blocleft.decaleleft{ width:60%;padding: 10px 35px;left: 0;margin: 0;}
.illisible .blocright.quarante{ width:40%;padding: 0;}

.template--article .article--content .articlecontentmobile h3 {text-align: left;font: 700 16px/20px Canela!important;letter-spacing: .64px;color: #696e71;opacity: 1;width: 100%;padding: 5px 30px 15px;
}
.template--article .article--content .illisible h3 {display:none}
.blocarticle.p30{padding-top:30px !important}
.blocarticle {    margin-bottom: 5px;    padding: 0 25px;}
.template--article .article--content .blocarticle h3 {padding-left: 0;}
.decaleright {    background: #f6f6f6;    padding: 30px;    margin: 0px 0 0px 0;    width: 100%;    z-index: 2;}
.decaleleft {    padding: 30px;    margin: 0px 0 0px 0;    width: 100%;    z-index: 2;}

  .bloc3 {
    width: 100%;
    float: left;
    padding: 0 !important;
}
  .template--article .article--content .blocarticle.bleu {
    padding: 30px;
}

  .template--article .article--content .blocarticle.footerlink a {
   font-size:12px
}
  
.imagebloc {
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
    background-size: cover;
    aspect-ratio: 9/13;
}
  .template--article .article--content .blocarticle .blocwide {
    padding: 0;
}

  .page--beauty-gifting.template--article .article--content .blocarticle.bleu {
    padding: 50px 30px;
}
  
}




.page--rebrand-recap .article--content h2, .page--rebrand-recap .article--content h1{    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-top: 25px;}
.page--rebrand-recap .article--content h1 b, .page--rebrand-recap .article--content h2 b{font-weight:400 !important}


.page--3-tips-to-spring-clean-your-beauty-routine .article--content h2, .page--rebrand-recap .article--content h1{    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-top: 25px;}

    .page--3-tips-to-spring-clean-your-beauty-routine .article--content h1 b, .page--rebrand-recap .article--content h2 b{font-weight:400 !important}
    

 .collapsible-tab--root table, .template--page table {
     width: 100%;
     margin: 0 auto;
     background-color: #fff;
     border-collapse: collapse;
     border-width: 1px;
     border-color: #e0e0e0;
     border-style: solid;
     color: #000 
}
 .collapsible-tab--root table td, .collapsible-tab--root th, .template--page table td, .template--page th {
     border-width: 1px;
     border-color: #e0e0e0;
     border-style: solid;
     padding: 8px 
}
 @media only screen and (max-width:768px) {
     table.responsive {
         display: block;
         width: 100%;
         box-sizing: border-box;
         float: left;
         clear: left;
         border: 0 
    }
     table.responsive tbody, table.responsive td, table.responsive th, table.responsive thead, table.responsive tr {
         display: block;
         width: 100%;
         box-sizing: border-box;
         float: left;
         clear: left 
    }
     table.responsive thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px 
    }
     table.responsive tr {
         border: 1px solid #e0e0e0;
         padding: 12px 
    }
     table.responsive td {
         padding: 0;
         line-height: 1.6;
         border: none;
         border-bottom: 0;
         position: relative;
         padding: 8px 0 
    }
     table.responsive td:empty {
         padding: 0 
    }
     table.responsive td:before {
         display: block;
         word-wrap: break-word;
         max-width: 100% 
    }
     table.responsive td:before {
         content: attr(data-label) 
    }
}
 [data-item=input] {
     align-items: center;
     background: #fff;
     border: 1px solid #e0e0e0;
     display: inline-flex;
     margin-bottom: 15px;
     position: relative;
     text-align: left 
}
 [data-item=input] [data-item=minus], [data-item=input] [data-item=plus] {
     padding: 0 8px;
     cursor: pointer;
     background: #fff;
     display: flex;
     align-items: center;
     height: 38px 
}
 @media only screen and (max-width:767px) {
     [data-item=input] [data-item=minus], [data-item=input] [data-item=plus] {
         padding: 0 16px 
    }
}
 [data-item=input] input {
     width: 38px;
     height: 32px;
     line-height: 32px;
     z-index: 1;
     border-top: 0;
     border-bottom: 0;
     margin: 0;
     border-radius: 0 
}
 .image--root {
     position: relative;
     max-width: 100% 
}
 @media only screen and (min-width:768px) {

   .swiper-landing {overflow:hidden;    position: relative;}

   
     .image--root[data-cover=true] {
         position: static 
    }
}

   .swiper-landing {    padding: 0 45px 40px;}


.swiper-landing .swiper-button-next:after, .swiper-landing .swiper-button-prev:after {
    font-size: 16px !important;
    color: black;
}

.swiper-landing .swiper-button-next, .swiper-landing .swiper-rtl .swiper-button-prev {
       background: white;
    line-height: 30px;
    border-radius: 50%;
    height: 30px;
    width: 30px;right:0
}
.swiper-landing .swiper-button-prev, .swiper-landing .swiper-rtl .swiper-button-next {
    left: 0;
     background: white;
    line-height: 30px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}


 @media only screen and (max-width:767px) {

  .swiper-landing .swiper-button-next, .swiper-landing .swiper-rtl .swiper-button-prev {
      display:none
}
.swiper-landing .swiper-button-prev, .swiper-landing .swiper-rtl .swiper-button-next {
  display:none
}

   
     .image--root[data-cover-mobile=true] {
         position: static 
    }
}
 @media only screen and (min-width:768px) {
     .image--root[data-darken=true]:after {
         position: absolute;
         content: '';
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .3) 
    }
}
 @media only screen and (max-width:767px) {
     .image--root[data-darken-mobile=true]:after {
         position: absolute;
         content: '';
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .3) 
    }
}
 .image--root[data-parallax=true] {
     height: 100% 
}
 .image--root noscript img {
     visibility: visible;
     opacity: 1 
}
 .image--parallax {
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center 
}
 @media only screen and (min-width:768px) {
     .image--parallax {
         background-attachment: fixed 
    }
}
 .image--container {
     max-width: 100%;
     position: relative 
}
 @media only screen and (min-width:768px) {
     .image--root[data-cover=true] .image--container {
         position: static 
    }
}
 @media only screen and (max-width:767px) {
     .image--root[data-cover-mobile=true] .image--container {
         position: static 
    }
}
 img {
     vertical-align: middle;
     max-width: 100% 
}
 .image--root img {
     display: block;
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     transition: opacity .3s ease;
     visibility: hidden;
     width: 100% 
}
 .image--root img.lazyloaded {
     visibility: visible;
     opacity: 1 
}

 .template--product .product__gallery .image--root img {
     visibility: visible;
     opacity: 1 
}

 @media only screen and (min-width:768px) {
     .image--root[data-cover=true] img {
         -o-object-fit: cover;
         object-fit: cover;
        background: #2a3358;
    }
}
 @media only screen and (max-width:767px) {
     .image--root[data-cover-mobile=true] img {
         -o-object-fit: cover;
         object-fit: cover 
    }
}
 .placeholder--root {
     height: 100%;
     position: relative;
     max-width: 100% 
}
 @media only screen and (min-width:768px) {
     .placeholder--root[data-cover=true] {
         position: static 
    }
}
 @media only screen and (max-width:767px) {
     .placeholder--root[data-cover-mobile=true] {
         position: static 
    }
}
 @media only screen and (min-width:768px) {
     .placeholder--root[data-darken=true]:after {
         position: absolute;
         content: '';
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .3) 
    }
}
 @media only screen and (max-width:767px) {
     .placeholder--root[data-darken-mobile=true]:after {
         position: absolute;
         content: '';
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, .3) 
    }
}
 .placeholder--container {
     height: 100% 
}
 @media only screen and (max-width:767px) {
     .placeholder--root[data-cover-mobile=true] .placeholder--container {
         padding-top: 0 !important 
    }
}
 .search--root[data-view=template-product] {
     padding-top: 32px 
}
 .search--bar {
     position: relative 
}
 @media only screen and (max-width:767px) {
     .search--bar {
         padding-top: 8px 
    }
}
 @media only screen and (min-width:768px) {
     .search--bar {
         padding: 16px 0 
    }
}
 .search--filter {
     padding-right: 16px 
}
 .search--filter:hover {
     cursor: pointer 
}
 input[type=text].search--textbox, input[type=text].search--textbox:focus {
     padding: 0 55px 0 32px;
     border: 0;
     outline: 0;
     box-shadow: none;
     background: 0 0;
     height: 50px;
     font-size: 22px;
     margin: 0 
}
 input[type=text]::-ms-clear {
     display: none 
}
 .search--loading {
     display: none;
     position: absolute;
     top: 23px;
     left: -1px 
}
 @media only screen and (max-width:767px) {
     .search--loading {
         top: 15px 
    }
}
 .search--loading svg {
     fill: #000 
}
 .search--results {
     display: flex 
}
 @media only screen and (max-width:767px) {
     .search--results {
         flex-wrap: wrap 
    }
}
 .search--results>* {
     padding: 16px 
}
 .search--products {
     transition: opacity .2s cubic-bezier(.45, .05, .55, .95) 
}
 @media only screen and (max-width:767px) {
     .search--products {
         width: 100% 
    }
}
 @media only screen and (min-width:768px) {
     .search--products {
         flex: 1 1 0;
         width: calc(100% - 300px) 
    }
}
 .search--root[data-view=template-product] .search--products {
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .search--root[data-show-articles=false][data-show-pages=false] .search--products {
         width: 100% 
    }
}
 .search--products:empty {
     display: none 
}
 .search--info {
     display: flex;
     padding: 16px;
     border-bottom: 1px solid #e0e0e0 
}
 .search--count {
     flex-grow: 1 
}
 .search--root[data-view=modal] .search--products-container {
     padding: 32px 0 
}
 .search--root[data-view=modal] .search--articles {
     transition: opacity .2s cubic-bezier(.45, .05, .55, .95) 
}
 @media only screen and (max-width:767px) {
     .search--root[data-view=modal] .search--articles {
         width: 100% 
    }
}
 @media only screen and (min-width:768px) {
     .search--root[data-view=modal] .search--articles {
         flex: 1 0 300px;
         width: 300px;
         max-width: 300px 
    }
}
 .search--articles:empty {
     display: none 
}
 .search--root[data-view=modal] .search--articles-container {
     padding: 32px 16px 
}
 .search--article:not(:last-of-type) {
     padding-bottom: 16px 
}
 .search--spinner {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 96px 0 
}
 .search--spinner-wrapper>* {
     margin: 0 auto 
}
 @media only screen and (min-width:768px) {
     [data-columns='3'] .search--no-products {
         grid-column: 1/span 3 
    }
     [data-columns='4'] .search--no-products {
         grid-column: 1/span 4 
    }
}
 .search--body--filter-feedback {
     text-align: center;
     padding: 72px 0 
}
 @media only screen and (min-width:768px) {
     [data-columns='2'] .search--body--filter-feedback {
         grid-column: 1/span 2 
    }
     [data-columns='3'] .search--body--filter-feedback {
         grid-column: 1/span 3 
    }
     [data-columns='4'] .search--body--filter-feedback {
         grid-column: 1/span 4 
    }
}
 @media only screen and (max-width:767px) {
     [data-mobile-columns='1'] .search--body--filter-feedback {
         grid-column: 1/span 1 
    }
     [data-mobile-columns='2'] .search--body--filter-feedback {
         grid-column: 1/span 2 
    }
}
 .search--again-button {
     text-align: center 
}
 .search--again-button a {
     padding: 16px 
}
 .search--pagination {
     width: 100% 
}
 [data-search--view=sidebar] .search--icon {
     top: 15px 
}
 [data-search--view=page] .search--icon {
     top: 15px 
}
 .navigation--root {
     padding: 0 48px 
}
 .navigation--root[data-show-navigation=false] {
     padding: 40px 0 0 
}
 @media only screen and (max-width:767px) {
     .navigation--root {
         padding: 0 16px 
    }
     .navigation--root[data-show-navigation=false] {
         padding: 16px 0 0 
    }
}
 @media only screen and (min-width:768px) {
     .navigation--container {
         display: flex;
         justify-content: space-between;
         padding: 72px 0 0 
    }
}
 .navigation--layout {
     display: flex;
     margin-left: auto;
    display: none;
}
 .navigation--layout-button {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 40px;
     width: 40px;
     border: 1px solid #e0e0e0 
}
 .navigation--layout-button:first-child {
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     border-right: 0;
     padding-left: 8px 
}
 .navigation--layout-button:last-child {
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
     border-left: 0;
     padding-right: 8px 
}
 .navigation--layout-button[data-active=false]:not(:hover) {
     color: var(--color-grey-200) 
}
 .navigation--layout-button:hover[data-active=false] {
     transition: .25s color ease-in;
     cursor: pointer 
}
 .navigation--filter[data-item] {
     align-items: center;
     height: 40px;
     padding: 0 3px;
     border-bottom: 1px solid #B5B5B5;
     border-radius: 0;
     width: 100%;
}
 .recent-products--title h3{
    font-family: 'Canela';
     font-style: normal;
     font-weight: 500;
     font-size: 48px;
     line-height: 82px;
     text-align: center;
    margin-bottom:40px
}
 .template--collection .contact--right-column form, #insta-feed h2 {
     display: none;
}
 .navigation--button {
     padding: 0 40px 0 0;
     border-radius: 0;
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.2em;
     text-transform: uppercase;
}
 .navigation--button:after {
    content:'+';
    font-weight:400;
    font-size: 16px;
}
 .navigation--button[data-toggle-menu=browse-filter]{
    float:right;
    padding: 0;    display: none;
}


 .navigation--button[data-toggle-menu=refine-filter]{
    float:left;display:none
}
 .navigation--button:hover {
     cursor: pointer 
}
 .navigation--results {
     display: flex;
     align-items: center 
}
 .navigation--tags-container {
     padding-top: 16px;
     display: flex;
     flex-wrap: wrap;
     align-items: center 
}
 .navigation--active-tags[data-item] {
     flex-basis: initial;
     display: flex;
     flex-wrap: wrap;
     align-items: center 
}
 .navigation--active-tag:not(:last-child) {
     display: flex;
     align-items: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     padding: 2px 8px 2px 12px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 16px;
     transition: background-color .4s cubic-bezier(.19, 1, .22, 1);
     background-color: #f7f7f7;
     margin: 3px 8px 3px 0 
}
 .navigation--active-tag:not(:last-child):hover {
     cursor: pointer 
}
 .navigation--active-tag:not(:last-child) .icon--root {
     display: none;
     padding-left: 4px;
     height: 8px 
}
 input:checked+.navigation--active-tag:not(:last-child) {
     background-color: #f7f7f7 
}
 input:checked+.navigation--active-tag:not(:last-child) .icon--root {
     display: block 
}
 @media only screen and (max-width:767px) {
     .navigation--active-tag:not(:last-child) {
         margin: 4px 12px 4px 0 
    }
}
 .navigation--active-tag:not(:last-child) .icon--root {
     display: block 
}
 .navigation--active-tag--swatch[data-item=swatch] {
     height: 16px;
     width: 16px;
     min-width: 16px;
     margin: 0 4px 0 -4px 
}
 .navigation--active-clear[data-item] {
     flex-basis: initial;
     padding: 0 0 4px 8px 
}
 .navigation--active-clear[data-item]:hover {
     cursor: pointer 
}
 .navigation--mobile-header[data-container] {
     flex-wrap: unset 
}
 .navigation--mobile-header[data-container]:empty {
     display: none 
}
 @media only screen and (max-width:767px) {
     .recent-products--title h3 {
         font-size: 28px;
         line-height: 32px;
         margin-bottom: 20px;
    }
     .navigation--mobile-header[data-container] {
         display: flex;
         justify-content: space-between;
         padding: 32px 0 0 
    }
}
 .navigation--mobile-button {
     height: 32px;
     line-height: 14px;
     flex-basis: initial;
     padding: 8px 6px;
     letter-spacing: 0.2em;
     font-weight: 600;
}
 @media only screen and (min-width:768px) {
     .filter--root {
         position: relative;
         overflow: auto;
         height: 100vh 
    }
}
 .filter--wrapper {
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .filter--wrapper {
         position: absolute;
         top: 0;
         padding-bottom: 78px 
    }
}
 .filter--form {
     padding: 32px 16px;
     position: relative 
}
 .filter--category:not(:last-child) {
     padding-bottom: 40px 
}
 .filter--toggle {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 8px 16px 8px;
     border-radius: 0px;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     transition: .25s background-color ease-in;
    font-family: 'Bilo';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.2em;
     text-transform: uppercase;
}
 .filter--wrapper svg {
     height: auto;
}
 .filter--root .filter--wrapper svg {
     width: 9px;
     position: relative;
     top: -1.5px; display: none !important
}
 .filter--toggle[aria-expanded=false] .icon--minus {
     display: none 
}
 .filter--toggle[aria-expanded=false]+.filter--menu {
   opacity: 1;
}
 .filter--toggle[aria-expanded=true] .icon--plus {
     display: none 
}
 .filter--toggle:hover {
     cursor: pointer 
}
 .filter--menu {
     padding: 8px 0 0 4px 
}
 .filter--menu[data-is-swatches] {
     display: flex;
     flex-wrap: wrap;
     padding: 8px 0 0 16px 
}
 .filter--price--container {
     padding: 8px 0 0 12px 
}
 .filter--price-range {
     padding-bottom: 16px;
     position: relative;
     display: flex 
}
 .filter--price-range--button {
     position: absolute;
     top: -16px;
     padding: 12px;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     transform: translateX(0);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 .filter--price-range--button:first-of-type {
     left: -13px 
}
 .filter--price-range--button:last-of-type {
     right: -13px 
}
 .filter--price-range--button:hover {
     cursor: pointer 
}
 .filter--price-range--button>* {
     height: 12px;
     width: 12px;
     border-radius: 50%;
     background-color: var(--bg-color--button) 
}
 .filter--price-range--line {
     background-color: #e0e0e0;
     border-radius: 3px;
     height: 3px;
     width: 100%;
     transition: width .4s cubic-bezier(.19, 1, .22, 1) 
}
 .filter--price-range--line>* {
     background-color: var(--bg-color--button);
     width: 100%;
     height: 100% 
}
 .filter--price-fields {
     display: flex;
     flex-direction: row;
     justify-content: space-between 
}
 .filter--price-field {
     position: relative;
     display: flex;
     flex-direction: row;
     width: 40% 
}
 .filter--price-separator {
     line-height: 45px 
}
 .filter--price-currency {
     line-height: 45px;
     padding-left: 8px;
     position: absolute 
}
 .filter--price-input {
     margin: 0;
     text-align: end 
}
 @media only screen and (min-width:768px) {
     .filter--price-input {
         padding-right: 0 
    }
}
 .filter--link {
     display: flex 
}
 .filter--menu:not([data-is-swatches]) .filter--link:not(:last-child) {
     margin-bottom: 8px 
}
 [data-is-swatches] .filter--link {
     width: calc(50% - 8px);
     margin-right: 8px 
}
 [data-is-swatches] .filter--link:nth-of-type(n+3) {
     margin-top: 12px 
}
 [data-is-swatches] .filter--link:not(:nth-last-child(-n+2)) {
     margin-bottom: 12px 
}
 .filter--label:not([data-item=swatch]) {
     display: flex;
     align-items: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     padding: 2px 8px 2px 12px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 16px;
     transition: background-color .4s cubic-bezier(.19, 1, .22, 1) 
}
 .filter--label:not([data-item=swatch]):hover {
     cursor: pointer 
}
 .filter--label:not([data-item=swatch]) .icon--root {
     display: none;
     padding-left: 4px;
     height: 8px 
}
 input:checked+.filter--label:not([data-item=swatch]) {
     background-color: #f7f7f7 
}
 input:checked+.filter--label:not([data-item=swatch]) .icon--root {
     display: block 
}
 .filter--label[for*=size]>* {
     text-transform: uppercase 
}
 .filter--label[data-item=swatch]>:first-child {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     padding-left: 12px;
     left: 24px 
}
 @media only screen and (max-width:767px) {
     .filter--label[data-item=swatch]>:first-child {
         left: 40px 
    }
}
 .filter--input[type=checkbox], .filter--input[type=radio] {
     opacity: 0;
     width: 1px;
     height: 1px;
     margin: 0 
}
 .filter--no-filters {
     padding: 8px 0 0 32px 
}
 .filter--search {
     padding: 16px;
     border-top: 1px solid #e0e0e0 
}
 .filter--search:only-child {
     border: 0 
}
 .filter--search-link {
     display: flex;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 16px;
     border-radius: 28px;
     transition: .25s background-color ease-in 
}
 .filter--search-link:hover {
     cursor: pointer 
}
 .filter--search-icon {
     padding-right: 16px 
}
 .filter--button-container {
     width: 100%;
     display: flex;
     justify-content: space-between;
     padding: 16px 16px 32px;
     border-top: 1px solid #e0e0e0;
     background-color: var(--bg-color--body) 
}
 @media only screen and (min-width:768px) {
     .filter--button-container {
         position: fixed;
         bottom: 0;
         right: 0;
         padding: 16px 
    }
}
 .filter--button {
     width: calc(50% - 8px);
     text-align: center 
}
 .filter--button span {
     width: 100% 
}
 .breadcrumbs--root {
     display: flex;
     flex-wrap: wrap;
     padding: 12px 0 
}
 .breadcrumbs--root>* a, .breadcrumbs--root>[data-item] {
     text-transform: capitalize 
}
 .breadcrumbs--root li {
     display: inline-flex;
     align-items: center 
}
 .breadcrumbs--root li:not(:last-of-type):after {
     margin: 0 12px;
     content: '/' 
}
 .pagination--root[data-item] {
     display: flex;
     justify-content: center;
     align-items: center 
}
 .flexbox-gap .pagination--root[data-item] {
     gap: 12px 
}
 .no-flexbox-gap .pagination--root[data-item]>* {
     margin: 6px 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .pagination--root[data-item] {
         gap: 8px 
    }
     .no-flexbox-gap .pagination--root[data-item]>* {
         margin: 4px 
    }
}
 .pagination--first-arrow, .pagination--last-arrow, .pagination--left-arrow, .pagination--right-arrow {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
   
}
 @media only screen and (max-width:767px) {
     .pagination--first-arrow, .pagination--last-arrow, .pagination--left-arrow, .pagination--right-arrow {
         width: 44px;
         height: 44px 
    }
}
 .pagination--first-arrow:empty, .pagination--last-arrow:empty, .pagination--left-arrow:empty, .pagination--right-arrow:empty {
     border: 0 
}
 .pagination--first-arrow svg, .pagination--last-arrow svg, .pagination--left-arrow svg, .pagination--right-arrow svg {
     height: 10px 
}
 @media only screen and (max-width:767px) {
     .pagination--first-arrow svg, .pagination--last-arrow svg, .pagination--left-arrow svg, .pagination--right-arrow svg {
         height: 13px 
    }
}
 .pagination--link {
     border-radius: 50% 
}
 .disclosure--root {
     position: relative;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: baseline;
     text-align: left;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none 
}
 .disclosure--header {
     display: flex;
     flex: 0 1 100%;
     padding-bottom: 8px;
     justify-content: space-between 
}
 .flexbox-gap .disclosure--header {
     gap: 8px 
}
 .no-flexbox-gap .disclosure--header>* {
     margin: 4px 
}
 .disclosure--label {
     padding-bottom: 0 
}
 .disclosure--main {
     width: 100%;
     flex: 1 0 50%;
     position: relative;
     outline: 0 
}
 .disclosure--toggle {
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
     width: 100%;
     position: relative 
}
 .flexbox-gap .disclosure--toggle {
     gap: 8px 
}
 .no-flexbox-gap .disclosure--toggle>* {
     margin: 4px 
}
 .disclosure--root[data-type=option-picker] .disclosure--toggle, .disclosure--root[data-type=url-redirect] .disclosure--toggle {
     color: var(--color--body);
     background-color: #fff;
     border-radius: 2px;
     border: 1px solid #e0e0e0;
     padding: 8px 24px 8px 16px 
}
 .disclosure--root[data-type=option-picker] .disclosure--toggle .icon--root, .disclosure--root[data-type=url-redirect] .disclosure--toggle .icon--root {
     color: var(--color--body) 
}
 .disclosure--toggle .icon--chevron-up {
     display: none 
}
 .disclosure--toggle[aria-expanded=true] .icon--chevron-down {
     display: none 
}
 .disclosure--toggle[aria-expanded=true] .icon--chevron-up {
     display: inline 
}
 .disclosure--current-option {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     display: flex;
     align-items: center 
}
 .flexbox-gap .disclosure--current-option {
     gap: 8px 
}
 .no-flexbox-gap .disclosure--current-option>* {
     margin: 4px 
}
 .disclosure--current-option[data-unavailable=true] {
     color: var(--color--body--light);
     text-decoration: line-through 
}
 .disclosure--form {
     background-color: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 2px;
     min-width: 100%;
     position: absolute;
     display: none;
     overflow-y: auto;
     z-index: 5;
     box-shadow: 0 0 10px rgba(0, 0, 0, .08) 
}
 .disclosure--toggle[aria-expanded=true]+.disclosure--form {
     display: block 
}
 .disclosure--option-link {
     color: var(--color--body);
     display: inline-flex;
     align-items: center;
     padding: 9px 15px;
     white-space: nowrap;
     width: 100%;
     cursor: pointer 
}
 .flexbox-gap .disclosure--option-link {
     gap: 8px 
}
 .no-flexbox-gap .disclosure--option-link>* {
     margin: 4px 
}
 .disclosure--option-link[data-empty=true], .disclosure--option-link[data-unavailable=true] {
     color: var(--color--body--light);
     text-decoration: line-through 
}
 .disclosure--option-link:focus, .disclosure--option-link:hover {
     outline: 0;
     background-color: #f7f7f7 
}
 .radios--root[data-display-only=true] {
     pointer-events: none 
}
 .radios--root[data-display-only=false] .radios--header {
     display: flex;
     padding-bottom: 8px 
}
 .flexbox-gap .radios--root[data-display-only=false] .radios--header {
     gap: 8px 
}
 .no-flexbox-gap .radios--root[data-display-only=false] .radios--header>* {
     margin: 4px 
}
 .radios--root[data-display-only=false] .radios--header>* {
     padding-bottom: 0 
}
 .radios--container {
     display: flex;
     flex-wrap: wrap 
}
 .flexbox-gap .radios--container {
     gap: 16px 
}
 .no-flexbox-gap .radios--container>* {
     margin: 8px 
}
 .flexbox-gap .radios--root[data-display-only=true] .radios--container {
     gap: 12px 
}
 .no-flexbox-gap .radios--root[data-display-only=true] .radios--container>* {
     margin: 6px 
}
 .radios--main {
     display: flex;
     align-items: center 
}
 .radios--option-label {
     display: inline 
}
 label[data-item=swatch] {
     position: relative;
     display: inline-block;
     height: 24px;
     width: 24px;
     min-width: 24px;
     margin-left: -1px;
     border: 1px solid #e0e0e0;
     border-radius: 50%;
     padding-bottom: 0;
     background-size: cover 
}
 @media only screen and (max-width:767px) {
     label[data-item=swatch] {
         height: 40px;
         width: 40px;
         min-width: 40px 
    }
}
 .radios--root[data-display-only=true] label[data-item=swatch] {
     height: 25px;
     width: 25px;
     min-width: 25px 
}
 label[data-item=swatch]:hover {
     cursor: pointer 
}
 label[data-item=swatch]::after {
     height: 30px;
     width: 30px;
     border-radius: 50%;
     border: 2px solid var(--color--body--light);
     top: -4px;
     left: -4px;
     position: absolute;
     display: inline-block 
}
 @media only screen and (max-width:767px) {
     label[data-item=swatch]::after {
         height: 46px;
         width: 46px 
    }
}
 .radios--value-button {
     padding: 0 
}
 .radios--value-button>* {
     border: 2px solid #e0e0e0;
     color: var(--color--body--light);
     line-height: 43px;
     height: auto;
     background: 0 0 
}
 .radios--input[data-item=radio], [data-is-swatches=true] .filter--input {
     opacity: 0;
     width: 1px;
     height: 1px;
     margin: 0 
}
 [data-container=section] .radios--input[data-item=radio], [data-container=section] [data-is-swatches=true] .filter--input {
     flex-basis: unset;
     padding: 0 
}
 .radios--input[data-item=radio]:not([disabled])+label[data-item=swatch]::after, [data-is-swatches=true] .filter--input:not([disabled])+label[data-item=swatch]::after {
     content: '';
     border: 2px solid #e0e0e0 
}
 .rc-selling-plans-dropdown__select {
     border: 0;
     background-color: #0000000a;
}
 .radios--input[data-item=radio]:checked:not([disabled])+label[data-item=swatch]::after, .radios--input[data-item=radio]:hover:not([disabled])+label[data-item=swatch]::after, [data-is-swatches=true] .filter--input:checked:not([disabled])+label[data-item=swatch]::after, [data-is-swatches=true] .filter--input:hover:not([disabled])+label[data-item=swatch]::after {
     border: 2px solid var(--color--body) 
}
 .radios--input[data-item=radio]:checked+.radios--value-button>*, .radios--input[data-item=radio]:hover+.radios--value-button>*, [data-is-swatches=true] .filter--input:checked+.radios--value-button>*, [data-is-swatches=true] .filter--input:hover+.radios--value-button>* {
     border-color: var(--color--body--light);
     color: var(--color--body);
     background: 0 0 
}
 .radios--input[data-item=radio]:focus+.radios--value-button>*, .radios--input[data-item=radio]:focus+label[data-item=swatch]::after, [data-is-swatches=true] .filter--input:focus+.radios--value-button>*, [data-is-swatches=true] .filter--input:focus+label[data-item=swatch]::after {
     box-shadow: 0 0 0 1px black 
}
 .radios--input[data-item=radio][data-empty=true]+.radios--value-button>*, .radios--input[data-item=radio][data-unavailable=true]+.radios--value-button>*, [data-is-swatches=true] .filter--input[data-empty=true]+.radios--value-button>*, [data-is-swatches=true] .filter--input[data-unavailable=true]+.radios--value-button>* {
     background: linear-gradient(to left top, transparent calc(50% - 1px), #e0e0e0, transparent calc(50% + 1px)) 
}
 .radios--input[data-item=radio][data-empty=true]:checked+.radios--value-button>*, .radios--input[data-item=radio][data-unavailable=true]:checked+.radios--value-button>*, [data-is-swatches=true] .filter--input[data-empty=true]:checked+.radios--value-button>*, [data-is-swatches=true] .filter--input[data-unavailable=true]:checked+.radios--value-button>* {
     color: #e0e0e0 
}
 .radios--input[data-item=radio][data-empty=true]+label[data-item=swatch]::before, .radios--input[data-item=radio][data-unavailable=true]+label[data-item=swatch]::before, [data-is-swatches=true] .filter--input[data-empty=true]+label[data-item=swatch]::before, [data-is-swatches=true] .filter--input[data-unavailable=true]+label[data-item=swatch]::before {
     content: '';
     width: 2px;
     height: calc(100% + 5.5px);
     background-color: #e0e0e0;
     display: inline-block;
     position: absolute;
     left: 50%;
     top: -3px;
     transform: translate(-50%) rotate(45deg) 
}
 .modal--link {
     cursor: pointer 
}
 .modal--window {
     position: absolute;
     z-index: 10;
     top: 0;
     left: 0;
     visibility: hidden;
     min-height: 100%;
     width: 100%;
     max-width: 100%;
     overflow: hidden;
     padding: 96px 
}
 @media only screen and (max-width:767px) {
     .modal--window {
         padding: 48px 12px 12px 
    }
}
 .modal--window .icon--cross {
     vertical-align: top 
}
 .modal--window[data-modal-fullscreen=true] {
     padding: 0 
}
 @media only screen and (max-width:767px) {
     .modal--window[data-modal-fullscreen=true] {
         padding: 0 
    }
}
 .modal--mask {
     visibility: hidden;
     opacity: 0;
     position: fixed;
     top: 0 !important;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 9000;
     background-color: #000;
     transition: opacity .4s cubic-bezier(.45, .05, .55, .95) 
}
 .modal--mask[data-transition=at_end], .modal--mask[data-transition=forwards] {
     opacity: .8;
     visibility: visible 
}
 .modal--container {
     position: relative;
     width: 100%;
     min-height: 100%;
     z-index: 9002 
}
 .modal--content {
     position: relative;
     background: var(--bg-color--body);
     left: 50%;
     display: none;
     max-width: 100%;
     min-width: 200px;
     transform: translateX(-50%) 
}
 @media only screen and (min-width:768px) {
     .modal--content {
         min-width: 300px 
    }
}
 [data-modal-fullscreen=true] .modal--content {
     width: 100%;
     min-height: 100vh;
     top: 0;
     left: 0;
     transform: translateX(0) 
}
 .modal--content.with-padding {
     padding: 16px 
}
 .modal--content.full-width {
     width: 100% 
}
 .modal--content.active {
     display: inline-block;
     overflow: hidden 
}
 [data-modal-fullscreen=true] .modal--content.active {
     overflow: visible 
}
 .modal--window.fixed {
     position: fixed;
     height: 100% 
}
 .modal--window.fixed .modal--container {
     height: 100% 
}
 .modal--window.fixed .modal--container .modal--content {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) 
}
 .modal--close, .modal--next, .modal--prev {
     background-color: transparent;
     z-index: 9002;
     position: fixed;
     cursor: pointer;
     font-size: 30px;
     color: #fff;
     padding: 10px;
     opacity: .8;
     border: none 
}
 .modal--close:hover, .modal--next:hover, .modal--prev:hover {
     opacity: 1;
     background-color: transparent 
}
 .modal--close {
     top: 0 !important;
     right: 0;
     padding: 32px;
     font-size: 18px 
}
 [data-modal-fullscreen=true] .modal--close {
     color: var(--color--body) 
}
 [data-modal-custom-close=true] .modal--close {
     display: none 
}
 @media only screen and (max-width:767px) {
     .modal--close {
         padding: 20px 
    }
     body[data-border=true] .modal--close {
         padding: 30px 
    }
}
 .modal--prev {
     margin-top: -25px;
     left: 12px;
     top: 50% !important;
     display: none 
}
 .modal--next {
     margin-top: -25px;
     right: 12px;
     top: 50% !important;
     display: none 
}
 .cart--root {
     max-width: 1000px;
     margin: 0 auto 
}
 @media only screen and (max-width:767px) {
     .cart--root[data-view=desktop] {
         display: none 
    }
}
 .cart--root[data-view=mobile] {
     padding: 32px 16px 
}
 @media only screen and (min-width:768px) {
     .cart--root[data-view=mobile] {
         display: none 
    }
}
 .off-canvas--right-sidebar[data-active=cart] .cart--root {
     display: block 
}
 .cart--header {
     padding-bottom: 32px;
     text-align: center 
}
 .cart--root[data-has-items=false] .cart--form {
     display: none 
}
 .cart--body {
     display: table;
     width: 100%;
     table-layout: auto 
}
 .cart--root[data-view=mobile] .cart--body {
     border-top: 1px solid #e0e0e0 
}
 .cart--headings {
     display: table-row;
     width: 100%;
     border-bottom: 1px solid #e0e0e0;
     text-align: center 
}
 .cart--root[data-view=mobile] .cart--headings {
     display: none 
}
 .cart--headings>* {
     display: table-cell;
     padding: 16px;
     border-bottom: 1px solid #e0e0e0 
}
 .cart--heading--total {
     text-align: right 
}
 .cart--item {
     width: 100%;
     display: table-row 
}
 .cart--root[data-view=mobile] .cart--item {
     display: flex;
     border-bottom: 1px solid #e0e0e0;
     align-items: flex-start;
     flex-wrap: wrap;
     padding: 16px 0 
}
 .flexbox-gap .cart--root[data-view=mobile] .cart--item {
     gap: 12px 
}
 .no-flexbox-gap .cart--root[data-view=mobile] .cart--item>* {
     margin: 6px 
}
 .cart--item>* {
     display: table-cell;
     vertical-align: middle;
     padding: 16px;
     border-bottom: 1px solid #e0e0e0 
}
 .cart--root[data-view=mobile] .cart--item>* {
     padding: 0;
     display: block;
     border: 0 
}
 .cart--item--image {
     max-width: 150px 
}
 .cart--root[data-view=mobile] .cart--item--image {
     width: 35%;
     align-self: center;
     padding-left: 0 
}
 .cart--root[data-view=mobile] .cart--item--info {
     flex-grow: 1;
     text-align: right;
     max-width: 65% 
}
 .cart--root[data-view=mobile] .cart--item--info>* {
     text-align: left 
}
 .cart--error {
     color: #d32f2f 
}
 .cart--root[data-view=mobile] .cart--error {
     width: 100%;
     text-align: center;
     padding-top: 8px 
}
 .cart--root[data-view=desktop] .cart--item--title>:not(:last-child) {
     padding-bottom: 8px 
}
 .cart--root[data-view=mobile] .cart--item--title {
     width: 100%;
     text-align: center 
}
 .cart--item--price {
     text-align: center;
     padding-bottom: 12px 
}
 .cart--root[data-view=mobile] .cart--item--price {
     text-align: left 
}
 .cart--item--quantity {
     text-align: center 
}
 .cart--root[data-view=mobile] .cart--item--quantity {
     text-align: left 
}
 input.cart--quantity--input {
     padding: 0 8px;
     margin: 0 2px;
     height: 38px;
     text-align: center 
}
 input.cart--quantity--input[data-loading=true] {
     color: #e0e0e0 
}
 @media only screen and (max-width:767px) {
     input.cart--quantity--input {
         width: 45px 
    }
}
 .cart--quantity--container {
     margin: 0;
     border-radius: 2px 
}
 .cart--item--remove {
     padding-top: 4px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content 
}
 .cart--root[data-view=desktop] .cart--item--remove {
     margin: 0 auto 
}
 .cart--item--remove>* {
     padding: 4px;
     font-size: 12px 
}
 .cart--root[data-view=mobile] .cart--item--remove>* {
     margin-left: -4px 
}
 @media only screen and (max-width:767px) {
     .cart--item--remove {
         padding-top: 8px 
    }
}
 .cart--item--total {
     text-align: right 
}
 .cart--root[data-view=mobile] .cart--item--total {
     text-align: left 
}
 .cart--footer {
     padding: 72px 0 0;
     width: 100%;
     display: flex 
}
 .cart--root[data-view=mobile] .cart--footer {
     padding: 32px 0 0;
     display: block 
}
 .cart--notes {
     flex-grow: 1;
     max-width: 400px 
}
 .cart--root[data-view=mobile] .cart--notes {
     text-align: center;
     max-width: 100%;
     padding-bottom: 32px 
}
 .cart--notes--textarea {
     height: 120px;
     margin: 0;
     padding: 8px 
}
 .cart--root[data-view=mobile] .cart--notes--textarea {
     height: 80px 
}
 .cart--totals {
     flex-grow: 1;
     text-align: right 
}
 .cart--root[data-view=mobile] .cart--totals {
     text-align: center 
}
 .cart--totals>:not(:last-child) {
     padding-bottom: 16px 
}
 .cart--sub-total>:not(:last-child) {
     padding-bottom: 8px 
}
 .cart--discounts>:not(:last-child) {
     padding-bottom: 8px 
}
 .cart--total>:not(:last-child) {
     padding-bottom: 8px 
}
 .cart--total--price {
     font-size: 20px 
}
 @media only screen and (max-width:767px) {
     .cart--total--price {
         font-size: 16px 
    }
}
 .cart--nav {
     display: flex;
     justify-content: flex-end;
     align-items: center 
}
 .cart--root[data-view=mobile] .cart--nav {
     text-align: center;
     flex-wrap: wrap 
}
 .cart--root[data-view=mobile] .cart--checkout-button {
     width: 100%;
     order: 1 
}
 .cart--checkout-button button {
     width: 100%;
     min-width: 120px;
     display: flex;
     justify-content: center;
     align-items: center 
}
 .cart--checkout-button button[disabled] {
     cursor: unset;
     opacity: .7 
}
 .cart--checkout-button button[disabled] .cart-button--text {
     display: none 
}
 .cart--checkout-button button[disabled] .cart-button--spinner {
     display: block 
}
 .cart--checkout-button button[disabled] .cart-button--spinner svg {
     fill: #fff 
}
 .cart--checkout-button button[data-loading=true] .cart-button--text {
     display: none 
}
 .cart--checkout-button button[data-loading=true] .cart-button--spinner {
     display: block 
}
 .cart--checkout-button button[data-loading=true] .cart-button--spinner svg {
     fill: #fff 
}
 .cart-button--spinner {
     display: none 
}
 .cart--continue-shopping {
     margin-right: 16px 
}
 .cart--root[data-view=mobile] .cart--continue-shopping {
     margin-right: 0;
     order: 2;
     padding-top: 16px;
     width: 100% 
}
 .cart--continue-shopping a:hover {
     cursor: pointer 
}
 .cart--no-items {
     text-align: center 
}
 .cart--root[data-has-items=true] .cart--no-items {
     display: none 
}
 .cart--additional-buttons {
     max-width: 300px;
     margin-left: auto 
}
 .cart--additional-buttons li:not(:last-child) {
     margin-bottom: 8px !important 
}
 .cart--root[data-view=mobile] .cart--additional-buttons {
     max-width: unset 
}
 .cart--additional-buttons .shopify-cleanslate [data-testid=grid-cell] {
     margin-top: 0 !important 
}
 .carousel--root {
     padding: 0;
     max-width: 100%;
     overflow: hidden;
     position: relative 
}
 @media only screen and (min-width:768px) {
     .carousel--root[data-spacing-above=true] {
         padding-top: 72px 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-spacing-above=true] {
         padding-top: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .carousel--root[data-spacing-below=true] {
         padding-bottom: 72px 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-spacing-below=true] {
         padding-bottom: 32px 
    }
}
 .carousel--root[data-dot-nav=false] .carousel--dot-nav {
     display: none 
}
 .carousel--root * {
     -webkit-user-drag: none 
}
 @media only screen and (max-width:767px) {
     .carousel--root .featured-content--root {
         padding-top: 0;
         padding-bottom: 0 
    }
}
 .carousel--viewport {
     position: relative;
     overflow: hidden;
     width: 100% 
}
 .carousel--x-container {
     display: flex;
     transform: translateX(0);
     z-index: 1;
     position: relative 
}
 .carousel--root:hover .carousel--x-container {
     will-change: transform 
}
 .carousel--x-container[data-transition=forwards] {
     transition: transform 1s cubic-bezier(.19, 1, .22, 1) 
}
 .carousel--x-container[data-transition=backwards] {
     transition: transform .4s cubic-bezier(.68, -.55, .27, 1.55) 
}
 .carousel--y-container {
     position: relative;
     width: 100%;
     transition: height 1s cubic-bezier(.19, 1, .22, 1);
     overflow: hidden;
     display: flex;
     align-items: flex-start 
}
 .carousel--y-container:hover {
     cursor: -webkit-grab;
     cursor: grab 
}
 .carousel--root:hover .carousel--y-container {
     will-change: height 
}
 .carousel--root[data-dragging=true] .carousel--y-container:hover {
     cursor: -webkit-grabbing;
     cursor: grabbing 
}
 .carousel--block {
     position: absolute;
     left: 100% 
}
 @media only screen and (min-width:768px) {
     .carousel--block[data-loaded=true] {
         position: relative;
         left: 0 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--block[data-loaded--mobile=true] {
         position: relative;
         left: 0 
    }
}
 .carousel--root[data-spacing-around-blocks=true] .carousel--block {
     padding: 0 16px 
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-spacing-around-blocks=true] .carousel--block {
         padding: 0 8px 
    }
}
 .carousel--root[data-transition-type=fade] .carousel--block {
     transition: opacity 4s cubic-bezier(.19, 1, .22, 1);
     opacity: 0 
}
 @media only screen and (min-width:768px) {
     .carousel--root[data-transition-type=fade] .carousel--block[data-loaded=true] {
         opacity: 1 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-transition-type=fade] .carousel--block[data-loaded--mobile=true] {
         opacity: 1 
    }
}
 .carousel--root[data-transition-type=fade] .carousel--block[data-active=old] {
     position: relative;
     z-index: 1;
     opacity: 0 
}
 .carousel--root[data-transition-type=fade] .carousel--block[data-active=new] {
     position: absolute;
     z-index: 2;
     opacity: 1 
}
 .carousel--block--container {
     align-items: center;
     display: flex;
     justify-content: center 
}
.carousel--next, .carousel--prev {
    opacity: 1 !important;
}
 .carousel--dot:after {
     content: "";
     display: block;
     height: 3px;
     width: 50px;
     background: 0 0;
     background: #fff;
     opacity: 1;
}
 .carousel--dot-nav {
     z-index: 1;
     position: absolute;
     bottom: 32px;
     display: flex;
     align-items: center;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%) !important;
}
 @media only screen and (min-width:768px) {
     .carousel--dot-nav {
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot-nav {
         opacity: 0 
    }
}
 @media only screen and (min-width:768px) {
     .carousel--root[data-spacing-below=true] .carousel--dot-nav {
         bottom: 104px 
    }
}
 .carousel--dot-nav[data-loaded=true] {
     opacity: 1 
}
 .carousel--dot-nav[data-transition=true] {
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 @media only screen and (min-width:768px) {
     .carousel--root[data-spacing-around-blocks=true] .carousel--dot-nav {
         display: none 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot-nav {
         bottom: 10px;
         right: auto;
         display: inline-flex;
         justify-content: center;
         align-items: center;
         padding: 12px;
         z-index: 5;
    }
}
 .carousel--dot {
     border-radius: 50%;
     border: 0;
     cursor: pointer;
     margin: 0 4px;
     opacity: 1;
     position: relative;
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center 
}
 @media only screen and (max-width:767px) {
     .carousel--dot {
         opacity: .4;
         margin: 0 2px 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot::after {
         height: 1.5px;
         border-color: var(--color--body);
         border: 0;
         box-shadow: none;
         transition: transform .4s cubic-bezier(.45, .05, .55, .95) 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-background-color=dark] .carousel--dot::after {
         background: #ccc;
         opacity: 1;
    }
     .press .carousel--root[data-background-color=dark] .carousel--dot:after {
         background: #646464;
         opacity: 1;
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot[data-position=leading-1]::after, .carousel--dot[data-position=trailing-1]::after {
         transform: scale(.66) 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot[data-position=leading-2]::after, .carousel--dot[data-position=trailing-2]::after {
         transform: scale(.33) 
    }
}
 @media only screen and (max-width:767px) {
     .carousel--dot[data-position=hidden] {
         display: none 
    }
}
 .carousel--dot[data-active=true] {
     opacity: 1 
}
 @media only screen and (max-width:767px) {
     .carousel--dot[data-active=true] {
    }
}
 .carousel--dot[data-active=true]::after {
     background: #000;
     box-shadow: 0px 5px 8px #0000003b;
}
 @media only screen and (max-width:767px) {
     .carousel--dot[data-active=true]::after {
         background: white;
         opacity: 1;
    }
.template--page .carousel--root {
    padding-bottom: 50px;
}
.page--castor-oil-landing-page .mala{
    margin-top: -30px;
    margin-bottom: 20px;
}
   .page--castor-oil-landing-page .carousel--root {
    padding-bottom: 0px;
}

   
   .template--page .carousel--dot[data-active=true]:after {
    background: black;
    opacity: 1;
    box-shadow: none;
}

   
}
 @media only screen and (max-width:767px) {
     .carousel--root[data-background-color=dark] .carousel--dot[data-active=true]::after {
         background: white;
    }
     .Press .carousel--root[data-background-color=dark] .carousel--dot[data-active=true]:after {
         background: black;
    }
}
 .carousel--arrow-nav {
     position: absolute;
     display: flex;
     height: 100%;
     top: 0;
     left: 0;
     width: 100%;
     align-items: center 
}
 .carousel--arrow-nav:last-of-type {
     justify-content: flex-end 
}
 @media only screen and (max-width:767px) {
     .carousel--arrow-nav {
         display: none 
    }
}
 .carousel--prev {
     transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
     z-index: 2;
     opacity: .85;
     margin-left: 32px 
}
 @media only screen and (max-width:767px) {
     .carousel--prev {
         margin-left: 16px 
    }
}
 .carousel--prev:hover {
     cursor: pointer 
}
 .carousel--prev>* {
     transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
     opacity: .85 
}
 .carousel--prev:hover>* {
     opacity: 1;
     box-shadow: 0 0 10px rgba(0, 0, 0, .08);
     transform: scale(1.06) 
}
 .carousel--root[data-at-start=true] .carousel--prev {
     opacity: 0;
     cursor: default;
     transition: opacity .4s cubic-bezier(.45, .05, .55, .95) 
}
 .carousel--next {
     transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
     z-index: 2;
     opacity: .85;
     position: relative;
     margin-right: 32px 
}
 @media only screen and (max-width:767px) {
     .carousel--next {
         margin-right: 16px 
    }
}
 .carousel--next:hover {
     cursor: pointer 
}
 .carousel--next>* {
     transition: opacity .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
     opacity: 1 
}
 .carousel--next:hover>* {
     opacity: 1;
     box-shadow: 0 0 10px rgba(0, 0, 0, .08);
     transform: scale(1.06) 
}
 .carousel--root[data-at-end=true] .carousel--next {
     opacity: 0;
     cursor: default;
     transition: opacity .4s cubic-bezier(.45, .05, .55, .95) 
}
 .slideshow--root {
     padding: 0 
}
 .payment-icons--list {
     display: flex;
     flex-wrap: wrap 
}
 .flexbox-gap .payment-icons--list {
     gap: 8px 
}
 .no-flexbox-gap .payment-icons--list>* {
     margin: 4px 
}
 @media only screen and (max-width:767px) {
     .payment-icons--list {
         justify-content: center 
    }
}
 @media only screen and (min-width:768px) {
     .payment-icons--list {
         justify-content: flex-end 
    }
}
 .payment-icons--item {
     height: 24px 
}
 .icon--root {
     position: relative;
     display: inline-block;
     vertical-align: middle 
}
 html .icon--menu {
     vertical-align: baseline 
}
 html .layout--footer .payment-icons .icon--payment-shopify_pay {
     width: 40px 
}
 html .icon--play-circle-outline {
     margin-right: 8px 
}
 html .icon--root.icon--3d-button {
     background-color: var(--bg-color--body) 
}
 html .icon--root.icon--3d-button path {
     fill: var(--color--body) 
}
 .modal--close {
     padding: 18px 15px 
}
 .modal--close, .modal--next, .modal--prev {
     font-size: initial 
}
 .y-menu {
     display: inline-block;
     position: relative;
     width: 100%;
     max-width: 400px;
     overflow: hidden;
     transition: height .4s cubic-bezier(.19, 1, .22, 1) 
}
 .y-menu li, .y-menu ul {
     list-style: none;
     margin: 0;
     padding: 0 
}
 [data-y-menu--overlap=false] .y-menu--overlap-icon {
     display: none 
}
 @media only screen and (max-width:767px) {
     .y-menu--overlap-icon {
         display: none 
    }
}
 .y-menu--level-1--link {
     display: inline-block;
     display: block;
     border-bottom: 1px solid #e0e0e0 
}
 .y-menu--level-1--link:first-child {
     border-top: 1px solid #e0e0e0 
}
 .y-menu--level-1--link a {
     position: relative;
     display: block;
     z-index: 0;
     line-height: 1.3;
     padding: 20px 35px 20px 15px;
     font-weight: 600;
     letter-spacing: 0.1em;
     font-size: 13px;
}
 .mobile-nav--login .layout--login svg, .mobile-nav--login .layout--login svg path{
    fill: none!important
}
 .y-menu--level-1--link .icon--chevron-right--small {
     position: absolute;
     right: 12px;
     top: 22px 
}
 .y-menu--level-1--link .icon--chevron-left--small {
     position: absolute;
     left: 12px;
     top: 22px 
}
 .y-menu--back-link {
     text-align: center;
    background: #f5f1eb;
}
 .y-menu--level-2--container {
     display: none;
     position: absolute;
     z-index: 4;
     min-width: 150px;
     padding: 0;
     background: var(--bg-color--body);
     overflow: hidden;
     left: 100%;
     width: 100%;
     top: 0;
     bottom: 0;
     transform: translateX(0);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 .mobile-nav--search a, .mobile-nav--login a {
     font-size: 13px;
     letter-spacing: 0.1em;
}
 .y-menu--parent-link {
     display: block;
     border-bottom: 1px solid #e0e0e0 
}
 .y-menu--parent-link:first-child {
     border-top: 1px solid #e0e0e0 
}
 .y-menu--level-2--link {
     display: block;
     border-bottom: 1px solid #e0e0e0 
}
 .y-menu--level-2--link:first-child {
     border-top: 1px solid #e0e0e0 
}
 [data-y-menu--parent-link=level-2] .y-menu--level-2--link>a {
     padding-left: 35px 
}
 .y-menu--level-3--container {
     padding: 0;
     position: absolute;
     display: none;
     left: 100%;
     width: 100%;
     top: 0;
     bottom: 0;
     background: var(--bg-color--body);
     z-index: 5;
     transform: translateX(0);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1) 
}
 .y-menu--level-3--link {
     display: block;
     border-bottom: 1px solid #e0e0e0 
}
 .y-menu--level-3--link:first-child {
     border-top: 1px solid #e0e0e0 
}
 [data-y-menu--parent-link=level-3] .y-menu--level-3--link>a {
     padding-left: 35px 
}
 .social-share--root[data-view=modal] {
     display: flex;
     flex-wrap: wrap 
}
 .social-share--root[data-view=modal]>* {
     padding: 8px 12px 
}
 .social-share--root[data-view=modal]>:first-of-type {
     padding-left: 0 
}
 .social-share--root[data-view=modal]>:last-of-type {
     padding-right: 0 
}
 .social-share--root[data-view=product] {
     display: flex;
     flex-direction: column;
     align-items: center 
}
 .social-share--root[data-view=product]>:not(.social-share--product-title) {
     min-width: 250px;
     border-bottom: 1px solid #e0e0e0;
     padding: 16px 
}
 .social-share--root[data-view=product] .icon--root {
     min-width: 32px;
     padding-right: 8px 
}
 .social-share--root[data-view=product] .icon--twitter {
     color: #09aeec 
}
 .social-share--root[data-view=product] .icon--facebook {
     color: #49659d 
}
 .social-share--root[data-view=product] .icon--pinterest {
     color: #cb1f2b 
}
 .social-share--product-title {
     text-align: center;
     padding-bottom: 16px 
}
 .social-share--item-copy {
     position: relative;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none 
}
 .social-share--copy-text {
     display: none;
     position: absolute;
     bottom: -32px;
     font-size: 12px;
     padding: 0 16px 
}
 .mobile-nav .contact-form {
     display: flex;
     flex-direction: column 
}
 .mobile-nav .contact-form input[type=email] {
     max-width: 100%;
     margin-bottom: 12px;
     padding: 13px 16px 
}
 @media only screen and (max-width:767px) {
     .mobile-nav .contact-form input[type=email] {
         font-size: 16px 
    }
}
 .mobile-nav--header {
     display: flex;
     justify-content: space-between 
}
 .mobile-nav--search a {
     display: block;
     padding: 32px 16px 
}
 .mobile-nav--login a {
     display: block;
     padding: 32px 16px 
}
 .mobile-nav--login-n-cart {
     padding: 32px 16px 
}
 .mobile-nav--newsletter {
     padding: 16px 
}
 .mobile-nav--social .social-share--root[data-view=modal] {
     margin-top: -8px;
     padding: 0 0 16px 16px 
}
 .mailing-list input[type=email] {
     max-width: 240px;
     height: 45px;
     background-color: transparent;
     color: var(--color--body);
     border: none;
     border: 1px solid var(--color--body);
     text-transform: none;
     padding-left: 8px;
     margin: 0 
}
 @media only screen and (max-width:767px) {
     .mailing-list input[type=email] {
         max-width: 150px 
    }
}
 .mailing-list input[type=email]::-webkit-input-placeholder {
     text-transform: none;
     color: black 
}
 .mailing-list input[type=email]:-moz-placeholder {
     text-transform: none;
     color: black 
}
 .mailing-list input[type=email]::-moz-placeholder {
     text-transform: none;
     color: black 
}
 .mailing-list input[type=email]:-ms-input-placeholder {
     text-transform: none;
     color: black
}
 .mailing-list--submit button {
     width: 100% 
}
 .feedback-bar--root {
     z-index: 100;
     position: fixed;
     bottom: 0;
     left: 0;
     padding: 16px 32px;
     text-align: center;
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .feedback-bar--root {
         padding: 16px 
    }
}
 .feedback-bar--root[data-open=true] {
     visibility: visible;
     opacity: 1;
     transition: opacity .5s linear 
}
 .feedback-bar--root[data-open=false] {
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s .5s, opacity .5s linear 
}
 .feedback-bar--message {
     display: inline-block;
     padding: 16px 32px;
     background-color: var(--color--body);
     color: var(--bg-color--body);
     border: 1px solid #e0e0e0;
     border-radius: 4px 
}
 .feedback-bar--message>* {
     display: none 
}
 .layout--main-content {
     overflow: auto;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .page--our-story .layout--main-content {
    float: left;
    width: 100%;
}
 .page--our-story .shopify-section{
    float:left;
    width:100%
}
 .layout--login .layout--login-italic {
     font-style: italic 
}
 .footer--root {
     background: var(--bg-color--footer);
     color: var(--color--footer);
     padding: 25px 48px 48px;
     z-index: 2;
     position: relative 
}
 @media only screen and (max-width:767px) {
     .footer--root {
         flex-wrap: wrap;
         padding: 32px 16px ;
    }
}
 .footer--root>:not(:last-child) {
     padding-bottom: 30px 
}
 .footer--root a, .footer--root a:link {
     color: var(--color--footer) 
}
 .footer--root p {
     margin-top: 0 
}
 .footer--root .placeholder-noblocks {
     width: 100%;
     padding: 16px 
}
 @media only screen and (max-width:767px) {
     .footer--root .placeholder-noblocks {
         text-align: center 
    }
}
 .footer--root form {
     margin: 0 
}
 .footer--blocks {
     display: flex;
     justify-content: space-between;
     margin: -16px 
}
 @media only screen and (max-width:767px) {
     .footer--blocks {
         flex-wrap: wrap-reverse;
    }
}
 @media only screen and (max-width:767px) {
     .footer--blocks>:not(:last-child) {
         padding-bottom: 32px 
    }
}
 .footer--block {
     flex: 1 1 auto;
     display: flex;
     padding: 16px ;    max-width: 100%;
}
 @media only screen and (max-width:767px) {
     .footer--block {
         flex-basis: 100% !important;
         text-align: center 
    }
}
 .footer--block[data-block-type=about] {
     flex-basis: 35% 
}
 .footer--block[data-block-type=menu] {
     flex-basis: 30% 
}
 .footer--block[data-block-type=subscribe] {
     flex-basis: 35% 
}
 @media only screen and (max-width:767px) {
     .footer--block:nth-of-type(1) .footer--block--container {
         margin: 0 auto 
    }
}
 .footer--block:nth-of-type(2) .footer--block--container {
     margin: 0 auto 
}
 .footer--block:nth-of-type(3) .footer--block--container {
     margin: 0 0 0 auto 
}
 @media only screen and (max-width:767px) {
     .footer--block:nth-of-type(3) .footer--block--container {
         margin: 0 auto 
    }
}
 .footer--block[data-block-type=subscribe] .footer--block--container {
     width: 500px 
}
 @media only screen and (max-width:767px) {
     .footer--block[data-block-type=subscribe] .footer--block--container {
         width: 100%;
        margin-bottom: 20px;
    }
     .footer--root>:not(:last-child) {
         padding-bottom: 30px;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .footer--block[data-block-type=subscribe] .footer--block--container {
            width: 90%;
    }
}
 .footer--block--heading {
     padding-bottom: 0px 
}
 .footer--block--body>:not(:last-child) {
     padding-bottom: 16px 
}
 @media only screen and (max-width:767px) {
     .footer--block--body>:not(:last-child) {
         padding-bottom: 12px 
    }
}
 .footer--about-text {
     max-width: 400px 
}
 .footer--social-icons {
     display: inline-flex;
     margin: -8px 
}
 @media only screen and (max-width:767px) {
     .footer--social-icons {
         padding-top: 16px 
    }
     .footer--social-icons svg {
         height: 20px;
         width: 20px 
    }
}
 @media only screen and (min-width:768px) {
     .footer--social-icons svg {
         height: 16px;
         width: 16px 
    }
}
 .footer--social-icons a {
     padding: 8px 
}
 @media only screen and (max-width:767px) {
     .footer--social-icons a {
         padding: 12px 
    }
}
 @media only screen and (max-width:767px) {
     .footer--menu li:not(:last-child) {
         padding-bottom: 8px 
    }
}
 .footer--subscribe .footer--form-container {
display: inline-block;}
 .flexbox-gap .footer--subscribe .footer--form-container {
     gap: 8px 
}
 .no-flexbox-gap .footer--subscribe .footer--form-container>* {
     margin: 4px 
}
 @media only screen and (max-width:767px) {
     .footer--subscribe .footer--form-container {
         margin: 0 auto 
    }
}
 .footer--subscribe .footer--form-container input[type=email] {
     padding-top: 22px;
     padding-bottom: 22px;
     margin-bottom: 0 
}
 .footer--subscribe .footer--form-container .success {
     font-style: italic 
}
 .footer--subscribe .footer--form-submit {
     width: auto;
     flex-shrink: 0 
}
 .footer--subscribe--info {
     padding-bottom: 16px 
}
 .footer--sub {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     flex-wrap: wrap;
     margin: -16px;
     border-top: 1px solid #B5B5B5;
}
 .footer--sub>* {
     padding: 16px 0;
     display: flex 
}
 @media only screen and (max-width:767px) {
     .footer--sub>* {
         flex-basis: 100%;
         text-align: center 
    }
}
 .footer--sub--block[data-type=powered-by] {
}
 @media only screen and (max-width:767px) {
     .footer--sub--block[data-type=powered-by] {
         order: 3 
    }
}
 .footer--sub--block[data-type=localization] form {
     display: flex;
     flex-wrap: wrap 
}
 .flexbox-gap .footer--sub--block[data-type=localization] form {
     gap: 32px 
}
 .no-flexbox-gap .footer--sub--block[data-type=localization] form>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .footer--sub--block[data-type=localization] form {
         justify-content: center 
    }
}
 .footer--sub--block[data-type=localization] form [data-id=footer--locale] .disclosure--main {
     text-transform: none 
}
 @media only screen and (max-width:767px) {
     .footer--sub--container {
         margin: 0 auto 
    }
}
 .footer--sub--block:nth-of-type(2) .footer--sub--container {
     margin: 0 auto 
}
 @media only screen and (min-width:768px) {
     .footer--sub--block:last-of-type .footer--sub--container {
         margin: 0 0 0 auto 
    }
}
 @media only screen and (min-width:768px) {
     .footer--sub--block:last-of-type:nth-of-type(1) .footer--sub--container {
         margin: 0 auto 
    }
}
 .featured-collections--root {
     text-align: center 
}
 .featured-collections--image[data-item] {
     display: flex;
     align-items: center 
}
 .featured-collections--body {
     margin: 0 auto;
     max-width: 1200px;
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .featured-collection--root .carousel--prev {
         margin-left: 48px 
    }
}
 @media only screen and (max-width:767px) {
     .featured-collection--description, .featured-collection--header--description, .featured-collection--image[data-item] {
         display: none 
    }
}
 .featured-collection--header {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: unset;
     min-width: 100% 
}
 @media only screen and (min-width:768px) {
     .featured-collection--root[data-has-image=true] .featured-collection--header {
         justify-content: space-between 
    }
}
 .featured-collection--header>div:only-of-type {
     text-align: center 
}
 .featured-collection--header-text {
     max-width: 100%;
     width: 700px;
}
 .featured-collection--header-text>:not(:last-child) {
     padding-bottom: 16px 
}
 @media only screen and (max-width:767px) {
     .featured-collection--header-text>:not(:last-child) {
         padding-bottom: 12px 
    }
}
 .featured-collection--description {
     width:700px;
    max-width: 100%;
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 26px;
     text-align: center;
     letter-spacing: 0.03em;
     margin-top: 15px;
     margin-bottom: 10px;
}
 @media only screen and (min-width:768px) {
     .featured-collection--image[data-item] {
         max-width: 50% 
    }
}
 .featured-collection--title {
     min-width: 250px 
}
 @media only screen and (max-width:767px) {
     .featured-collection--title {
         text-align: center 
    }
}
 @media only screen and (max-width:767px) {
     .featured-collection--description {
         margin-bottom: 0px;
         font-size: 14px;
         line-height: 16px;
    }
     .featured-collection--carousel {
         width: calc(100% + 32px);
         margin-left: -16px 
    }
}
 @media only screen and (min-width:768px) {
     .featured-collection--carousel {
         width: calc(100% + 96px);
         margin-left: -48px 
    }
}
 .featured-collection--show-more {
     text-align: center 
}
 .template--product .featured-collection--show-more {
     position: relative;
     top: -10px;
}
 @media only screen and (max-width:767px) {
     .featured-collection--item {
         width: 100% 
    }
     .featured-collection--item .placeholder--root {
         min-height: 256px 
    }
}
 .image-with-text--root {
     padding: 0 
}
 .featured-content--root {
     padding: 0px;
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .featured-content--root {
         padding: 32px 0px 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-container-width='6'] {
         padding: 0;
         width: 100% 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-container-width='5'][data-text-position=left] {
         background-color: transparent 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-container-width='5'][data-text-position=right] {
         background-color: transparent 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-mobile-overlay=true] {
         padding: 0 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-spacing-above=true] {
         padding-top: 72px 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-spacing-above=true] {
         padding-top: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-spacing-below=true] {
         padding-bottom: 72px 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-spacing-below=true] {
         padding-bottom: 32px 
    }
}
 .featured-content--container {
     align-items: center;
     display: flex;
     height: 100%;
     justify-content: center;
     margin: 0 auto;
     overflow: hidden;
     position: relative 
}

   .featured-content--container img{    opacity: 1;    visibility: visible;}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--container {
         padding: 32px 16px 
    }
}
 .featured-content--root[data-text-position=bottom] .featured-content--container, .featured-content--root[data-text-position=top] .featured-content--container {
     flex-direction: column 
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-text-position=left][data-container-width='5'] .featured-content--container {
         padding-left: 48px 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-text-position=right][data-container-width='5'] .featured-content--container {
         padding-right: 48px 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-text-position=bottom-left] .featured-content--container {
         align-items: flex-end;
         justify-content: flex-start 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-cover-image=false][data-text-position=center] .featured-content--container {
         padding: 0 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-container-width='1'] .featured-content--container {
         max-width: 650px 
    }
     .featured-content--root[data-container-width='2'] .featured-content--container {
         max-width: 800px 
    }
     .featured-content--root[data-container-width='3'] .featured-content--container {
         max-width: 1000px 
    }
     .featured-content--root[data-container-width='4'] .featured-content--container {
         max-width: 1200px 
    }
     .featured-content--root[data-container-width='5'] .featured-content--container {
         max-width: none 
    }
     .featured-content--root[data-container-width='6'] .featured-content--container {
         max-width: none 
    }
     .featured-content--root[data-image-height='1'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='1'][data-text-position=center] .featured-content--container {
         min-height: 200px 
    }
     .featured-content--root[data-image-height='2'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='2'][data-text-position=center] .featured-content--container {
         min-height: 400px 
    }
     .featured-content--root[data-image-height='3'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='3'][data-text-position=center] .featured-content--container {
         min-height: 600px 
    }
.page--our-story-simple-botanically-based-solutions .featured-content--root[data-image-height='3'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='3'][data-text-position=center] .featured-content--container {
         min-height: 700px 
    }
   .page--our-product-standards .featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height="3"][data-text-position=center] .featured-content--container {
    min-height: 750px;
}
   .page--recycle-with-us .featured-content--root[data-image-height="3"][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height="3"][data-text-position=center] .featured-content--container {
    min-height: 500px;
}
   
.page--our-sustainability-commitment .featured-content--root[data-image-height='3'][data-text-position=bottom-left] .featured-content--container, .page--our-sustainability-commitment .featured-content--root[data-image-height='3'][data-text-position=center] .featured-content--container {
         min-height: 680px 
    }
   
     .featured-content--root[data-image-height='4'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='4'][data-text-position=center] .featured-content--container {
         min-height: 800px 
    }
     .featured-content--root[data-image-height='5'][data-text-position=bottom-left] .featured-content--container, .featured-content--root[data-image-height='5'][data-text-position=center] .featured-content--container {
         min-height: 920px 
    }
}
 @media only screen and (max-width:767px) {

  .page--our-story-simple-botanically-based-solutions .image-with-text--root {
       float: left;
    width: 100%;
    margin: -7px 0;
}


     .featured-content--container {
    }
     .featured-content--root[data-image-height='1'] .featured-content--container {
         min-height: 100px 
    }
     .featured-content--root[data-image-height='2'] .featured-content--container {
         min-height: 200px 
    }
     .featured-content--root[data-image-height='3'] .featured-content--container {
         min-height: 300px 
    }
     .featured-content--root[data-image-height='4'] .featured-content--container {
         min-height: 400px 
    }
     .featured-content--root[data-image-height='5'] .featured-content--container {
         min-height: 460px 
    }
}
 .featured-content--image {
     order: 1;
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-cover-image=true][data-text-position=bottom-left][data-text-exists=true] .featured-content--image, .featured-content--root[data-cover-image=true][data-text-position=center][data-text-exists=true] .featured-content--image {
         height: 100%;
         position: absolute 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--image {
         position: absolute;
         height: 100% 
    }
}
 @media only screen and (min-width:768px) {
     .featured-content--root[data-image-height='1'] .featured-content--image {
         height: 200px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='2'] .featured-content--image {
         height: 400px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='3'] .featured-content--image {
         height: 600px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='4'] .featured-content--image {
         height: 800px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='5'] .featured-content--image {
         height: 920px;
         overflow: hidden;
         position: relative 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--root[data-image-height='1'] .featured-content--image {
         height: 100px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='2'] .featured-content--image {
         height: 200px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='3'] .featured-content--image {
         height: 300px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='4'] .featured-content--image {
         height: 400px;
         overflow: hidden;
         position: relative 
    }
     .featured-content--root[data-image-height='5'] .featured-content--image {
         height: 460px;
         overflow: hidden;
         position: relative 
    }
}
 .featured-content--root[data-text-position=left] .featured-content--image {
     min-width: 50%;
     flex-shrink: 2 
}
 @media only screen and (min-width:768px) {
     .featured-content--text {
         order: 0;
         text-align: center;
         width: 100%;
         z-index: 1 
    }
     .featured-content--root[data-text-position=top] .featured-content--text {
         margin-bottom: 32px 
    }
     .featured-content--root[data-text-position=top][data-overlap=true] .featured-content--text {
         margin-bottom: -3.75rem 
    }
     .featured-content--root[data-text-position=bottom] .featured-content--text {
         order: 2;
         margin-top: 32px 
    }
     .featured-content--root[data-text-position=bottom][data-overlap=true] .featured-content--text {
         margin-top: -3.75rem 
    }
     .featured-content--root[data-text-position=left] .featured-content--text {
         text-align: left;
         margin-right: 32px 
    }
     .featured-content--root[data-text-position=left][data-overlap=true] .featured-content--text {
         margin-right: -10% 
    }
     .featured-content--root[data-text-position=left][data-container-width='6'] .featured-content--text {
         padding: 32px 0 32px 48px 
    }
     .featured-content--root[data-text-position=center] .featured-content--text {
         flex-shrink: 1;
         padding: 32px;
    }
     .featured-content--root[data-text-position=center][data-box-around-text=true] .featured-content--text {
         margin: 32px 
    }
     .featured-content--root[data-text-position=center][data-cover-image=false] .featured-content--text {
    position: absolute;
    top: 50%;
    right: 50%;
    text-align: center;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    width: 700px;
    max-width: 100%;
    }


   .desktopslider .featured-content--root[data-text-position=center][data-cover-image=false] .featured-content--text {
          position: absolute;
    top: 50%;
    right: 10%;
    text-align: center;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    width: 434px;
    width: 700px;
    max-width: 100%; 
    }

  
     .featured-content--root[data-text-position=right] .featured-content--text {
         margin-left: 32px;
         order: 2;
         text-align: left 
    }
     .featured-content--root[data-text-position=right][data-overlap=true] .featured-content--text {
         margin-left: -10% 
    }
     .featured-content--root[data-text-position=right][data-container-width='6'][data-box-around-text=false] .featured-content--text {
         padding: 32px 48px 32px 0 
    }
     .featured-content--root[data-text-position=bottom-left] .featured-content--text {
         padding: 72px 48px;
         width: 50%;
         text-align: center;
         color: black;
    }
     .featured-content--root[data-text-position=bottom-left][data-box-around-text=true] .featured-content--text {
         margin: 32px 
    }
     .featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
         position: absolute 
    }
     .featured-content--root[data-text-width=small] .featured-content--text {
         max-width: 400px 
    }
     .featured-content--root[data-text-width=medium] .featured-content--text {
         max-width: 100% 
    }
     .featured-content--root[data-text-width=large] .featured-content--text {
         max-width: 650px 
    }
     .featured-content--root[data-box-around-text=true] .featured-content--text {
         background-color: var(--bg-color--body);
         padding: 32px 
    }
   .page--our-sustainability-commitment .featured-text--body{margin-top:20px}
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:hover, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:link, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:visited, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:hover, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:link, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text a:visited, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:hover, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:link, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text a:visited {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-dark-background=true] .featured-content--text .featured-content--link--container:after, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=bottom-left] .featured-content--text .featured-content--link--container:after, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-text-position=center] .featured-content--text .featured-content--link--container:after {
         border-color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text a, .featured-content--root[data-text-color=light] .featured-content--text a:hover, .featured-content--root[data-text-color=light] .featured-content--text a:link, .featured-content--root[data-text-color=light] .featured-content--text a:visited {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text .featured-content--link--container:after {
         border-color: var(--color--alternative) 
    }
}
 @media only screen and (max-width:767px) {
     .featured-content--text {
         text-align: center 
    }
     .featured-content--root[data-mobile-overlay=true] .featured-content--text {
         padding: 16px;
         position: relative 
    }
     .featured-content--root[data-box-around-text=true][data-mobile-overlay=true] .featured-content--text {
         background-color: var(--bg-color--body) 
    }
     .featured-content--root[data-cover-image-mobile=false][data-mobile-overlay=true] .featured-content--text {
         position: absolute 
    }
     .mobileslider .featured-content--root[data-cover-image-mobile=false][data-mobile-overlay=true] .featured-content--text {
         position: absolute;
         max-width: 100%;
         left: 0;
         width: 100%;
         -webkit-transform: translate(0%,0%);
         -ms-transform: translate(0%,0%);
         -o-transform: translate(0%,0%);
         transform: translateY(0%);
         top: initial;
         bottom: 30px;
         margin: 0 !important;
         padding: 30px !important;
        z-index: 4;
    }

   .page--castor-oil-landing-page .mobileslider .featured-content--root[data-cover-image-mobile=false][data-mobile-overlay=true] .featured-content--text {
    bottom: initial;
    top: 0;
}

   .template--index .mobileslider .featured-content--root[data-cover-image-mobile=false][data-mobile-overlay=true] .featured-content--text {
    bottom: initial;
    top: 0;
}

     .featured-content--root[data-box-around-text=false][data-mobile-overlay=true] .featured-content--text {
         padding: 0 
    }
     .featured-content--root[data-mobile-overlay=false] .featured-content--text {
         order: 2;
         padding-top: 16px 
    }
     .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=false] .featured-content--text {
         margin: 32px 16px 
    }
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:hover, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:link, .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text a:visited, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:hover, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:link, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text a:visited {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-box-around-text=false][data-text-color=auto][data-mobile-overlay=true] .featured-content--text .featured-content--link--container:after, .featured-content--root[data-mobile-overlay=false][data-text-color=auto][data-dark-background=true] .featured-content--text .featured-content--link--container:after {
         border-color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text a, .featured-content--root[data-text-color=light] .featured-content--text a:hover, .featured-content--root[data-text-color=light] .featured-content--text a:link, .featured-content--root[data-text-color=light] .featured-content--text a:visited {
         color: var(--color--alternative) 
    }
     .featured-content--root[data-text-color=light] .featured-content--text .featured-content--link--container:after {
         border-color: var(--color--alternative) 
    }
}
 .featured-content--text-container {
     display: flex;
     flex-direction: column 
}

.page--castor-oil-landing-page .featured-content--text-container {
     display: initial;
}


 .flexbox-gap .featured-content--text-container {
     gap: 16px 
}
 .no-flexbox-gap .featured-content--text-container>* {
     margin: 8px 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .featured-content--text-container {
         gap: 12px 
    }
     .no-flexbox-gap .featured-content--text-container>* {
         margin: 6px 
    }
}
 .featured-content--title {
     word-break: break-word 
}
 .featured-grid--root {
     text-align: center 
}

.thkele h2{margin-bottom: 30px;}

.thkele h3{    font-family: bilo,sans-serif;
    font-size: 23px;
    font-weight: 500;}

 .featured-grid--root.zeroblock {
    display:none
}

.videowrap{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding: 60px 30px;
}

.videowrap video{
    float: left;
    width: 100%;
}
.videowrap h2{margin-bottom:20px}
 .template--index .featured-grid--root.hhujj {
 display:grid;width: 100%;background: #fcfaf7;padding: 0 48px 50px;}

 .template--index .featured-grid--root.hhujj h2{
    padding: 30px 0 0;
    font-size: 35px;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.1;}

 .page--sky-organics-sustainability-commitment .featured-grid--root.zeroblock {
    display:inline-block;width: 100%;
}

 .featured-grid--root[data-block-spacing=false][data-container-width='6'][data-header-text-exists=false] {
     padding-top: 0 
}
 .featured-grid--root[data-block-spacing=false][data-container-width='6'][data-footer-text-exists=false] {
     padding-bottom: 0 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root {
         text-align: center;
         display: block;
         float: left;
         width: 100%;
         padding: 20px 30px;
         overflow: hidden;
    }
     .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] {
         color: var(--color--alternative) 
    }
     .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a, .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:hover, .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:link, .featured-grid--root[data-dark-background=true][data-mobile-overlay=true] a:visited {
         color: var(--color--alternative) 
    }
     .featured-grid--root .placeholder--container {
         padding-top: 100% !important 
    }
}
 .featured-grid--root[data-text-position=bottom] .featured-grid--body--container {
     align-items: flex-start 
}
 .featured-grid--body {
     display: grid;
     justify-content: center;
     grid-template-columns: minmax(auto, 1fr) 
}
 .featured-grid--root[data-container-width='1'] .featured-grid--body {
     grid-template-columns: minmax(auto, 650px) 
}
 .featured-grid--root[data-container-width='2'] .featured-grid--body {
     grid-template-columns: minmax(auto, 800px) 
}
 .featured-grid--root[data-container-width='3'] .featured-grid--body {
     grid-template-columns: minmax(auto, 1000px) 
}
 .featured-grid--root[data-container-width='4'] .featured-grid--body {
     grid-template-columns: minmax(auto, 1200px) 
}
 .featured-grid--root[data-container-width='5'] .featured-grid--body {
     grid-template-columns: minmax(auto, 1fr) 
}
 .featured-grid--root[data-container-width='6'] .featured-grid--body {
     grid-template-columns: minmax(auto, 1fr) 
}
 .featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--body {
     text-align: left 
}
 .featured-grid--item {
     align-items: center;
     position: relative 
}
 .featured-grid--item .placeholder--container {
     height: 100% 
}
 .featured-grid--item[data-retain-ratio=false] a {
     height: 100% 
}
 .featured-grid--item[data-retain-ratio=false] .image--container {
     height: 100%;
     left: 0;
     padding-top: 0 !important;
     padding: 0;
     position: absolute;
     top: 0;
     width: 100% 
}
 .featured-grid--item[data-retain-ratio=false] img {
     -o-object-fit: cover;
     object-fit: cover 
}
 .featured-grid--item[data-retain-ratio=false] .image--root {
     padding-top: calc(100% - 16px);
     position: relative;
     overflow: hidden 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-container-width="4"] .featured-grid--body {
         display: inline-block;
         float: left;
         width: 100%;
    }
     .featured-grid--item[data-retain-ratio=false] .image--root {
         padding-top: 100% 
    }
}
 .featured-grid--item[data-retain-ratio=false] .placeholder--root {
     height: 100%;
     max-height: 100%;
     overflow: hidden 
}
 @media only screen and (max-width:767px) {
     .featured-grid--body--container[data-mobile-columns='2'] .featured-grid--item:nth-child(2n+1):last-child {
         grid-column: 1/span 2;
         justify-self: center;
         width: calc((100% + 8px)/ 2) 
    }
}
 @media only screen and (min-width:768px) {
     .featured-grid--item[data-wide=true] {
         grid-column: span 2 
    }
     .featured-grid--item[data-tall=true] {
         grid-row: span 2 
    }
}
 .featured-grid--item--link-wrapper {
     display: block;
     width: 100% 
}
 .featured-grid--item--container {
     position: relative;
     width: 100% 
}
 .featured-grid--root[data-text-position=center] .featured-grid--item--container {
     display: flex;
     align-items: center 
}
 .featured-grid--item[data-retain-ratio=false] .featured-grid--item--container {
     height: 100% 
}
 @media only screen and (max-width:767px) {
     .featured-grid--item--container .featured-grid--root[data-text-position=center][data-text-style=hover], .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--container {
         display: block 
    }
}
 .featured-grid--item--image[data-item] {
     display: flex;
     align-items: center 
}
 @media only screen and (min-width:768px) {
     .featured-grid--item[data-retain-ratio=false][data-shape=square] .featured-grid--item--image[data-item] {
         position: relative;
         height: 100% 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=wide] .featured-grid--item--image[data-item] {
         position: relative;
         height: 100% 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=wide] .featured-grid--item--image[data-item] .image--root {
         padding-top: calc(50% - 32px) 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] {
         position: relative;
         height: 100% 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] .image--root {
         padding-top: calc(200% + 16px) 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] .image--container {
         height: 100%;
         left: 0;
         padding-top: 0 !important;
         padding: 0;
         position: absolute;
         top: 0;
         width: 100% 
    }
     .featured-grid--item[data-retain-ratio=false][data-shape=tall] .featured-grid--item--image[data-item] img {
         -o-object-fit: cover;
         object-fit: cover 
    }
}
 .featured-grid--root[data-text-position=center] .featured-grid--item--image[data-item] .image--root {
     height: 100% 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--image[data-item] .image--root {
         height: auto 
    }
}
 .featured-grid--root[data-text-position=bottom] .featured-grid--item--image[data-item] {
     padding: 0 
}
 .featured-grid--root[data-text-position=bottom][data-text-alignment=center] .featured-grid--item--image[data-item] {
     margin: 0 auto 
}
 .featured-grid--item--overlay-background {
     width: 100%;
     height: 100%;
     background-color: #fff;
     position: absolute;
     top: 0;
     opacity: 0;
     transition: opacity .25s linear 
}
 .featured-grid--root[data-apply-overlay=true] .featured-grid--item--overlay-background {
     background-color: rgba(0, 0, 0, .2);
     opacity: 1 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--overlay-background {
         display: none 
    }
}
 @media only screen and (min-width:768px) {
     .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .featured-grid--item--overlay-background {
         opacity: .8 
    }
}
 .featured-grid--item--text-container {
     display: flex 
}
 .featured-grid--root[data-text-position=center] .featured-grid--item--text-container {
     align-items: center;
     justify-content: center;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     transition: opacity .25s linear;
     padding: 32px;
     height: 100%;
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-text-position=center] .featured-grid--item--text-container {
         padding: 16px 
    }
}
 .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
     flex-direction: column;
     padding: 16px 16px 16px 
}

.thkele .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
    padding: 2px 2px 16px;
}


 .flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
     gap: 16px 
}
 .no-flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container>* {
     margin: 8px 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
         padding: 9px 4px 
    }
     .flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container {
         gap: 12px 
    }
     .no-flexbox-gap .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container>* {
         margin: 6px 
    }
}
 .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container .featured-grid--item--link {
     padding-bottom: 0 
}
 .featured-grid--root[data-text-position=bottom] .featured-grid--item[data-image-enabled=false] .featured-grid--item--text-container {
     padding-top: 0 
}
 .featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--item--text-container {
     padding-left: 0 
}
 @media only screen and (max-width:767px) {
     .featured-grid--item--text-container .featured-grid--root[data-text-position=center][data-text-style=hover], .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--text-container {
         position: relative;
         height: auto;
         width: auto;
         padding: 12px 0 0 0 
    }
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[class][data-text-position=center] .featured-grid--item--text-container {
         opacity: 1 
    }
     .featured-grid--root[class][data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--text-container {
         color: var(--color--alternative) 
    }
     .featured-grid--root[class][data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a, .featured-grid--root[class][data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:hover, .featured-grid--root[class][data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:link, .featured-grid--root[class][data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--text-container a:visited {
         color: var(--color--alternative) 
    }
}
 @media only screen and (min-width:768px) {
     .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .featured-grid--item--text-container {
         opacity: 1 
    }
     .featured-grid--root[data-hover-enabled=false] .featured-grid--item--text-container {
         opacity: 1 
    }
     .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--text-container {
         color: var(--color--alternative) 
    }
     .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--text-container a, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:hover, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:link, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--text-container a:visited {
         color: var(--color--alternative) 
    }
}
 .featured-grid--root[data-text-style=box] .featured-grid--item--text-background {
     padding: 16px;
     background: var(--bg-color--body) 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-text-style=box] .featured-grid--item--text-background {
         padding: 4px 
    }
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--text-background {
         padding: 0 
    }
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--text-background {
         background: 0 0 
    }
}
 .featured-grid--item--title {
     width: 100%;
     word-break: break-word 
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--title {
         font-size: 16px;
    }
}
 @media only screen and (min-width:768px) {
     .featured-grid--root[data-text-position=bottom][data-block-spacing=false] .featured-grid--item--link-container {
         padding-bottom: 16px 
    }
     .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container {
         color: var(--color--alternative) 
    }
     .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container a, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:hover, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:link, .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container a:visited {
         color: var(--color--alternative) 
    }
     .featured-grid--root[data-alternative-color=true][data-hover-enabled=false] .featured-grid--item--link-container:after {
         border-color: var(--color--alternative) 
    }
}
 @media only screen and (max-width:767px) {
     .featured-grid--root[data-text-position=center][data-alternative-color=true][data-mobile-overlay=true] .featured-grid--item--link-container:after {
         border-color: var(--color--alternative) 
    }
}
 .featured-grid--footer--block {
     justify-content: center 
}
 .featured-text--wrapper {
     text-align: center;
     display: flex;
     flex-direction: column 
}
 .flexbox-gap .featured-text--wrapper {
     gap: 16px 
}
 .no-flexbox-gap .featured-text--wrapper>* {
     margin: 8px 
}
 @media only screen and (min-width:768px) {
     .featured-blog--wrapper {
         margin: 0 auto 
    }
     .featured-blog--root[data-container-width='1'] .featured-blog--wrapper {
         max-width: 650px 
    }
     .featured-blog--root[data-container-width='2'] .featured-blog--wrapper {
         max-width: 800px 
    }
     .featured-blog--root[data-container-width='3'] .featured-blog--wrapper {
    }
     .featured-blog--root[data-container-width='4'] .featured-blog--wrapper {
         max-width: 1200px 
    }
}
 .featured-blog--heading {
     text-align: center 
}
 .featured-blog--footer a {
     text-align: center 
}
 .map--body {
     display: flex;
     align-items: center;
     margin: 0 auto 
}
 .flexbox-gap .map--body {
     gap: 32px 
}
 .no-flexbox-gap .map--body>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .map--body {
         flex-wrap: wrap 
    }
}
 .map--info {
     display: flex;
     flex-wrap: wrap;
     max-width: 400px 
}
 .flexbox-gap .map--info {
     gap: 32px 
}
 .no-flexbox-gap .map--info>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .map--info {
         width: 100%;
         justify-content: center;
         text-align: center;
         max-width: none 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .map--info {
         max-width: 300px 
    }
}
 .map--heading {
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .map--heading {
         text-align: center 
    }
}
 .map--address-content {
     padding-bottom: 32px 
}
 .map--open-maps-link {
     display: block;
     width: 100% 
}
 .map--media {
     flex-grow: 1 
}
 @media only screen and (max-width:767px) {
     .map--media {
         width: 100% 
    }
}
 .map--google-maps {
     min-height: 400px 
}
 @media only screen and (max-width:767px) {
     .map--google-maps {
         width: 100% 
    }
}
 [data-item=rte-content] .map--open-maps-link a {
     text-decoration: none;
     color: var(--color--body) 
}
 [data-item=rte-content] .map--open-maps-link a:hover {
     color: var(--color--body--light) 
}
 .newsletter--wrapper {
     width: 100%;
     max-width: 650px;
     margin: 0 auto;
     text-align: center;
     justify-content: center 
}
 .newsletter--body {
     max-width: 400px;
     margin: 0 auto;
     padding: 0 32px 
}
 @media only screen and (max-width:767px) {
     .newsletter--body {
         padding: 0 16px 
    }
}
 .newsletter--failure {
     padding-top: 16px;
     color: #d32f2f 
}
 .newsletter--inputs {
     display: flex;
     align-items: center 
}
 .flexbox-gap .newsletter--inputs {
     gap: 12px 
}
 .no-flexbox-gap .newsletter--inputs>* {
     margin: 6px 
}
 input.newsletter--email {
     margin: 0 
}
 .service-list--title {
     text-align: center;
     margin-bottom: 0 
}
 .service-list--container {
     padding-top: 32px 
}
 .service-list--container:after {
     content: '\0020';
     display: block;
     height: 0;
     clear: both;
     overflow: hidden;
     visibility: hidden 
}
 [data-has-headers=true] .service-list--container {
     padding: 0 
}
 .service-list--container>.service-list--block-header--text {
     padding: 0 32px 16px 
}
 @media only screen and (max-width:767px) {
     .service-list--container>.service-list--block-header--text {
         text-align: center 
    }
}
 @media only screen and (min-width:768px) {
     .service-list--single-column {
         width: 50% 
    }
}
 .service-list--left-column, .service-list--right-column {
     width: 50%;
     float: left 
}
 @media only screen and (max-width:767px) {
     .service-list--left-column, .service-list--right-column {
         width: 100% 
    }
}
 .service-list--blocks {
     margin: 0 
}
 [data-has-headers=true] .service-list--blocks {
     padding: 32px 
}
 @media only screen and (max-width:767px) {
     [data-has-headers=true] .service-list--blocks {
         padding: 12px 0 
    }
}
 .service-list--blocks li {
     list-style: none;
     width: 100% 
}
 .service-list--block {
     padding: 8px 32px 
}
 @media only screen and (max-width:767px) {
     .service-list--block {
         padding: 8px 0 
    }
}
 [data-has-headers=true] .service-list--block {
     padding: 8px 0 
}
 @media only screen and (max-width:767px) {
     [data-show-description=true] .service-list--block {
         padding: 0 
    }
}
 .service-list--block-header {
     padding: 8px 0;
     text-align: center 
}
 .service-list--price {
     padding-left: 48px;
     padding-bottom: 2px 
}
 [data-show-description=false] .service-list--price {
     flex-grow: 0;
     flex-shrink: 1;
     padding-left: 12px;
     padding-bottom: 0 
}
 .service-list--description {
     padding-top: 12px 
}
 [data-show-description=false] .service-list--block-title-text {
     display: inline 
}
 .service-list--block-title {
     flex-grow: 1 
}
 [data-show-description=false] .service-list--block-title {
     flex-grow: 0;
     flex-shrink: 1;
     width: 100%;
     position: relative;
     overflow: hidden 
}
 [data-show-description=false] .service-list--block-title:after {
     content: '⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅';
     font-family: Arial, sans-serif;
     margin-left: 12px;
     line-height: 2;
     position: absolute 
}
 .service-list--info {
     display: flex;
     align-items: center;
     padding: 12px 0;
     border-bottom: 1px solid #e0e0e0;
     padding-bottom: 6px;
     width: 100% 
}
 [data-show-description=false] .service-list--info {
     border-bottom: none;
     padding: 0 
}
 .featured-product--root .product-media--featured {
     position: relative;
     display: none;
     padding-bottom: 16px 
}
 .featured-product--root .product-media--featured[data-active=true] {
     display: block 
}
 .featured-product--root .product-model--root {
     display: flex;
     justify-content: flex-end;
     margin: 0 auto 
}
 @media only screen and (max-width:767px) {
     .featured-product--root .product-model--root {
         justify-content: center 
    }
}
 .featured-product--root .image--root {
     margin: 0 auto 
}
 .featured-product--root .image--container {
     width: 100% 
}
 .featured-product--root .placeholder--container {
     position: initial 
}
 .featured-product--media {
     align-self: flex-start 
}
 .featured-product--wrapper {
     display: flex;
     align-items: center 
}
 .flexbox-gap .featured-product--wrapper {
     gap: 32px 
}
 .no-flexbox-gap .featured-product--wrapper>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .featured-product--wrapper {
         flex-direction: column 
    }
}
 @media only screen and (min-width:768px) {
     .featured-product--wrapper>* {
         width: calc(50% - 16px) 
    }
}
 @media only screen and (max-width:767px) {
     .featured-product--wrapper>* {
         width: 100% 
    }
}
 .featured-product--placeholder {
     width: 50%;
     position: relative;
     display: none 
}
 .featured-product--placeholder[data-active=true] {
     display: block 
}
 @media only screen and (max-width:767px) {
     .featured-product--placeholder {
         width: 100% 
    }
}
 .featured-product--placeholder>* {
     display: flex;
     justify-content: flex-end 
}
 @media only screen and (max-width:767px) {
     .featured-product--placeholder>* {
         justify-content: center 
    }
}
 .featured-product--placeholder .placeholder--container {
     position: initial 
}
 .featured-product--heading a, .featured-product--vendor a {
     padding: 8px;
     margin: -8px 
}
 .featured-product--blocks {
     max-width: 400px;
     width: 100%;
     margin: 0 auto 
}
 @media only screen and (max-width:767px) {
     .featured-product--blocks {
         text-align: center 
    }
}
 @media only screen and (min-width:768px) {
     .featured-product--blocks {
         width: 50% 
    }
}
 .featured-product--price-wrapper>* {
     font-size: 20px 
}
 @media only screen and (max-width:767px) {
     .featured-product--price-wrapper>* {
         font-size: 16px 
    }
}
 .featured-product--add-to-cart>* {
     width: 100%;
     text-align: center 
}
 @media only screen and (max-width:767px) {
     .featured-video--root {
         padding: 0 
    }
}
 @media only screen and (min-width:768px) {
     .featured-video--root[data-full-width=true] {
         padding: 0 
    }
}
 .featured-video--body {
     position: relative;
     padding-top: 56%;
     height: 0;
     overflow-y: hidden;
     display: flex;
     justify-content: center 
}
 .page--our-story .featured-video--root[data-full-width=true] {
     padding: 80px 50px;
}
 .featured-video--root[data-section-height=small] .featured-video--body {
        padding-top: 32%;
    height: 642px;
}
 .featured-video--root[data-section-height=large] .featured-video--body {
     padding-top: 75% 
}
 .featured-video--container {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     overflow: hidden ;background: whitesmoke;
}
 .featured-video--root[data-darken-video=true] .featured-video--container:after {
     z-index: 2;
     content: '';
     background: rgba(0, 0, 0, .2);
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     pointer-events: none 
}
 @media only screen and (min-width:768px) {
     .featured-video--root[data-thumbnail=false] .featured-video--container {
    }
}
 .featured-video--container [data-vimeo-initialized=true] {
     height: 100% 
}
 .featured-video--container iframe {
     height: 100%;
     width: 100% 
}
 .featured-video--root[data-thumbnail=false] .featured-video--container iframe {
     position: absolute;
     top: -250px;
     left: -25%;
     height: calc(100% + 500px) 
}
 .featured-video--container svg {
     cursor: pointer 
}
 .featured-video--root[data-light-text=true] .featured-video--container svg {
     fill: var(--color--alternative) 
}
 .featured-video--thumbnail {
     z-index: 1;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% 
}
 .featured-video--thumbnail .image--root {
     height: 100% 
}
 .featured-video--thumbnail .image--container {
     height: 100%;
     background: #fff 
}
 .featured-video--thumbnail img {
     -o-object-fit: cover;
     object-fit: cover 
}
 .featured-video--header {
     z-index: 3;
     padding: 32px 60px;
     position: absolute;
     top: 0px;
     right: 0%;
     height: 100%;
     width: 100%;
     max-width: 50%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     background: #F5F5F5;
    pointer-events: initial;
}
 .page--our-story .featured-video--header {
    background: #ffffff
}
 .featured-video--header .featured-video--heading{
    max-width: 597px;
     margin-bottom: 45px;
}
 .featured-video--header .featured-video--heading h2{
    font-size: 60px;
    line-height: 64px;
}
 .featured-video--header .featured-video--sub-heading{
     max-width: 597px;
     font-size: 20px;
     line-height: 26px;
     letter-spacing: 0.7px;
}




 .featured-video--container .btn-deight{
    margin-top: 30px;
}
 .featured-video--header .featured-video--heading2{
    max-width: 597px;
     margin-bottom: 57px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 600;
}
 .flexbox-gap .featured-video--header {
     gap: 10px 
}
 .no-flexbox-gap .featured-video--header>* {
     margin: 16px 
}
 @media only screen and (max-width:1250px) {

.featured-video--header .featured-video--heading h2 {
    font-size: 47px;
    line-height: 49px;
}
   .featured-video--header .featured-video--heading {
    margin-bottom: 16px;
}
   .featured-video--header .featured-video--sub-heading {
    font-size: 17px;
    line-height: 22px;
}
   .featured-video--header .featured-video--heading2 {
    margin-bottom: 22px;
 
}
   }
 @media only screen and (max-width:900px) {

   .featured-video--header .featured-video--heading h2 {
    font-size: 33px;
    line-height: 38px;
}
}

 @media only screen and (max-width:767px) {
     .featured-video--header {
         display: none 
    }
}
 .featured-video--root[data-full-width=true] {
     padding: 0;
     position: relative;
}
 .featured-video--header>:not(.featured-video--button) {
}
 .featured-video--play-mobile .icon--play-solid {
    width: 31px;
     fill: white;
     filter: invert(1);
}
 .featured-video--play-mobile {
     position: absolute;
     bottom: 30px;
     z-index: 55;
     left: calc(50% - 70px);
    cursor:pointer 
}
 @media only screen and (max-width:767px) {
     .featured-video--play-mobile {
         display: none;
    }
     .featured-video--root[data-section-height=small] .featured-video--body {
         padding-top: 46%;
         height: auto;
    }
     .template--index .featured-video--root[data-section-height=small] .featured-video--body {
       aspect-ratio: 9 / 10.55;
    }
}
 @media only screen and (max-width:767px) {
     .featured-video--header-mobile {
         display: flex;
         padding: 16px 16px 32px;
         width: 100%;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         text-align: center;
         background: #f7f1eb;
    }
     .featured-video--root[data-background-color=dark] .featured-video--header-mobile {
         color: var(--color--alternative) 
    }
     .featured-video--root:not([data-background-color=dark]) .featured-video--header-mobile {
         color: var(--color--body) 
    }
     .featured-video--header-mobile>:not(.featured-video--button) {
    }
     .featured-video--header-mobile>:not(:last-child) {
         padding-bottom: 16px 
    }
     .featured-video--heading2{
         font-family: 'bilo';
         font-style: normal;
         font-weight: 600;
         font-size: 14px;
         line-height: 18px;
         text-align: center;
         letter-spacing: .15em;
         text-transform: uppercase;
         padding-top: 20px;
    }
     .featured-video--heading-mobile h2{
         font-size: 28px;
         line-height: 32px;
         padding: 0 25px;
        margin-bottom:10px 
    }
     .featured-video--sub-heading-mobile{
        font-size: 14px;
         line-height: 16px;
    }
   .template--index .featured-video--sub-heading-mobile {
    text-align: justify;
}
}
 .featured-video--button {
     pointer-events: all 
}
 @media only screen and (max-width:767px) {
     .recent-products--title {
         text-align: center 
    }
}
 [data-title-alignment=center] .recent-products--title {
     text-align: center 
}
 .recent-products--spinner {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 72px 0 
}
 .contact--root {
     width: 100% 
}
 .contact--header {
     padding-bottom: 32px;
     text-align: center 
}
 .contact--container {
     display: flex 
}
 .flexbox-gap .contact--container {
     gap: 32px 
}
 .no-flexbox-gap .contact--container>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .contact--container {
         flex-direction: column 
    }
}
 @media only screen and (min-width:768px) {
     .contact--container {
         justify-content: center;
         width: 100% 
    }
}
 .contact--left-column {
     display: flex 
}
 .flexbox-gap .contact--left-column {
     gap: 32px 
}
 .no-flexbox-gap .contact--left-column>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .contact--left-column {
         justify-content: center 
    }
}
 @media only screen and (min-width:768px) {
     .contact--left-column {
         flex-direction: column;
         width: 200px 
    }
}
 @media only screen and (min-width:768px) {
     .contact--right-column {
         width: calc(100% - 200px) 
    }
     .contact--right-column:only-child {
         width: 100%;
         max-width: 600px;
    }
}
 .contact--address-text {
     padding-bottom: 16px 
}
 .contact--social {
     display: flex;
     justify-content: center;
     padding-bottom: 32px;
     margin-bottom: -8px;
}
 .contact--social a {
     padding: 8px 14px 
}
 .contact--form-details {
     display: flex;
     justify-content: space-between 
}
 @media only screen and (max-width:767px) {
     .contact--form-details {
         flex-direction: column 
    }
}
 @media only screen and (min-width:768px) {
     .contact--form-details>* {
         width: calc(50% - 8px) 
    }
}
 .contact--submit-container {
     display: flex;
     justify-content: center 
}
 input.contact--submit {
     margin-bottom: 0;
     width: 100% 
}
 .apps--root>* {
     max-width: 800px;
     margin: 0 auto 
}
 .apps--root>* .spr-header-title {
     font-size: var(--font--section-heading--size);
     margin: -.25em 0;
     padding-bottom: 32px 
}
 @media only screen and (max-width:767px) {
     .apps--root>* .spr-header-title {
         text-align: center 
    }
     .apps--root>* .spr-summary {
         display: flex;
         flex-direction: column;
         align-items: center 
    }
     .apps--root>* .spr-summary>:not(:last-child) {
         padding-bottom: 16px;
         margin: 0 
    }
     .apps--root>* .spr-review {
         text-align: center 
    }
}
 .list-collections--link {
     text-align: center;
     width: 100% 
}
 .list-collections--item[data-container=section]:not(:last-child) {
     padding-bottom: 72px 
}
 .list-collections--item-link {
     width: 100% 
}
 .list-collections--view-more {
     text-align: center 
}
 .collection--body--root {
     display: block 
}
 @media only screen and (min-width:768px) {
     .collection--body--root {
         padding-top: 32px 
    }
}
 .collection--header--root {
     position: relative 
}
 .collection--header--root[data-title-alignment=center] {
     display: flex;
     align-items: center;
     justify-content: center 
}
 .collection--header--image {
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image .image--container, .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image .placeholder--container {
         height: 200px;
         padding-top: 0 !important 
    }
     .collection--header--root[data-show-image=true][data-image-height=small] .collection--header--image img {
         height: 200px;
         -o-object-fit: cover;
         object-fit: cover 
    }
     .collection--header--root[data-show-image=true][data-image-height=small][data-apply-overlay=true] .collection--header--image .image--container:after {
         height: 200px 
    }
     .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image .image--container, .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image .placeholder--container {
         height: 400px;
         padding-top: 0 !important 
    }
     .collection--header--root[data-show-image=true][data-image-height=medium] .collection--header--image img {
         height: 400px;
         -o-object-fit: cover;
         object-fit: cover 
    }
     .collection--header--root[data-show-image=true][data-image-height=medium][data-apply-overlay=true] .collection--header--image .image--container:after {
         height: 400px 
    }
     .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image .image--container, .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image .placeholder--container {
         height: 600px;
         padding-top: 0 !important 
    }
     .collection--header--root[data-show-image=true][data-image-height=large] .collection--header--image img {
         height: 600px;
         -o-object-fit: cover;
         object-fit: cover 
    }
     .collection--header--root[data-show-image=true][data-image-height=large][data-apply-overlay=true] .collection--header--image .image--container:after {
         height: 600px 
    }
     .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image {
         height: 100% 
    }
     .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image .image--root, .collection--header--root[data-show-image=true]:not([data-image-height=original]) .collection--header--image .placeholder--root {
         height: 100% 
    }
}
 .bannierecollection{
    height:400px;
    position:relative;
    width:100%
}
    
 .collection--header--image .image--root{
     position: relative;
     max-width: 100%;
     width: 100% !important;
     height: 400px;
     overflow: hidden;
}
 .collection--header--image .image--root img{
     height: auto;
     transform: translatey(-25%);
}
 .collection--header--image .image--root .image--container {
     max-width: 100%;
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     height: 100%;
}
 .collection--header--heading {
     max-width: 650px 
}
 .collection--header--root[data-show-image=true] .collection--header--heading {
     position: absolute;
     padding: 48px;
     max-width: 650px 
}
 .collection--header--root[data-show-image=false] .collection--header--heading {
     padding: 72px 48px 32px;
     margin: 0 
}
 .collection--header--root[data-show-image=true][data-alternative-color=true] .collection--header--heading {
     color: white 
}

    .page--diy-oils .collection--header--root[data-show-image=true][data-alternative-color=true] .collection--header--heading,
    .page--diy-butters .collection--header--root[data-show-image=true][data-alternative-color=true] .collection--header--heading,
    .page--masks-amp-mists .collection--header--root[data-show-image=true][data-alternative-color=true] .collection--header--heading,
    .page--diy-others .collection--header--root[data-show-image=true][data-alternative-color=true] .collection--header--heading {
     color: black 
}


 .collection--header--heading p{
     font-family: 'Bilo';
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 26px;
     text-align: left;
     letter-spacing: 0.03em;
}

.page--oils #featured-collection-show-more{display:none}

.coool2 h2 {
    margin-bottom: 20px;
}
   .page--castor-oil-landing-page .oii [data-container=panel][data-columns='1'] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: inline-block;
}

.oii .featured-grid--item {
    width: 33.33%;
    float: left;margin-bottom:20px
}
 @media only screen and (max-width:767px) {
.oii {

    float: none !important
}
   .oii .featured-grid--header{padding: 0 20px}
.oii .featured-grid--item {
    width: 100%;
    float: left;
}
   .coool2 h2 {
    margin-bottom: 20px;
}
    .page--castor-oil-landing-page .featured-content--container {
    margin-top: -32px;
}

      .page--castor-oil-landing-page #mala {
    margin-top: -20px;margin-bottom:20px
}
   .oii p, .oii .featured-grid--subtitle, .oii .featured-grid--subtitle a{    font-size: 16px !important;
    line-height: 22px !important;}
.swiper-landing {
    padding: 0 15px 40px;
}
   .page--castor-oil-landing-page .bannierecollection {
    height: 600px;
    position: relative;
    width: 100%;
}
   .page--our-sustainability-commitment .collection--header--heading h1{text-align:left}
.page--our-sustainability-commitment .collection--header--heading p {
    color: #000;
    text-align: left;
    width: 70%;
}
.page--our-sustainability-commitment .collection--header--root[data-title-alignment=left] .collection--header--heading {
    left: 4%;
}
     .navigation--mobile-button:after {
         content: "+";
         font-weight: 400;
         font-size: 16px;
    }
     .collection--header--heading p{
         font-size: 16px;
         line-height: 18px;
        color:black
    }
  .template--page .collection--header--heading p{
        color:black
    }
.template--collection.page--shop-all .collection--header--heading p{
        color:black
    }

   .page--castor-oil-landing-page .collection--header--heading p{
        color:black
    }
   
 .page--castor-oil-landing-page .collection--header--heading h2{
        color:black
    }
   .template--page.page--butters-amp-balms-collection-sky-organics .collection--header--heading p{
        color:black
    }
    .template--page.page--masks-amp-mists-collections-sky-organics .collection--header--heading p{
        color:black
    }


   .template--page.page--butters-amp-balms-collection-sky-organics .collection--header--heading h1{
        color:black
    }
    .template--page.page--masks-amp-mists-collections-sky-organics .collection--header--heading h1{
        color:black
    }

   
   .page--our-sustainability-commitment .collection--header--heading p{
        color:black
    }
     .collection--header--image {
         width: 150%;
         margin-left: -25%;
        position:relative 
    }
     .bannierecollection:before {
         content: "";
         background: linear-gradient(180deg,rgba(255,255,255,0) 29%,rgb(0 0 0 / 50%) 100%);
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 3;        opacity: 0;
    }
   .bannierecollection {
    height: 400px;
    width: 100%;
}
    .template--page .bannierecollection:before {
        display:none
    }
     .collection--header--root[data-show-image=true] .collection--header--heading {
         z-index: 3;
    }
}
 .collection--header--root[data-title-alignment=left] .collection--header--heading {
     top: 50%;
     left: 10%;
     text-align: left;
     -webkit-transform: translate(0%,-50%);
     -ms-transform: translate(0%,-50%);
     -o-transform: translate(0%,-50%);
     transform: translateY(-50%);
     width: 434px;
    max-width: 80%;
}

.page--recycle-with-us .collection--header--root[data-title-alignment=left] .collection--header--heading {
     width: 488px;
}

 .collection--header--root[data-title-alignment=center] .collection--header--heading {
     text-align: center 
}
 .collection--header--heading>:not(:last-child) {
     padding-bottom: 16px 
}
 .template--product contact--right-column form{
    display:none
}
 .youlike {
     float: left;
     width: 100%;
}
 .pdp-value-props{
    background: #eaf3e2;
    padding: 20px 0 30px;
    margin-top: -6px;
    position: relative;
     float: left;
     width: 100%;
}
 @media only screen and (max-width:767px) {
    .bannierecollection {
    height: 100%;
    width: 100%;
    position: absolute;
}
   .collection--header--root {
    position: relative;
    min-height: 30vw;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
}
   
   .collection--header--root[data-show-image=false] .collection--header--heading {
         padding: 32px 16px 16px 
    }
      .collection--header--root[data-show-image=true] .collection--header--heading {
        padding: 40px 0;
        position: relative;
        top: 0;
        transform: translate(0px, 0px);
    }
}
 .collection--body--grid {
     grid-auto-flow: row dense 
}
 @media only screen and (min-width:768px) {
     .collection--body--grid:not([data-columns='2']) .featured-content--root[data-promo-width='1'][data-banner-promo] {
         grid-column: span 1 
    }
     .collection--body--grid:not([data-columns='2']) .featured-content--root[data-promo-width='2'][data-banner-promo] {
         grid-column: span 2 
    }
     .collection--body--grid:not([data-columns='2']) .featured-content--root[data-promo-width='3'][data-banner-promo] {
         grid-column: span 3 
    }
     .collection--body--grid:not([data-columns='2']) .featured-content--root[data-promo-width='4'][data-banner-promo] {
         grid-column: span 4 
    }
     .collection--body--grid[data-columns='2'] .featured-content--root[data-banner-promo=true] {
         grid-column: span 2 
    }
}
 @media only screen and (max-width:767px) {

   .collection--header--heading p {
        text-align: left;
    }
   
     .collection--body--grid .featured-content--root[data-cover-image=true] {
         min-height: 200px 
    }
     .collection--body--grid[data-mobile-columns='2'] .featured-content--root {
         grid-column: span 2 
    }
}
 .collection--body--grid .featured-content--root>* {
     width: 100% 
}
 .collection--body--spinner {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 96px 0 
}
 .collection--body--spinner-wrapper>* {
     margin: 0 auto 
}
 .collection--body--empty {
     text-align: center;
     padding: 96px 0 
}
 @media only screen and (min-width:768px) {
     [data-columns='2'] .collection--body--empty {
         grid-column: 1/span 2 
    }
     [data-columns='3'] .collection--body--empty {
         grid-column: 1/span 3 
    }
     [data-columns='4'] .collection--body--empty {
         grid-column: 1/span 4 
    }
}
 @media only screen and (max-width:767px) {
     [data-mobile-columns='1'] .collection--body--empty {
         grid-column: 1/span 1 
    }
     [data-mobile-columns='2'] .collection--body--empty {
         grid-column: 1/span 2 
    }
}
 .collection--body--pagination {
     padding-top: 32px 
}
 .collection--body--pagination:empty {
     display: none 
}
 .collection--footer-promotion--root, .collection--header-promotion--root {
     padding: 0 
}
 .product-page--top-panel {
     background-color: #ffffff;
     padding: 0px 
}
 @media only screen and (max-width:767px) {
     .product-page--top-panel {
         padding: 32px 0px 0;
         float: left;
         width: 100%;
    }


   	
	 .page--sky-organics-sustainability-commitment .collection--header--root{
    display: inline-block;
    width: 100%;
}

    .page--sky-organics-sustainability-commitment .collection--header--root[data-title-alignment=left] .collection--header--heading {
        top: 0% !important;
        left: 0% !important;
        text-align: center;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%) !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 40px !important;
        display: inline-block;
    }

   
}
 .product-page--panel-wrapper {
     display: grid;
     align-items: center;
     grid-gap: 32px;
     grid-template-columns: minmax(375px, 1fr) minmax(275px, 450px);
     margin: 0 auto;
     max-width: 1200px 
}
 .pdp-ingredient .product-page--panel-wrapper{
       grid-template-columns: minmax(50%,1fr) minmax(50%,50%);
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
}

.page--our-sustainability-commitment .pdp-ingredient .product-page--panel-wrapper {
    grid-template-columns: minmax(42%,1fr) minmax(50%,50%);
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}
 .page--our-story .pdp-ingredient .product-page--panel-wrapper {
     grid-template-columns: minmax(55%,1fr) minmax(45%,45%);
     margin: 0 auto;
     max-width: 100%;
     text-align: center;
}
 .ingredient-banner video{
    width: 100%;
}
 .pdp-ingredient .product-page--panel-wrapper p {
     font-family: bilo, sans-serif;
     font-size: 17px;
     line-height: 24px;
     letter-spacing: 0.03em;
     margin-top: 4px !important;
     float: left;
     width: 100%;
     font-weight: 400;
}

.page--our-sustainability-commitment .pdp-ingredient .product-page--panel-wrapper p {
    font-family: bilo,sans-serif;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: .03em;
    margin-top: 4px!important;
    float: left;
    width: 100%;
    font-weight: 400;
    margin-bottom: 55px;
}

   
 @media only screen and (max-width:767px) {
     .page--our-story .pdp-ingredient .product-page--panel-wrapper {
         grid-template-columns: minmax(100%,1fr);
    }
     .pdp-ingredient .product-page--panel-wrapper {
         grid-template-columns: 100% 
    }
     .pdp-ingredient .product-page--panel-wrapper p {
         font-size: 16px;
    line-height: 22px;
    }
}
 .product-page--featured-media {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     align-self: flex-start 
}
 .product-page--featured-media>* {
     max-width: 600px;
     width: 100% 
}

   .page--sky-organics-sustainability-commitment .collection--header--root[data-title-alignment=left] .collection--header--heading {
    top: 50%;
    left: 50%;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1200px;
    max-width: 80%;
}

 .page--castor-oil-landing-page .collection--header--root[data-title-alignment=left] .collection--header--heading {
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1200px;
    max-width: 80%;
}

.template--product .collection--header--root[data-title-alignment=left] .collection--header--heading {
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1200px;
    max-width: 80%;
}

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

  .clodo{
    width: 66.66%;
    float: right;
    text-align: right;
}
     
   
     .product-page--root[data-featured-blocks=true] .product-page--featured-media>* {
         margin-right: auto 
    }
     .product-page--root[data-featured-blocks=false] .product-page--featured-media>* .image--root {
         margin: 0 auto 
    }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
   .clodo{
        width: 50%;
    }
}


 @media only screen and (max-width:767px) {

     .page--sky-organics-sustainability-commitment .coool2 h1 {
        color: black;
        text-align: center;
    }
   
     .product-page--featured-media .image--root {
         margin: 0 auto 
    }
    .clodo{
    width: 100%;
    float: right;
    text-align:center;
}
}
 @media only screen and (max-width:767px) {

   
   .template--product .bannierecollection {
    height: 600px;
    position: relative;
    width: 100%;
}
   .page--sky-organics-sustainability-commitment .coool2 img {
    width: 64px;
    max-width: 100%;
}
     .product-page--featured-blocks {
         max-width: 450px;
         width: 100%;
         margin: 0 auto;
        float: left;
         order: 2;
    }
}
 .product-page--blocks {
     width: 100%;
     max-width: 350px;
     align-self: center;
     justify-self: center 
}
 .product-page--media-variant {
     width: 100% 
}
 .product-page--media-variant>* {
     max-width: 600px;
     margin: 0 auto 
}
 .product-page--media-variant .product-media--featured>* {
     margin: 0 auto 
}
 .product-page--content {
     width: 100%;
     max-width: 1296px;
     padding: 72px 48px;
     margin: 0 auto 
}
 @media only screen and (max-width:767px) {
     .product-page--content {
         padding: 32px 16px 
    }
}
 @media only screen and (min-width:768px) {
     .product-page--column-container {
         display: flex 
    }
     .flexbox-gap .product-page--column-container {
         gap: 32px 
    }
     .no-flexbox-gap .product-page--column-container>* {
         margin: 16px 
    }
     .product-page--column-container>* {
         width: calc(50% - 16px) 
    }
}
 .product-page--single-column {
     display: flex;
     flex-direction: column;
     max-width: 600px;
     margin: 0 auto 
}
 .flexbox-gap .product-page--single-column {
     gap: 32px 
}
 .no-flexbox-gap .product-page--single-column>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .product-page--single-column {
         gap: 16px 
    }
     .no-flexbox-gap .product-page--single-column>* {
         margin: 8px 
    }
}
 .product-page--column-left, .product-page--column-right {
     display: flex;
     flex-direction: column 
}
 .flexbox-gap .product-page--column-left, .flexbox-gap .product-page--column-right {
     gap: 32px 
}
 .no-flexbox-gap .product-page--column-left>*, .no-flexbox-gap .product-page--column-right>* {
     margin: 16px 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .product-page--column-left, .flexbox-gap .product-page--column-right {
         gap: 16px 
    }
     .no-flexbox-gap .product-page--column-left>*, .no-flexbox-gap .product-page--column-right>* {
         margin: 8px 
    }
}
 .product-page--social .social-share--root {
     max-width: 350px;
     margin: 0 auto 
}
 .product-page--social .social-share--item-copy--wrapper {
     transition: opacity .2s cubic-bezier(.45, .05, .55, .95) 
}
 .product-page--social .social-share--item-copy--wrapper[data-transition=at_start] {
     opacity: 1 
}
 @media only screen and (min-width:768px) {
     .product-recommendations--container {
         padding: 72px 0 0 
    }
}
 [data-product-block][data-block-type] {
     padding-top: 5px;width: 100%;
}
 [data-product-block][data-block-type=icons] {
     float: left;
     width: 100%;
    margin-bottom: 10px;
}
 [data-product-block][data-block-type=heading], [data-product-block][data-block-type=price], [data-product-block][data-block-type=vendor] {
     padding-top: 0px 
}
 @media only screen and (max-width:767px) {
     [data-product-block][data-block-type=heading], [data-product-block][data-block-type=price], [data-product-block][data-block-type=vendor] {
         text-align: center 
    }
}
 [data-product-block][data-block-type=rating]+[data-product-block] {
     padding-top: 16px 
}
 [data-product-block][data-block-type]:first-child {
     padding-top: 0 
}
 [data-product-block][data-block-type]:empty, [data-product-block][data-block-type][data-empty=true] {
     display: none 
}
 @media only screen and (max-width:767px) {
     [data-product-block][data-block-type=overline] {
         text-align: center 
    }
     [data-product-block][data-block-type=low-stock] {
         text-align: center 
    }
     [data-product-block][data-block-type=quantity-input] .product-quantity--root {
         text-align: center 
    }
}
 .no-js .product-options--container {
     display: none 
}
 .product-options--option .radios--header .product-size-chart--root {
     margin-left: auto 
}
 .product-options--option:not(:last-child) {
     padding-bottom: 16px 
}
 @media only screen and (max-width:767px) {
     .product-price--root {
         display: flex;
         flex-wrap: wrap;
         flex-direction: column;
         align-items: center 
    }
}
 @media only screen and (max-width:767px) {
     .product-price--wrapper {
         flex-shrink: 0 
    }
}
 .product-price--original {
     display: inline-block;
     font-size: 20px 
}
 @media only screen and (max-width:767px) {
     .product-price--original {
         font-size: 16px 
    }
}
 .product-price--compare {
     text-decoration: line-through;
     color: var(--color--body--light) 
}
 .product-price--unit-container:empty {
     display: none 
}
 @media only screen and (max-width:767px) {
     [data-block-type=price] .product-price--unit-container {
         justify-content: center 
    }
}
 .product-price--tax {
     padding-top: 8px 
}
 .product-buy-buttons--form {
     display: flex;
     flex-direction: column 
}
 .flexbox-gap .product-buy-buttons--form {
     gap: 16px 
}
 .no-flexbox-gap .product-buy-buttons--form>* {
     margin: 8px 
}
 .product-buy-buttons--primary[data-loading=true] .product-buy-buttons--cta-text {
     display: none 
}
 .product-buy-buttons--primary[data-loading=true] .product-buy-buttons--spinner {
     display: block 
}
 .product-buy-buttons--primary[data-loading=true][data-item=button] svg {
     fill: #fff 
}
 .product-buy-buttons--primary[data-loading=true][data-item=secondary-button] svg {
     fill: #000 
}
 .product-buy-buttons--spinner {
     display: none 
}
 .product-buy-buttons--cta {
     text-align: center;
     width: 100%;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center 
}
 [data-item=button] .product-buy-buttons--cta[disabled] {
     cursor: unset;
     background-color: #d2d2d2 
}
 [data-item=secondary-button] .product-buy-buttons--cta[disabled] {
     cursor: unset;
     color: #b9b9b9;
     border-color: #d2d2d2 
}
 .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
     background: var(--bg-color--button);
     color: var(--color--button);
     border-radius: 2px;
     font-family: var(--font--accent--family);
     font-weight: var(--font--accent--weight);
     font-style: var(--font--accent--style);
     text-transform: uppercase;
     font-size: var(--font--accent--size);
     letter-spacing: 1px;
     font-size: 14px 
}
 @media only screen and (max-width:767px) {
     .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
         font-size: 13px 
    }
}
 .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):focus, .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):hover, .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):link, .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):visited {
     color: var(--color--button);
     background: var(--bg-color--button) 
}
 .product-buy-buttons--smart .shopify-payment-button__button--hidden, .product-buy-buttons--smart .shopify-payment-button__button--unbranded[disabled] {
     display: none 
}
 .product-buy-buttons--smart .shopify-payment-button__more-options {
     font-family: var(--font--accent--family);
     font-weight: var(--font--accent--weight);
     font-style: var(--font--accent--style);
     text-transform: uppercase;
     font-size: var(--font--accent--size);
     letter-spacing: 1px;
     margin-top: 0;
     padding: 16px 0 0 0;
     height: unset;
     line-height: unset;
     text-decoration: underline 
}
 @media only screen and (max-width:767px) {
     .product-buy-buttons--smart .shopify-payment-button__more-options {
         font-size: 13px 
    }
}
 .product-buy-buttons--smart .shopify-payment-button__more-options:focus, .product-buy-buttons--smart .shopify-payment-button__more-options:hover {
     background-color: unset;
     color: unset 
}
 .product-quantity--input {
     margin: 0;
     width: 72px 
}
 .product-size-chart--modal {
     padding: 72px 48px;
     background: var(--bg-color--body);
     text-align: center 
}
 @media only screen and (max-width:767px) {
     .product-size-chart--modal {
         padding: 32px 16px 
    }
}
 .product-unavailable--root {
     text-align: left 
}
 .product-unavailable--root p:not(.product-unavailable--signed-up) {
     padding-bottom: 16px 
}
 .product-unavailable--root [data-item=button] {
     padding-left: 8px 
}
 .product-unavailable--notice {
     padding-bottom: 8px 
}
 @media only screen and (max-width:767px) {
     [data-block-type=unavailable-form] .product-unavailable--notice {
         text-align: center 
    }
}
 .product-unavailable--notify {
     display: flex;
     flex-direction: column 
}
 .product-unavailable--form {
     display: flex 
}
 .product-unavailable--form>* {
     margin: 0 
}
 .product-media--root {
     width: 100% 
}
 .product-media--wrapper {
     position: relative;
     overflow: hidden;
     display: inline-block;
     width: 100% 
}
 .product-media--wrapper .modal--link {
     cursor: zoom-in 
}
 .product-media--wrapper[data-media-type=image] {
     max-width: 100%;
     width: unset 
}
 @media only screen and (min-width:768px) {
     .product-media--wrapper[data-media-type=image][data-zoom-enabled=true]:hover {
         border: 1px solid #e0e0e0 
    }
}
 .product-media--thumbs {
     display: grid;
     grid-gap: 8px;
     align-items: center 
}
 .product-media--root[data-direction=row] .product-media--thumbs {
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns='2'] {
         grid-template-columns: repeat(2, minmax(0, 1fr)) 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns='3'] {
         grid-template-columns: repeat(3, minmax(0, 1fr)) 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-mobile-columns='4'] {
         grid-template-columns: repeat(4, minmax(0, 1fr)) 
    }
}
 @media only screen and (min-width:768px) {
     .product-media--root[data-direction=row] .product-media--thumbs {
         max-width: 400px;
         margin: 0 auto 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-columns='2'] {
         grid-template-columns: repeat(2, minmax(0, 1fr)) 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-columns='3'] {
         grid-template-columns: repeat(3, minmax(0, 1fr)) 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-columns='4'] {
         grid-template-columns: repeat(4, minmax(0, 1fr)) 
    }
     .product-media--root[data-direction=row] .product-media--thumbs[data-columns='5'] {
         grid-template-columns: repeat(5, minmax(0, 1fr)) 
    }
}
 .product-media--thumb-container {
     position: relative 
}
 .product-media--thumb-container svg {
     position: absolute;
     top: 0;
     right: 0;
     background-color: var(--bg-color--body);
     border: 1px solid rgba(0, 0, 0, .05);
     margin: 4px 
}
 .product-media--thumb-container svg path {
     fill: var(--color--body--light);
     opacity: .6 
}
 .product-media--thumb {
     cursor: pointer;
     text-align: left;
     width: 100% 
}
 .product-media--thumb[data-active=true] img {
     border: 1px solid #e0e0e0 
}
 .product-model--button[data-item] {
     display: none 
}
 @media only screen and (max-width:767px) {
     .product-model--button[data-item] {
         display: block 
    }
}
 .product-model--button[data-item]>* {
     width: 100%;
     text-align: center 
}
 .product-media--zoom-image {
     position: absolute;
     background: var(--bg-color--body) 
}
 .product-media--featured[data-active=false][data-media-type=image]+.product-media--zoom-image {
     display: none 
}
 @media only screen and (max-width:767px) {
     .product-media--zoom-image {
         display: none 
    }
}
 .product-video--root {
     width: 100%;
     margin: 0 auto 
}
 @media only screen and (min-width:768px) {
     .product-video--root {
         max-width: 600px 
    }
}
 .product-video--root:focus {
     outline: 0 
}
 .product-video--container {
     position: relative;
     width: 100% 
}
 .product-video--container>:first-child {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% 
}
 .product-video--container button {
     height: unset 
}
 .product-video--container .plyr--video:focus {
     outline: 0 
}
 .product-video--container .plyr__control--overlaid:hover {
     background: var(--color--button) 
}
 .product-video--container .plyr__controls .plyr__control:hover {
     color: unset 
}
 .product-model--root {
     max-width: 100%;
     position: relative;
     flex: 1 1 auto 
}
 .product-model--root .shopify-model-viewer-ui {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0 
}
 .product-model--root model-viewer {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     border: 1px solid #e0e0e0;
     text-align: left 
}
 .product-model--root model-viewer:focus {
     outline: 0 
}
 .product-model--root button[hidden] {
     display: none 
}
 .product--root {
     display: flex;
     position: relative;
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
     width: 100% 
}
 .product--root[data-product-view=grid] {
     flex-direction: column 
}
 .product--root[data-product-view=grid][data-text-alignment=center] {
     text-align: center 
}
 .product--root[data-product-view=grid][data-text-alignment=left] {
     text-align: left 
}
 .product--root[data-product-view=slider] {
     flex-direction: column;
     padding: 0 
}
 .product--root[data-product-view=slider][data-text-alignment=center] {
     text-align: center 
}
 .product--root[data-product-view=slider][data-text-alignment=left] {
     text-align: left ;margin-bottom: 50px;
}
 .product--label-container[data-item] {
     display: flex;
     flex-wrap: wrap;
     position: absolute;
     top: 8px;
     left: 8px;
     z-index: 1 
}
 @media only screen and (max-width:767px) {
     .product--label-container[data-item] {
         font-size: 11px 
    }
}
 .product--label {
     background: #fff;
     border: 1px solid #e0e0e0;
     display: block;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     margin: 0 8px 8px 0 
}
 .product--root[data-label-shape=round] .product--label {
     padding: 2px 8px;
     border-radius: 20px 
}
 .product--root[data-label-shape=square] .product--label {
     padding: 4px 8px 
}
 .product--root[data-label-color=dark] .product--label {
     color: var(--color--alternative);
     background: #333;
     border: none 
}
 .product--root[data-label-color=accent-dark-text] .product--label {
     background: var(--color--accent);
     border: none 
}
 .product--root[data-label-color=accent-light-text] .product--label {
     color: var(--color--alternative);
     background: var(--color--accent);
     border: none 
}
 .product--label:last-child {
     margin: 0;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content 
}
 .product--quick-add {
     position: absolute;
     bottom: 0;
     right: 0;
     padding: 8px;
    width:100%;
     background: black;
     color: white;
    text-align:center;
     opacity: 0;
}
 .youlike .product--quick-add {
     position: relative;
     bottom: 0;
     right: 0;
     padding: 9px 40px;
     width: auto;
     background: white;
     color: #000;
     text-align: center;
     opacity: 1;
     border: 1px solid black;
}
 .youlike .product--root .product--image {
     position: relative;
}
 .youlike .product-recommendations--body .product--root{
     display: inline-block;
}
 .product--root:hover .product--quick-add{
    opacity:1
}
 .product--quick-add>* {
     display: inline-block;
}
 .product--quick-add:hover>* {
     opacity: 1;
     box-shadow: 0 0 10px rgba(0, 0, 0, .08);
     transform: scale(1.06) 
}
 .product--plus {
     display: flex;
     align-items: center;
     justify-content: center 
}
 .product--quickshop{
     display: flex;
     align-items: center;
     justify-content: center;
    letter-spacing: 2px;
     text-transform: uppercase;
     font-size: 12px;
}
 .product--quick-add[data-loading=true] .product--plus {
     display: none 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .payment-icons--list {
         padding: 0 20px;
    }
     .product--quick-add{
        opacity:1;
         padding: 7px;
    }
     .product--plus svg {
         height: 13px;
         width: 13px 
    }
}
 .product--quick-add[data-loading=false] .product--spinner {
     display: none 
}
 .product--spinner svg {
     height: 100%;
     width: 100% 
}
 .product--ellipses {
     display: flex;
     align-items: center;
     justify-content: center 
}
 .product--ellipses .icon--root {
     width: 16px 
}
 .product--image-wrapper {
     width: 100%;
     max-width: 100%;
     display: flex;
     align-items: center;
     position: relative 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--image-wrapper {
     min-height: 125px 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--image-wrapper>* {
     position: absolute 
}
 .product--image {
     width: 100%;
     transition: opacity .5s;
     display: flex;
     justify-content: center 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--image {
     display: flex;
     align-items: center;
     top: 0;
     left: 0;
     padding: 0;
     height: 100%;
     width: 100% 
}
 .product--root[data-product-view=slider][data-text-alignment=left] .product--image {
     padding: 0 
}

.youlike .product--image .image--root img{
   opacity:1;visibility: visible;
}

 .youlike .product--root[data-product-view=grid][data-text-alignment=left] .product--image{
     position: relative;
}
 @media only screen and (min-width:768px) {
     .product--root[data-hover-image=loaded]:hover .product--image {
         opacity: 0 
    }
}
 .product--image a {
     display: block;
     width: 100% 
}
 .product--hover-image[data-item] {
     top: 0;
     left: 0;
     position: absolute;
     display: flex;
     align-items: center;
     opacity: 0;
     overflow: hidden;
     transition: opacity .5s;
     padding: 0;
     height: 100%;
     width: 100% 
}
 @media only screen and (max-width:767px) {
     .product--hover-image[data-item] {
         display: none 
    }
}
 .product--root[data-hover-image=loaded]:hover .product--hover-image[data-item] {
     opacity: 1 
}
 .product--details-container {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding-top: 16px;
    padding-bottom: 50px;
}
 .flexbox-gap .product--details-container {
     gap: 8px;
     padding-top: 16px;
     padding-bottom: 45px;
}
 .template--product .product-page--featured-blocks .product--details-container {
     left: 50%;
}
 .product--root:hover .product--details-container {
     background: transparent;
}
 .no-flexbox-gap .product--details-container>* {
     margin: 4px 
}
 .product--root[data-product-view=slider] .product--details-container {
     padding-bottom: 50px;
}
 @media only screen and (max-width:767px) {
     .pdp-value-props {
         padding: 25px 0;
    }
     .product--details-container {
         max-width: 650px;
         margin: 0 auto 
    }
}
 .product--details-wrapper {
     display: flex;
     flex-direction: column ;align-items: center;
}
 .flexbox-gap .product--details-wrapper {
     gap: 8px 
}
 .no-flexbox-gap .product--details-wrapper>* {
     margin: 4px 
}
 .product--details {
     display: flex;
     flex-direction: column 
}
 .flexbox-gap .product--details {
     gap: 8px 
}
 .no-flexbox-gap .product--details>* {
     margin: 4px 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
     align-items: center 
}
 @media only screen and (min-width:1024px) {
     .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
         flex-direction: column;
         justify-content: space-between 
    }
}
 @media only screen and (min-width:768px) {
     [data-columns='2'] .product--root[data-product-view=grid][data-text-alignment=left] .product--details {
         flex-direction: row;
         justify-content: space-between 
    }
}
 .product--price-container {
     display: flex;
     flex-direction: column 
}
 .product--price[data-item] {
     padding: 0;
     flex-basis: unset 
}
 .product--price-wrapper {
     display: flex 
}
 .flexbox-gap .product--price-wrapper {
     gap: 4px 
}
 .no-flexbox-gap .product--price-wrapper>* {
     margin: 2px 
}
 .product--root[data-product-view=grid][data-text-alignment=center] .product--price-wrapper {
     justify-content: center 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
     flex-wrap: wrap 
}
 @media only screen and (min-width:1024px) {
     .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
         text-align: right;
         justify-content: flex-end 
    }
}
 @media only screen and (min-width:768px) {
     [data-columns='2'] .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
         text-align: right 
    }
}
 .product--root:hover .product--price-wrapper{
}
 .product--root[data-product-view=slider][data-text-alignment=center] .product--price-wrapper {
     justify-content: center 
}
 .product--compare-price[data-item] {
     text-decoration: line-through 
}
 [data-container=section] .product--compare-price[data-item] {
     padding: 0;
     flex-basis: unset 
}
 .product--unit-price-container[data-item] {
     flex-basis: unset;
     padding: 0 
}
 @media only screen and (min-width:1024px) {
     .product--root[data-product-view=grid][data-text-alignment=left] .product--unit-price-container[data-item] {
         align-self: flex-end 
    }
}
 @media only screen and (min-width:768px) {
     [data-columns='2'] .product--root[data-product-view=grid][data-text-alignment=left] .product--unit-price-container[data-item] {
         align-self: flex-end 
    }
}
 .product--unit-price-container[data-item]:empty {
     display: none 
}
 .product--from[data-item] {
     text-transform: none;
     padding: 0;
     flex-basis: initial 
}
 .product--vendor {
     word-break: break-word 
}
 .product--vendor a {
     color: var(--color--body--light) 
}
 @media only screen and (max-width:767px) {
     .flexbox-gap .product--details-container {
         position: relative;
         bottom: initial;
         left: 0;
        height: 155px;
    }
     .template--product .product-page--featured-blocks .product--details-container{
        left:0;
         height:auto;
         padding-bottom: 0;
    }
     .template--product [data-block-type=quantity-input], .template--product [data-block-type=buy-buttons], .template--product [data-block-type=icons]{
        padding:0
    }
     .product--vendor a {
         padding: 16px 8px 8px 
    }
}
 .product--root[data-product-view=grid] .product--title {
     word-break: break-word;
     font-family: 'Canela';
     font-style: normal;
     font-weight: 300;
     font-size: 24px;
     line-height: 25px;
     text-align: center;
}

 .product-recommendations--body .product--root:hover .product--title{
    color:black
}
 @media only screen and (max-width:767px) {
     .product--title a {
         padding: 8px 8px 16px 
    }
}
 .product--rating:empty {
     display: none 
}
 .product--root[data-product-view=grid][data-text-alignment=center] .product--rating .product-rating--root {
     justify-content: center 
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--rating .product-rating--root {
     justify-content: flex-start 
}
 .product--root[data-product-view=slider][data-text-alignment=center] .product--rating .product-rating--root {
     justify-content: center 
}
 .product--root[data-product-view=slider][data-text-alignment=left] .product--rating .product-rating--root {
     justify-content: flex-start 
}
 .product--form-select-options {
     text-align: center;
     padding: 0 16px 16px 
}
 .product--form-title {
     text-align: center;
     padding: 0 16px 32px 
}
 .product--form--media-container {
     width: 70%;
     margin: 0 auto 
}
 .product--form--media-container:not(:empty) {
     padding-bottom: 32px 
}
 .product--form--media-container [data-active=false] {
     display: none 
}
 .product--form--container .product-price--root {
     padding-bottom: 16px;
     text-align: center;
}
 .product--form--container .product-quantity--root {
     padding-bottom: 32px;
     text-align: center;
}
 .product--form--container .product-options--root {
     padding-bottom: 32px 
}
 .product--swatches--column-view:empty {
     display: none 
}
 .product--root[data-product-view=grid][data-text-alignment=center] .product--swatches--column-view {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin: 0 auto 
}
 .flexbox-gap .radios--container {
     justify-content: center;
}
 .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view {
     display: none 
}
 @media only screen and (max-width:767px) {
     .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty) {
         display: block 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     [data-columns='3'] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty), [data-columns='4'] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--column-view:not(:empty) {
         display: block 
    }
}
 .product--root[data-product-view=slider][data-text-alignment=center] .product--swatches--column-view {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin: 0 auto 
}
 .product--swatches--horizontal-view:empty {
     display: none 
}
 .product--root[data-product-view=grid][data-text-alignment=center] .product--swatches--horizontal-view {
     display: none 
}
 @media only screen and (max-width:767px) {
     .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view {
         display: none 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     [data-columns='3'] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view, [data-columns='4'] .product--root[data-product-view=grid][data-text-alignment=left] .product--swatches--horizontal-view {
         display: none 
    }
}
 .product--root[data-product-view=slider] .product--swatches--horizontal-view {
     display: none 
}
 .off-canvas--right-sidebar .product-model--button {
     display: none 
}
 @media only screen and (min-width:768px) {
     .product-recommendations--wrapper {
         margin: 0 auto 
    }
     .product-recommendations--root[data-container-width='1'] .product-recommendations--wrapper {
         max-width: 650px 
    }
     .product-recommendations--root[data-container-width='2'] .product-recommendations--wrapper {
         max-width: 800px 
    }
     .product-recommendations--root[data-container-width='3'] .product-recommendations--wrapper {
         max-width: 1000px 
    }
     .product-recommendations--root[data-container-width='4'] .product-recommendations--wrapper {
         max-width: 1200px 
    }
}
 .product-recommendations--title {
     font-family: 'Canela';
     font-style: normal;
     font-weight: 500;
     font-size: 48px;
     line-height: 82px;
     text-align: center;
}
 .yotpo .main-widget .yotpo-nav-dropdown.sorting {
     position: absolute !important;
     top: 0px;
     left: calc(50% - 185px);
     width: 180px;
     text-align: center;
     padding: 10px 5px 8px !important;
}
 .bottom-line-items-container .reviews-qa-labels-container .reviews-qa-label {
     font-family: 'bilo';
     color: #000000;
     vertical-align: top;
}
 .section--product-recommendations .yotpo .yotpo-label-container {
     border-top: 0px solid #e3e3e3;
     display: none;
}
 .product-rating--root {
     display: flex;
     align-items: center 
}
 .flexbox-gap .product-rating--root {
     gap: 4px 
}
 .no-flexbox-gap .product-rating--root>* {
     margin: 2px 
}
 .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon {
     float: left;
     color: #000000 !important;
}
 .yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse {
     border: solid 0px #e3e3e3;
}
 @media only screen and (max-width:767px) {
     ..yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1{
         text-align: center !important;
    }
     body .off-canvas--main-content .yotpo .main-widget .yotpo-nav-dropdown.sorting {
         position: absolute!important;
         top: 0px;
         left: calc(50% + 8px);
         width: calc(50% - 16px);
         text-align: center;
         padding: 10px 5px 8px!important;
    }
     body .off-canvas--main-content .yotpo .main-widget .write-review-button{
         left: 8px;
         width: calc(50% - 16px);
    }
     .product-rating--root {
         justify-content: center 
    }
}
 .product-rating--root .product-rating--count {
     max-width: -webkit-fit-content;
     max-width: -moz-fit-content;
     max-width: fit-content 
}
 .product-rating--root .product-rating--count::before {
     content: '(' 
}
 .product-rating--root .product-rating--count::after {
     content: ')' 
}
 .product-rating--stars {
     letter-spacing: 4px;
     --percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * 16 / (var(--rating-max) * (16 + 4))) * 100%) 
}
 .product-rating--stars::before {
     content: '★★★★★';
     background: linear-gradient(90deg, #000 var(--percent), rgba(0, 0, 0, .15) var(--percent));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent 
}
 @media only screen and (max-width:767px) {
     .product-rating--stars {
         font-size: 12px 
    }
}
 @media only screen and (max-width:767px) {
     .product-rating--count {
         font-size: 12px 
    }
}
 .pickup--form:empty {
     display: none 
}
 .pickup--form[data-loading=true] {
     opacity: .5 
}
 .product-pickup--spinner {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin: 0 auto;
     padding: 32px 0 
}
 .pickup--form--container {
     display: flex 
}
 .flexbox-gap .pickup--form--container {
     gap: 8px 
}
 .no-flexbox-gap .pickup--form--container>* {
     margin: 4px 
}
 .product-pickup--root[data-loading=true] .pickup--form--container {
     opacity: .4 
}
 .pickup--form--container .icon--root {
     height: 1em;
     flex-shrink: 0 
}
 .pickup--form--container .icon--checkmark--small {
     color: #4caf50 
}
 .pickup--form--container .icon--cross--small {
     color: #d32f2f 
}
 .pickup--form--info {
     text-align: left 
}
 .pickup--form--stores {
     padding-top: 8px 
}
 .pickup--drawer--container {
     padding: 32px 16px 
}
 .pickup--drawer--container .icon--root {
     height: 1.75em;
     flex-shrink: 0 
}
 .pickup--drawer--container .icon--checkmark--small {
     color: #4caf50 
}
 .pickup--drawer--container .icon--cross--small {
     color: #d32f2f 
}
 .pickup--drawer--header {
     padding-bottom: 16px 
}
 .pickup--drawer--product-title {
     padding-bottom: 8px 
}
 .pickup--drawer--list-item {
     padding: 16px 0;
     border-top: 1px solid #e0e0e0 
}
 .pickup--drawer--list-item:last-child {
     border-bottom: 1px solid #e0e0e0 
}
 .pickup--drawer--list-item>* {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content 
}
 .pickup--drawer--list-location-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     padding-bottom: 8px 
}
 .pickup--drawer--list-stock {
     padding-bottom: 8px;
     display: flex 
}
 .pickup--drawer--list-text {
     padding-left: 8px 
}
 .pickup--drawer--list-phone {
     padding-top: 8px 
}
 .pickup--drawer--return {
     padding-top: 16px;
     cursor: pointer 
}
 .collapsible-tabs--header {
     padding-bottom: 32px 
}
 .collapsible-tabs--root[data-title-alignment=center] .collapsible-tabs--header {
     text-align: center 
}
 [class*=block][data-block-type=collapsible-tab]+[class*=block][data-block-type=collapsible-tab] {
     padding-top: 0 ;    float: left;
    width: 100%;
}
 .yotpo .standalone-bottomline .star-clickable {
     justify-content: center;
     width: 100%;
}
 [class*=block][data-block-type=collapsible-tab]+[class*=block][data-block-type=collapsible-tab] .collapsible-tab--wrapper {
     border-top: 0 
}
 .collapsible-tab--wrapper {
     border-top: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
     padding: 0;
     display: block 
}
 .collapsible-tab--wrapper.noyuka {
     display: none 
}
 .collapsible-tab--toggle svg{
     width: 11px;
     margin-left: 7px;
}
 .collapsible-tab--toggle {
     display: flex;
     align-items: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     padding: 16px 0;
    border-top: 1px solid #B5B5B5;
}
 .collapsible-tab--toggle svg.icon--accordion-minus{
    display:none
}
 .collapsible-tab--toggle:hover {
     cursor: pointer 
}
 .collapsible-tab--toggle[aria-expanded=true] .icon--chevron-down {
     display: none 
}
 .collapsible-tab--toggle[aria-expanded=true]+.collapsible-tab--content-wrapper {
     visibility: visible;
     overflow: visible;
     transition: height .2s cubic-bezier(.19, 1, .22, 1) 
}
 .collapsible-tab--toggle[aria-expanded=true]+.collapsible-tab--content-wrapper.riol {
     height: auto !important;
}
 .collapsible-tab--toggle[aria-expanded=true]+.collapsible-tab--content-wrapper.riol .collapsible-tab--content{
     opacity:1
}
 .collapsible-tab--toggle[aria-expanded=false] .icon--chevron-up {
     display: none 
}
 .collapsible-tab--heading {
     padding: 0 
}
 .collapsible-tab--heading:hover {
     cursor: pointer 
}
 .collapsible-tab--content-wrapper {
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height .2s cubic-bezier(.19, 1, .22, 1) 
}
 .collapsible-tab--content {
     padding: 16px;
     text-align: left 
}
 .blog--root {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center 
}
 .blog--root[data-section-id=blog] {
     padding: 32px 0 0 
}
 .blog--root[data-show-title=false][data-show-tag-filter=false] {
     padding-top: 0 
}
 @media only screen and (min-width:768px) {
     .blog--root[data-show-featured=true][data-section-id=blog] {
         padding-top: 0 
    }
     .blog--root[data-show-featured=false][data-section-id=blog] {
         padding-top: 72px 
    }
     .blog--root[data-articles='0'][data-section-id=blog] {
         padding-top: 32px 
    }
}
 .blog--root>* {
     padding: 0 0 16px;
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .blog--root>* {
         padding: 0 0 32px 
    }
}
 .blog--featured {
     order: 1;
     width: 100% 
}
 @media only screen and (max-width:767px) {
     body .blog--featured {
         padding-bottom: 40px;
         background: #fcfaf7;
         text-align: center;
        display: contents;
    }
.template--article .blog--featured{display:none}
   
     body .blog--featured-readmore {
         padding: 15px 15px 30px;
         text-decoration: underline;
    }
}
 @media only screen and (min-width:768px) {
     .blog--featured {
         order: 0;
         padding-bottom: 0px;
    }
   .template--article .blog--featured {
    padding-bottom: 25px;
}
}
 @media only screen and (min-width:768px) {
     .blog--featured-container {
         position: relative 
    }
     .blog--root[data-image-height=small] .blog--featured-container {
         box-sizing: content-box;
         height: 400px 
    }
     .blog--root[data-image-height=small] .blog--featured-container .image--root, .blog--root[data-image-height=small] .blog--featured-container .placeholder--root {
         height: 100% 
    }
     .blog--root[data-image-height=small] .blog--featured-container .image--container, .blog--root[data-image-height=small] .blog--featured-container .placeholder--container {
         height: 100%;
         padding-top: 0 !important 
    }
     .blog--root[data-image-height=small] .blog--featured-container img {
         height: 400px;
         -o-object-fit: cover;
         object-fit: cover 
    }
     .blog--root[data-image-height=medium] .blog--featured-container {
         box-sizing: content-box;
         height: 540px 
    }
     .blog--root[data-image-height=medium] .blog--featured-container .image--root, .blog--root[data-image-height=medium] .blog--featured-container .placeholder--root {
         height: 100% 
    }
     .blog--root[data-image-height=medium] .blog--featured-container .image--container, .blog--root[data-image-height=medium] .blog--featured-container .placeholder--container {
         height: 100%;
         padding-top: 0 !important 
    }
     .blog--root[data-image-height=medium] .blog--featured-container img {
         height: 540px;
         -o-object-fit: cover;
         object-fit: cover 
    }
}
 .blog--featured-header {
     display: none 
}
body .product-value-prop .readmoreaboutingredients {
    font-size: 20px;
    border-bottom: 1px solid black;
}
 @media only screen and (min-width:768px) {
     .blog--featured-header {
         position: absolute;
         top: 0;
         right: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         width: 50%;
         height: 100%;
         z-index: 1;
         background: #F7F1EB;
    }
     .blog--featured-header h2 a, .blog--featured-header h1 {
         display: inline-block;
         max-width: 650px;
         text-align: center;
         margin: 0;
         padding: 0 15px 32px;
         font-family: 'Canela';
         font-style: normal;
         font-weight: 500;
         font-size: 60px;
         line-height: 64px;
         width: 100%;
    }
     .blog--root[data-alt-color=true] .blog--featured-header h2 a, .blog--root[data-alt-color=true] .blog--featured-header h1 a {
         color: var(--color--alternative) 
    }
}
 .blog--featured-image {
     padding-bottom: 16px 
}
 @media only screen and (min-width:768px) {
     .blog--featured-image {
         padding: 0 
    }
     .blog--root[data-image-height=small] .blog--featured-image {
         height: 100% 
    }
     .blog--root[data-image-height=medium] .blog--featured-image, .template--article .blog--featured-image  {
         height: 100%;
         width: 50%;overflow: hidden;
    }
     .blog--root[data-apply-overlay=true][data-image-height=small] .blog--featured-image .image--container:after {
         height: 400px 
    }
     .blog--root[data-apply-overlay=true][data-image-height=medium] .blog--featured-image .image--container:after {
         height: 640px 
    }
     .blog--root:not([data-image-height=large]) .blog--featured-image .image--parallax {
         padding-top: 0 !important 
    }
}
 .blog--featured-title--mobile {
     padding: 15px 16px 20px 
}
 .blog--featured [data-item=block-link]>:after{
    display:none
}
 @media only screen and (min-width:768px) {
     .blog--featured-title--mobile {
         display: none 
    }
}
 .blog--featured-info {
     padding: 0 16px 12px 
}
 @media only screen and (min-width:768px) {
     .blog--featured-info {
         display: none 
    }
}
 .blog--featured-excerpt {
     padding: 0 16px 12px 
}
 @media only screen and (min-width:768px) {
     .blog--featured-excerpt {
         font-family: 'Bilo';
         font-style: normal;
         font-weight: 300;
         font-size: 20px;
         line-height: 26px;
         text-align: center;
         letter-spacing: 0.03em;
         max-width: 483px;
         margin-bottom: 15px;
    }

       .blog--featured-excerpt p{
         font-family: 'Bilo';
         font-style: normal;
         font-weight: 300;
         font-size: 20px;
         line-height: 26px;
         letter-spacing: 0.03em;
    }
       
     .thjhtr{
        display:none
    }
}
 .blog--featured-excerpt:last-child {
     padding-bottom: 0 
}
 .blog--featured-readmore {
     padding: 0 16px;
     text-decoration: underline 
}
 @media only screen and (min-width:768px) {
     .blog--featured-readmore {
         display: none 
    }
}
 .blog--dot {
     display: none 
}
 @media only screen and (min-width:768px) {
     .blog--root[data-columns='1'] .blog--dot {
         display: inline-block;
         padding: 0 8px 
    }
}
 .blog--header--root {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 
}
 @media only screen and (min-width:768px) {
     .blog--header--root {
         padding: 72px 48px 
    }
     .blog--root[data-show-featured=true] .blog--header--root {
         padding: 10px 48px;
         background: #EBF4E3;
         margin-bottom: 30px;
    }
}
 .blog--header {
     width: 100%;
     padding: 32px 16px 
}
 @media only screen and (min-width:768px) {
     .blog--header {
         padding: 0;
         max-width: 864px 
    }
     .blog--root[data-columns='2'] .blog--header {
         max-width: 1264px 
    }
     .blog--root[data-columns='3'] .blog--header {
         max-width: 1264px 
    }
}
 .blog--header>:only-child {
     padding-bottom: 0 
}
 .blog--title-container {
     text-align: center;
     padding-bottom: 32px 
}
 .blog--filter--root {
     width: 100% 
}
 .blog--filter--body {
     padding-bottom: 0;
     display: flex;
     justify-content: center 
}
 .blog--filter--body .disclosure--root {
     width: 100%;
     max-width: calc(100% - 2 * 32px) 
}
 @media only screen and (min-width:768px) {
     .blog--filter--body .disclosure--root {
         display: none 
    }
}
 .blog--filter--menu {
     display: none 
}
 @media only screen and (min-width:768px) {
     .blog--filter--menu {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         margin: 0;
         padding: 0 
    }
}
 .blog--filter--menu-item {
     display: none;
     margin: 0;
     line-height: 1em 
}
 @media only screen and (min-width:768px) {
     .blog--filter--menu-item {
         display: block 
    }
     .blog--filter--menu-item a {
         display: inline-block;
         padding: 13px 20px;
         font-style: normal;
         font-weight: 600;
         font-size: 12px;
         line-height: 16px;
         text-align: center;
         letter-spacing: 0.2em;
         text-transform: uppercase;
    }
}
 .blog--body {
     order: 2;
     display: flex;
     align-items: center;
     flex-direction: column;
     padding-bottom: 32px 
}
 @media only screen and (min-width:768px) {
     .blog--body {
         order: 0;
         padding: 0 48px 72px 
    }
}
 .blog--article-list {
     width: 100%;
     padding-bottom: 0 
}
 @media only screen and (max-width:767px) {

   body .product-value-prop .readmoreaboutingredients {
    font-size: 15px;
}

   
     .blog--article-list {
         padding: 0 16px 
    }
}
 @media only screen and (min-width:768px) {
     .blog--article-list {
         max-width: 800px 
    }
     .blog--root[data-columns='2'] .blog--article-list {
         max-width: 1200px 
    }
     .blog--root[data-columns='3'] .blog--article-list {
         max-width: 100% 
    }
}
 .blog--article-list .article--item {
     width: 100% 
}
 .template--article .article--content h3{
     font-size: 24px;
     line-height: 25px;
     padding-bottom: 32px;
     font-weight: 300 !important;
       margin: 0 auto;
    width: 800px;
}
 @media only screen and (max-width:767px) {
     .template--article .article--content h3 {
            font-size: 16px;
    line-height: 25px;
    padding-bottom: 5px;
    font-weight: 300!important;
    margin-top: 18px;
    padding-left: 14px;
    }
     .contact--header {
         padding-bottom: 15px;
    }
     .yotpo-icon-star{
        margin:1px -2px !important
    }
     .write-review-button .y-label{
         font-family: 'Bilo' !important;
         font-style: normal;
         font-weight: 600 !important;
         font-size: 12px !important;
         line-height: 16px !important;
         text-align: center;
         letter-spacing: 0.2em;
         color: black;
         !important
    }
     .yotpo .main-widget .write-review-button{
        transform: initial;
         text-align: center !important;
         color: #000!important;
         filter: grayscale(1);
         font-family: Bilo;
         font-weight: 600 !important;
    }
     .product-recommendations--title {
         font-size: 28px;
         line-height: 42px;
    }
     .blog--article-list .article--item:not(:last-child), .blog--article-list .article--item:last-child {
         padding-bottom: 0px;
         width: 100% !important;
         display: inline-flex;
         padding-right: 0px;
    }
     .blog--article-list {
         padding: 15px 30px;
    }
     .article--item h5, .article--item h5 a {
         font-size: 18px;
         line-height: 22px;
    }
     .blocblog {
         float: left;
         width: 100%;
         height: auto;
         margin-bottom: 40px;
    }
     .article--title {
         text-align: center;
         padding: 15px 15px;
    }
}
 @media only screen and (min-width:768px) {
     .blog--root[data-columns='1'] .blog--article-list .article--item:not(:last-child):not(:last-child) {
         padding-bottom: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .blog--root[data-columns='2'] .blog--article-list .article--item {
         width: calc((100% - 32px)/ 2) 
    }
     .blog--root[data-columns='2'] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)) {
         padding-bottom: 32px 
    }
     .blog--root[data-columns='3'] .blog--article-list .article--item {
         width: 33.33%;
         float: left;
         padding: 0 12px;
    }
     .blog--root[data-columns='3'] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
    }
}
.template--article .blog--featured-container {
       height: 640px;
}
.template--article .article--wrapper .image--root img {
    object-fit: cover;  height: 640px;
}
 .blog--article-list .article--item .image--container {
     max-width: 100%;
     position: relative;
     aspect-ratio: 1;
     overflow: hidden;
     padding: 0 !important;
}

 .blog--footer {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     padding: 32px 16px 0 
}
 @media only screen and (min-width:768px) {
     .blog--footer {
         flex-direction: row;
         justify-content: space-between;
         padding: 72px 32px 0;
         margin: 0 -32px;
         max-width: 864px 
    }
     .blog--root[data-columns='2'] .blog--footer {
         max-width: 1264px 
    }
     .blog--root[data-columns='3'] .blog--footer {
         max-width: 1264px 
    }
}
 .blog--footer>:not(:first-child) {
     padding-bottom: 32px 
}
 @media only screen and (min-width:768px) {
     .blog--footer>:not(:first-child) {
         padding: 0 
    }
}
 .blog--footer-rss {
     order: 1 
}
 @media only screen and (min-width:768px) {
     .blog--footer-rss {
         order: 0 
    }
     .blog--footer-rss:only-child {
         width: 100%;
         text-align: center 
    }
     .blog--footer-rss:only-child a {
         padding-left: 16px 
    }
}
 .blog--footer-rss a {
     text-decoration: underline;
     padding: 12px 
}
 @media only screen and (min-width:768px) {
     .blog--footer-rss a {
         padding: 16px 16px 16px 0 
    }
}
 .blog--footer-pagination:only-child {
     width: 100% 
}
 @media only screen and (max-width:767px) {
   .template--article .blog--featured-container {
       height: auto;
}
.template--article .article--wrapper .image--root img {
    object-fit: initial;  height: auto;
}

     .blog--footer-pagination {
         padding-bottom: 32px 
    }
}
 .blog--no-articles {
     padding: 72px 48px;
     margin: 0;
     max-width: 700px 
}
 .blog--no-articles p {
     text-align: center 
}
 .article--wrapper {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center 
}
 .article--heading {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0;
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .article--heading {
         padding-bottom: 32px;display:none
    }
     .article--root[data-title-position=center][data-show-featured=true] .article--heading {
         position: relative 
    }
     .article--root[data-title-position=left][data-show-featured=true] .article--heading {
         flex-direction: row 
    }
     .article--root[data-title-position=left][data-show-featured=true] .article--heading>:not(.article--info) {
         width: 50% 
    }
}

   .navigation--mobile-button[data-toggle-menu=refine-filter] {display:none}
   .navigation--mobile-button[data-toggle-menu=browse-filter] {display:none}


                                
 @media only screen and (max-width:767px) {

      .navigation--mobile-button[data-toggle-menu=refine-filter] {display:none}
   .navigation--mobile-button[data-toggle-menu=browse-filter] {display:none}

     .product--root[data-product-view=grid] .product--title {
         font-size: 16px;
         line-height: 20px;
         color: black;
       
    }
     .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
         color: black;
    }
     .youlike .product--quick-add {
         padding: 5px 5px;
         width: 100%;
    }
     .article--heading {
         width: calc(100% + 32px) 
    }
}
 .article--heading>* {
     width: 100% 
}
 .article--header--info {
     order: 1;
     margin: 0 auto;
     padding: 0 16px 16px 
}
 .article--root[data-show-featured=false] .article--header--info {
     padding: 32px 16px 12px 
}
 .article--root[data-show-featured=false] .article--header--info:only-child {
     padding-bottom: 0 
}
 .article--root {
     padding: 10px 0px;
}
 .template--article .layout--main-content .article--root .article--navigation-root{
    padding:0
}
 @media only screen and (min-width:768px) {
     .article--header--info {
    }
     .article--header--info>:not(:last-child) {
         padding-bottom: 40px;
         width: 720px;
         max-width: 100%;
         margin: 0 auto;
         font-size: 60px;
         line-height: 64px;
    }
     .template--article .layout--main-content .article--root .article--info[data-position=grouped-with-title] {
         display:none 
    }
     .article--root[data-title-position=center][data-show-featured=true] .article--header--info {
         position: absolute;
         top: 40%;
         left: 0;
         z-index: 1;
         padding-top: 0 
    }
     .article--root[data-title-position=left][data-show-featured=true] .article--header--info {
         padding: 32px 32px 0 48px 
    }
     .article--root[data-title-position=below] .article--header--info {
         padding-bottom: 0 
    }
     .article--root[data-show-featured=false] .article--header--info:first-child {
         padding: 72px 48px 0 
    }
}
 .article--image {
     padding-bottom: 16px;
     order: 1;
     justify-content: center;
     display: flex 
}
 @media only screen and (min-width:768px) {
     .article--image {
         padding-bottom: 0 
    }
     .article--root[data-title-position=left] .article--image .image--container, .article--root[data-title-position=left] .article--image .placeholder--container {
         min-height: 400px 
    }
     .article--root[data-title-position=left] .article--image img {
         -o-object-fit: cover;
         object-fit: cover 
    }
     .article--root[data-title-position=center] .article--image {
         padding-bottom: 32px 
    }
     .article--root[data-title-position=below] .article--image {
         order: 2 
    }
}
 .article--root[data-show-author=false][data-show-date=false] .article--image {
     padding-bottom: 0 
}
 .article--title {
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .article--root[data-title-position=center][data-show-featured=true] .article--title {
         padding: 0 
    }
     .article--root[data-title-position=left] .article--title {
         text-align: left 
    }
     .article--root[data-title-position=left][data-show-featured=false] .article--title {
         text-align: center 
    }
     .article--root[data-show-author=false][data-show-date=false] .article--title {
         padding-bottom: 0 
    }
}
 .article--info {
     display: flex;
     justify-content: center 
}
 .flexbox-gap .article--info {
     gap: 8px 
}
 .no-flexbox-gap .article--info>* {
     margin: 4px 
}
 .article--info[data-position=grouped-with-title] {
     display: none 
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .article--root[data-title-position=left] .article--info[data-position=grouped-with-title] {
         flex-direction: column 
    }
}
 @media only screen and (min-width:768px) {
     .article--info[data-position=grouped-with-title] {
         align-items: center 
    }
     .article--root[data-title-position=above] .article--info[data-position=grouped-with-title] {
         display: flex 
    }
     .article--root[data-title-position=left] .article--info[data-position=grouped-with-title] {
         display: flex;
         justify-content: flex-start 
    }
     .article--root[data-title-position=left][data-show-featured=false] .article--info[data-position=grouped-with-title] {
         justify-content: center 
    }
     .article--root[data-title-position=below] .article--info[data-position=grouped-with-title] {
         display: flex 
    }
}
 .article--info[data-position=by-self] {
     padding: 0 16px 16px;
     order: 1 
}
 @media only screen and (max-width:767px) {
     .article--info[data-position=by-self] {
         flex-direction: column;
         display: none;
    }
}
 @media only screen and (min-width:768px) {
     .article--root[data-title-position=above] .article--info[data-position=by-self] {
         display: none 
    }
     .article--root[data-title-position=center] .article--info[data-position=by-self] {
         padding: 0;
         max-width: 800px;
         justify-content: flex-start 
    }
     .article--root[data-title-position=center][data-show-featured=false] .article--info[data-position=by-self] {
         justify-content: center 
    }
     .article--root[data-title-position=left] .article--info[data-position=by-self] {
         display: none 
    }
     .article--root[data-title-position=below] .article--info[data-position=by-self] {
         display: none 
    }
}
 .article--timesince {
     text-align: right;
     text-transform: uppercase 
}
 @media only screen and (max-width:767px) {
     .article--timesince {
         align-self: center 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .article--root[data-title-position=left] .article--timesince {
         align-self: flex-start 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .article--root[data-title-position=left] .article--dot {
         display: none 
    }
}
 .article--author {
     align-self: center 
}
 @media only screen and (max-width:767px) {
     .article--author {
         align-self: center 
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .article--root[data-title-position=left] .article--author {
         align-self: flex-start 
    }
}
 .article--content {
  max-width: 100%;
    width: 100%;
}

.template--article .article--content {
  max-width: 800px;
    width: 100%;    padding: 0 20px;
}


.page--rebrand-recap .article--content {
  max-width: 800px;
    width: 100%;    padding: 0 20px;
}
.page--rebrand-recap .article--content {
  max-width: 800px;
    width: 100%;    padding: 0 20px;
}
.page--meet-our-cso .article--content {
  max-width: 800px;
    width: 100%;    padding: 0 20px;
}
.page--3-tips-to-spring-clean-your-beauty-routine .article--content {
  max-width: 800px;
    width: 100%;    padding: 0 20px;
}

.class1{}
.class2{display:none !important}
.class2 img{width:70%;    display: block;
    margin-left: auto;
    margin-right: auto;}
 @media only screen and (max-width:768px) {
.class1{display:none !important}
.class2{display:block !important;text-align:center}
   }
 .article--navigation-wrapper {
     width: 100%;
     max-width: 800px 
}
 @media only screen and (min-width:768px) {
     .article--navigation-wrapper {
         display: flex;
         align-items: center 
    }
}
 .article--navigation-wrapper>:not(:last-child) {
     padding-bottom: 16px 
}
 .article--navigation .article--tag-info {
     text-align: center;
     width: 100%;
     padding-bottom: 16px 
}
 @media only screen and (min-width:768px) {
     .article--navigation .article--tag-info {
         text-align: left;
         padding: 0;
         display: flex;
         align-items: center;
         flex-wrap: wrap 
    }
     .article--navigation .article--tag-info ul {
         display: flex;
         flex-wrap: wrap 
    }
}
 .article--tagged-in {
     padding: 0 0 12px 
}
 @media only screen and (min-width:768px) {
     .article--tagged-in {
         display: inline-block;
         padding-bottom: 0;
         padding-right: 16px;
         position: relative;
         width: 100%;
         padding-bottom: 16px 
    }
}
 .article--tags[data-item] {
     display: inline;
     list-style-type: none;
     padding: 0 
}
 .article--tags[data-item] .article--tag {
     margin: -8px 0 -8px -8px;
     line-height: 1;
     display: inline-block;
     padding: 0 
}
 @media only screen and (max-width:767px) {
     .article--tags[data-item] .article--tag {
         margin: -16px 0 
    }
}
 .article--tags[data-item] .article--tag a {
     display: inline-block;
     padding: 16px 8px;
     text-decoration: underline 
}
 @media only screen and (min-width:768px) {
     .article--share {
         width: -webkit-fit-content;
         width: -moz-fit-content;
         width: fit-content 
    }
}
 .article--share ul {
     padding-left: 0;
}
 .article--content p {
     font-size: 18px;
     line-height: 24px;width: 100%;
    max-width: 100%;
}

.article--content p a{
    text-decoration: underline;    font-size: inherit;    color: #60abbf;
}


 .article--content p span a b{
     font-family: 'Canela';
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 24px;
}
 .article--content.rte>:not(blockquote){
     padding-bottom: 15px;
}
 .article--content p span{

    margin: 0 auto;    max-width: 100%;
}

.article--content p span span{
    width: auto;
    display: inline-block;
    margin: 0;    max-width: 100%;
}

 .article--share li {
     display: inline-block;
}
 .article--share li svg{
     width: auto;
     height: 18px;
}
 .article--share-container {
     display: flex;
     justify-content: center;
     list-style-type: none;
     padding-left: 0;
     margin: 0 
}

.article--content .blocarticle p a {
    color: #588CBE;    font-weight: 600;
}

.pagination--root .list--inline.pagination li{display: inline-block;
    padding: 0 5px;
    }
    .pagination--root .list--inline.pagination li a{font-size: 14px;
line-height: 16px;
    font-weight: 600;}
.pagination--root .list--inline.pagination li.active a{ text-decoration:underline}

.template--blog .blog--footer-pagination .pagination--link, .template--blog .blog--footer-pagination .pagination--of, .template--search .search--footer .pagination--link, .template--search .search--footer .pagination--of{display:none}

 .articleordi{}
 .articlemobile{display:none}
 .articlecontentmobile{display:none}

 .iconarticle {
    max-width: 70%;
    text-align: center;
    margin: 0 auto 15px;
    display: block;
}
.firstpad{padding:40px 0}
 @media only screen and (max-width:767px) {
.firstpad{padding:0px 0}


   .template--article .article--content .blocarticle.bleu {
    background: #dceefa;
}
      .template--article .article--content .blocarticle.footsky {
    margin-bottom: 0;
    background: url(/cdn/shop/files/image_sky_alone.png?v=1699992684) center;
    background-size: cover;
    height: 142px;
    width: 100%;
}
   .g2h h2{text-align:left !important}
.nopad{padding:0 !important}
   .nomar{margin:0!important}
 
   .articlecontentmobile img{width:100%}
.articlecontentmobile{display:block;float: left;
    width: 100%;}
    .articleordi{display:none}
 .articlemobile{display:block}


   
   .article--content p span {
    padding: 0 15px;
}
      .article--content p span span{
    padding: 0 0px;
}
     .article--share-container {
         margin-bottom: -8px;
         justify-content: left;
         margin-left: 8px;
    }
     .article--content {
         padding: 0 0px;
    }
     .article--content p span a b {
         font-size: 16px;
         line-height: 20px;
    }
     .article--content p {
         font-size: 15px;
         line-height: 18px;
    }
     .template--article .featured-blog--wrapper .swiper-blog .swiper-wrapper .article--item {
         width: 100% !important;
         display: inline-flex;
         padding-right: 10px;
    }
}

.featured-content--root[data-container-width="3"] .featured-content--container .image--container{padding-top: 0 !important}
.featured-content--root[data-container-width="3"] .featured-content--container .image--container img{visibility: visible;
    opacity: 1;
    position: relative;}

   .page--ecologi .featured-content--root[data-container-width="6"] .featured-content--container .image--container{padding-top: 0 !important}
.page--ecologi .featured-content--root[data-container-width="6"] .featured-content--container .image--container img{visibility: visible;
    opacity: 1;
    position: relative;}


   
 @media only screen and (min-width:768px) {
     body .article--share-container {
         margin-right: -12px 
    }
}
 .article--share-icon {
     margin: 0 
}
 .article--share-icon a {
     padding: 8px 12px;
     display: inline-block 
}
.article--share-icon a.linked {
padding: 15px 12px 2px;
}
   
 .article--share-icon .facebook:focus, .article--share-icon .facebook:hover {
     color: #3c5a99;
     transition: .25s color ease-in 
}
 .article--share-icon .twitter:focus, .article--share-icon .twitter:hover {
     color: #1da1f2;
     transition: .25s color ease-in 
}
 .article--share-icon .twitter svg {
     width: 20px 
}
 .article--share-icon .pinterest:focus, .article--share-icon .pinterest:hover {
     color: #bd081c;
     transition: .25s color ease-in 
}
 .article--recents-item>a {
     width: 100% 
}
 .article--recents-wrapper {
     padding: 0;
     max-width: 800px;
     margin: 0 auto 
}
 .article--recents-heading[data-item] {
     text-align: center;
     margin: 0 auto 
}
 .article--recents--title {
     margin: 0 
}
 .article-comments-wrapper {
     max-width: 800px 
}
 .article--comment-count {
     padding-left: 8px 
}
 .article--item {
     display: flex;
     flex-direction: column 
}
 .flexbox-gap .article--item {
     gap: 11px 
}
 .no-flexbox-gap .article--item>* {
     margin: 8px 
}
 .article--item>[data-item] {
     flex-basis: unset 
}
 .article--item .article--item--image {
     display: flex;
     align-items: center 
}
 .article--item-info {
     display: flex 
}
 .flexbox-gap .article--item-info {
     gap: 8px 
}
 .no-flexbox-gap .article--item-info>* {
     margin: 4px 
}
 @media only screen and (max-width:767px) {
     .article--item-info {
         flex-direction: column 
    }
}
 [data-columns='3'] .article--item-info {
     flex-direction: column 
}
 [data-columns='3'] .article--item-dot {
     display: none 
}
 .comments--root {
     padding: 0 12px 
}
 @media only screen and (min-width:768px) {
     .comments--root {
         padding: 0 
    }
     .comments--root>* {
         padding-bottom: 16px 
    }
}
 .article-comments--heading {
     padding: 0 16px 16px;
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .article-comments--heading {
         padding: 0 0 32px;
         text-align: left 
    }
}
 .comments--list {
     padding-bottom: 32px 
}
 @media only screen and (min-width:768px) {
     .comments--list {
         max-width: 525px;
         padding-bottom: 32px 
    }
}
 .comment--item {
     padding: 16px 0 0 
}
 @media only screen and (min-width:768px) {
     .comment--item {
         padding-top: 16px 
    }
}
 .comment--item:before {
     content: '';
     display: block;
     margin-bottom: 16px;
     width: 100%;
     height: 1px;
     background-color: #ddd 
}
 @media only screen and (min-width:768px) {
     .comment--item:before {
         margin-bottom: 16px 
    }
}
 .comment--item:first-of-type {
     padding-top: 0 
}
 .comment--item:first-of-type:before {
     display: none 
}
 .comment--item p {
     margin: 0 
}
 .comment--content {
     padding: 0 
}
 @media only screen and (min-width:768px) {
     .comment--content {
         padding: 0 0 0 32px 
    }
}
 .comment--meta {
     padding: 0 0 12px 
}
 @media only screen and (min-width:768px) {
     .comment--meta {
         padding-bottom: 16px 
    }
}
 .comments--none {
     padding-bottom: 16px 
}
 @media only screen and (min-width:768px) {
     .comments--none {
         padding-bottom: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .comments--form:before {
         content: '';
         display: block;
         margin-bottom: 32px;
         width: 100%;
         height: 1px;
         background-color: #ddd 
    }
}
 .comments--form>* {
     padding-bottom: 12px 
}
 @media only screen and (min-width:768px) {
     .comments--form>* {
         padding-bottom: 16px 
    }
}
 .comments--form:last-child {
     padding-bottom: 0 
}
 .comments--form input {
     margin: 0 
}
 .comments--form label {
     position: absolute;
     margin: 0;
     top: 9px;
     padding-left: 16px;
     opacity: 0 
}
 .comments--form textarea {
     margin: 0 
}
 .comments--form ::-moz-placeholder {
     opacity: .7 
}
 .comments--form ::placeholder {
     opacity: .7 
}
 .comments--form .success {
     text-align: center;
     padding-bottom: 16px 
}
 @media only screen and (min-width:768px) {
     .comments--form .success {
         padding-bottom: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .comments--form-meta {
         display: flex;
         padding-bottom: 0 
    }
}
 .comments--form-name {
     padding: 0 0 12px;
     position: relative 
}
 @media only screen and (min-width:768px) {
     .comments--form-name {
         width: 50%;
         padding: 0 8px 16px 0 
    }
}
 .comments--form-email {
     position: relative 
}
 @media only screen and (min-width:768px) {
     .comments--form-email {
         width: 50%;
         padding: 0 0 16px 8px 
    }
}
 .comments--form-input {
     position: relative 
}
 .comments--form-input textarea::-moz-placeholder {
     text-transform: none 
}
 .comments--form-input textarea, .comments--form-input textarea::placeholder {
     text-transform: none 
}
 .comments--form-moderated {
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .comments--form-moderated {
         text-align: left 
    }
}
 .comments--form-error {
     text-align: center;
     color: red 
}
 @media only screen and (min-width:768px) {
     .comments--form-error {
         text-align: left 
    }
}
 .comments--form-heading {
     padding-bottom: 12px 
}
 @media only screen and (min-width:768px) {
     .comments--form-heading {
         padding-bottom: 16px 
    }
}
 .comments--form-submit {
     width: 100%;
     padding: 0 
}
 @media only screen and (min-width:768px) {
     .comments--form-submit {
         width: 50% 
    }
}
 .comments--form-submit button {
     width: 100% 
}
 .comments--pagination .pagination--root {
     justify-content: flex-end 
}
 @media only screen and (max-width:767px) {
     .blog--featured-title--mobile a{
         font-family: 'Canela';
         font-style: normal;
         font-weight: 500;
         font-size: 28px;
         line-height: 32px;
         text-align: center;
    }
     .blog--filter--menu {
         display: block;
    }
     .blog--filter--menu-item {
         display: inline-block;
         margin: 0;
         line-height: 1em;
    }
     .blog--filter--body .disclosure--root {
         width: 100%;
         max-width: calc(100% - 64px);
         display: none;
    }
     .blog--root[data-show-featured=true] .blog--header--root {
         padding: 0px 0px;
         background: #EBF4E3;
         margin-bottom: 20px;
    }
     .blog--header {
         width: 100%;
         padding: 0px 10px;
    }
     .blog--filter--menu {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         margin: 0;
         padding: 0;
    }
     .blog--filter--menu-item a {
         display: inline-block;
         padding: 18px 12px;
         font-style: normal;
         font-weight: 600;
         font-size: 12px;
         line-height: 16px;
         text-align: center;
         letter-spacing: .2em;
         text-transform: uppercase;
    }
     .comments--pagination .pagination--root {
         padding-bottom: 32px 
    }
}
 .article-comments--disqus {
     padding: 0 12px 
}
 @media only screen and (min-width:768px) {
     .article-comments--disqus {
         padding: 0 
    }
}
 .template--password {
     height: 100%;
     min-height: 100%;
     width: 100%;
     padding: 0;
     margin: 0 
}
 .template--password[data-border=true] .off-canvas--main-content {
     border: none 
}
 .template--password .shopify-section {
     position: relative;
     z-index: 1 
}
 .password--root {
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     color: var(--color--alternative) 
}
 .password--root a, .password--root label {
     color: var(--color--alternative) 
}
 .password--root .errors ul {
     margin-bottom: 0 
}
 .password--root .errors li {
     margin: 0;
     padding-bottom: 12px 
}
 @media only screen and (min-width:768px) {
     .password--root .errors li {
         padding-bottom: 16px 
    }
}
 .password--root .icon--shopify {
     width: 82.28571px;
     height: 24px;
     display: inline-block;
     line-height: 0;
     vertical-align: top 
}
 .password--root .icon--lock, .password--root .icon--shopify {
     color: var(--color--alternative) 
}
 .password--background-image {
     z-index: 1;
     width: 100%;
     position: fixed;
     top: 0;
     left: 0 
}
 .password--background-image .image--container, .password--background-image .image--root {
     height: 100vh 
}
 .password--logo {
     padding: 32px 0 
}
 @media only screen and (min-width:768px) {
     .password--logo {
         padding: 72px 0 
    }
}
 .password--login {
     z-index: 3;
     position: absolute;
     top: 16px;
     right: 16px 
}
 @media only screen and (min-width:768px) {
     .password--login {
         top: 32px;
         right: 32px 
    }
}
 .password--login-form {
     visibility: hidden;
     position: fixed;
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
     width: 100%;
     max-width: 350px;
     padding: 0 16px 
}
 .password--login-form input[type=password] {
     background-color: transparent;
     color: var(--color--alternative);
     margin-bottom: 12px 
}
 @media only screen and (min-width:768px) {
     .password--login-form input[type=password] {
         margin-bottom: 16px 
    }
}
 .password--login-link {
     display: flex;
     align-items: center 
}
 .password--login-link:hover {
     cursor: pointer 
}
 .password--login-link p {
     padding-left: 8px 
}
 .password--buttons-container {
     display: flex;
     align-items: center 
}
 .password--button {
     margin: 0;
     padding-right: 12px 
}
 @media only screen and (min-width:768px) {
     .password--button {
         padding-right: 16px 
    }
}
 .password--cancel:hover {
     cursor: pointer 
}
 .password--main {
     z-index: 2;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 100vh 
}
 .password--subtitle {
     padding-bottom: 12px 
}
 @media only screen and (min-width:768px) {
     .password--subtitle {
         padding-bottom: 16px 
    }
}
 .password--info {
     padding-bottom: 32px;
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .password--info {
         padding-bottom: 72px 
    }
}
 .password--mailing-header {
     padding-bottom: 16px 
}
 @media only screen and (min-width:768px) {
     .password--mailing-header {
         padding-bottom: 32px 
    }
}
 .password--mailing-header p {
     margin: 0 
}
 .password--mailing-list {
     padding-bottom: 96px;
     max-width: 300px;
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .password--mailing-list {
         max-width: 380px 
    }
}
 .password--mailing-list form {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center 
}
 @media only screen and (min-width:768px) {
     .password--mailing-list form {
         flex-wrap: wrap;
         flex-direction: row 
    }
}
 .password--mailing-list .password--mailing-button {
     max-width: 300px;
     width: 100%;
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .password--mailing-list .password--mailing-button {
         width: auto;
         padding-left: 16px 
    }
}
 .password--mailing-list input[type=email] {
     background-color: transparent;
     color: var(--color--alternative);
     border: none;
     border-bottom: 1px solid var(--color--alternative);
     margin-bottom: 12px;
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .password--mailing-list input[type=email] {
         margin: 0;
         width: 260px;
         text-align: left 
    }
}
 .password--mailing-list input[type=email]::-webkit-input-placeholder {
     text-transform: none;
     color: var(--color--alternative) 
}
 .password--mailing-list input[type=email]:-moz-placeholder {
     text-transform: none;
     color: var(--color--alternative) 
}
 .password--mailing-list input[type=email]::-moz-placeholder {
     text-transform: none;
     color: var(--color--alternative) 
}
 .password--mailing-list input[type=email]:-ms-input-placeholder {
     text-transform: none;
     color: var(--color--alternative) 
}
 .password--mailing-list .error, .password--mailing-list .success {
     font-style: italic;
     margin: 0;
     padding-top: 16px 
}
 @media only screen and (min-width:768px) {
     .password--mailing-list .error, .password--mailing-list .success {
         padding-top: 0 
    }
}
 .password--mailing-list .error {
     color: #d32f2f 
}
 .password--powered-by {
     text-align: center;
     padding-bottom: 32px 
}
 @media only screen and (min-width:768px) {
     .password--powered-by {
         padding-bottom: 72px 
    }
}
 .password--errors li, .password--errors ul {
     margin: 0;
     list-style: none;
     padding: 0 
}
 .password--errors li {
     padding-bottom: 16px 
}
 .template-page--heading {
     text-align: center;
     padding-bottom: 32px 
}
 .shopify-policy__container {
     padding: 72px 48px 
}
 @media only screen and (max-width:767px) {
     .shopify-policy__container {
         padding: 32px 16px 
    }
}
 .shopify-policy__title {
     padding-bottom: 32px 
}
 .four-o-four--root h1.four-o-four--heading {
     padding-bottom: 32px 
}
 .four-o-four--root h3.four-o-four--info {
     padding-bottom: 32px 
}
 .four-o-four--wrapper {
     max-width: 600px;
     margin: 0 auto;
     padding: 48px;
     background: #f7f7f7;
     border: 1px solid #eaeaea;
     border-radius: 3px;
     text-align: center 
}
 .four-o-four--wrapper a {
     text-decoration: underline 
}
 .customer--wrapper {
     max-width: 800px;    text-align: center;
}
 .customer--wrapper h1 {
     text-align: center;
     padding-bottom: 32px 
}
 .customer--wrapper h2 {
     padding-bottom: 16px 
}
 .customer--wrapper h4 {
     padding-bottom: 16px 
}
 .customer--wrapper tbody td, .customer--wrapper thead th {
     padding: 16px 
}
 .customer--wrapper .errors a {
     text-decoration: underline 
}
 .account--activate, .account--recover-password, .account--reset-password, .customer--login, .customer--register {
     margin: 0 auto;
     max-width: 400px 
}
 .address--email {
     padding-bottom: 16px 
}
 .address--full {
     padding-bottom: 32px 
}
 .address--view {
     padding-bottom: 32px 
}
 .address--view p {
     margin: 0 
}
 .address--view p:last-of-type {
     padding-bottom: 16px 
}
 .address--actions-edit {
     padding-right: 8px 
}
 .address--pagination {
     text-align: center 
}
 .account--orders-table, .order--table {
     margin: 0 auto;
     width: 100% 
}
 .account--orders-table thead th, .order--table thead th {
     border-bottom: solid 1px #eaeaea;
     font-weight: 400 
}
 .account--orders-table td a, .order--table td a {
     text-decoration: underline 
}
 @media only screen and (max-width:767px) {
     .account--orders-table tbody tr, .order--table tbody tr {
         padding: 0 
    }
     .account--orders-table td:empty, .order--table td:empty {
         display: none 
    }
}
 .order--heading--total {
     min-width: 150px 
}
 @media only screen and (min-width:768px) {
     .order--heading--total {
         text-align: right 
    }
}
 @media only screen and (min-width:768px) {
     .order--item--price, .order--item--quantity {
         text-align: center 
    }
}
 @media only screen and (min-width:768px) {
     .order--discount, .order--item--total {
         text-align: right 
    }
}
 .order--item--unit-price-container {
     text-transform: lowercase;
     font-size: 12px 
}
 @media only screen and (min-width:768px) {
     .order--item--unit-price-container {
         text-align: center 
    }
}
 .address--actions {
     padding-bottom: 16px;
     margin: 0 
}
 .address--edit {
     padding-bottom: 32px 
}
 .address--customer-table {
     border: 0;
     margin: 16px auto 
}
 .address--customer-table input, .address--customer-table label, .address--customer-table select {
     margin-bottom: 0 
}
 @media only screen and (max-width:767px) {
     .address--customer-table tr td:first-child {
         padding: 16px 0 
    }
     .address--customer-table tr td:last-child {
         padding-right: 0 
    }
}
 .address--button-container {
     display: flex;
     align-items: center ;    justify-content: center;
}
 .address--button-container span {
     margin-left: 12px 
}
 .customer--root tbody td.address--checkbox-container {
     display: flex;
     align-items: center;
     padding-top: 0 
}
 .customer--root tbody td.address--checkbox-container input[type=checkbox] {
     margin: 0 8px 0 0 
}
 .account--reset {
     display: none;
     text-align: center;
     margin-bottom: 32px;
     padding: 8px;
     background-color: #e6f9ee;
     color: #01c753;
     border: 1px solid #01c753;
     border-radius: 2px 
}
 .account--button-container {
     display: flex;
     align-items: center 
}
 @media only screen and (max-width:767px) {
     .account--button-container {
         flex-direction: column 
    }
}
 .account--button-container input {
     margin-bottom: 0 
}
 .account--activate--create-password {
     padding-bottom: 16px 
}
 .account--activate--button-container {
     display: flex;
     align-items: center 
}
 @media only screen and (max-width:767px) {
     .account--activate--button-container {
         flex-direction: column 
    }
}
 .account--activate--button-container .account--activate--button {
     margin-bottom: 0 
}
 @media only screen and (max-width:767px) {
     .account--activate--button-container .account--activate--button {
         width: 100% 
    }
}
 .account--activate--button-container a {
     margin-left: 16px 
}
 @media only screen and (max-width:767px) {
     .account--activate--button-container a {
         padding: 16px;
         margin: 0 
    }
}
 @media only screen and (max-width:767px) {
     .account--orders-table tbody {
         padding-bottom: 32px 
    }
}
 @media only screen and (min-width:768px) {
     .account--orders-table tbody {
         text-align: center 
    }
}
 .account--breadcrumb-container {
     text-align: center 
}
 .account--breadcrumb-container .breadcrumbs--root {
    padding: 0 0 32px;
    text-align: center;
    width: 100%;
    justify-content: center;
}
 .account--forgot-password, .account--reset-instructions {
     padding-bottom: 32px 
}
 .account--cancel {
     padding-left: 16px 
}
 .account--password-buttons {
     display: flex;
     align-items: center 
}
 .account--sign-in {
     width: 100% 
}
 @media only screen and (min-width:768px) {
     .account--sign-in {
         width: auto 
    }
}
 @media only screen and (max-width:767px) {
     .account--sign-in button {
         width: 100% 
    }
}
 a.account--register {
     margin: 12px 0 0;
     width: 100%;
     text-align: center;
     height: auto 
}
 @media only screen and (min-width:768px) {
     a.account--register {
         margin: 0 0 0 16px;
         width: auto 
    }
}
 a.account--register div {
     width: 100% 
}
 .account--create {
     width: 100%;
     text-align: center 
}
 @media only screen and (min-width:768px) {
     .account--create {
         width: auto 
    }
}
 @media only screen and (max-width:767px) {
     .account--create button {
         width: 100% 
    }
}
 a.account--login {
     margin: 12px 0 0;
     width: 100%;
     text-align: center;
     height: auto 
}
 @media only screen and (min-width:768px) {
     a.account--login {
         margin: 0 0 0 16px;
         width: auto 
    }
}
 a.account--login div {
     width: 100% 
}
 body.template--customers--register input[type=password] {
     margin-bottom: 32px 
}
 .account--orders {
     padding-bottom: 32px 
}
 .account--orders h4 {
     padding-bottom: 32px 
}
 @media only screen and (max-width:767px) {
     .account--orders {
         padding-bottom: 16px 
    }
     .account--orders h4 {
         padding-bottom: 16px 
    }
}
 .account--pagination {
     text-align: center 
}
 .account--recover-password input, .account--reset-password input, .customer--login input, .customer--register input, .page-create-account input {
     margin-bottom: 16px 
}
 .shopify-challenge__container {
     padding-top: 72px 
}
 @media only screen and (max-width:767px) {


   .template--index .featured-grid--root.hhujj {

    padding: 0 20px 30px;
}

   body .off-canvas--viewport .hhujj .btn-deight {
    padding: 8px 17px 12px;
    max-width: 100%;
    letter-spacing: 0px;
}
   .hhujj .btn-deight span {
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1px;
    text-decoration: none !important;
}

  .hhujj p {
    font-size: 14px;
    line-height: 1.2em;
}

  .hhujj .featured-grid--item--text-container{
    margin-top: 10px;
}

   
     .shopify-challenge__container {
         padding-top: 32px 
    }
}
/* Modification Searchbar */
 .search--root[data-view=modal] .search--articles {
     display: none;
}
 [data-container=panel][data-columns="3"] {
     grid-template-columns: repeat(4, minmax(0, 1fr));
}

 .page--castor-oil-landing-page .oii [data-container=panel][data-columns="3"] {
     grid-template-columns: repeat(3, minmax(0, 1fr));
}
.oii{
    background: #eaf3e2;
    padding: 70px 0 70px;
    position: relative;

}
.oii .featured-grid--item {
    align-items: center;
    position: relative;
    padding: 0 50px;
}
.oii .featured-grid--item--text-container h3 {
    text-transform: capitalize;
    font-style: normal;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom:0px;
    font-family: 'Bilo';
    font-weight: 500;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 600;
}

.swiper-foc img{width:100%}

.swiper-foc .featured-grid--item--image[data-item] {
    display: flex;
    align-items: center;
    aspect-ratio: 1;
    overflow: hidden;height: auto !important;
}
.oii .featured-grid--item--image{
    border-radius: 50%;
    width: 155px;
    aspect-ratio: 1;
    height: auto;
    position: relative;
    left: initial;
    top: initial;overflow:hidden
}
.oii .featured-grid--subtitle {
  font-weight: 300;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.03em;font-family: bilo, sans-serif;max-width: 850px;
    margin: 30px auto;
    text-align: center;
}
 .oii .featured-grid--subtitle a{
  font-weight: 300;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.03em;font-family: bilo, sans-serif;
       border-bottom: 1px solid black;
}
.page--collections-amp-bundles .featured-collection--grid[data-container=panel][data-columns='4'],
.page--diy-essentials .featured-collection--grid[data-container=panel][data-columns='4'],
.page--soaps-amp-soaks .featured-collection--grid[data-container=panel][data-columns='4'],
.page--masks-amp-mists .featured-collection--grid[data-container=panel][data-columns='4'],
   .page--oils .featured-collection--grid[data-container=panel][data-columns='4'],
.page--butters-amp-balms .featured-collection--grid[data-container=panel][data-columns='4'] {
    grid-template-columns: initial;    display: inline-block;
    text-align: center;
}

.page--collections-amp-bundles [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
.page--diy-essentials [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
.page--soaps-amp-soaks [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
.page--masks-amp-mists [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
.page--butters-amp-balms [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
.page--oils [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left] {
    text-align: left;
    width: calc(25% - 32px);
    display: inline-block;
    padding: 0 16px 16px;
}


 .template--index .featured-grid--body [data-container=panel][data-columns="3"] {
     grid-template-columns: repeat(3, minmax(0, 1fr));
}
 .page--home-bfcm .featured-grid--body [data-container=panel][data-columns="3"] {
     grid-template-columns: repeat(3, minmax(0, 1fr));
}
 .search--products {
     flex: 1 1 0;
     width: 100%;
     padding: 0 36px;
}
 .search--loading {
     top: 38px;
     left: initial;
     right: 50px;
}
 .modal--close {
     padding: 12px 15px;
     background-color: #ffffff;
     border-radius: 0;
     top: 132px!important;
     right: 25px;
}
 .modal--window {
     top: 117px;
}
 .search--bar {
     padding: 15px 35px 25px;
     width: calc(100% - 60px);
}
 input[type=text].search--textbox, input[type=text].search--textbox:focus {
     padding: 0 55px 0 32px;
     border: 0;
     outline: 0;
     box-shadow: none;
     background: 0 0;
     height: 50px;
     font-size: 22px;
     margin: 0;
     border: 1px solid #050606;
}
 .modal--mask {
     top: 117px !important;
}
 [data-modal-fullscreen=true] .modal--content {
     min-height: auto;
}
 @media only screen and (max-width:767px) {

.template--product .collection--header--heading p {
    color: #000;
}

   .template--product .bannierecollection:before {
  display:none
}

   .page--sky-organics-sustainability-commitment.template--page .collection--header--heading p {
    color: #000;        text-align: center;
}
   
        .page--collections-amp-bundles [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
        .page--diy-essentials [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
   .page--soaps-amp-soaks [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
   .template--page.page--cotton [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
   .page--masks-amp-mists [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
   .page--butters-amp-balms [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left],
        .page--oils [data-container=panel][data-columns="4"] .product--root[data-product-view=grid][data-text-alignment=left] {
       text-align: left;
    width: 50%;
    display: inline-block;
    padding: 0px 5px 20px;
    float: left;
}


   
     .modal--mask {
         top: 107px!important;
    }
     .modal--window {
         top: 106px;
    }
     .search--bar {
         padding: 5px 19px 19px;
         width: calc(100% - 60px);
    }
     .modal--close {
         top: 113px !important;
         right: 19px;
    }
     [data-container=panel][data-columns="3"] {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.page--castor-oil-landing-page #shopify-section-header{display:none !important}
.page--castor-oil-landing-page #shopify-section-announcement{display:none !important}

.tiktok-embed-wrapper {
  width: 100%; /* This will ensure the wrapper takes the full width of its container */
}

.off-canvas--container .product--form--container{text-align:center}
.off-canvas--container .product--form--container .qtybox label{display:none}

.off-canvas--container .product--form--container .product-quantity--root {
    padding-bottom: 0;
    text-align: center;
}