/* Gentle visual refinement shared by both sites. Existing colors and section backgrounds stay in place. */
html { scroll-behavior: auto; }
#gallery, #contact, #about { scroll-margin-top: 80px; }
button, a, input, textarea, select { transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
:focus-visible { outline: 3px solid #eac34b; outline-offset: 3px; }
.form-section input, .form-section textarea { max-width: 100%; border-radius: 9px; }
.form-section textarea { min-height: 135px; padding: 14px; background: #fff; }
.turnstile-wrap { width:100%; display:flex; justify-content:center; margin:20px 0 3px; }
.form-notice { color: #fff; width:100%; }
.gallery_product { margin-bottom: 18px; }
.gallery_product img { width: 100%; height: 220px; object-fit: cover; border-radius: 8px; }
.gallery_product a { display:block; overflow:hidden; border-radius:8px; }
.gallery_product a:hover img { transform:scale(1.035); }
.gallery-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:28px auto 0; padding:0 12px; }
.gallery-pagination a, .gallery-pagination span { min-width:40px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:8px; text-decoration:none; background:#fff; color:#282828; box-shadow:0 2px 12px #0001; }
.gallery-pagination a:hover, .gallery-pagination .current { background:#252525; color:#fff; }
.gallery-empty { width:100%; text-align:center; padding:30px; }
@media(max-width:576px) { .gallery_product { width:50%; padding:0 6px; } .gallery_product img {height:145px;} .gallery-pagination {gap:5px;} .gallery-pagination a,.gallery-pagination span {min-width:36px;min-height:36px;} .navbar-brand-img {max-width:180px;} }
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto} *,*::before,*::after{transition:none!important;animation:none!important}}

.gallery-filters { margin: 0 0 22px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.gallery-filters .filter-button { display:inline-block; text-decoration:none; }
.gallery-grid { min-height:80px; }

/* Compact category controls, including the older .mx-auto utility. */
#gallery .gallery-filters { gap: 6px; margin-bottom: 14px; }
#gallery .gallery-filters .filter-button { margin: 3px 1px 9px !important; padding: 6px 10px; line-height: 1.25; }
#gallery .gallery-filters .filter-button:focus-visible { outline:3px solid #eac34b; outline-offset:2px; }