.pgm-gallery { --pgm-gap: 12px; --pgm-radius: 4px; box-sizing: border-box; margin: 1.5rem 0; position: relative; width: 100%; }
.pgm-gallery *, .pgm-gallery *::before, .pgm-gallery *::after { box-sizing: border-box; }
.pgm-gallery .pgm-items { display: grid; gap: var(--pgm-gap); grid-template-columns: repeat(var(--pgm-columns), minmax(0, 1fr)); }
.pgm-item { margin: 0; min-width: 0; overflow: hidden; position: relative; }
.pgm-photo { background: #eee; display: block; overflow: hidden; }
.pgm-photo img { aspect-ratio: 4 / 3; display: block; height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }
.pgm-photo:hover img, .pgm-photo:focus img { transform: scale(1.025); }
.pgm-item figcaption { background: rgba(0, 0, 0, .68); bottom: 0; color: #fff; font-size: 14px; left: 0; line-height: 1.4; padding: 8px 12px; position: absolute; right: 0; }
.pgm-layout-editorial { background: var(--pgm-background); border-radius: 20px; color: var(--pgm-text); margin: 2rem auto; max-width: 1200px; padding: 48px 24px; }
.pgm-layout-editorial .pgm-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pgm-layout-editorial .pgm-item { background: var(--pgm-card); border-radius: var(--pgm-radius); box-shadow: 0 8px 24px rgba(23, 32, 51, .09); }
.pgm-layout-editorial .pgm-item.pgm-featured { grid-column: 1 / -1; }
.pgm-layout-editorial .pgm-photo, .pgm-layout-editorial .pgm-photo img { border-radius: inherit; }
.pgm-layout-editorial .pgm-photo img { aspect-ratio: 4 / 3; }
.pgm-layout-editorial .pgm-featured .pgm-photo img { aspect-ratio: 16 / 7; max-height: 620px; }
.pgm-layout-editorial .pgm-item figcaption { background: linear-gradient(180deg, transparent, rgba(8, 12, 18, .86)); border-radius: 0 0 var(--pgm-radius) var(--pgm-radius); font-size: 15px; opacity: 0; padding: 42px 16px 14px; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }
.pgm-layout-editorial .pgm-item:hover figcaption, .pgm-layout-editorial .pgm-photo:focus + figcaption { opacity: 1; transform: translateY(0); }
.pgm-filters { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; margin: 0 0 28px; }
.pgm-filter { background: var(--pgm-card); border: 1px solid rgba(23, 32, 51, .16); border-radius: 999px; color: var(--pgm-text); cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; line-height: 1; padding: 10px 17px; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.pgm-filter:hover, .pgm-filter:focus-visible { border-color: var(--pgm-accent); transform: translateY(-1px); }
.pgm-filter.is-active { background: var(--pgm-accent); border-color: var(--pgm-accent); color: #fff; }
.pgm-filter-hidden, .pgm-page-hidden { display: none !important; }
.pgm-load-more { background: var(--pgm-accent); border: 2px solid var(--pgm-accent); border-radius: 999px; color: #fff; cursor: pointer; display: block; font: inherit; font-weight: 700; margin: 30px auto 0; min-height: 46px; padding: 10px 24px; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.pgm-load-more:hover, .pgm-load-more:focus-visible { background: transparent; color: var(--pgm-text); transform: translateY(-1px); }
.pgm-load-more[hidden] { display: none; }
.pgm-layout-grid .pgm-item, .pgm-layout-grid .pgm-photo, .pgm-layout-grid img { border-radius: var(--pgm-radius); }
.pgm-layout-modern .pgm-items { grid-auto-flow: dense; grid-auto-rows: clamp(115px, 12vw, 190px); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pgm-layout-modern .pgm-item { border-radius: max(10px, var(--pgm-radius)); box-shadow: 0 12px 32px rgba(22, 26, 35, .13); min-height: 0; }
.pgm-layout-modern .pgm-item:nth-child(8n + 1), .pgm-layout-modern .pgm-item:nth-child(8n + 6) { grid-column: span 2; grid-row: span 2; }
.pgm-layout-modern .pgm-item:nth-child(8n + 4) { grid-column: span 2; }
.pgm-layout-modern .pgm-photo, .pgm-layout-modern .pgm-photo img { border-radius: inherit; height: 100%; }
.pgm-layout-modern .pgm-photo { position: relative; }
.pgm-layout-modern .pgm-photo::after { background: linear-gradient(180deg, transparent 52%, rgba(8, 12, 18, .42)); content: ''; inset: 0; opacity: .65; pointer-events: none; position: absolute; transition: opacity .25s ease; }
.pgm-layout-modern .pgm-photo:hover::after, .pgm-layout-modern .pgm-photo:focus::after { opacity: 1; }
.pgm-layout-modern .pgm-photo img { aspect-ratio: auto; }
.pgm-layout-modern .pgm-item figcaption { background: linear-gradient(180deg, transparent, rgba(8, 12, 18, .82)); font-size: 15px; padding: 32px 15px 13px; z-index: 1; }
.pgm-layout-masonry .pgm-items { columns: var(--pgm-columns); display: block; column-gap: var(--pgm-gap); }
.pgm-layout-masonry .pgm-item { break-inside: avoid; margin: 0 0 var(--pgm-gap); }
.pgm-layout-masonry .pgm-photo, .pgm-layout-masonry img { border-radius: var(--pgm-radius); }
.pgm-layout-masonry .pgm-photo img { aspect-ratio: auto; height: auto; }
.pgm-layout-slider, .pgm-layout-browser { background: #111; border-radius: var(--pgm-radius); overflow: hidden; }
.pgm-layout-slider .pgm-items, .pgm-layout-browser .pgm-items { display: block; }
.pgm-layout-slider .pgm-item, .pgm-layout-browser .pgm-item { display: none; }
.pgm-layout-slider .pgm-item.is-active, .pgm-layout-browser .pgm-item.is-active { display: block; }
.pgm-layout-slider .pgm-photo img { aspect-ratio: 16 / 9; max-height: 75vh; }
.pgm-layout-browser .pgm-photo img { aspect-ratio: auto; height: auto; max-height: 85vh; object-fit: contain; }
.pgm-gallery-prev, .pgm-gallery-next { align-items: center; background: rgba(0,0,0,.55); border: 0; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 25px; height: 44px; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 44px; z-index: 2; }
.pgm-gallery-prev { left: 12px; }.pgm-gallery-next { right: 12px; }
.pgm-counter { background: rgba(0,0,0,.6); border-radius: 20px; bottom: 12px; color: #fff; font-size: 13px; padding: 5px 11px; position: absolute; right: 12px; }
.pgm-lightbox { align-items: center; background: rgba(0,0,0,.94); display: flex; inset: 0; justify-content: center; padding: 55px 70px; position: fixed; z-index: 999999; }
.pgm-lightbox[hidden] { display: none; }
.pgm-lightbox-image { max-height: calc(100vh - 150px); max-width: 100%; object-fit: contain; }
.pgm-lightbox-close, .pgm-lightbox-prev, .pgm-lightbox-next { background: transparent; border: 0; color: #fff; cursor: pointer; font-size: 36px; padding: 12px; position: absolute; }
.pgm-lightbox-close { right: 12px; top: 5px; }.pgm-lightbox-prev { left: 10px; top: 50%; }.pgm-lightbox-next { right: 10px; top: 50%; }
.pgm-lightbox-caption { bottom: 16px; color: #fff; left: 15%; position: absolute; right: 15%; text-align: center; }
.pgm-lightbox-count { color: #ddd; font-size: 13px; left: 18px; position: absolute; top: 18px; }
body.pgm-lightbox-open { overflow: hidden; }
.pgm-album { display: grid; gap: 16px; grid-template-columns: repeat(var(--pgm-columns), minmax(0, 1fr)); }
.pgm-album-card { color: inherit; display: block; font-weight: 600; text-decoration: none; }
.pgm-album-card img { aspect-ratio: 4 / 3; display: block; margin-bottom: 8px; object-fit: cover; width: 100%; }
@media (max-width: 782px) { .pgm-gallery .pgm-items, .pgm-album { grid-template-columns: repeat(min(2, var(--pgm-columns)), minmax(0, 1fr)); }.pgm-layout-editorial { border-radius: 14px; padding: 32px 18px; }.pgm-layout-editorial .pgm-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pgm-layout-editorial .pgm-featured { grid-column: 1 / -1; }.pgm-layout-editorial .pgm-featured .pgm-photo img { aspect-ratio: 16 / 9; }.pgm-layout-modern .pgm-items { grid-auto-rows: 150px; grid-template-columns: repeat(2, minmax(0, 1fr)); }.pgm-layout-modern .pgm-item:nth-child(8n + 4) { grid-column: span 1; }.pgm-layout-masonry .pgm-items { columns: min(2, var(--pgm-columns)); }.pgm-lightbox { padding: 45px; } }
@media (max-width: 480px) { .pgm-gallery .pgm-items, .pgm-album { grid-template-columns: 1fr; }.pgm-layout-editorial { border-radius: 0; margin: 1rem 0; padding: 24px 14px; }.pgm-layout-editorial .pgm-items { grid-template-columns: 1fr; }.pgm-layout-editorial .pgm-featured { grid-column: auto; }.pgm-layout-editorial .pgm-featured .pgm-photo img, .pgm-layout-editorial .pgm-photo img { aspect-ratio: 4 / 3; }.pgm-filters { justify-content: flex-start; margin-bottom: 20px; overflow-x: auto; padding-bottom: 5px; flex-wrap: nowrap; }.pgm-filter { flex: 0 0 auto; }.pgm-layout-modern .pgm-items { grid-auto-rows: 220px; grid-template-columns: 1fr; }.pgm-layout-modern .pgm-item:nth-child(n) { grid-column: span 1; grid-row: span 1; }.pgm-layout-masonry .pgm-items { columns: 1; }.pgm-lightbox { padding: 45px 8px; } }
@media (prefers-reduced-motion: reduce) { .pgm-photo img { transition: none; } }