/**
 * Reparacionmovil.es – mobile fixes (v1.2.0)
 * - Stops horizontal page shift (marquee)
 * - Keeps design + marquee animation
 * - Fixes scroll lock after tapping hometopblock icons (iOS)
 * By Prestashop web Design
 */

@media (max-width: 991px) {
  /* Do NOT use overflow-x: clip on body (locks vertical scroll on iOS after tap) */
  html {
    overflow-x: hidden;
    max-width: 100%;
  }

  body {
    max-width: 100%;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
  }

  #page,
  #wrapper,
  main,
  #content-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 767px) {
  .marquee {
    grid-area: unset !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }

  #index .subcategories-wrapper {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  #index .subcategories-wrapper .subcategory-box {
    box-sizing: border-box;
  }

  #index .subcategory-box img,
  #index .subcategory-image img {
    max-width: 100%;
    height: auto;
  }

  #googleReviewsContainer,
  #googleReviews,
  #googleReviews .slick-list,
  #googleReviews .slick-slider {
    max-width: 100%;
    overflow-x: hidden;
  }

  .spcustom_html,
  .moduletable.spcustom_html {
    max-width: 100%;
    overflow-x: hidden;
  }

  /*
   * Feature icons block (Calidad, Precios, Privacidad, Técnicos)
   * Images inside <p> can steal touch/focus on iOS and block page scroll.
   */
  .hometopblock ul,
  .hometopblock li {
    touch-action: pan-y;
  }

  .hometopblock img {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  .hometopblock li {
    -webkit-tap-highlight-color: transparent;
  }
}