.product-hero { align-items: start; padding-bottom: 64px; }
.product-gallery { align-self: start; }
.main-image { display: flex; align-items: center; justify-content: center; min-height: 0; height: auto; aspect-ratio: auto; }
.main-image img { display: block; width: min(100%, 600px); height: auto; max-height: min(64vh, 600px); object-fit: contain; }
.gallery-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.gallery-tabs[hidden] { display: none; }
.gallery-tabs button { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-width: 0; min-height: 108px; padding: 7px 3px 6px; }
.gallery-tabs img { display: block; width: min(100%, 74px); height: 74px; aspect-ratio: 1; object-fit: contain; }
.gallery-tabs span { display: block; margin-top: 4px; line-height: 1.2; text-align: center; }
.image-note { max-width: 600px; margin: 14px auto 0; }
@media (max-width: 950px) { .main-image img { max-height: min(58vh, 520px); } }
@media (max-width: 550px) { .gallery-tabs { gap: 4px; } .gallery-tabs button { min-height: 93px; padding: 5px 2px; } .gallery-tabs img { height: 57px; width: min(100%, 57px); } .gallery-tabs span { font-size: .66rem; } }