/* ERP product page (design c3e2ee86) — mobile/tablet blocks (<1180px). */
/* ERP Modules: coloured icon tile left, title + description right (as on the design). */
.xprod[data-id="erp"] .xm-g-modules { grid-template-columns: 1fr; gap: 10px; }
.xprod[data-id="erp"] .xm-g-modules .xm-photo { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: #fff; border: 1px solid var(--xp-line); border-radius: 12px; box-shadow: 0 6px 18px -14px rgba(16, 20, 40, .35); }
.xprod[data-id="erp"] .xm-g-modules .xm-photo > img { width: 44px; height: 44px; aspect-ratio: 1; flex: none; border-radius: 10px; object-fit: cover; }
.xprod[data-id="erp"] .xm-g-modules .xm-photo > span { padding: 0; text-align: left; }
.xprod[data-id="erp"] .xm-g-modules .xm-photo b { font-size: 13.5px; font-weight: 700; color: #1E1F57; }
.xprod[data-id="erp"] .xm-g-modules .xm-photo small { font-size: 12.5px; color: #6B7395; }
/* Screenshots Preview: 2 per row on phones, 3 on tablets. */
.xprod[data-id="erp"] .xm-g-shots { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.xprod[data-id="erp"] .xm-g-shots .xm-shot > img { aspect-ratio: 180 / 102; }
/* The cloud illustration is cut by the generic art crop — keep the card clean on small screens. */
.xprod[data-id="erp"] .xm-why-art { display: none; }
.xprod[data-id="erp"] .xm-why ul { max-width: none; }
@media (min-width: 600px) {
  .xprod[data-id="erp"] .xm-g-modules { grid-template-columns: repeat(2, 1fr); }
  .xprod[data-id="erp"] .xm-g-shots { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 960px) { .xprod[data-id="erp"] .xm-g-modules { grid-template-columns: repeat(3, 1fr); } }
.xprod[data-id="erp"] .xm-g-shots .xm-shot b { font-size: 12.5px; }
.xprod[data-id="erp"] .xm-g-shots .xm-shot-b { padding: 8px 10px; }