/* Grafimax Home: el documento permanece fijo y solamente el catálogo se desplaza. */
@media (max-width: 760px) {
  html, body, #root, main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
  }

  main > *, section, section > *,
  .catalog-section, .catalog-groups, .catalog-group,
  .catalog-group-heading, .catalog-group-heading > div {
    max-width: 100%;
    min-width: 0;
  }

  .catalog-section { overflow: hidden; }
  .catalog-group-heading h3,
  .catalog-group-heading p { overflow-wrap: anywhere; }

  .catalog-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-right: 0;
    padding: 0 0 14px;
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 340px);
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    contain: inline-size;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .catalog-grid::-webkit-scrollbar { display: none; }
  .catalog-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    scroll-snap-align: start;
  }
}