.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; }
.image-note { max-width: 600px; margin: 12px auto 0; }
.color-picker { margin: 24px 0; }
.color-picker-label { margin: 0 0 10px; color: #554a43; font-size: .9rem; font-weight: 700; }
.gallery-tabs.two-colors { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin: 0; }
.gallery-tabs.two-colors button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: auto; min-width: 104px; height: 46px; padding: 0 16px; border: 1px solid #d9cfc7; border-radius: 24px; background: #fff; color: #332c27; font: inherit; font-weight: 600; line-height: 1; }
.gallery-tabs.two-colors button.active { border-color: #fa5d2b; box-shadow: 0 0 0 2px #fa5d2b; }
.gallery-tabs.two-colors button:focus-visible { outline: 3px solid #263c33; outline-offset: 3px; }
.color-swatch { display: block; flex: none; width: 18px; height: 18px; border-radius: 50%; }
.white-swatch { background: #f6f5f0; border: 1px solid #afa7a0; }
.black-swatch { background: #282725; border: 1px solid #282725; }
@media (max-width: 950px) { .main-image img { max-height: min(58vh, 520px); } }