/* Tehno-Dy: fix horizontal overflow in mobile product-detail layout.
   Load this stylesheet AFTER Prostore's app.min.css.
   Scoped to product pages and viewports up to 1199px; desktop styles remain unchanged.
*/
@media (max-width: 1199px) {
  /* .sku already spans the viewport; avoid a second negative-margin breakout. */
  .sku .sku__compact {
    margin-left: 0;
    margin-right: 0;
  }

  /* On templates where the details block is inside .sku, its parent is already
     full-width. Keep the tabs/control strip aligned with that parent. */
  .sku .details__tabs,
  .sku .details__control {
    margin-left: 0;
    margin-right: 0;
  }
}