/* Ported from src/pages/pro.astro */
.b2b-block { padding: var(--space-16) 0; }
.b2b-block.bg-light { background: var(--color-bg); }

.b2b-layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center; }
.b2b-layout.reverse { direction: rtl; }
.b2b-layout.reverse > * { direction: ltr; }

.b2b-eyebrow { font-size: var(--text-xs); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-muted); margin-bottom: var(--space-2); }
.b2b-text h2 { font-size: var(--text-3xl); font-weight: var(--fw-bold); margin-bottom: var(--space-4); line-height: 1.2; }
.b2b-desc { color: var(--color-text-body); line-height: 1.8; margin-bottom: var(--space-6); }
.b2b-avantages { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-8); }
.b2b-avantages li { font-size: var(--text-sm); color: var(--color-text-body); display: flex; align-items: center; gap: var(--space-2); }
.b2b-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

.b2b-img-wrap { aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--color-border); }
.b2b-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.b2b-img-wrap:hover .b2b-img { transform: scale(1.04); }

.b2b-form-section { padding: var(--space-16) 0; background: var(--color-surface); }
.b2b-form-layout { display: grid; grid-template-columns: 400px 1fr; gap: var(--space-12); align-items: start; }
.b2b-form-intro h2 { font-size: var(--text-3xl); font-weight: var(--fw-bold); line-height: 1.2; margin-bottom: var(--space-4); }
.b2b-form-intro p { color: var(--color-text-body); line-height: 1.8; margin-bottom: var(--space-6); }
.b2b-contact-infos { display: flex; flex-direction: column; gap: var(--space-3); }
.b2b-contact-infos p { display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-sm); }
.b2b-contact-infos a { color: var(--color-primary); font-weight: var(--fw-medium); }

@media (max-width: 1023px) {
  .b2b-layout, .b2b-layout.reverse, .b2b-form-layout { grid-template-columns: 1fr; direction: ltr; }
  .b2b-img-wrap { display: none; }
}