/* Mobile App Development product page (design 82d387dd) — mobile/tablet blocks (<1180px). */
/* Popular App Types: phone screens with the app name centred below, in a swipeable row (7 apps). */
.xprod[data-id="mobile"] .xm-g-apptypes { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.xprod[data-id="mobile"] .xm-g-apptypes .xm-photo { flex: 0 0 calc((100% - 24px) / 3); min-width: 104px; scroll-snap-align: start; }
.xprod[data-id="mobile"] .xm-g-apptypes .xm-photo > img { aspect-ratio: 95 / 140; object-fit: contain; border-radius: 0; background: transparent; }
.xprod[data-id="mobile"] .xm-g-apptypes .xm-photo > span { padding-top: 8px; }
.xprod[data-id="mobile"] .xm-g-apptypes .xm-photo b { font-size: 12.5px; font-weight: 600; color: #11133F; }
@media (min-width: 600px) { .xprod[data-id="mobile"] .xm-g-apptypes .xm-photo { flex-basis: calc((100% - 36px) / 4); } }
@media (min-width: 900px) { .xprod[data-id="mobile"] .xm-g-apptypes { overflow: visible; } .xprod[data-id="mobile"] .xm-g-apptypes .xm-photo { flex: 1 1 0; min-width: 0; } }