.mobile-article-section {
    display: none;
}

.mobile-caracteristique-data {
    overflow-y: scroll;
}

.panier-prod-footer-btn {
    height: 63px !important
}

.menu-boutique-mobile {
    display: none;
}

.grande-etagere {
    height: calc(100vh - 95px) !important;
    width: 100% !important;
    background-position: -15px -120px !important;
    background-size: calc(100% + 50px) 104vh !important;
}

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

    .hide-for-search {
        /* display: none !important;  */
    }

    .prod_container_bis {
        height: 96% !important;
    }

    .etagere_parent_zone {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100% !important;
        position: relative;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: flex-start !important;
    }

    .navbar-next {
        padding-left: 0% !important;
        position: relative;
        left: -15px;
    }

    .header-site-icon, .header-site-logo {
        padding-bottom: 13.25px !important;
    }

    .header-site-logo a img{
        width: 145px;
        position: relative;
        top: -4px;
    }

    .mon-contenu {
        height: 100% !important;
    }

    .grande-etagere {
        height: calc(100vh - 105px) !important;
        width: 100% !important;
        background-size: calc(100% + 50px) 100vh !important;
        /* display: none; */
    }

    .next-box-marchand {
        display: none;
        display: none;
    }

    .historique {
        display: none;
    }

    .main-header {
        height: 62px !important;
    }

    .header-site-icon, .header-site-logo {
        padding-bottom: 13.25px !important;
    }

    .desk-top-article-section {
        display: none !important;
    }

    .mobile-article-section {
        display: block !important;
    }

    .slider-content-wrapper-user {
        overflow-x: scroll !important;
    }

    .slider-content-wrapper-user-mobile {
        overflow-x: scroll !important;
    }

    .custom-carousel-page-userf {
        overflow-x: scroll !important;
    }

    .row_div-user-telephonie {
        column-gap: 60px !important;
    }

    .main-carousel-section-changed-user_tv {
        width: 100% !important;
    }

    .mobile-description-caracteristique2 {
        overflow-y: scroll;
    }

    .rayon-nav-univers-dropdown {
        width: 300px !important;
    }

    .row_div-user {
        width: 100% !important;
    }

    .mon-contenu {
        /* display: none; */
    }

    #grande_etagereOK {
        /* display: none !important; */
    }

    .box.arrow-top, .box-2.arrow-top-2 {
        margin-top: -6px !important;
    }

    .menu-boutique-mobile {

    height: 70px;
    width: 205px;
    background-color: #fff;
    position: absolute;
    margin-top: -67px;
    margin-left: 115px; 
    max-width: 300px;

    overflow-x: scroll;
    overflow-y: hidden;

    padding-top: 3px;
    padding-left: 3px;
    display: flex;

    }

    .menu-boutique-mobile-children {

    height: inherit;
    width: inherit;
    background-color: #fff;
    position: absolute;
    
    display: grid;
    overflow: scroll;
    grid-template-columns: repea;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column; 
    column-gap: 5px;

    }

    .left-shadow {
        height: 100%;
        width: 2px;
        /* background: red; */
        position: absolute;
        z-index: 2;
        background: #626060;

        filter: blur(2px);
        margin-left: -1px;

    }

    .right-shadow {
        height: 100%;
        width: 2px;
        background: #4b4b4b;
        position: absolute;
        margin-left: 201px;
        z-index: 4;
        filter: blur(2px);
    }

    }

    @media screen and (min-width: 1919px)  {
        .prod_container_bis {
        height: 99% !important;
        display: flex;
        flex-direction: column;
        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 0px 1fr 1fr 1fr 1fr 1fr 7.5%;
        grid-row-gap: 0px !important;
        margin-top: 8px;
    }

    .slider-content-wrapper-user {
        height: 99% !important;
    }

    }

    .prod_container_bis {
        height: 99%;
        display: flex;
        flex-direction: column;
        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 0px 1fr 1fr 1fr 1fr 1fr 7.5%;
        grid-row-gap: 0px !important;
        margin-top: 8px;
    }
    
    .prod_container_bis_tv {
        height: 100%;
        display: flex;
        flex-direction: column;
        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 1fr 1fr 1fr  36px;
        grid-row-gap: 0px !important;
    }

    .line_0 {
        width: 96.8%;
        background-color: #f9f9f9;;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 6px;
        z-index: 1000
    }
    
    .line_1 {
        width: 96.8%;
        background: url('/storage/etagere_decouper_webp/Ligne01.webp');
        background-size: 102% 100%;
        background-repeat: no-repeat;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .line_2 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne02.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .line_3 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne03.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .line_4 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne04.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .line_5 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne05.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .line_6 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne06.webp');
        background-size: 100% 100%;
    }

    .line_6 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/Ligne06.webp');
        background-size: 100% 100%;
    }

    .line_1_tv {
        width: 97.8%;
        background: url('/storage/etagere_decouper_tv_webp/Ligne1.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
        margin-left: auto;
    }
    
    .line_2_tv {
        width: 100%;
        background: url('/storage/etagere_decouper_tv_webp/Ligne2.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .line_3_tv {
        width: 100%;
        background: url('/storage/etagere_decouper_tv_webp/Ligne3.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .line_4_tv {
        width: 100%;
        background: url('/storage/etagere_decouper_tv_webp/Ligne4.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .section-hidden-boutique {
        display: block;
    }

    .main-carousel-section-changed-user, .main-carousel-section-changed-user_tv {
        width: 100% !important;
    }

    .etagere-parent-miror {
        position: fixed;
        height: inherit;
        width: inherit;

        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 0px 1fr 1fr 1fr 1fr 1fr 7.5%;
        grid-row-gap: 0px !important;
        z-index: -1;
    }

    .fixed_bg_boisson {
        position: fixed;
        height: inherit;
        width: inherit;

        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 23% 23% 23% 23% 8%;
        grid-row-gap: 0px !important;
        z-index: -1;
        height: 100%;
    }

    .etagere-parent-miror_tv {

        position: fixed;
        height: inherit;
        width: inherit;

        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 1fr 1fr 1fr 36px;
        grid-row-gap: 0px !important;

        z-index: -1;

    }

    @media screen and (max-width: 500px) {
        .grande-etagere {
            width: 100% !important;
            background-position: -15px -120px !important;
            background-size: calc(100% + 50px) 110dvh !important;
        }

        .grande-etagere {
            height: 94% !important;
        }
    }

    @media screen and (min-width: 1921px) and (max-width: 1921px) {
        .grande-etagere {
            height: calc(100vh - 58px) !important;
            width: 100% !important;
            background-position: -15px -120px !important;
            background-size: calc(100% + 50px) 104vh !important;
    }
    }

    .prod_container_electro_menager {
        height: 100%;
        display: flex;
        flex-direction: column;
        grid-row-gap: 0px;
        display: grid !important;
        grid-template-rows: 55.5% 37.5% 7.5%;
        grid-row-gap: 0px !important;
    }

    .line_electro_menager_1 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/electromenager3.webp');
        background-size: 97% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .line_electro_menager_2 {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/electro_menager2.webp');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .line_6_electro_menager {
        width: 100%;
        background: url('/storage/etagere_decouper_webp/electro_menager1.webp');
        background-size: 100% 100%;
    }

    .b_image-prod {
        width: auto;
    }

    

    /* plus petit écran  */
    @media screen and (min-width: 768px) and (max-width: 1366px) {
        .b_image-prod {
            max-height: 12.625vh !important;
        }
    }

    /* plus petit écran  */
    @media screen and (max-width: 768px) {

        .b_image-prod {
            max-height: 12.625vh !important;
        }
    }

    /* plus petit écran  */
    @media screen and (min-width: 1367px) and (max-width: 1800px) {

        .b_image-prod {
            max-height: 13vh !important;
        }
    }

    .content-slide {
        display: flex;
        flex-direction:column;
        row-gap: 20px;
    }

    .etagere_parent_zone {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 91% ;
        position: relative;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: flex-start !important;
    }

    .slider-content-wrapper-user {
        height: 93% !important;
    }

    .shareboutique, .shareboutique-content {
        height: 212px !important;
        width: 432px !important;
        border-radius: 6px;
    }

    .social-box-media {
        box-sizing: border-box;
        height: 66px;
        width: 58px;
        border: 1px solid #979797;
        border-radius: 6px;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .social-box-media:hover {
        cursor: pointer;
    }

    /* ----------- section ajouté --------- */
    @media screen and (max-width: 500px) {
        .rayon-btn-direction-etat-panier {
            margin-top: -23vh !important;
        }

        .section-hidden-boutique {
            display: none !important;
        }

        .grande-etagere {
            height: 90% !important;
        }

        .main-carousel-section-changed-user {
            height: 99% !important;
        }

        #share-boutique-sms {
            display: none !important;
        }

    }

    .case_produit_beaute {
        width: auto;
        max-height: 84px;
    }

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

    .case_produit_beaute {
        width: auto;
        max-height: 120px !important;
    }

    }

.etager_loader_section {
    display: inline-block;
    width: 1.5rem !important;
    height: 1.5rem !important;
    vertical-align: -0.125em;
    border-width: 0.13em !important;
    border-style: solid;
    border-color: rgb(212, 211, 211) transparent rgb(195, 188, 188) rgb(220, 218, 218);
    border-image: initial;
    border-radius: 50%;
    animation: 0.75s linear 0s infinite normal none running spinner-border;
}

.boutique_profil_img {
    box-sizing: border-box;
    height: 68px;
    width: 68px;
    border-right: 1px solid #1A7EF5;
    border-radius: 6px; 
    font-size: 50px; font-weight: 900; display: flex; 
    justify-content: center; align-items: center; 
    color: #1A7EF5
}