/* Product-dialog media only: preserve complete photos with a soft letterbox. */
.product-gallery { display: grid; gap: 10px; min-width: 0; }
.product-gallery [hidden] { display: none !important; }
.product-gallery-stage { position: relative; isolation: isolate; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(34, 197, 94, .18); border-radius: 12px; background: #050807; }
.product-gallery-image, .product-gallery-blur, .product-gallery-video, .product-gallery-embed { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.product-gallery-image { z-index: 1; object-fit: contain; }
.product-gallery-blur { z-index: 0; inset: -6%; width: 112%; height: 112%; object-fit: cover; filter: blur(22px) brightness(.38); pointer-events: none; user-select: none; }
.product-gallery-video { object-fit: contain; }
.product-gallery-embed { background: #050807; }
.product-gallery-embed-portrait { left: 50%; right: auto; width: 35.15625%; transform: translateX(-50%); }
.product-gallery-caption { margin: 0; color: #9ca8a0; font-size: 11px; line-height: 1.5; }
.product-gallery-video-link { width: fit-content; max-width: 100%; color: #39ff88; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.product-gallery-thumbs { display: flex; gap: 8px; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; padding: 4px 3px 6px; margin: -4px -3px -6px; scrollbar-width: thin; }
.product-gallery-thumb { position: relative; flex: 0 0 66px; width: 66px; height: 52px; padding: 2px; border: 1px solid rgba(34, 197, 94, .22); border-radius: 8px; overflow: hidden; background: #0a100d; color: #f5f7f5; transition: border-color .18s, box-shadow .18s; }
.product-gallery-thumb:hover { border-color: #22c55e; }
.product-gallery-thumb.selected { border-color: #39ff88; box-shadow: 0 0 0 1px #39ff88, 0 0 12px rgba(34, 197, 94, .14); }
.product-gallery-thumb:focus-visible { outline: 2px solid #39ff88; outline-offset: 2px; }
.product-gallery-thumb-image, .product-gallery-thumb-video-image { width: 100%; height: 100%; border-radius: 5px; object-fit: contain; }
.product-gallery-thumb-video-image { opacity: .32; }
.product-gallery-thumb-play { position: absolute; top: 6px; left: 0; width: 100%; text-align: center; color: #39ff88; font-size: 15px; }
.product-gallery-thumb-label { position: absolute; bottom: 3px; left: 0; width: 100%; text-align: center; font-size: 8px; font-weight: 700; }
.product-gallery-external { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; height: 100%; padding: 18px; text-align: center; color: #f5f7f5; }
.product-gallery-external p { font-size: 12px; }
.product-gallery-play { color: #39ff88; font-size: 30px; line-height: 1; }
.product-gallery-empty { padding: 24px; color: #9ca8a0; font-size: 12px; }
@media (prefers-reduced-motion: reduce) { .product-gallery-thumb { transition: none; } }