.pg-wrapper {
    width:100%;
    box-sizing:border-box;
    font-family: inherit;

    /* fallback – no CSS vars so cPanel stops panicking */
    padding-top:0;
}

/* Filters */
.pg-filters-wrap, .pg-pagination-wrap {
    width:100%;
    display:flex;
    margin:12px 0;
}

.pg-filters-wrap.align-left { justify-content:flex-start; }
.pg-filters-wrap.align-center { justify-content:center; }
.pg-filters-wrap.align-right { justify-content:flex-end; }

.pg-pagination-wrap.align-left { justify-content:flex-start; }
.pg-pagination-wrap.align-center { justify-content:center; }
.pg-pagination-wrap.align-right { justify-content:flex-end; }

.pg-filters { display:flex; flex-wrap:wrap; gap:12px; }

.pg-filters button {
    background:transparent;
    border:0;
    padding:8px 12px;
    cursor:pointer;
    border-radius:0;
}
#pg-6216 .pg-filters button.active{
    box-shadow:0;
    border-bottom: 2px solid #f4ac32;
    border-radius:0;
}

.pg-filters button.active { font-weight:700; }

/* Gallery */
.pg-gallery {
    display:flex;
    justify-content:center;
    flex-direction:column;
    row-gap:20px;
    width:100%;
    transition:opacity .2s ease, transform .2s ease;
}

.pg-gallery.pg-fade-out { opacity:.4; transform:translateY(4px); }
.pg-gallery.pg-fade-in { opacity:1; transform:translateY(0); }

.pg-row {
    display:grid;
    width:100%;
    column-gap:20px;
    row-gap:20px;
    align-items:stretch;
}

.pg-item {
    display:block;
    border-radius:8px;
    overflow:hidden;
}

.pg-thumb {
    height:450px;
    background-size:cover;
    background-position:center;
    border-radius:30px;
}

.pg-title {
    padding:10px 8px;
    font-size:16px;
}

/* Pagination */
.pg-pagination {
    display:flex;
    gap:8px;
}

.pg-pagination .pg-page {
    background:transparent;
    border:none;
    min-width:35px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.pg-pagination .pg-page.active {
    color:#fff;
    background:#f4ac32 !important;
    border-radius:50%;
}

/* Mobile fix without CSS vars */
@media (max-width:1024px) {
    .pg-row {
        grid-template-columns: 1fr !important;
        row-gap:20px !important;
    }
}