html {
  scroll-behavior: smooth;
}

body {
  overflow-x : clip;
}


.site-header .weglot-container {
  display: none;
}

.cke-banner {
  background-color : #eee;
  margin-block-start : 30px;
  padding : 2rem;
  border-radius : 2rem;
  min-height : 30rem;
  display: flex;
  justify-content: flex-start;
  align-items : center;

  & .cke-banner-ctn {
    max-width: 600px;
  }
}

.cke-label {
  font-size: 20px;
  font-weight: 700;
  margin-block-end: 0;
  line-height:1;
}

.cke-h2 {
  font-size: 40px;
  font-weight: 700;
  margin-block-start: 5px!important;
}
.cke-txt {
  font-size: 20px;
  line-height: 1.4;
  max-width: 50ch;
 
}
.cke-btts {
   margin-block-start: 2rem;
  display: flex;
   flex-wrap :wrap;
  gap : 1rem;
}

.cke-btt {
  display: inline-block;
  background: #000;
  color: #fff;
  font-weight:600;
  max-width: max-content;
  padding-inline: 2rem;
  padding-block: 8px;
  border-radius: 2rem;
  border: 1px solid #000;
  transition : 0.3s all ease-in-out;
  
  &:hover  {
    background: #FFDE00;
    color: #000;
    border: 1px solid #fff;
  }
}

.cke-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  max-width:860px;
}

.cke-omega {
  font-size: 40px;
  font-weight: 700;
}

/* Menu */
.site-nav a  {
  color: #000;
  font-weight:600;

  transition : 0.3s all ease-in-out;
  
  &:hover  {

    color: #FFDE00;
  }
}



/* Bannière */
#shopify-section-advanced_content_33fnNR {

  hr {
    border-color: transparent;
  }

  background-color: #FFDE00;
  position: relative;
  margin-top: -30px;
  isolation: isolate;

  &:before,
  &:after {
    content: '';
    z-index: -1;
    position:absolute;
    top: 0;
    height:100%;
    width: 50vw;
    background-color: #FFDE00;
  }
  &:before {
    left: 50%;
  }

  &:after {
    right: 50%;
  }

  & .cke-banner {
      background-image: url('/cdn/shop/files/bp_desktop.jpg?v=1781274030');
      background-position: bottom right;
      background-size: contain;
      background-repeat : no-repeat;
      background-color: rgb(254 232 87);;
    
      & .cke-banner-ctn  {
        @media (width <= 880px) {
          padding-block-end : 6rem;
        }
        @media (width <= 800px) {
          padding-block-end : 8rem;
        }
         @media (width <= 580px) {
           padding-block-end : 4rem;
        }
      }
  }
}




/* Comment ça marche */
#shopify-section-advanced_content_9UrtiU {

  & hr {
    border-color: transparent;
  }
 
  & .custom-content {
    box-sizing: border-box;
    margin-inline: 0!important;
    margin-block-end: 0!important;
    background-color : #eee;
    padding : 2rem;
    border-radius : 2rem;

  }

  & .custom__item {
     margin-block-end: 0!important;
     padding-inline:0!important;
  }

  & .custom__item + .custom__item {
    margin-block-start: 2rem;
  }
}

/* Produits */
#shopify-section-collection_rows_yatxzg  {

  hr {
      border-color: transparent;
  }

  #collection-rows--collection_rows_yatxzg {
    background-color : #eee;
    padding : 2rem;
    border-radius : 2rem;
  
    & .h1  {
      font-size: 40px;
      font-weight: 700;
    }
  
    & .grid-uniform {
      padding-inline:0!important;
      margin-left:0!important;
      margin-block-end:0!important;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap : 2rem;
  
      &::after {
        display:none;
      }
    
      & .grid-item {
        padding-inline:0!important;
        align-self: stretch;
        float: none;
        width: auto!important;
      } 
    } 

    & .product-grid-item  {
      position:relative;
      display: flex;
      flex-direction:column;
      justify-content: flex-end;
      height:100%;
      background-color : #fff;
      overflow:clip;
      padding:1rem;
      border-radius : 2rem;
    
      &::before {
        position: absolute;
        top:1rem; 
        right:1rem;
        display: inline-block;
        max-width: max-content;
        padding-inline: 2rem;
        padding-block: 8px;
        border-radius: 2rem;
        z-index:4;

        background: #000;
      color: #fff;
  font-weight:600;
  border: 1px solid #000;
  transition : 0.3s all ease-in-out;



      }
       &:hover::before  {
        background: #FFDE00;
        color: #000;
        border: 1px solid #fff;
      }
      &::before {
        content:'Livré à votre porte!';
      }

      html[lang="en"] &::before {
        content:'Delivered to your door!';
      }

      & .product-grid-image {
        flex-grow: 2;
      }

      & p {
        font-weight:bold;
        max-width: 240px;
      }
  
    }
  }
}

/*Territoires*/
#shopify-section-advanced_content_Bpha9T {

  margin-block-end:0!important;
  & hr {
    border-color: transparent!important;
  }

  & .custom__item:first-child {
   margin-block-end:0!important;
  }

  & img {
    border-radius : 2rem;
    overflow: clip;
  }

}