/* =========================================================
   POPUP PNBYW
========================================================= */

#pnbyw-popup-overlay{
    position:fixed;
    inset:0;
    z-index:999999;

    display:none;
    align-items:center;
    justify-content:center;

    padding:20px;

    background:rgba(0,0,0,.72);
    backdrop-filter:blur(5px);

    opacity:0;
    transition:opacity .25s ease;
}

#pnbyw-popup-overlay.aktif{
    display:flex;
    opacity:1;
}

#pnbyw-popup-box{
    position:relative;

    width:auto;
    max-width:min(92vw,680px);

    border-radius:18px;
    overflow:hidden;

    background:#fff;

    box-shadow:
        0 18px 60px rgba(0,0,0,.38);

    animation:pnbywPopupShow .28s ease;
}

/* LINK */
#pnbyw-popup-box a{
    display:block;
    line-height:0;
}

/* IMAGE */
#pnbyw-popup-box img{
    display:block;

    width:100%;
    height:auto;

    max-height:88vh;
    object-fit:contain;

    background:#fff;
}

/* CLOSE */
#pnbyw-popup-close{
    position:absolute;
    top:14px;
    right:14px;

    width:42px;
    height:42px;

    border:none;
    border-radius:999px;

    background:rgba(0,0,0,.58);
    color:#fff;

    font-size:28px;
    font-weight:500;
    line-height:1;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:5;

    transition:
        background .2s ease,
        transform .2s ease;
}

#pnbyw-popup-close:hover{
    background:#9a2109;
    transform:scale(1.05);
}

body.pnbyw-popup-open{
    overflow:hidden;
}

/* ANIMATION */
@keyframes pnbywPopupShow{

    from{
        opacity:0;
        transform:translateY(12px) scale(.96);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}

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

    #pnbyw-popup-overlay{
        padding:14px;
    }

    #pnbyw-popup-box{
        max-width:100%;
        border-radius:14px;
    }

    #pnbyw-popup-box img{
        max-height:82vh;
    }

    #pnbyw-popup-close{
        top:10px;
        right:10px;

        width:38px;
        height:38px;

        font-size:24px;
    }

}