#dsjl-bulk,#dsjl-demo,#dsjl-positions{display:none}
#dsjl-demo{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
#dsjl-demo img{width:90px;border-radius:6px;cursor:pointer}
.dsjl-row{display:flex;gap:10px;margin-bottom:8px;align-items:center}
#dsjl-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);justify-content:center;align-items:center;z-index:99999}
#dsjl-modal img{max-width:90vw;max-height:90vh}
@media(max-width:768px){#dsjl-demo{overflow-x:auto;flex-wrap:nowrap}}

/* =========================
   MOBILE FIX add to cart button & picture overflow start
========================= */

#dsjl-wrap{
    width:100%;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
}

#dsjl-wrap *,
#dsjl-wrap *:before,
#dsjl-wrap *:after{
    box-sizing:border-box;
}

/* Upload rows */
.dsjl-row{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

/* File inputs */
.dsjl-row input[type="file"],
#dsjl-bulk input[type="file"]{
    width:100%;
    max-width:100%;
}

/* Demo images */
#dsjl-demo{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

#dsjl-demo img{
    width:70px;
    height:auto;
    max-width:100%;
}

/* Mobile */
@media(max-width:768px){

    #dsjl-demo{
        display:flex;
        flex-wrap:wrap;
        overflow:visible;
    }

    #dsjl-demo img{
        width:60px;
    }

    .dsjl-row{
        flex-direction:column;
        align-items:flex-start;
    }

    .dsjl-row input[type="file"]{
        width:100%;
    }

}

/* =========================
   MOBILE FIX add to cart button & picture overflow end
========================= */

/* Remove horizontal scroll */
#dsjl-wrap,
#dsjl-demo,
#dsjl-positions{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

body.single-product,
.single-product .site,
.single-product .site-content{
    overflow-x:hidden;
}

/* Mobile */
@media(max-width:768px){

    #dsjl-demo{
        flex-wrap:wrap !important;
        overflow-x:hidden !important;
        overflow-y:visible;
    }

    #dsjl-demo img{
        width:60px;
        flex:0 0 auto;
    }

    .dsjl-row{
        width:100%;
    }

    .dsjl-row input[type="file"]{
        width:100%;
        max-width:100%;
        min-width:0;
    }

}