/* Company Website product page (design 9c946567) — mobile/tablet blocks (<1180px). */
/* Website Design Examples: framed site previews with the name centred below; swipe through them on phones. */
.xprod[data-id="company"] .xm-g-examples { 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="company"] .xm-g-examples .xm-photo { flex: 0 0 78%; scroll-snap-align: start; }
.xprod[data-id="company"] .xm-g-examples .xm-photo > img { aspect-ratio: 205 / 86; border: 1px solid var(--xp-line); border-radius: 6px; box-shadow: 0 6px 16px -12px rgba(16, 20, 40, .45); }
.xprod[data-id="company"] .xm-g-examples .xm-photo > span { padding-top: 8px; }
.xprod[data-id="company"] .xm-g-examples .xm-photo b { font-size: 12.5px; font-weight: 600; color: #11133F; }
.xprod[data-id="company"] .xm-g-examples::after { content: ""; flex: 0 0 1px; }
@media (min-width: 600px) { .xprod[data-id="company"] .xm-g-examples .xm-photo { flex-basis: calc((100% - 12px) / 2); } }
@media (min-width: 900px) { .xprod[data-id="company"] .xm-g-examples { display: grid; grid-template-columns: repeat(4, 1fr); overflow: visible; } }