/* Mobile: stop the product gallery (and the matching text bleed)
   sitting 4px from the screen. Keep image, price, cart, and details
   on the same 18px page gutter. Footer side padding matches that gutter. */

@media (max-width: 770px) {
  html:root body.catalog-product-view .product-view .product-img-box,
  html:root body.catalog-product-view .product-view .product-shop,
  html:root body.catalog-product-view .product-view .add-to-cart-wrapper,
  html:root body.catalog-product-view .product-view .product-collateral {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html:root body .footer-container.lux-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html:root body .lux-newsletter-band,
  html:root body .lux-footer-grid,
  html:root body .lux-footer-bottom {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}