/* ============================================================
   مودّة الأعمال — مكوّنات العالم المهنيّ (التصميم المعتمد V3)
   بنفسجيّ مودّة الأعمال من [data-world="business"] (world-themes.css).
   يُكمّل world-landing.css (.wl-*). Mobile-first · RTL.
   ============================================================ */

.biz-hero {
  background: linear-gradient(135deg, var(--world-accent-subtle), var(--bg-surface) 70%);
  border-bottom: 1px solid var(--world-border);
}
.biz-hero .wl-wrap { padding-block: var(--space-10); }
.biz-hero-grid { display:grid; grid-template-columns: 1fr; gap: var(--space-6); align-items:center; }
@media (min-width: 900px){ .biz-hero-grid { grid-template-columns: 1.1fr 0.9fr; } }
.biz-hero h1 { font-size: var(--t-display-size); line-height: var(--t-display-lh); font-weight: var(--t-display-weight); text-wrap:balance; margin: var(--space-2) 0 var(--space-3); }
.biz-hero h1 .biz-accent { color: var(--world-accent); }
.biz-hero-media { position:relative; border-radius: var(--radius-xl); overflow:hidden; box-shadow: var(--shadow-lg); aspect-ratio: 4/3; }
.biz-hero-media img { width:100%; height:100%; object-fit:cover; display:block; }
.biz-hero-quote { position:absolute; inset-block-start: var(--space-4); inset-inline-start: var(--space-4); background: var(--world-accent); color: var(--world-on-accent); border-radius: var(--radius-pill); padding: 6px 16px; font-size: var(--t-label-size); font-weight:700; }

/* trust row */
.biz-trust { display:grid; grid-template-columns: repeat(2,1fr); gap: var(--space-3); margin-top: var(--space-7); }
@media (min-width: 780px){ .biz-trust { grid-template-columns: repeat(4,1fr); } }
.biz-trust-item { display:flex; align-items:flex-start; gap: var(--space-2); background: var(--bg-surface); border:1px solid var(--border-subtle); border-radius: var(--radius-md); padding: var(--space-4); }
.biz-trust-item i { color: var(--world-accent); font-size: 1.2rem; margin-top: 2px; }
.biz-trust-item span { font-size: var(--t-body-sm-size); color: var(--text-secondary); }

/* how-it-works with connecting flow (RTL) */
.biz-flow { display:grid; grid-template-columns: 1fr; gap: var(--space-4); }
@media (min-width: 820px){ .biz-flow { grid-template-columns: repeat(4,1fr); } }
.biz-flow-step { background: var(--bg-surface); border:1px solid var(--border-subtle); border-top: 3px solid var(--world-accent); border-radius: var(--radius-lg); padding: var(--space-5); text-align:center; }
.biz-flow-num { width:40px; height:40px; border-radius:50%; background: var(--world-accent-subtle); color: var(--world-accent-strong, var(--world-accent)); font-weight:800; display:inline-flex; align-items:center; justify-content:center; margin-bottom: var(--space-2); }
.biz-flow-step h3 { font-size: var(--t-h6-size); margin:0 0 var(--space-1); }
.biz-flow-step p { color: var(--text-secondary); font-size: var(--t-body-sm-size); margin:0; }

/* reuse badge/verified look for later batches */
.biz-verified { color: var(--world-accent); }