/* Guest Photos only; avoids the old fixed-width #body radio-slider. */
.guest-photo-wrapper { width: 100% !important; height: auto !important; min-height: 0; max-width: 820px; background: transparent; margin: 0 auto; }
.guest-gallery { width: 100%; max-width: 760px; margin: 0 auto; padding: clamp(8px, 2vw, 16px); background: #e7e9ed; color: #23324b; border-radius: 8px; }
.guest-gallery, .guest-gallery * { box-sizing: border-box; }
.guest-gallery__viewer { width: 100%; aspect-ratio: 609 / 405; background: #1b293e; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 5px; touch-action: pan-y; }
.guest-gallery__photo { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.guest-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 52px; min-width: 44px; border: 0; border-radius: 4px; background: rgba(18, 31, 50, .72); color: #fff; font: bold 27px/1 Arial,sans-serif; cursor: pointer; z-index: 2; }
.guest-gallery__prev { left: 8px; } .guest-gallery__next { right: 8px; }
.guest-gallery__arrow:hover, .guest-gallery__arrow:focus-visible { background: #536a9c; }
.guest-gallery button:focus-visible, .guest-gallery__viewer:focus-visible { outline: 3px solid #285ea2; outline-offset: 2px; }
.guest-gallery__details { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 4px 10px; font: 15px/1.3 Arial,sans-serif; }
#guest-gallery-count { font-weight: bold; white-space: nowrap; }
.guest-gallery__hint { color: #47566d; text-align: right; }
.guest-gallery__thumbnails { display: flex; gap: 8px; overflow-x: auto; max-width: 100%; padding: 4px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.guest-gallery__thumb { flex: 0 0 clamp(66px, 16%, 100px); width: clamp(66px, 16%, 100px); aspect-ratio: 3 / 2; padding: 2px; border: 2px solid transparent; border-radius: 5px; background: #fff; cursor: pointer; scroll-snap-align: center; }
.guest-gallery__thumb.is-active { border-color: #285ea2; }
.guest-gallery__thumb:hover { background: #e0e8f4; }
.guest-gallery__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) {
  .guest-gallery { padding: 8px; border-radius: 5px; }
  .guest-gallery__arrow { width: 44px; height: 48px; }
  .guest-gallery__prev { left: 3px; } .guest-gallery__next { right: 3px; }
  .guest-gallery__hint { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .guest-gallery__thumbnails { scroll-behavior: auto; } }