/* RC10.58 MOBILE ONLY: restore image -> purchase card -> benefits -> description.
   Root-cause mitigation: LiteSpeed / CSS cascade can leave .gl-pdp-top as GRID
   and the left/right layout wrappers as BLOCK at 375px. The wrappers are purely
   structural, so flatten ONLY on <=860px. No visual overrides for Desktop.
   This stylesheet loads after all theme product-layout CSS, with a content-hash
   version to invalidate stale caches. It is intentionally scoped to the PDP. */
@media screen and (max-width:860px) {
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:20px !important;
    min-width:0;
  }
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-left-column,
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-right-column {
    display:contents !important;
  }
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-left-column > .gl-pdp-media {
    order:1 !important;
    width:100%;
    min-width:0;
  }
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-right-column > .gl-pdp-summary {
    order:2 !important;
    box-sizing:border-box;
    width:100%;
    align-self:stretch;
    min-width:0;
  }
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-right-column > .gl-pdp-benefits-standalone,
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-benefits-standalone {
    order:3 !important;
    box-sizing:border-box;
    width:100%;
    min-width:0;
  }
  body.gl-theme.gl-official-product .gl-woo-page.woocommerce article.product.gl-pdp-v1430 > .gl-pdp-top > .gl-pdp-left-column > .gl-pdp-description {
    order:4 !important;
    width:100%;
    min-width:0;
  }
  /* Account Access content remains inside .gl-pdp-summary on Mobile through
     the existing account-access-desktop-placement.rc10.58.js controller. */
}