/* Gallery-only final overrides */

.gallery-page-main .gallery-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: -12px 0 34px;
    }

.gallery-page-main .filter-btn {
      border: 1px solid rgba(47, 93, 44, 0.18);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      color: var(--text);
      cursor: pointer;
      font: 700 12px/1 var(--font);
      letter-spacing: 0.12em;
      padding: 13px 18px;
      text-transform: uppercase;
      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

.gallery-page-main .filter-btn:hover,
.gallery-page-main .filter-btn.active {
      background: var(--accent);
      border-color: var(--accent);
      color: #fff;
      transform: translateY(-1px);
    }

.gallery-page-main .gallery-item {
      cursor: zoom-in;
      height: 400px;
      min-height: 0;
      overflow: hidden;
    }

.gallery-page-main .gallery-item.large {
      height: 400px;
      min-height: 0;
    }

.gallery-page-main .gallery-item.hidden {
      display: none !important;
    }

.gallery-page-main .gallery-item img {
      background: #d9e3d2;
    }

.gallery-modal__meta {
      padding-top: 40px;
    }

.gallery-modal {
      z-index: 2147483000 !important;
      visibility: hidden;
    }

.gallery-modal.active {
      visibility: visible;
    }

body.gallery-modal-open .site-header,
body.gallery-modal-open .mobile-actions {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

@media (max-width: 780px) {
      .gallery-page-main .gallery-controls {
        gap: 8px;
        margin: -4px 0 24px;
      }

      .gallery-page-main .filter-btn {
        flex: 1 1 auto;
        padding: 12px 14px;
      }

      .gallery-page-main .gallery-item,
      .gallery-page-main .gallery-item.large {
        height: 340px;
      }
    }

@media (max-width: 480px) {
      .gallery-page-main .gallery-item,
      .gallery-page-main .gallery-item.large {
        height: 300px;
      }
    }