/* YMAL fix v2 2026-10-20 (scoped to product pages, .qv--page).
   Cause: .qv--page .qv__gallery is position:sticky and its containing block is the whole
   .qv__panel grid, which also holds the full-width .qv__related row. The info column is short,
   so near the bottom of the page the sticky gallery (photo + FRONT/OVERVIEW thumbs) keeps riding
   down into the related row and overlaps it (geometrically in Chromium and WebKit/Safari; v1 only
   changed paint order, which Safari still showed through around the card images).
   Fix: on product pages that have a related row, the gallery is not sticky, and the row is
   explicitly placed in its own full-width grid row below gallery+info. */
.qv--page.qv--related .qv__panel{grid-template-rows:auto auto}
.qv--page.qv--related .qv__gallery{position:relative;top:auto;grid-row:1;grid-column:1}
.qv--page.qv--related .qv__info{grid-row:1;grid-column:2}
.qv--page .qv__related{grid-row:2;grid-column:1/-1;position:relative;z-index:3;background:var(--bg,#0a0a0a);isolation:isolate;min-width:0}
@media (max-width:860px){
  .qv--page.qv--related .qv__gallery,.qv--page.qv--related .qv__info{grid-row:auto;grid-column:auto}
}