.wc-modal{
    position:fixed;
    inset:0;
    display:none;
    z-index:9999;
}

/* BACKDROP */
.wc-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(10,37,64,.6);
    backdrop-filter:blur(6px);
}

/* PANEL */
.wc-modal__panel{
    position:relative;
    max-width:720px;
    margin:5vh auto;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.25);

    transform:scale(.95);
    opacity:0;
    transition:.25s ease;
}

/* HEADER */
.wc-modal__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 18px;
    border-bottom:1px solid rgba(10,37,64,.08);
}

.wc-modal__title{
    font-size:16px;
    font-weight:700;
    color:#0A2540;
}

/* CLOSE */
.wc-modal__close{
    background:transparent;
    border:none;
    font-size:18px;
    cursor:pointer;
    color:#0A2540;
}

/* BODY */
.wc-modal__body{
    padding:18px;
}

.wc-modal__body img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:14px;
}

.wc-modal__description{
    font-size:14px;
    line-height:1.7;
    color:#6b7280;
}

/* OPEN STATE */
.wc-modal.active{
    display:block;
}

.wc-modal.active .wc-modal__panel{
    transform:scale(1);
    opacity:1;
}

/* SCROLL LOCK */
body.modal-open{
    overflow:hidden;
}