.photo-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}.photo-thumbnails button{width:72px;min-height:88px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);flex-shrink:0}.photo-thumbnails button[aria-pressed=true]{border:2px solid var(--wine);padding:3px}.photo-thumbnails img{width:100%;height:80px;object-fit:contain;border-radius:var(--radius-sm)}.detail-picture img[data-gallery-main]{object-fit:contain}.photo-thumbnails button:focus-visible{outline:3px solid var(--wine);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Product-only viewport budget; contain preserves the entire photograph. */
.product-page{padding-top:24px}
.product-page .breadcrumbs{margin-bottom:16px;flex-wrap:wrap}
.product-page .detail-media{min-width:0}
.product-page .detail-copy{padding-top:0}
.product-page .detail-picture{aspect-ratio:auto;height:min(680px,calc(100vh - 292px));height:min(680px,calc(100svh - 292px));display:grid;place-items:center}
.product-page .detail-picture img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.product-page .photo-thumbnails{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:6px 4px;scroll-padding-inline:4px}
#photo-dialog{width:min(960px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
#photo-dialog img{display:block;width:100%;height:auto;max-height:calc(85dvh - 80px);object-fit:contain}
@media(min-width:901px) and (min-height:650px){
  .product-page .detail-media:has(.photo-thumbnails) .detail-picture{height:min(680px,calc(100vh - 408px));height:min(680px,calc(100svh - 408px))}
}
@media(max-width:900px){
  .product-page .product-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
  .product-page .detail-picture{height:min(520px,55vh);height:min(520px,55svh)}
  .product-page .detail-copy{padding-top:0}
}
@media(max-width:650px){.product-page{padding-top:20px}.product-page .detail-copy h1{font-size:24px}}
@media(max-height:600px){
  .product-page .detail-picture{height:calc(100vh - 260px);height:calc(100svh - 260px)}
}