/* The v2 exports put the complete square artwork inside a 90% white mat.
   Display that inner square edge to edge; the product artwork itself is intact. */
.product-picture,.gallery-main,.thumbs button,.about-art,.product-image-frame{overflow:hidden}
.product-picture,.gallery-main,.about-art{position:relative}
.product-picture,.gallery-main{aspect-ratio:1;min-width:0}
.product-picture>a{position:absolute;inset:0;display:block}
.gallery-main>img,.about-art>img{position:absolute;inset:0}
.product-picture img,.gallery-main>img,.thumbs img,.about-art>img,.product-image-frame>img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:scale(1.1111111111);transform-origin:center;border-radius:0}
.product-picture:hover img{transform:scale(1.1111111111)}
.product-card.product-camera .product-picture,.product-card.product-steam .product-picture{background:linear-gradient(145deg,#f7fdff 0%,#e7f8fc 100%)}
.product-card.product-camera .product-picture img,.product-card.product-steam .product-picture img{mix-blend-mode:multiply}
.thumbs button{padding:0;flex-shrink:0}
.product-image-frame{display:block;position:relative;aspect-ratio:1;flex-shrink:0;background:#fff;border-radius:6px}
.cart-item>.product-image-frame{width:74px;height:74px}
.search-result>.product-image-frame{width:60px;height:60px}
/* The comparison has no export mat: keep its complete frame visible. */
.gallery-main>img.comparison-image,.thumbs img.comparison-image{transform:none}
.product-comparison{margin:30px 0;padding:20px;border:1px solid #90e0ef80;border-radius:16px;background:linear-gradient(145deg,#caf0f830,#fff)}
.product-comparison figcaption{margin-bottom:16px}
.product-comparison figcaption h2{font-size:23px;letter-spacing:0;margin:0 0 8px}
.product-comparison figcaption p{font-size:11px;line-height:1.8;color:var(--muted)}
.comparison-visual{position:relative;overflow:hidden;border-radius:11px;aspect-ratio:1;background:#fff}
.comparison-visual img{display:block;width:100%;height:100%;object-fit:contain}
.comparison-visual>span{position:absolute;top:12px;padding:5px 13px;border-radius:99px;font-size:11px;font-weight:700;background:#ffffffed;color:var(--navy);box-shadow:0 2px 12px #03045e14}
.comparison-before{left:12px}
.comparison-visual>.comparison-after{right:12px;background:var(--navy);color:#fff}
@media(max-width:580px){.product-comparison{padding:14px;margin:24px 0}.product-comparison figcaption h2{font-size:20px}.comparison-visual>span{top:9px;padding:4px 10px;font-size:10px}.comparison-before{left:9px}.comparison-after{right:9px}}