/* Product photos only. Do not change editor geometry, mockups or print files. */
#productView .gallery-panel{width:100%;min-width:0;align-self:start}
#productView #galleryStage{width:100%;height:clamp(420px,70dvh,760px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:20px!important;cursor:zoom-in;touch-action:pan-y}
#productView #galleryStage .gallery-image-composite>img,
#productView #galleryStage>img{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
#productView #galleryStage .gallery-image-composite[role=button]:focus-visible{outline:3px solid #168f78;outline-offset:-5px}
#productView #galleryStage .gallery-nav{width:48px;height:48px;min-height:48px;z-index:10}
#productView .gallery-enlarge{position:absolute;right:14px;bottom:14px;z-index:10;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #dce5df;border-radius:999px;background:#fffffff2;color:#183d30;font-size:13px;font-weight:700;box-shadow:0 4px 14px #14201914}
#productView .gallery-enlarge:focus-visible,#productView .gallery-nav:focus-visible{outline:3px solid #168f78;outline-offset:2px}
#productView .gallery-image-count{position:absolute;top:14px;right:14px;z-index:8;padding:7px 11px;background:#fffffff2;border-radius:999px;color:#365247;font-size:12px;pointer-events:none}
#productView #galleryThumbs img{width:100%;height:100%;object-fit:contain;max-height:100%;padding:4px}
#productView #galleryThumbs button{flex-shrink:0}
#productView #galleryStage .gallery-image-composite{animation:product-photo-in .18s ease-out}
@keyframes product-photo-in{from{opacity:.55;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#productView #galleryStage .gallery-image-composite{animation:none}}
#resultViewer.product-hero-viewer .viewer-tools button,#resultViewer.product-hero-viewer .viewer-footer>button{min-width:44px;min-height:44px}
#resultViewer.product-hero-viewer{grid-template-rows:auto minmax(0,1fr) auto}
#resultViewer.product-hero-viewer #viewerStage{min-height:0;min-width:0}
#resultViewer.product-hero-viewer #viewerImage{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);max-width:none;max-height:none;object-fit:contain}
@media(max-width:1100px) and (min-width:1025px){
 #productView .product-shell{grid-template-columns:minmax(0,1fr) minmax(270px,.65fr);gap:24px!important}
 #productView .gallery-panel{grid-template-columns:64px minmax(0,1fr);gap:10px}
 #productView #galleryThumbs button{width:60px;height:60px;flex-basis:60px}
}
@media(max-width:1024px){
 #productView .product-shell{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;padding:0 0 24px!important;gap:0!important}
 #productView .gallery-panel{display:flex;flex-direction:column;position:relative;top:auto;width:100%;gap:0;padding:0 10px}
 #productView #galleryStage{height:clamp(300px,52dvh,540px)!important;border:1px solid #e4e8e4!important;border-radius:18px!important}
 #productView #galleryStage .gallery-image-composite>img,#productView #galleryStage>img{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}
 #productView #galleryThumbs{display:flex;flex-direction:row!important;width:100%;max-height:none;margin:0;padding:12px 2px;gap:9px;overflow-x:auto;justify-content:center}
 #productView #galleryThumbs button{width:62px;height:62px;flex-basis:62px}
 #productView .product-info{width:100%;max-width:none;padding:20px 18px 92px}
 #resultViewer.product-hero-viewer .viewer-head{height:auto;min-height:106px;flex-wrap:wrap;gap:8px;padding:10px 12px}
 #resultViewer.product-hero-viewer .viewer-head>div:first-child{flex:1 0 100%;min-width:0}
 #resultViewer.product-hero-viewer #viewerTitle{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #resultViewer.product-hero-viewer .viewer-tools{width:100%;justify-content:flex-end}
 #resultViewer.product-hero-viewer .viewer-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom));height:auto;min-height:90px}
}