/* Image content uses the existing account modal shell from modal.css. */
.ffehbo-product-image-modal .ffehbo-account-modal__dialog { width: min(1040px, 100%); }
.ffehbo-product-image-modal .ffehbo-account-modal__content { padding: 24px; }
.ffehbo-product-image-modal .ffehbo-image-modal__title { margin: 0 48px 20px 0; }
.ffehbo-product-image-modal .ffehbo-image-modal__stage { display: grid; place-items: center; height: min(60dvh, 680px); min-height: 180px; overflow: hidden; }
.ffehbo-product-image-modal .ffehbo-image-modal__image { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.ffehbo-product-image-modal .ffehbo-image-modal__controls { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 16px; }
.ffehbo-product-image-modal .ffehbo-image-modal__navigation { --ffehbo-button-min-height: 40px; --ffehbo-button-padding: 0; width: 40px; height: 40px; }
.ffehbo-product-image-modal .ffehbo-image-modal__navigation svg { width: 20px; height: 20px; }
.ffehbo-product-image-modal .ffehbo-image-modal__counter { font-size: var(--ffehbo-font-size-label); line-height: var(--ffehbo-line-height-compact); }
.ffehbo-product-image-modal .ffehbo-image-modal__thumbnails { display: flex; gap: 10px; width: 100%; margin-top: 16px; padding: 3px; overflow-x: auto; scrollbar-width: thin; }
.ffehbo-product-image-modal .ffehbo-image-modal__thumbnail { --ffehbo-button-min-height: 64px; --ffehbo-button-padding: 6px; flex: 0 0 72px; width: 72px; height: 64px; }
.ffehbo-product-image-modal .ffehbo-image-modal__thumbnail img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ffehbo-product-image-modal .ffehbo-image-modal__thumbnail.is-selected { outline: 2px solid var(--e-global-color-secondary, var(--cmsmasters-colors-secondary)); outline-offset: -2px; }
.ffehbo-product-image-modal [hidden] { display: none !important; }
.ffehbo-product-image-modal :is(.ffehbo-image-modal__thumbnail, .ffehbo-image-modal__navigation)::before,
.ffehbo-product-image-modal :is(.ffehbo-image-modal__thumbnail, .ffehbo-image-modal__navigation):before,
.ffehbo-product-image-modal :is(.ffehbo-image-modal__thumbnail, .ffehbo-image-modal__navigation)::after,
.ffehbo-product-image-modal :is(.ffehbo-image-modal__thumbnail, .ffehbo-image-modal__navigation):after { content: none !important; display: none !important; }
@media (max-width: 480px) {
  .ffehbo-product-image-modal .ffehbo-account-modal__content { padding: 20px; }
  .ffehbo-product-image-modal .ffehbo-image-modal__stage { height: 52dvh; min-height: 120px; }
}