/*
  2.16.28 — Catalog Viewport-Fit & Image Aspect-Ratio Repair
  Purpose: repair the actual failure shown on desktop: the captured catalog canvas
  exceeds the browser viewport and pushes its right support column off-screen.
  This layer does NOT enlarge photographs. It reduces/contains the catalog canvas,
  preserves intrinsic image proportions, and lets the two-column model geometry shrink.
*/
html, body.slc-hc-21628-page { overflow-x:hidden!important; }

/* The captured catalog must never be wider than the monitor/browser. */
body.slc-hc-21628-page #slc21617-rehost{
  width:min(1320px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Kill inherited fixed/min widths that can force any catalog child off screen. */
body.slc-hc-21628-page #slc21617-rehost *,
body.slc-hc-21628-page #slc21617-rehost *::before,
body.slc-hc-21628-page #slc21617-rehost *::after{
  box-sizing:border-box!important;
  min-width:0!important;
}

body.slc-hc-21628-page #slc21617-rehost > *,
body.slc-hc-21628-page #slc21617-rehost .slc21621-model,
body.slc-hc-21628-page #slc21617-rehost .slc21621-authoritative-grid,
body.slc-hc-21628-page #slc21617-rehost .slc21620-row,
body.slc-hc-21628-page #slc21617-rehost .slc21620-primary-owner,
body.slc-hc-21628-page #slc21617-rehost .slc21620-support-owner,
body.slc-hc-21628-page #slc21617-rehost .slc21622-linden,
body.slc-hc-21628-page #slc21617-rehost .slc21625-rehost,
body.slc-hc-21628-page #slc21617-rehost .slc21626-gallery{
  max-width:100%!important;
}

/* Desktop model row: fluid main image + bounded support column. */
body.slc-hc-21628-page #slc21617-rehost .slc21621-authoritative-grid{
  grid-template-columns:minmax(0,2fr) minmax(240px,1fr)!important;
  width:100%!important;
  gap:24px!important;
}

/* Every catalog image stays inside its cell and keeps its real proportions. */
body.slc-hc-21628-page #slc21617-rehost img{
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
body.slc-hc-21628-page #slc21617-rehost .slc21621-primary-img,
body.slc-hc-21628-page #slc21617-rehost .slc21621-support-img,
body.slc-hc-21628-page #slc21617-rehost .slc21622-linden-primary{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}

/* Keep the corrected Linden 3x2 gallery, but never let it escape the viewport. */
body.slc-hc-21628-page #slc21617-rehost .slc21626-gallery{
  width:100%!important;
  max-width:100%!important;
  left:0!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.slc-hc-21628-page #slc21617-rehost .slc21626-gallery .slc21626-img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 3!important;
  object-fit:cover!important;
}

@media(max-width:1180px){
  body.slc-hc-21628-page #slc21617-rehost{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
  }
  body.slc-hc-21628-page #slc21617-rehost .slc21621-authoritative-grid{
    grid-template-columns:minmax(0,1.75fr) minmax(220px,1fr)!important;
    gap:18px!important;
  }
}
@media(max-width:820px){
  body.slc-hc-21628-page #slc21617-rehost{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  body.slc-hc-21628-page #slc21617-rehost .slc21621-authoritative-grid{
    grid-template-columns:1fr!important;
  }
  body.slc-hc-21628-page #slc21617-rehost .slc21626-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  body.slc-hc-21628-page #slc21617-rehost{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  body.slc-hc-21628-page #slc21617-rehost .slc21626-gallery{
    grid-template-columns:1fr!important;
  }
}