/* Shared approved product-gallery layout for all three Pet collections. */
.mattress-gallery-page { background:#fff; }
.mattress-gallery-page .announcement { display:none; }
.mattress-gallery-page .nav-wrap { min-height:66px; }
.mattress-gallery-page .site-header { background:#fff; }
.mattress-gallery-page .product-showcase { width:min(calc(100% - 48px),1240px); padding-top:16px; }
.mattress-gallery-page .breadcrumbs { margin:0 0 14px; font-size:12px; }
.mattress-gallery-page .product-detail-grid { display:block; }
.mattress-gallery-page .product-gallery { display:grid; grid-template-columns:minmax(0,1fr) 116px; align-items:start; gap:14px 20px; width:min(100%,calc(100svh - 2px)); max-width:1150px; margin:0 auto; }
.mattress-gallery-page .gallery-main { grid-column:1; grid-row:1; width:100%; border-radius:24px; overflow:hidden; background:#f5f3ef; padding:0; border:0; }
.mattress-gallery-page .gallery-main img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; display:block; }
.mattress-gallery-page .zoom-label { font-size:13px; padding:10px 16px; background:#fff; color:#202020; border-radius:5px; right:16px; bottom:16px; }
.mattress-gallery-page .gallery-thumbs { grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:16px; margin:0; padding:4px; }
.mattress-gallery-page .gallery-thumb { display:block; width:100%; height:auto; flex:none; border:2px solid #ddd; border-radius:16px; overflow:hidden; padding:0; background:#fff; color:#161616; }
.mattress-gallery-page .gallery-thumb img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; display:block; }
.mattress-gallery-page .gallery-thumb span { display:block; padding:8px 3px; font:600 12px/1.2 Arial,sans-serif; }
.mattress-gallery-page .gallery-thumb[aria-pressed="true"] { border-color:#3079f6; outline:2px solid #3079f6; outline-offset:2px; }
.mattress-gallery-page .gallery-thumb:focus-visible,.mattress-gallery-page .gallery-main:focus-visible { outline:3px solid #3079f6; outline-offset:3px; }
.mattress-gallery-page .product-gallery figcaption { grid-column:1/-1; margin:0; font-size:12px; line-height:1.5; color:#666; }
.mattress-gallery-page .product-info { max-width:960px; margin:50px auto 0; padding-top:30px; border-top:1px solid #e5e5e5; }
.mattress-gallery-page .product-info h1 { font:800 clamp(34px,5vw,58px)/1.05 Arial,sans-serif; }
@media(max-width:620px) {
 .mattress-gallery-page .product-showcase { width:calc(100% - 24px); }
 .mattress-gallery-page .product-gallery { width:100%; grid-template-columns:minmax(0,1fr); gap:14px; }
 .mattress-gallery-page .gallery-main { border-radius:16px; }
 .mattress-gallery-page .zoom-label { position:static; display:block; padding:12px 16px; border-radius:0; border-top:1px solid #e5e5e5; text-align:right; }
 .mattress-gallery-page .gallery-thumbs { grid-column:1; grid-row:2; flex-direction:row; gap:12px; }
 .mattress-gallery-page .gallery-thumb { width:calc((100% - 24px)/3); }
 .mattress-gallery-page .product-gallery figcaption { grid-row:3; }
 .mattress-gallery-page .product-info { margin-top:24px; }
}