/* AI Chatbot & Automation product page (design 9bd4ab03) — mobile/tablet blocks (<1180px). */
/* Popular Use Cases: photo on top, title and description left-aligned (as on the design). */
.xprod[data-id="ai"] .xm-g-usecases { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.xprod[data-id="ai"] .xm-g-usecases .xm-photo { background: #fff; border: 1px solid var(--xp-line); border-radius: 12px; box-shadow: 0 6px 18px -14px rgba(16, 20, 40, .35); overflow: hidden; }
.xprod[data-id="ai"] .xm-g-usecases .xm-photo > img { border-radius: 0; aspect-ratio: 142 / 62; }
.xprod[data-id="ai"] .xm-g-usecases .xm-photo > span { text-align: left; padding: 8px 10px 10px; }
.xprod[data-id="ai"] .xm-g-usecases .xm-photo b { font-size: 13px; font-weight: 700; color: #11133F; }
.xprod[data-id="ai"] .xm-g-usecases .xm-photo small { font-size: 12px; color: #6B7395; }
@media (min-width: 600px) { .xprod[data-id="ai"] .xm-g-usecases { grid-template-columns: repeat(3, 1fr); } }