/* PRODUCT PAGE V2 */
/* MOBILE */
#product .containerReseauSociaux .subtitle{
    color: #000;
}

@media (max-width: 767.98px) { 

    .slick-list{
        height: 100% !important;
    }
    .breadcrumb_wrapper li:last-child a{
        color: #414141 !important;
    }

    .NETREVIEWS_PRODUCT_STARS, .skeepers_product__stars{
        margin:10px auto 5px auto;
    }

    #product h1.page-heading-product{
        font-size:1rem;
    }

    .article-link{
        cursor: unset;
    }

    .article-link .read_more{
        cursor: pointer;
    }

    .product_extrafield > .title {
        position: relative;
        color: #000;
        display: block;
        padding: 15px 0;
        font-weight: 700;
        font-size: 1.5625rem;
        line-height:1.25;
        margin-bottom:0;
    }
    
    #product-related-article.v2{
        padding: 0px !important;
    }
    #product #product-related-article > a{
        background:none !important;
        display: block;
        padding: 0px 15px;
        background: #FFF;
    }
    
    #product-related-article.v2 .d-flex{
        display: flex;
        flex-direction:column;
    }
    #product-related-article.v2 .flex-direction-column {
        flex-direction: column;
    }
    
    #product-related-article.v2 .blog-text-container{
        padding-top:2rem;

        /* 
        padding-left: 30px;
        */
    }
    #product-related-article.v2 .post-title{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin: 0 0 5px 0;
        /*
        font-size: 25px;
        line-height: 38px;
        */
        font-size: 20px;
        line-height: 1.5;
    }

    #product #product-related-article .blog_description{
        color:#000;
        margin-bottom:4rem;
    }
    

    #product-related-article.v2 .read_more{
        border:solid black 1px;
        padding: 10px 15px;
        text-decoration: none;
        position:absolute;
        bottom: 0px;
        color: #000;
        text-transform: uppercase;
    }
    
    /* Faux <select> pour la liste des poids + vrac */
    #my-select{
        width:100%;
    }
    .cs-toggle{
      width: 100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      height: 50px;
      padding: 0 12px;
      border:3px solid #000;
      cursor:pointer;
    }

    .cs-toggle:focus{outline:3px solid #cde4ff}

    .cs-value{
        display:flex;
        align-items:center;
        gap:8px;
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        margin-left: 0.5rem;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 700;
    }

    .cs-caret{
        transition:transform .22s ease;
        height:0.5rem;
    }
    .cs-open .cs-caret{transform:rotate(180deg)}

    .cs-list{
      position:absolute;left:0;right:0;z-index:30;
      border:1px solid #dcdcdc;
      background:#fff;
      box-shadow:0 8px 24px rgba(0,0,0,0.08);
      max-height: 0; /* collapsed */
      overflow:hidden;
      transition: max-height .22s ease, opacity .18s ease;
      opacity:0;
    }

    .cs-open .cs-list{
      max-height: 300px; /* enough for ~5 items */
      opacity:1;
    }

    .cs-item{
      height:var(--item-height);
      display:flex;
      align-items:center;
      padding:0 12px;
      cursor:pointer;
      padding:10px 1rem;
      text-transform: uppercase;
      z-index: 600;
    }

    .cs-item:focus{
        background:#BCC0C0 !important;
    }

    .cs-item:nth-child(odd){
        background:#ecf0f1;
    }

    .cs-item[aria-selected="true"]{background:#eef6ff}

    /* small helper */
    .sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

    /* FIN - Faux <select> pour la liste des poids + vrac */

    .skeepers_product__reviews{
        margin-right:0px !important;
        margin-left:0px !important;
    }

    /* Largeur générale de la page */
    @media (min-width: 1200px) {
        #wrapper > .container{
            max-width:85% !important;
        }
        
        #wrapper > .breadcrumb_wrapper{
            padding-left:0px !important;
            padding-right:0px !important;
        }
        #wrapper > .breadcrumb_wrapper > .container{ 
            max-width:85% !important;
        }
    }
    
    .ybc-blog-related-posts-title{
        color: #000;
        display: block;
        font-weight: 700;
        font-size: 1.5625rem;
        line-height:1.25;
    }
    
    .px-3{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .product-miniature {
        margin-bottom: 30px;
        padding: 0 15px;
        position: relative;
        width: unset;
        float: none;
    }
    
    #product .images-container {
        float: unset !important;
        margin-bottom: 3.5rem;
        position: unset;
        width: 100%;
        max-height: 450px;
    
    }
    .breakline-mobile{
        display:inline;
    }
    #product .images-container-vertical-left .product-cover{
        max-width: 450px;
        padding-right:2rem;
    }

    .scroll-wrapper {
        overflow-x: auto;          /* enable horizontal scroll */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;  /* smooth scrolling on mobile */
        white-space: nowrap;       /* keep children in one line (fallback) */
    }
      
    .scroll-content {
        display: inline-flex !important;      /* content defines width */
        flex-wrap: nowrap !important;         /* keep flex items on one line */
        width: max-content;        /* prevents stretching, fits content width */
    }
      
    
    #main .images-container.images-container-vertical-left .js-qv-mask{
        float:right;
    }
    #product .product-variants select{
        width: 100%;
        border: solid black 3px;
        height: 3rem;
        padding: 10px 1.5rem;
        text-transform: uppercase;
        font-size: 14px;
    }

    .stars__item:not(:first-child){
        display:none;
    }
    

    .bestSellerCarouselContainer{
        float: none;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .bestsellers-carousel{
        width: calc(100% - 7rem);
    }
    
    .blogPostRelatedArticle{
        padding:0px !important;
    }

    .bestsellersTitle .row{
        display:flex;
        margin-top:4rem;
        margin-bottom:2rem;
    }
    .bestsellersTitle .justify-content-center{
        justify-content: center;
    }
    
    .bestsellersTitle .row > div > h2{
        color: #FFFFFF;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
    
        padding: 15px;
        background-color: #BE7114;
    }
    
    #displayFooterProductContainer{
        margin-top:4rem;
    }
    
    #linkToFullDescription {
        color:grey;
        text-decoration: underline;
    }
    #linkToFullDescription:hover {
        cursor: pointer;
    }
    
    #guideDuVracContainer{
        margin-top:4rem;
    }

    #guideDuVracContainer > div{
        padding:0px !important;
    }
     
    .float-none{
        float: none !important;
    }
    
    #guideDuVracContainer .title1{
        color: #000;
        display: block;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.25;
    }
    
    #guideDuVracContainer .title2{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin: 0 0 5px 0;
        font-size: 25px;
        line-height: 38px;
        font-size: 16px;
        line-height: 1.5;
    }
    
    #guideDuVracContainer table{
        width: 100%;
    }
    #guideDuVracContainer th:nth-child(1){
        width:36%
    }
    #guideDuVracContainer th:nth-child(2){
        width:32%
    }
    #guideDuVracContainer th:nth-child(3){
        width:32%
    }
    #guideDuVracContainer tr:first-child th{
        padding:0.5rem 0.5rem;
    }
    #guideDuVracContainer th:first-child{
        color:white;
        background:#BE7114 !important;
    }
    #guideDuVracContainer th, td{
        padding:0.5rem 0.5rem;
        background:#fff;
        border:solid #f8f8f8 4px;
        color:#7E7E7E;
    }
    
    #guideDuVracContainer .table-vrac-row-label{
        font-weight: 700;
    }

    #product .quantitesContainer {
        flex-direction: column;
        margin:0 -0.5rem;
    }

    #product .quantitesContainer .content-page-other-products > div.d-flex{
        flex-direction: column;
        background:#F1F5E5;

    }

    table.table-vrac{
        width: 90vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -45vw;
        margin-right: -45vw;
    }

    .mt-3rem{
        margin-top: 3rem !important;
    }
    .mt-4rem{
        margin-top: 4rem !important;
    }
    #guideDuVracContainer .d-flex{
        display: flex;
    }
    #guideDuVracContainer .flex-direction-column {
        flex-direction: column;
    }
    
    #guideDuVracContainer .qtRow{
        background:#fff;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        padding: 0 3rem;
        margin-bottom:0.5rem;
        font-size:1.1rem;
    }
    
    #guideDuVracContainer .qtRow > img{
        object-fit: contain;
        width:64px;
    }
    
    #guideDuVracContainer .content-page-other-products img{
        object-fit: contain;
        width:100%;
    }
    #guideDuVracContainer .greenBg{
        background:#F1F5E5;
    }
    
    #guideDuVracContainer .content-page-other-products .textContainer{
        padding:2rem 1rem 1rem 1rem;
        min-height:15rem;
        display:flex;
        flex-direction: column;
    }
    #guideDuVracContainer .content-page-other-products .textContainer p{
        font-size:1.1rem;
    }
    
    #guideDuVracContainer .content-page-other-products .col-image{
        padding-top:1.5rem;
        width:50%;
        margin:0 auto;
    }
    
    #guideDuVracContainer .content-page-other-products a{
        border: solid black 1px;
        padding: 10px 15px;
        text-decoration: none;
        /*
        position: absolute;
        bottom: 1.5rem;
        */
        color: #000;
        text-transform: uppercase;
        background:#fff;
        margin-top:auto;
        text-align: center;
    }

    .faqTitle{
        width: 90vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -45vw;
        margin-right: -45vw;
    }

    .faqTitle .row{
        display:flex;
        margin-top:4rem;
        margin-bottom:0.5rem;
    }
    .faqTitle .justify-content-center{
        justify-content: center;
    }
    
    .faqTitle .row > div > h2{
        color: #FFFFFF;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
    
        padding: 15px 1rem;
        background-color: #BE7114;
    }
    .faqTitle .row > div {
        width: 100%;
        text-align: center;
    }

    .faqContainer{
        padding:0px !important;
        width: 90vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -45vw;
        margin-right: -45vw;
    }

    .faqContainer .accordion-header{
        font-size: 14px;
        text-align: left;
        color: #BE7114;
        cursor: pointer;
        font-weight: 600;
    }
    .faqContainer .accordion-header > h3 {
        font-size:unset;
        margin:0 0.5rem 0 0;
        padding:0;
        color: #BE7114;
        cursor: pointer;
        font-weight: 600;
    }

    .faqContainer .accordion-title{
        margin-right:0.5rem;
    }
    .faqContainer .accordion-arrow img{
        height:8px; 
    }
    
    /* FAQ */
    
    .accordion {
        width: 100%;
        margin-bottom:0.5rem;
      }
      
      .accordion-item {
        border-bottom: 1px solid #f0f0f0;
      }
      
      /* --- Header --- */
      .accordion-header {
        width: 100%;
        background: white;
        border: none;
        padding: 1rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        text-align: left;
        color: #000; /* your orange color */
        cursor: pointer;
        font-weight: 600;
      }
      .accordion-header > h2 {
        font-size:unset;
        margin:0;
        padding:0;
        color: #000;
        cursor: pointer;
        font-weight: 600;
      }
      
      .accordion-header:hover {
    
      }
      
      .accordion-arrow {
        font-size: 20px;
        display: inline-block;
        transition: transform 0.25s ease;
      }
      
      /* Rotated when active */
      .accordion-header.active .accordion-arrow {
        transform: rotate(180deg);
      }
      
      /* --- Content animation --- */
      .accordion-content {
        max-height: 0;
        overflow: hidden;
        padding: 0 3rem;
        transition:  all 0.25s ease;
        opacity: 0;
      }
      
      .accordion-content p {
        /* margin: 15px 0 20px;
        color: #444;
        line-height: 1.5;
        */
      }
      
      /* Opened state */
      .accordion-content.open {
        opacity: 1;
        padding: 2rem 1.5rem;
        max-height: 300px;
        background:#fff;
      }
      
    /* END FAQ */

    /* Modification pour la liste des accordions pour les descriptions & origines & valeurs nutritionnelles */
    .descriptionContainer {
        margin-top: 1.5rem;
    }
    .descriptionContainer svg{
        height:0.5rem;
    }
    .descriptionContainer .accordion-content.open{
        padding: 1rem 1.5rem;
        max-height:unset;
    }
    /* FIN - Modification pour la liste des accordions pour les descriptions & origines & valeurs nutritionnelles */


    /* La marque et ses engagements */ 
    
    .marqueTitle .row{
        display:flex;
        margin-top:4rem;
        margin-bottom:2rem;

        width: 95vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -47.5vw;
        margin-right: -47.5vw;
    }
    .marqueTitle .justify-content-center{
        justify-content: center;
    }
    .marqueTitle .row > div{
        width: 100%;
    }
    .marqueTitle .row > div > h2{
        color: #FFFFFF;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    
        padding: 1rem 1rem;
        background-color: #BE7114;
    }
    
    .marqueContainer{
        display: flex;
        flex-direction: column;
    }
    
    .marqueContainer .greenBg{
        background:#F1F5E5;
    }
    
    .marqueContainer .textContainer{
        padding: 1rem;
        position: relative;
        display:flex;
        flex-direction: column;
    }

    .marqueContainer .imgContainer{
        margin-left:1rem;
        margin-right:1rem;
        margin-bottom:1rem;
        flex: 0 0 40%;
    }
    .marqueContainer img{
        object-fit: contain;
        width:100%;
    }
    .marqueContainer .title2{
        color: black;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin: 0 0 1.5rem 0;
        font-size: 25px;
        line-height: 38px;
        font-size: 14px;
        line-height: 1.5;
    }
    
    .marqueContainer a{
        border:solid black 1px;
        padding: 10px 15px;
        text-decoration: none;
        background:#fff;
        color: #000;
        text-transform: uppercase;
        text-align: center;
    }

    #footer {
        padding: 4rem 0 0;
        margin-top: 4rem;
        background: #FFF;
        color: #000;
        border-top: 1px solid #000;
    }
    
    
    #product .table_extrafield.table_origine th:first-child {
        background-color: #BE7114;
        color: #FFFFFF;
    }
    #product .table_extrafield.table_origine th {
        background-color: #fff;
    }
    
    #product .table_extrafield{
        margin-left:0.5rem;
    }
    
    #product .product-add-to-cart .add-to-cart{
        margin-top:0px !important;
    }
    
    .addToCartContainer{
        display:flex;
        flex-direction: column;
    }
    
    .addToCartContainer > div{
        margin-right:0px;
    }
    
    #product #price-vrac {
        order:2;
        display: block;
        font-size: 2.25rem;
        color: #BE7114;
        font-weight: 700;
        margin: 20px 15px 20px 0px;
        line-height:0.75;
    }

    #product .add{
        order:3;
    }
    
    .radio-label {
        background: none repeat scroll 0 0 #FFFFFF;
          background-color: rgb(255, 255, 255);
          background-position-x: 0px;
          background-position-y: 0px;
          background-repeat: repeat;
          background-attachment: scroll;
          background-image: none;
          background-size: auto;
          background-origin: padding-box;
          background-clip: border-box;
        border: 3px solid #333333;
        display: inline-block;
        font-weight: 600;
        height: 32px;
        line-height: 28px;
        min-width: 32px;
        padding: 0 0.125rem;
        text-align: center;
    }
    
    #product .product-add-to-cart .product-quantity input, #cart .js-cart-line-product-quantity {
        border: 3px solid #000;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: transparent;
        box-shadow: none !important;
        color: #000;
        border-radius: 0;
        font-size: 16px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        font-weight:700;
    }
    
    #product .product-quantity {
        order: 1;
    }

    #product .product-quantity #quantity_wanted {
        color: #333;
        background-color: white;
        height: 2.75rem;
        padding: 0.175rem 0.5rem;
        width:100%;
        max-width: 100%;
        height:50px;
    }
    
    #product .qty .input-group{
        width:100%;
        max-width: 100%;
        height:50px;
    }
    
    #product .product-add-to-cart .product-quantity:not(.no-vrac) .bootstrap-touchspin-up::before {
        display: inline-block;
        content: 'G';
        margin-left: -20px;
        margin-right: 10px;
        font-size: 1rem;
        font-weight: 700;
        position: absolute;
        bottom: 13px;
        left: 10px;
    }
    
    button#add-to-cart-btn{
        font-size: 1rem;
        background:black !important;
        color:white !important;
        border:solid black 3px !important;
        height:44px !important;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top:10px;
        padding-bottom: 10px;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        margin-top:7px !important;
        margin-bottom:7px !important;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    
    button#add-to-cart-btn img{
        height: 1rem;
        margin-right: 0.75rem;
        position: relative;
        bottom: 3px;
    }
    
    #product .material-icons.touchspin-up{
        font-weight: 700;
    }
    #product .material-icons.touchspin-down{
        font-weight: 700;
    }

    #product .promo-tags{
        margin-top:0.75rem !important;
        /*
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        */

        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        width: 85vw;
        height:2.5rem;
    }

    #product .promo-tag{
        background: #7E7E7E;
        color:white;
        padding:10px 0.5rem;
        font-size:1rem;
        font-weight:500;
        /* flex: 1 1 max-content; */
        display:inline-block;

    }

    #product .product-prices div{
        margin-bottom:0px;
    }
    

    
    #product #linkto-gdv{
        text-decoration: underline;
        cursor: pointer;
        background:none;
        border:none;

    }
    #product #linkto-gdv img{
        height:16px;
        margin-right: 0.5rem;
    }
    #product .containerReseauSociaux{
        background:#F2F2E5;
    }
    #product .containerReseauSociaux .row{
        display:flex;
        justify-content: center;
    }
    #product .containerReseauSociaux .row > div{
        padding:26px;
    }
    #product .containerReseauSociaux h3{
        color: #000000;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        font-family: "Poppins", sans-serif;
        margin-bottom:4px;
    }
    #product .containerReseauSociaux .subtitle{
        text-align: center;
        font-size: 17px;
    }
    #product .containerReseauSociaux .rs-list{
        display:flex;
        justify-content: center;
        padding-top:25px;
    }
    #product .containerReseauSociaux .rs-list a{
        border-radius: 50%;
        padding:10px;
        background:#000;
        aspect-ratio: 1/1;
        margin-right:11px;
        
    }
    #product .containerReseauSociaux .rs-list a:last-child{
        margin-right:unset;
    }
    #product .containerReseauSociaux .rs-list a i{
        width: 1em;
        height: 1em;
        position: relative;
        display: block;
        font-size:17px;
    }
    #product .containerReseauSociaux .rs-list a i::before{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color:#fff;
    }

    #product .containerReseauSociaux .rs-list .elementor-screen-only{
        display:none;
    }
    #product #footer{
        margin-top:0px !important;
    }
    #product .product_logos{
        margin:0rem 0 1.2rem 0;
    }
}
@media (max-width: 767px) {
    #product .containerReseauSociaux .row > div{
        padding:26px;
    }
}
@media (max-width: 991.98px) {
        /* Faux <select> pour la liste des poids + vrac */
        #my-select{
            width:100%;
        }
        .cs-toggle{
          width: 100%;
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:8px;
          height: 50px;
          padding: 0 12px;
          border:3px solid #000;
          cursor:pointer;
        }
    
        .cs-toggle:focus{outline:3px solid #cde4ff}
    
        .cs-value{
            display:flex;
            align-items:center;
            gap:8px;
            flex:1;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            margin-left: 0.5rem;
            font-size: 1rem;
            text-transform: uppercase;
            font-weight: 700;
        }
    
        .cs-caret{
            transition:transform .22s ease;
            height:0.5rem;
        }
        .cs-open .cs-caret{transform:rotate(180deg)}
    
        .cs-list{
          position:absolute;left:0;right:0;z-index:30;
          border:1px solid #dcdcdc;
          background:#fff;
          box-shadow:0 8px 24px rgba(0,0,0,0.08);
          max-height: 0; /* collapsed */
          overflow:hidden;
          transition: max-height .22s ease, opacity .18s ease;
          opacity:0;
        }
    
        .cs-open .cs-list{
          max-height: 300px; /* enough for ~5 items */
          opacity:1;
        }
    
        .cs-item{
          height:var(--item-height);
          display:flex;
          align-items:center;
          padding:0 12px;
          cursor:pointer;
          padding:10px 1rem;
          text-transform: uppercase;
          z-index: 600;
        }
    
        .cs-item:focus{
            background:#BCC0C0 !important;
        }
    
        .cs-item:nth-child(odd){
            background:#ecf0f1;
        }
    
        .cs-item[aria-selected="true"]{background:#eef6ff}
    
        /* small helper */
        .sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
    
        /* FIN - Faux <select> pour la liste des poids + vrac */
}
@media (min-width: 992px) {
    #product .containerReseauSociaux .row > div{
        padding:20px 122px 20px 122px;
    }

}