/* Product-only gallery: vertical thumbnails on desktop, horizontal on phones. */
#main-content{max-width:1240px;padding-top:32px}
body>header>div.max-w-5xl{max-width:1240px}
.product-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px}
.product-media{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;min-width:0;position:relative}
.product-media.single-photo{grid-template-columns:minmax(0,1fr)}
.product-thumbnail-rail{display:grid;grid-template-rows:28px minmax(0,1fr) 28px;gap:8px;position:absolute;inset:0 auto 0 0;width:72px;min-height:0}
.product-image-stage{grid-column:2;aspect-ratio:1;position:relative;overflow:hidden;background:white;border:1px solid #e5e7eb;border-radius:18px}
.single-photo .product-image-stage{grid-column:1}
.product-main-view{position:absolute;inset:0;width:100%;height:100%;cursor:zoom-in;touch-action:pan-y}
.product-main-view img{width:100%;height:100%;object-fit:contain}
.product-gallery{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.product-gallery::-webkit-scrollbar{display:none}
.product-gallery button{flex:0 0 72px;width:72px;height:72px;overflow:hidden;border:3px solid transparent;border-radius:11px;background:#fff;padding:0}
.product-gallery button[aria-pressed=true]{border-color:#111827}
.product-gallery img{width:100%;height:100%;object-fit:contain}
.product-thumbnail-scroll{display:grid;place-items:center;width:100%;color:#6b7280;background:transparent;border-radius:6px}
.product-thumbnail-scroll:disabled{opacity:.25;cursor:default}
.product-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#11182755;color:#fff;z-index:2}
.product-photo-arrow:hover{background:#11182799}
.product-photo-prev{left:12px}.product-photo-next{right:12px}
.product-photo-zoom{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e5e7eb;border-radius:50%;background:#ffffffed;color:#111827;z-index:2}
.product-photo-count{position:absolute;right:12px;bottom:12px;z-index:2;padding:4px 9px;border-radius:20px;background:#ffffffed;color:#4b5563;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}
.product-condition-badge{pointer-events:none;z-index:2}
.product-media button:focus-visible,.product-lightbox button:focus-visible{outline:2px solid #111827;outline-offset:3px}
.product-thumbnail-rail[hidden],.product-media [hidden],.product-lightbox [hidden]{display:none}
.product-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#fff;color:#111827;overflow:hidden}
.product-lightbox::backdrop{background:#111827cc}
.product-lightbox:not([open]){display:none}
.product-lightbox-body{height:100%;display:grid;grid-template-rows:44px minmax(0,1fr);gap:12px}
.product-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#6b7280}
.product-photo-restore{width:100%;height:100%;min-height:0;cursor:zoom-out;background:transparent;border:0;padding:0}
.product-photo-restore:focus-visible{outline:2px solid #111827;outline-offset:2px}
.product-lightbox-image{position:relative;min-height:0;display:grid;place-items:center;touch-action:pan-y}
.product-lightbox-image img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
@media(max-width:767px){
 #main-content{padding-top:20px}
 .product-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .product-media,.product-media.single-photo{grid-template-columns:minmax(0,1fr);gap:12px}
 .product-image-stage,.single-photo .product-image-stage{grid-column:1;grid-row:1}
 .product-thumbnail-rail{position:static;grid-column:1;grid-row:2;display:block;width:100%;overflow:hidden}
 .product-thumbnail-scroll{display:none}
 .product-gallery{flex-direction:row;gap:10px;overflow:auto;padding:2px 0;touch-action:pan-x}
 .product-gallery button{flex-basis:70px;width:70px;height:70px}
 .product-photo-arrow{width:36px;height:36px}
 .product-photo-prev{left:10px}.product-photo-next{right:10px}
 .product-photo-zoom{width:34px;height:34px;right:10px;top:10px}
 .product-image-stage{border-radius:16px}
 .product-lightbox{padding:16px}
}
@media(prefers-reduced-motion:no-preference){.product-gallery{scroll-behavior:smooth}.product-photo-arrow{transition:background .15s}}