/* Narrow commerce layout corrections for the shared staging shell. */
@media (min-width: 768px) {
  /* Keep the native thumbnail rail beside the main viewport. On staging the
     native OL remains when the desktop enhancement script is absent; explicit
     row placement prevents it becoming a second gallery row. */
  body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-viewport {
    grid-column: 2;
    grid-row: 1;
  }
  body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs {
    grid-column: 1;
    grid-row: 1;
  }
}

/* Archive title and intro share the same inner content edge. */
body.post-type-archive-product .psd-archive-header,
body.tax-product_cat .psd-archive-header,
body.post-type-archive-product .psd-archive-header + .psd-shop-intro,
body.tax-product_cat .psd-archive-header + .psd-collection-intro-v3 {
  width: calc(100% - 18px) !important;
  max-width: none !important;
  margin-left: 9px !important;
  margin-right: 9px !important;
}

/* Later theme archive rules set a capped width; override only this archive
   header so its text edge matches the adjacent scoped intro. */
body.post-type-archive-product .psd-cat-header.psd-archive-header,
body.tax-product_cat .psd-cat-header.psd-archive-header {
  width: calc(100% - 18px) !important;
  max-width: none !important;
  margin-left: 9px !important;
  margin-right: 9px !important;
}