.forward-gallery { width: 100%; min-width: 0; }
.forward-gallery [hidden] { display: none !important; }
.forward-gallery__stage { width: 100%; aspect-ratio: 4 / 3; }
.forward-gallery__main-viewport { height: 100%; overflow: clip; }
.forward-gallery__main-track { display: flex; height: 100%; touch-action: pan-y pinch-zoom; }
.forward-gallery__view { display: flex; flex: 0 0 100%; min-width: 0; width: 100%; height: 100%; align-items: center; justify-content: center; cursor: zoom-in; }
.forward-gallery__view img { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.forward-gallery__thumbs { display: flex; align-items: center; gap: 8px; margin-top: 16px; min-width: 0; }
.forward-gallery__viewport { flex: 1; min-width: 0; overflow-x: auto; }
.forward-gallery--ready .forward-gallery__viewport { overflow: clip; }
.forward-gallery__track { display: flex; gap: 8px; touch-action: pan-y pinch-zoom; }
.forward-gallery__thumb { flex: 0 0 88px; min-width: 0; height: 72px; padding: 4px; border: 2px solid #e7e7e7; border-radius: 4px; background: #fff; cursor: pointer; }
.forward-gallery__thumb[aria-pressed="true"] { border-color: #e11b22; }
.forward-gallery__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.forward-gallery__arrow { flex: 0 0 30px; width: 30px; height: 44px; padding: 0; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #222; font: 28px/1 sans-serif; cursor: pointer; }
.forward-gallery__arrow:disabled { opacity: .35; cursor: default; }
.forward-gallery button:focus-visible, .forward-gallery a:focus-visible { outline: 2px solid #222; outline-offset: 2px; }
.forward-gallery__empty { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #f7f7f7; color: #666; }
@media (max-width: 767px) {
    .forward-gallery__thumb { flex-basis: 72px; height: 60px; }
}