/* t152: mobile PDP side gutters → ~10px like 96jerseys (pt184u)
   Root cause: modern-ui page-main 20px + product media/info card padding 14px stacked.
   Keep desktop intact; mobile only. */

@media (max-width: 767px) {
  /* Outer column: single ~10px edge (match 96jerseys 10–15px) */
  html body.catalog-product-view .page-main,
  html body.catalog-product-view .page-main .columns {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Drop inner card horizontal padding so title/price/chips use full width */
  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 / swatches shouldn't inset further */
  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 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}