/* SDG tweaks: the product photos stay in view on computers while the details scroll (gallery_sticky,
 * docs/spec-speed-tweaks.md §2.16). gallery-sticky.js adds .sdg-pdp-stick to div.product only when the page has the
 * usual two columns and the photos fit the screen; without it Astra's floats stay as they were.
 * The two columns become one grid row (the widths measured from Astra's floats, so nothing moves). The photos sit in a
 * column (.sdg-pdp-photos) as tall as that row, so their sticky travel ends where the details end: browsers bound a
 * sticky box by its parent, and div.product goes on with the tabs and You may also like. */
@media (min-width:922px){
  .single-product div.product.sdg-pdp-stick{display:grid;grid-template-columns:var(--sdg-pdp-cols,50% minmax(0,1fr));column-gap:var(--sdg-pdp-gap,4%);align-items:start}
  .single-product div.product.sdg-pdp-stick>*{grid-column:1/-1}
  .single-product div.product.sdg-pdp-stick>.sdg-pdp-photos{grid-column:1;grid-row:1;align-self:stretch;min-width:0}
  .single-product div.product.sdg-pdp-stick>.sdg-pdp-photos>.woocommerce-product-gallery{float:none!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;position:sticky!important;top:var(--sdg-pdp-top,100px)!important} /* WooCommerce: .woocommerce-js div.product div.images.woocommerce-product-gallery{position:relative} */
  .single-product div.product.sdg-pdp-stick>.summary{grid-column:2;grid-row:1;align-self:start;float:none!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  .single-product div.product.sdg-pdp-stick>.clear{display:none}
  /* under the floats the tabs' top margin disappeared in the clearance; in the grid it would add 24 px */
  .single-product div.product.sdg-pdp-stick>.summary+*{margin-top:0!important}
  /* the sale badge moved into the photos (it would stay behind at the top): its corner of the photo, as before */
  .single-product div.product.ast-product-gallery-layout-vertical.sdg-pdp-stick .woocommerce-product-gallery>:is(span.onsale,.ast-onsale-card){left:calc(25% + 14px)!important}
}