.gallery-main { max-width: 1280px; }
.gallery-back { display: inline-block; margin-bottom: 22px; color: #4c6242; font-size: 14px; font-weight: 650; text-decoration: none; }
.gallery-section { margin-bottom: 40px; }
.gallery-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.gallery-section-heading h2 { margin: 0; color: #2c4633; font-size: 23px; }
.gallery-section-heading > span { color: #56614e; font-size: 14px; }
.gallery-albums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.gallery-album { overflow: hidden; border: 1px solid #d9d1bd; border-radius: 12px; background: #fffdf6; box-shadow: 0 6px 20px rgba(36, 69, 53, .08); text-decoration: none; }
.gallery-album-cover { display: grid; aspect-ratio: 3 / 2; place-items: center; overflow: hidden; background: #e5e1d8; color: #56614e; }
.gallery-album-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.gallery-album:hover img { transform: scale(1.035); }
.gallery-album-caption { padding: 18px 20px; }
.gallery-album-caption h3 { margin: 0 0 7px; color: #2c4633; font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
.gallery-album-caption > span { display: flex; justify-content: space-between; color: #56614e; font-size: 13px; }
.gallery-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gallery-photo { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; background: #d4cec2; }
.gallery-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.gallery-photo:hover img { transform: scale(1.035); }
.gallery-photo-overlay { position: absolute; right: 10px; bottom: 10px; padding: 6px 9px; border-radius: 5px; color: #fff; background: rgba(36, 69, 53, .8); font-size: 12px; }
.viewer-open { overflow: hidden; }
.photo-viewer { width: min(1200px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #68715a; border-radius: 12px; background: #292722; color: #f3eee5; }
.photo-viewer::backdrop { background: rgba(20, 19, 17, .88); }
.viewer-toolbar, .viewer-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; font-size: 14px; }
.viewer-toolbar button, .viewer-stage button { padding: 10px 14px; border: 1px solid #68715a; border-radius: 7px; background: #2c4633; color: #fff; font: inherit; cursor: pointer; }
.viewer-stage { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 10px; padding: 0 14px; }
.viewer-stage img { display: block; width: 100%; height: min(70dvh, 800px); object-fit: contain; }
.viewer-stage button { padding: 12px 0; }
.viewer-stage button:disabled { opacity: .35; cursor: default; }
.viewer-footer p { margin: 0; overflow-wrap: anywhere; }
.viewer-footer a { flex-shrink: 0; color: #f3eee5; text-underline-offset: 3px; }
.photo-viewer button:focus-visible, .photo-viewer a:focus-visible { outline: 3px solid #e1dfca; outline-offset: 3px; }
@media (max-width: 900px) { .gallery-albums { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gallery-photos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .gallery-albums { grid-template-columns: 1fr; gap: 18px; }
    .gallery-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .photo-viewer { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
    .viewer-stage { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 4px; padding: 0 6px; }
    .viewer-stage img { height: 62dvh; }
    .viewer-footer { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .gallery-page img { transition: none; } }