.mamc-product-gallery { align-self: start; background: var(--mmc-color-surface); min-width: 0; }
.mamc-product-gallery__main { align-items: center; background: var(--mmc-color-surface); border-radius: 18px; display: grid; justify-items: center; overflow: hidden; position: relative; }
.mamc-product-gallery__main > div { align-items: center; display: flex; justify-content: center; min-width: 0; width: 100%; }
.mamc-product-gallery__main img { display: block; height: auto; max-height: 62vh; max-width: 100%; object-fit: contain; object-position: center; width: auto; }
.mamc-product-gallery__count,
.mamc-product-gallery__zoom,
.mamc-product-gallery__favorite .mmc-favorite-toggle { background: var(--mmc-color-surface); border: 1px solid var(--mmc-color-border); }
.mamc-product-gallery__count { border-radius: 999px; color: var(--mmc-color-text-strong); font-weight: 700; left: var(--mmc-space-sm); padding: .35rem .65rem; position: absolute; top: var(--mmc-space-sm); z-index: 2; }
.mamc-product-gallery__zoom,
.mamc-product-gallery__favorite { position: absolute; right: var(--mmc-space-sm); z-index: 2; }
.mamc-product-gallery__zoom { align-items: center; aspect-ratio: 1; border-radius: 50%; bottom: var(--mmc-space-sm); color: var(--mmc-color-text-strong); display: flex; flex: 0 0 44px; height: 44px; justify-content: center; line-height: 1; max-width: 44px; min-width: 44px; padding: 0; position: absolute; width: 44px; }
.mamc-product-gallery__zoom[hidden] { display: none; }
.mamc-product-gallery__zoom svg { fill: none; height: 24px; stroke: currentColor; stroke-width: 1.8; width: 24px; }
.mamc-product-gallery__favorite { top: var(--mmc-space-sm); }
.mamc-product-gallery__favorite .mmc-favorite-toggle { height: 44px; width: 44px; }
.mamc-product-gallery__thumbs { display: grid; gap: var(--mmc-space-xs); grid-auto-columns: minmax(72px, 22%); grid-auto-flow: column; margin-top: var(--mmc-space-sm); overflow-x: auto; padding-bottom: var(--mmc-space-xs); }
.mamc-product-gallery__thumb { align-items: center; aspect-ratio: 1; background: var(--mmc-color-surface); border: 2px solid transparent; border-radius: 10px; display: flex; justify-content: center; min-height: 64px; overflow: hidden; padding: 4px; }
.mamc-product-gallery__thumb.is-selected { border-color: var(--mmc-color-primary); }
.mamc-product-gallery__thumb img { display: block; height: auto; max-height: 100%; max-width: 100%; object-fit: contain; object-position: center; width: auto; }
.mamc-product-gallery__placeholder img { height: auto; width: 100%; }
.mamc-product-gallery__dialog { background: transparent; border: 0; height: 100dvh; inset: 0; margin: 0; max-height: none; max-width: none; overflow: hidden; padding: clamp(var(--mmc-space-md), 4vw, var(--mmc-space-xl)); position: fixed; width: 100vw; }
.mamc-product-gallery__dialog[open] { align-items: center; display: grid; justify-items: center; }
.mamc-product-gallery__dialog::backdrop { background: var(--mmc-color-text); opacity: .94; }
.mamc-product-gallery__dialog img { display: block; height: auto; max-height: calc(100dvh - (var(--mmc-space-xl) * 2)); max-width: calc(100vw - (var(--mmc-space-xl) * 2)); object-fit: contain; width: auto; }
.mamc-product-gallery__dialog button { align-items: center; background: var(--mmc-color-surface); border: 1px solid var(--mmc-color-border); border-radius: 50%; color: var(--mmc-color-primary-dark); display: flex; font-size: 1.5rem; height: 44px; justify-content: center; line-height: 1; padding: 0; position: fixed; right: var(--mmc-space-md); top: var(--mmc-space-md); width: 44px; z-index: 1; }
body.mamc-product-lightbox-open { overflow: hidden; }

@media (max-width: 480px) {
    .mamc-product-gallery__dialog { padding: var(--mmc-space-sm); }
    .mamc-product-gallery__dialog img { max-height: calc(100dvh - (var(--mmc-space-md) * 2)); max-width: calc(100vw - (var(--mmc-space-md) * 2)); }
}

@media (min-width: 960px) {
    .mamc-product-gallery { position: sticky; top: calc(var(--mmc-space-lg) + 110px); }
    .mamc-product-gallery__main img { max-height: min(72vh, 760px); }
}