/* Homepage "real orders" before/after cards */
#before-after .x-ba-grid{gap:28px;align-items:start}
.x-real{padding:16px;border-radius:18px;box-shadow:0 22px 50px #0a25400f;transition:box-shadow .25s,border-color .25s}
.x-real:hover{box-shadow:0 28px 60px #0a25401c;border-color:#b9d6ff}
.x-real-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 12px}
.x-real-tag{font-size:12px;font-weight:700;color:#16794a}
.x-real .x-ba{border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.x-real figcaption{display:block;margin:16px 4px 4px}
.x-real figcaption h3{font-size:19px;letter-spacing:-.02em;margin:0 0 4px}
.x-real figcaption span{font-size:14px;color:var(--muted);font-weight:500}
.x-zoom{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:14px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.x-zoom>div:not(.x-zoom-arrow){position:relative}
.x-zoom img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 20px #0a25401f}
.x-zoom span{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}
.x-zoom-arrow{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 6px 14px #ff8a3d55}
.x-stats{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px dashed var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.x-stats li b{display:block;font:800 16px/1.2 Manrope,sans-serif;color:var(--ink)}
.x-stats li span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media(max-width:520px){.x-zoom{padding:10px;gap:6px}.x-stats li b{font-size:14px}}