.kld-modal{display:none;}
.kld-modal.is-open{display:block;}

.kld-overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,.6);
    z-index:9998;
}

.kld-modal-box{
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:90%;
    /*max-width:1000px;*/
    height:98%;
    background:#fff;
    z-index:9999;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 40px 90px -20px rgba(4,30,70,.55);
}

/* mobile: modale a TUTTO SCHERMO (niente margini scuri sprecati) */
@media (max-width:768px){
    .kld-modal-box{
        width:100%; height:100%;
        top:0; left:0; transform:none;
        border-radius:0;
    }
}
.kld-wrapper {
    display: flex;
    justify-content: center;
}

.kld-iframe{width:100%; height:100%; border:0;}
.kld-close{
    position:absolute;
    top:13px; right:13px;
    z-index:10000;
    width:40px; height:40px;
    display:inline-flex; align-items:center; justify-content:center;
    padding:0;
    font-size:0;                 /* nasconde il glifo ✕ testuale */
    line-height:0;
    color:#12213b;
    background:#fff;
    border:1px solid #e6eaf2;
    border-radius:50%;
    box-shadow:0 6px 18px -8px rgba(4,30,70,.35);
    cursor:pointer;
    transition:background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
}
/* ✕ disegnata (indipendente dal glifo) */
.kld-close::before{
    content:"";
    width:16px; height:16px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M18%206%206%2018M6%206l12%2012'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M18%206%206%2018M6%206l12%2012'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kld-close:hover{
    background:#fdecec;
    border-color:#f3b4b6;
    color:#e5484d;
    transform:rotate(90deg);
    box-shadow:0 8px 22px -8px rgba(229,72,77,.5);
}
.kld-close:active{ transform:rotate(90deg) scale(.94); }
.product-customization,
#product-customization,
.customization-block,
.customization {
    display: none !important;
}

.kld-label-preview {
    width: 260px;          /* ⬅️ aumenta qui */
    max-width: 100%;
    margin: 12px 0;
}

.kld-label-preview svg {
    width: 100%;
    height: auto;
    display: block;
}



.kld-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 6px 0 22px;   /* sotto il titolo, spazio prima della descrizione */
}

.kld-label-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    margin: 0;            /* la spaziatura la dà il gap del wrapper */
}

.kld-label-preview-title {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.85;
}
.kld-wrapper > .btn {
    margin-top: 15px;
}
.product-add-to-cart + .kld-wrapper {
    margin-top: 30px;
}


.kld-label-preview svg {
    width: 260px;
    max-width: 100%;
    height: auto;
    display: block;
}



@media all and (max-width: 1199px) {

    /* niente più scale:1.2 (ingrandiva il wrapper facendolo sovrapporre ai vicini) */
    .kld-wrapper {
        margin: 4px 0 18px;
    }
    .kld-label-preview {
        position: relative;
        z-index: 1;
    }


}