.acfpl-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    display:none;
    z-index:9998;
    opacity:0;
    transition:opacity .2s ease;
}
.acfpl-overlay.is-visible{
    display:block;
    opacity:1;
}

.acfpl-modal{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    top:8vh;
    max-height:84vh;
    overflow:auto;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 40px rgba(0,0,0,.18);
    padding:30px;
    z-index:9999;
    display:none;
    opacity:0;
    transition:opacity .2s ease, transform .2s ease;
}
.acfpl-modal.is-visible{
    display:block;
    opacity:1;
}

.acfpl-modal__header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}
.acfpl-modal__title{
    font-size:20px;
    line-height:1.2;
    font-weight:700;
    margin:0;
}
.acfpl-modal__close{
    margin-left:auto;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    cursor:pointer;
    border:1px solid #e6e6e6;
    background:#fff;
    transition:transform .3s ease, background .2s ease;
}
.acfpl-modal__close:hover{
    transform:rotate(180deg); /* можно 360deg, если хотите полное вращение */
    background:#f8f8f8;
}
.acfpl-modal__close svg{
    width:18px;
    height:18px;
}

@media (max-width:1000px){
    .acfpl-modal{
        width:98% !important;
        top:100px !important;
        left:50%;
        transform:translateX(-50%);
    }
}