/* Local fix: the original gallery-page stylesheet was never captured by the mirror.
   The base stylesheet's .pf-card-img already provides a responsive aspect-ratio box
   (position:relative; padding-top:83.33%), it just expects the <img> inside to be
   absolutely positioned to fill it - that half of the rule was in the missing bundle. */
.pf-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;}

.pf-media--photo{width:100% !important;max-width:900px;margin:0 auto;}
.pf-main-img{position:relative;}
#big-image-div{border-radius:4px;overflow:hidden;}
.pf-img-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;color:#777;font-size:13px;}
.pf-full-screen-backdrop,.pf-full-screen-modal-wrap{display:none;}
.pf-imgs-wrapper{display:flex;align-items:center;gap:8px;margin-top:12px;}
.pf-imgs-container{display:flex;gap:8px;overflow-x:auto;flex:1;}
.pf-imgs-wrap{display:flex;gap:8px;}
.pf-img-preview{flex:0 0 auto;width:90px;cursor:pointer;}
.pf-img-preview .pf-card-img{border:2px solid transparent;border-radius:4px;}
.pf-img-preview--current .pf-card-img{border-color:#36ca51;}
.pf-prev,.pf-next{flex:0 0 auto;width:12px;height:20px;cursor:pointer;opacity:.5;}
.pf-header-content{padding:15px;}
.pf-header-content .pf-title{font-size:20px;margin-bottom:6px;}
.pf-header-content .pf-description{color:#777;font-size:13px;}
.pf-mode-btn{border:none;background:none;}
.pf-ad-vertical{display:none;}

.pf-title{position:relative;padding-right:36px;}
.pf-back-link{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;background:#f0f0f0;cursor:pointer;}
.pf-back-link:hover{background:#e0e0e0;}
.pf-back-link::before,.pf-back-link::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#555;}
.pf-back-link::before{transform:translate(-50%,-50%) rotate(45deg);}
.pf-back-link::after{transform:translate(-50%,-50%) rotate(-45deg);}