.commerce-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.commerce-visual-grid article{min-width:0}
.commerce-scene{display:block;position:relative;height:360px;overflow:hidden;background:#f0f1f4;border-radius:8px}
.catalog-scene{background:#f5eaee}.languages-scene{background:#eaf2f4}.checkout-scene{background:#eef1ed}
.desktop-store-capture{position:absolute;top:32px;left:24px;width:540px;max-width:none;height:280px;object-fit:cover;object-position:top;border:6px solid #fff;border-radius:8px;box-shadow:0 12px 24px #20212920}
.phone-capture{position:absolute;width:148px;height:296px;max-width:none;object-fit:cover;border:5px solid #fff;border-radius:8px;box-shadow:0 12px 24px #20212920}
.phone-en{top:24px;left:20px;transform:rotate(-6deg)}.phone-ar{top:54px;right:20px;transform:rotate(6deg)}
.checkout-capture{top:24px;left:50%;transform:translateX(-50%);width:158px;height:316px}
.checkout-symbol{position:absolute;top:60px;right:24px;display:grid;place-items:center;background:#fff;width:64px;height:64px;border-radius:8px;box-shadow:0 6px 16px #20212915}
.scene-caption{position:absolute;bottom:0;left:0;right:0;background:#ffffffed;padding:14px 16px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:12px}
.commerce-visual-grid h3{margin:20px 0 8px;font-size:22px}.commerce-visual-grid p{margin:0;font-size:15px;color:var(--muted)}
.visual-demo-note{font-size:12px;color:var(--muted);margin:24px 0 0}
.ai-channel-visual{height:144px;background:#f5f6f8;display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px;border-radius:8px}
.ai-channel-visual>img{width:64px;height:64px;object-fit:contain}.ai-channel-visual .channel-arrow{font-size:28px;color:var(--forest)}
.ai-channel-visual .channel-destination{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px}.channel-destination img{width:28px;height:28px}
.sample-tabs button{display:flex;align-items:center;justify-content:center;gap:8px}.sample-tabs button img{width:18px;height:18px}
.steps li>img{width:40px;height:40px;display:block;margin-bottom:20px}.steps li>span{font-size:14px;font-weight:700;color:var(--forest)}
@media(max-width:1000px){.commerce-visual-grid{gap:18px}.phone-capture{width:122px;height:244px}.phone-en{left:10px}.phone-ar{right:10px}.checkout-capture{width:150px;height:300px}.checkout-symbol{right:12px}}
@media(max-width:700px){.commerce-visual-grid{grid-template-columns:1fr;gap:32px}.commerce-scene{height:320px}.phone-capture{width:140px;height:280px}.phone-en{left:24px}.phone-ar{right:24px}.checkout-capture{width:148px;height:296px}.commerce-visual-grid h3{margin-top:16px}.ai-channel-visual{height:120px}.sample-tabs button{gap:5px}.sample-tabs button img{width:15px;height:15px}.visual-commerce .section-intro{gap:20px}}