/* Keep modal controls outside the image, including on small screens. */
.product-lightbox{padding:64px 24px 16px;overflow:hidden}
.product-lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}
.product-lightbox>img{min-height:0;min-width:0;width:100%;height:100%;object-fit:contain}
.product-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:18px;min-height:56px;border-top:1px solid #eee;padding-top:12px;background:#fff}
.product-lightbox-controls .lightbox-arrow{position:static;transform:none;width:44px;height:44px;border-radius:4px;font-size:30px}
.product-lightbox-controls>span{min-width:56px;text-align:center;color:#28343c;font-size:13px;font-variant-numeric:tabular-nums}
.product-lightbox-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:700px){.product-lightbox{padding:64px 12px 12px}}
/* Product framing: fixed white canvas, optical centering, original proportions. */
.product-fit-window{position:absolute;overflow:hidden;background:#fff;pointer-events:none}
.product-fit-window img{position:absolute;max-width:none!important;max-height:none!important;margin:0;border:0!important;object-fit:fill;filter:none!important;transform:none!important;transition:none!important}
.product-fit-window:not(.is-fitted) img{width:100%;height:100%;object-fit:contain}
.fit-main{inset:64px 18px 58px}
.fit-card{inset:20px}
.fit-thumb{inset:6px}
.framing-preview .product-stage{height:450px;background:#fff}
.framing-preview .product-stage:before,.framing-preview .product-card-image:before{display:none}
.framing-preview .product-gallery-shell{grid-template-columns:minmax(0,1fr);gap:12px}
.framing-preview .product-stage{grid-row:1}
.framing-preview .product-thumbs{grid-row:2;display:flex;flex-direction:row;gap:10px;height:auto;padding:0 0 8px;overflow-x:auto;overflow-y:hidden}
.framing-preview .product-thumbs button{position:relative;flex:0 0 86px;width:86px;height:72px;overflow:hidden}
.framing-preview .product-thumbs button.active{box-shadow:inset 0 -3px var(--orange)}
.framing-preview .product-card-image{height:280px}
@media(min-width:901px){
  .framing-preview .product-showcase-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px}
}
@media(max-width:900px){
  .framing-preview .product-showcase-grid{grid-template-columns:minmax(0,1fr)}
  .framing-preview .product-stage{height:380px}
}
@media(max-width:500px){
  .framing-preview .product-stage{height:300px}
  .fit-main{inset:50px 12px}
  .fit-card{inset:18px}
}