/* Flag gallery: vertical thumbnails on the left, full image on the right. */
body[data-product="CUSTOM FLAGS 3X5"] .flagProductImages { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 14px; align-items: start; min-width: 0; }
body[data-product="CUSTOM FLAGS 3X5"] .flagProductImages > .stage { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
body[data-product="CUSTOM FLAGS 3X5"] .flagProductGallery { grid-column: 1; grid-row: 1; margin: 0; }
body[data-product="CUSTOM FLAGS 3X5"] .flagThumbnailRow { display: flex; flex-direction: column; gap: 12px; }
body[data-product="CUSTOM FLAGS 3X5"] .flagThumbnailRow button { width: 100px; height: 76px; padding: 5px; border: 1px solid #31546a; border-radius: 6px; background: #071522; cursor: pointer; }
body[data-product="CUSTOM FLAGS 3X5"] .flagThumbnailRow img { display: block; width: 100%; height: 100%; object-fit: contain; }
body[data-product="CUSTOM FLAGS 3X5"] .flagThumbnailRow button:focus-visible { outline: 2px solid #bbff26; outline-offset: 3px; }
@media(max-width:600px) {
 body[data-product="CUSTOM FLAGS 3X5"] .flagProductImages { grid-template-columns: 68px minmax(0,1fr); gap: 8px; }
 body[data-product="CUSTOM FLAGS 3X5"] .flagThumbnailRow button { width: 68px; height: 56px; }
}