/** Shopify CDN: Minification failed

Line 107:4 Comments in CSS use "/* ... */" instead of "//"
Line 108:4 Comments in CSS use "/* ... */" instead of "//"
Line 109:4 Comments in CSS use "/* ... */" instead of "//"
Line 310:0 Expected "}" to go with "{"

**/
.featured-images .grid__item {
    margin-bottom: 0px; 
  text-align:center;
}
/* La scène garde un ratio fixe (donné inline via style="aspect-ratio: ...") */
.product-stage {
  position: relative;
  width: 100%;
}

/* Chaque slide remplit entièrement la scène et se superpose aux autres */
.product-stage .product-single__image-wrapper.supports-js {
  position: absolute;
  inset: 0;
}

/* Slides cachées : compatibles avec ton JS existant ("hide") */
.product-stage .product-single__image-wrapper.supports-js.hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* L'image remplit la scène sans recadrer */
.product-single__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-single__image-wrapper {
  position: relative;
  overflow: hidden;
}
.product-single__image-wrapper > div {
  width: 100%;
  height: auto;
}
.product-single__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}


  .dimensionborder {
      padding: 1rem 0;
    margin: 2rem 0;
    border-top: 1px solid #ebebeb;
    width:96%; 
    margin: 0 0 auto;
 
  }

.separationgrise{
border-right: 1px solid #ebebeb;   
}


.econoteformat{     font-size: 14px;}
#imgloupeproduct{ opacity: .5;}

.leftproduct{text-align:left;text-transform:uppercase;    margin-top: 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;}

       @media only screen and (min-width:320px) {
          #more-pictures {
   display:none;
}
                .displayrightdimension {
   display:none;
}
.filtersombre{filter: brightness(70%);}
         
.site-header__logo .logo__image-wrapper a{
    padding-top:40%!important;display:none;}
       }
 
        @media only screen and (min-width:768px) {

                     .displayrightdimension {
   display:block;
                       float:right;
                       width:50%;
}
          
           #more-pictures {
       display: inline;
    text-align: right;
    position: relative;
    bottom: 6em;
    /* float: right; */
    left: 3em;
    //bottom: 5em;
    //float: right;
    //left: 2em;
    /* background: #E7E7E9 0 0 no-repeat padding-box; */
    /* border-radius: 0.6rem; */
    /* cursor: pointer; */
    opacity: .9;
    font-size: 12px;
    color: white;
    padding-top: 4px;
    padding-left: 10px;
    /* padding-right: 10px; */
    padding-bottom: 6px;
    letter-spacing: 3px;
}
.site-header__logo .logo__image-wrapper a{display:block;}
          .accueilmobile{display:none;}
        
}

   .classtexteretour2
     {
      color:#6e6e6e; 
      font-weight: 550;
     }
    @media only screen and (min-width:320px) {
   .diaporamaproduct{
	 vertical-align: middle;
     background-color:white;
     padding-left: 3px;
    padding-bottom: 3px;
    border-radius: 15px;
     }
      
      .logocuirmobile{width:5%;}
      .flechedroiteclassproduct{
      	color:white;
        height:auto!important;
        top:200px!important;
      }
    }
   
   @media only screen and (min-width:769px) {
   .diaporamaproduct{
     visibility: hidden;}
      
     .logocuirmobile{width:initial;}
     
      .flechedroiteclassproduct{
      	visibility: hidden;
      }
    }
.far {
  font-size: 35px;
}

.checkedr {
  color: orange;
}

/* Three column layout */
.sider {
  float: left;
  width: 12%;
  margin-top:10px;
}

.middler {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.rightr {
  text-align: right;
}

/* Clear floats after the columns */
.rowr:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-containerr {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5r {width: 93%; height: 18px; background-color: #4CAF50;opacity:0.6;}
.bar-4r {width: 5%; height: 18px; background-color: #2196F3;opacity:0.6;}
.bar-3r {width: 2%; height: 18px; background-color: #00bcd4;opacity:0.6;}
.bar-2r {width: 0%; height: 18px; background-color: #ff9800;}
.bar-1r {width: 0%; height: 18px; background-color: #f44336;}

   .scoreboard{margin: 0 auto;   max-width: 800px;   padding-top: 20px;box-sizing: border-box;}
   
 
  @media only screen and (min-width:480px) {
 
    
      .flechedroiteclassproduct{
         top: 35%!important;
       right: 3%!important;}
    

    .main-content {
    margin-top: -15px;
}
    
        .previouslink2 {
  		color: #6e6e6e;
}
   
     .previouslink {
  		color: #6e6e6e;
}
   
     .previouslink:hover {
  		color: black;
}
   
   @media only screen and (min-width:320px) {
     .selector-wrapper {font-size:13px!important;color:#6e6e6e;}
         
     .paddingmobilenul{
     	padding-top:0px;
     }
     
     .post-ratings-image{width:80px;}
      }

  @media only screen and (min-width:480px) {
    .selector-wrapper {font-size:15px!important;}
    
    
  .paddingmobilenul{
     	padding-top:0px;
     }
    
    .post-ratings-image{width:initial;}
    .scorerating{padding:2px;font-size:20px}
  }
      
   .single-option-selector{width:fit-content!important;}
 
  img.opacity1  {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
img.opacity1:hover {
	opacity: .5;
}          

/* ====== Fix CLS MOBILE uniquement ====== */
@media (max-width: 749px) {
  /* Réserve la hauteur du slider mobile avant le JS */
  body.template-product .slider-for.slider {
    aspect-ratio: var(--product-ratio, 4/5);
    width: 100%;
    display: block;
    overflow: hidden;
    background: #fff;
  }

  /* Le slick doit occuper cette hauteur */
  body.template-product .slider-for.slider .slick-track,
  body.template-product .slider-for.slider .slick-list {
    height: 100% !important;
  }

  /* Vignettes mobile : petite taille fixe pour éviter le reflow */
  .product-single__thumbnail {
    display: block;
    width: 72px;
    height: 90px;
    overflow: hidden;
  }
  .product-single__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
}

/* On neutralise toute la hiérarchie Slick pour la fiche produit */
.slider-for, 
.slider-for .slick-list, 
.slider-for .slick-track, 
.slider-for .slick-slide {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}