/*
 * La columna automática del grid editorial adoptaba el ancho intrínseco de los
 * bloques con padding (395–397 px) aunque el contenedor móvil solo ofrecía
 * 367 px. La pista conserva su scroll horizontal, pero la rejilla y cada
 * sección quedan limitadas al ancho real disponible.
 */
@media (max-width: 820px) {
  .gp-preview-product-page,
  .gp-preview-product-page .gp-main,
  .gp-preview-product-page .gp-container,
  .gp-preview-product-page .gp-single-product__details,
  .gp-preview-product-page .gp-editorial-pilot,
  .gp-preview-product-page .gp-editorial-pilot > *,
  .gp-preview-product-page .gp-editorial-pilot__carousel,
  .gp-preview-product-page .gp-editorial-pilot__visuals {
    max-width: 100%;
    min-width: 0;
  }

  .gp-preview-product-page .gp-editorial-pilot {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .gp-preview-product-page .gp-editorial-pilot > * {
    box-sizing: border-box;
    width: 100%;
  }

  .gp-preview-product-page .gp-editorial-pilot__description {
    overflow-x: clip;
  }

  .gp-preview-product-page .gp-editorial-pilot__carousel.is-scrollable {
    margin-inline: calc(0px - var(--pilot-description-padding));
    max-width: none;
    overflow: hidden;
    width: auto;
  }

  .gp-preview-product-page .gp-editorial-pilot__carousel.is-scrollable .gp-editorial-pilot__visuals {
    box-sizing: border-box;
    overflow-x: auto;
    width: 100%;
  }
}