/* t153/r2: mobile PDP L/R inset = sticky bottom bar (12px), not stacked
   r1 set page-main AND columns to 10px → ~20px total (wider gap than sticky).
   Sticky .jersey-sticky-buy uses padding 8px 12px → content at 12px from viewport.
   Widen content to edges: page-main 12px + columns 0; keep media/info sides 0.
   Desktop unchanged. */

@media (max-width: 767px) {
  /* Match sticky bar side inset (12px); only ONE outer pad */
  html body.catalog-product-view .page-main {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html body.catalog-product-view .page-main .columns,
  html body.catalog-product-view .page-main .column.main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Drop inner card horizontal padding so title/price/chips align with sticky */
  html body.catalog-product-view .product.media,
  html body.catalog-product-view .product-info-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep a little vertical breathing room without eating sides */
  html body.catalog-product-view .product.media {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
  }
  html body.catalog-product-view .product-info-main {
    padding-top: 4px !important;
    padding-bottom: 12px !important;
  }

  /* Size chips / price / ATC / details — no extra side inset */
  html body.catalog-product-view .product-options-wrapper,
  html body.catalog-product-view .product-add-form,
  html body.catalog-product-view .product-info-price,
  html body.catalog-product-view .product.info.detailed,
  html body.catalog-product-view .page-title-wrapper.product,
  html body.catalog-product-view .product-info-main .page-title,
  html body.catalog-product-view .box-tocart {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}