/* Overlay shows page beneath (lightbox feel) */
.ps-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(0,0,0,0.7);
    text-align:center;
}

/* Centered container sized by image itself */
.ps-content{
    position:relative;
    display:inline-block;
    top:50%;
    transform:translateY(-50%);
}

/* Slides */
.ps-slide{display:none;}
.ps-slide img.ps-img{
    width:auto;
    height:auto;
    object-fit:contain;
}
.ps-slide a{ display:inline-block; }

/* Controls */
.ps-prev,.ps-next{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    padding:12px 14px;
    font-size:28px;
    color:#fff;
    background:rgba(0,0,0,0.45);
    border-radius:50%;
    text-decoration:none;
    user-select:none;
}
.ps-prev{left:20px;}
.ps-next{right:20px;}

.ps-close{
    position:fixed;
    top:18px;
    right:26px;
    font-size:32px;
    color:#fff;
    background:rgba(0,0,0,0.5);
    padding:2px 10px;
    border-radius:6px;
    cursor:pointer;
}

/* Small screens */
@media (max-width: 480px){
    .ps-prev,.ps-next{font-size:24px; padding:10px 12px;}
    .ps-close{font-size:28px;}
}