/*
 * NOVA X.12.2.32 — grille catalogue mobile compacte.
 * Chargée en dernier pour neutraliser les anciennes règles à une colonne.
 */
@media (max-width: 900px) {
  body.nova-inner-page .catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 11px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 12px 40px !important;
    box-sizing: border-box !important;
  }

  body.nova-inner-page .catalog-grid .media-card {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 2 / 3 !important;
    border-radius: 10px !important;
  }

  body.nova-inner-page .catalog-grid .media-info {
    left: 5px !important;
    right: 5px !important;
    bottom: 5px !important;
    padding: 7px !important;
  }

  body.nova-inner-page .catalog-grid .media-info strong {
    margin: 0 0 3px !important;
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.nova-inner-page .catalog-grid .media-info small {
    display: block !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Trois affiches sur les téléphones assez larges, deux sur les plus étroits. */
@media (min-width: 390px) and (max-width: 900px) {
  body.nova-inner-page .catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}