/* ============================================================
   /partnership/ + /corporate/ — [baly_partnership], [baly_corporate]
   Boards: After-iq-partnership, After-iq-corporate (pages of record).
   Built on the theme primitives (bch-ui: .bsy-panel, .bsy-btn, .bsy-shead;
   bch-ui-forms: the whole request form). Only page layout lives here.
   Mobile-first; breakpoints 641 / 961.
   ============================================================ */

.bsy-b2b {
	display: flex; flex-direction: column;
	/* Section rhythm = the theme's token; page top/bottom are the theme's. */
	gap: var(--bsy-section-gap, 48px);
}
:where(.bsy-b2b) :where(p) { margin: 0; }
@media (min-width: 961px) {
	.bsy-b2b { gap: var(--bsy-section-gap, 96px); }
}

:where(.bsy-b2b) svg { flex: none; }

/* ── Hero (flat brand panel) ───────────────────────────────── */
.bsy-b2b-hero { display: grid; gap: var(--bsy-space-6); align-items: center; }
.bsy-b2b-hero__copy { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.bsy-b2b-hero__label { font-size: var(--bsy-text-sm); line-height: 1.5; opacity: .85; }
.bsy-b2b-hero__title {
	margin: 0;
	font-size: var(--bsy-text-h1-sm); font-weight: var(--bsy-fw-black); line-height: var(--bsy-leading-h1);
	color: var(--bsy-white);
}
/* Regular (preloaded) weight on purpose: a late-loading weight re-wraps the
   paragraph on the first screen (CLS, the 1.1.41 lesson). */
.bsy-b2b-hero__lede {
	max-width: 600px;
	font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-regular); line-height: var(--bsy-leading-body);
}
.bsy-b2b-hero__acts { display: flex; flex-direction: column; align-items: stretch; gap: var(--bsy-space-2); }
.bsy-b2b-hero__mail {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--bsy-space-2);
	min-height: var(--bsy-size-tap);
	font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-regular);
	color: var(--bsy-white); text-decoration: none;
}
.bsy-b2b-hero__mail:hover { color: color-mix(in srgb, var(--bsy-white) 80%, transparent); }
.bsy-b2b-hero__promise {
	display: flex; align-items: center; gap: var(--bsy-space-2);
	font-size: var(--bsy-text-sm); line-height: 1.5; opacity: .9;
}
@media (min-width: 641px) {
	.bsy-b2b-hero__copy { gap: var(--bsy-space-5); }
	.bsy-b2b-hero__title { font-size: var(--bsy-text-h1); }
	.bsy-b2b-hero__lede { font-size: var(--bsy-text-md); }
	.bsy-b2b-hero__acts { flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--bsy-space-6); margin-block-start: var(--bsy-space-2); }
	.bsy-b2b-hero__mail { justify-content: flex-start; }
}
@media (min-width: 961px) {
	.bsy-b2b-hero--dev { grid-template-columns: minmax(0, 1fr) 280px; gap: 72px; padding-inline: var(--bsy-space-16); }
	.bsy-b2b-hero--inv { grid-template-columns: minmax(0, 1fr) minmax(320px, 460px); gap: var(--bsy-space-16); padding: var(--bsy-space-16); }
}

/* Partnership hero illustration: where a partner's campaign sits in the app.
   Decorative (role="img" + label); the drawn words come from CSS, not the page text. */
.bsy-b2b-dev { display: none; }
@media (min-width: 961px) {
	.bsy-b2b-dev {
		display: block;
		padding: 11px;
		border-radius: 44px;
		background: var(--bsy-grey-900);
	}
}
.bsy-b2b-dev__scr {
	position: relative;
	display: flex; flex-direction: column; gap: 10px;
	height: 540px;
	padding: 48px 14px 14px;
	border-radius: 34px;
	background: var(--bsy-white);
	color: var(--bsy-ink);
	font-size: var(--bsy-text-xs); font-weight: var(--bsy-fw-bold); line-height: 1.4;
}
.bsy-b2b-dev__bar {
	position: absolute; inset-block-start: 12px; inset-inline: 0;
	width: 86px; height: 24px; margin-inline: auto;
	border-radius: var(--bsy-radius-pill);
	background: var(--bsy-grey-900);
}
.bsy-b2b-dev__hi::before { content: "أهلاً بيك"; font-size: var(--bsy-text-sm); }
.bsy-b2b-dev__slot {
	display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 8px 10px; align-items: center;
	padding: 14px;
	border: 1.5px dashed var(--bsy-brand);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-brand-lighter);
}
.bsy-b2b-dev__logo {
	display: grid; place-items: center;
	width: 40px; height: 40px;
	border: 1px solid var(--bsy-line); border-radius: var(--bsy-radius-tile);
	background: var(--bsy-white); color: var(--bsy-muted);
}
.bsy-b2b-dev__logo::before { content: "شعار"; }
.bsy-b2b-dev__copy::before { content: "حملتكم هنا"; display: block; color: var(--bsy-brand); }
.bsy-b2b-dev__copy::after { content: "عرض خاص من علامتكم لمستخدمي بَلي"; display: block; font-size: var(--bsy-text-sm); }
.bsy-b2b-dev__cta {
	grid-column: 1 / -1; justify-self: start;
	display: inline-flex; align-items: center;
	height: 28px; padding: 0 var(--bsy-space-3);
	border-radius: var(--bsy-radius-pill);
	background: var(--bsy-brand); color: var(--bsy-white);
}
.bsy-b2b-dev__cta::before { content: "استخدم العرض"; }
.bsy-b2b-dev__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.bsy-b2b-dev__tile {
	display: flex; flex-direction: column; align-items: center; gap: 2px;
	padding: 8px 4px;
	border-radius: var(--bsy-radius-md);
	background: var(--bsy-grey-50);
}
.bsy-b2b-dev__tile img { width: 40px; height: 32px; object-fit: contain; }
.bsy-b2b-dev__tile::after { content: attr(data-w); }
.bsy-b2b-dev__code {
	display: flex; align-items: center; justify-content: space-between;
	padding: 10px 12px;
	border: 1px solid var(--bsy-line); border-radius: 14px;
}
.bsy-b2b-dev__code::before { content: "كود خصم مشترك"; }
.bsy-b2b-dev__code::after {
	content: "PARTNER";
	direction: ltr;
	padding: 2px 6px;
	border-radius: var(--bsy-radius-xs);
	background: var(--bsy-grey-100);
	font-family: ui-monospace, monospace;
}

/* Corporate hero: what the monthly invoice holds. */
.bsy-b2b-inv {
	padding: var(--bsy-space-5);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-white);
	color: var(--bsy-ink);
	box-shadow: var(--bsy-shadow-2);
}
.bsy-b2b-inv__head {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--bsy-space-4);
	margin-block-end: var(--bsy-space-2);
}
.bsy-b2b-inv__head svg { grid-column: 2; grid-row: 1 / span 2; color: var(--bsy-brand); }
.bsy-b2b-inv__k { font-size: var(--bsy-text-sm); color: var(--bsy-muted); }
.bsy-b2b-inv__t { font-size: var(--bsy-text-md); font-weight: var(--bsy-fw-bold); line-height: var(--bsy-leading-heading); }
.bsy-b2b-inv__rows { margin: 0; padding: 0; list-style: none; }
.bsy-b2b-inv__rows li {
	display: flex; align-items: center; gap: var(--bsy-space-3);
	padding-block: var(--bsy-space-3);
	border-block-start: 1px solid var(--bsy-line);
	font-size: var(--bsy-text-sm); line-height: 1.5;
}
.bsy-b2b-inv__ok {
	display: flex; align-items: center; gap: var(--bsy-space-2);
	margin-block-start: var(--bsy-space-3);
	font-size: var(--bsy-text-sm); color: var(--bsy-ok);
}
@media (min-width: 641px) {
	.bsy-b2b-inv { padding: 28px; }
	.bsy-b2b-inv__head { margin-block-end: var(--bsy-space-4); }
	.bsy-b2b-inv__t { font-size: var(--bsy-text-lg); }
	.bsy-b2b-inv__rows li { font-size: var(--bsy-text-base); }
	.bsy-b2b-inv__ok { margin-block-start: var(--bsy-space-4); }
}

/* ── Shared bits ───────────────────────────────────────────── */
.bsy-b2b-ticks { display: flex; flex-direction: column; gap: var(--bsy-space-3); margin: 0; padding: 0; list-style: none; }
.bsy-b2b-ticks li { display: flex; align-items: center; gap: 10px; font-size: var(--bsy-text-base); line-height: 1.5; color: var(--bsy-ink); }

/* ── Partnership: what we can do together ───────────────────── */
.bsy-b2b-areas { display: flex; flex-direction: column; gap: var(--bsy-space-4); margin-block-start: var(--bsy-space-4); }
.bsy-b2b-areas__lead {
	display: flex; flex-direction: column; gap: var(--bsy-space-2);
	padding: var(--bsy-space-5);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-grey-50);
}
.bsy-b2b-areas__lt { margin: 0; font-size: var(--bsy-text-md); font-weight: var(--bsy-fw-semibold); line-height: var(--bsy-leading-heading); }
.bsy-b2b-areas__lead p,
.bsy-b2b-row p,
.bsy-b2b-step p,
.bsy-b2b-why p { font-size: var(--bsy-text-base); line-height: var(--bsy-leading-body); color: var(--bsy-fg2); }
.bsy-b2b-rows { margin: 0; padding: 0; list-style: none; }
.bsy-b2b-row {
	display: flex; align-items: flex-start; gap: var(--bsy-space-4);
	padding-block: var(--bsy-space-4);
	border-block-start: 1px solid var(--bsy-line);
}
.bsy-b2b-row:first-child { border-block-start: 0; padding-block-start: 0; }
.bsy-b2b-row svg { margin-block-start: 2px; }
.bsy-b2b-row__t { margin: 0 0 var(--bsy-space-1); font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-semibold); line-height: 1.45; }
@media (min-width: 641px) {
	.bsy-b2b-areas__lead { gap: var(--bsy-space-3); padding: var(--bsy-space-8); border-radius: var(--bsy-radius-panel); }
	.bsy-b2b-areas__lt { font-size: var(--bsy-text-lg); }
	.bsy-b2b-row { padding-block: var(--bsy-space-6); }
	.bsy-b2b-row__t { font-size: var(--bsy-text-md); }
}
@media (min-width: 961px) {
	.bsy-b2b-sec--areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--bsy-space-16); align-items: start; }
	.bsy-b2b-sec--areas > .bsy-shead { grid-column: 1; grid-row: 1; }
	.bsy-b2b-sec--areas .bsy-b2b-areas { display: contents; }
	.bsy-b2b-areas__lead { grid-column: 1; grid-row: 2; margin-block-start: var(--bsy-space-8); }
	.bsy-b2b-rows { grid-column: 2; grid-row: 1 / span 2; padding-block-start: 72px; }
}

/* ── Logo walls ─────────────────────────────────────────────── */
.bsy-b2b-logos {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
	margin: 0; padding: 0; list-style: none;
}
.bsy-b2b-logos__i {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
	min-height: 112px;
	padding: 10px;
	border: 1px solid var(--bsy-line);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-white);
	text-align: center;
}
.bsy-b2b-logos__img {
	width: 56px; height: 56px;
	border: 1px solid var(--bsy-line);
	border-radius: var(--bsy-radius-tile);
	object-fit: cover;
}
.bsy-b2b-logos__t { font-size: var(--bsy-text-xs); font-weight: var(--bsy-fw-medium); line-height: 1.4; color: var(--bsy-fg2); }
.bsy-b2b-logos__more {
	border-color: transparent;
	background: var(--bsy-grey-50);
	font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-semibold); line-height: 1.4;
	color: var(--bsy-ink);
}
/* Corporate: logo-only tiles. */
.bsy-b2b-logos--plain { gap: var(--bsy-space-2); }
.bsy-b2b-logos--plain .bsy-b2b-logos__i { min-height: 88px; border-radius: var(--bsy-radius-md); }
.bsy-b2b-logos--plain .bsy-b2b-logos__img { width: 56px; height: 56px; border: 0; border-radius: var(--bsy-radius-sm); object-fit: contain; }
@media (min-width: 641px) {
	.bsy-b2b-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bsy-space-4); }
	.bsy-b2b-logos__i { min-height: 176px; gap: var(--bsy-space-3); padding: var(--bsy-space-4); }
	.bsy-b2b-logos__img { width: 88px; height: 88px; border-radius: var(--bsy-radius-md); }
	.bsy-b2b-logos__t { font-size: var(--bsy-text-sm); }
	.bsy-b2b-logos__more { font-size: var(--bsy-text-base); }
	.bsy-b2b-logos--plain { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bsy-space-3); }
	.bsy-b2b-logos--plain .bsy-b2b-logos__i { min-height: 112px; }
	.bsy-b2b-logos--plain .bsy-b2b-logos__img { width: 72px; height: 72px; }
}
@media (min-width: 961px) {
	.bsy-b2b-logos { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.bsy-b2b-logos--plain { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ── Corporate: how it works ───────────────────────────────── */
.bsy-b2b-steps { position: relative; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.bsy-b2b-steps::before {
	content: ""; position: absolute;
	inset-block: 16px; inset-inline-start: 15px;
	width: 1px; background: var(--bsy-line-strong);
}
.bsy-b2b-step { display: flex; gap: var(--bsy-space-4); padding-block-end: var(--bsy-space-6); }
.bsy-b2b-step:last-child { padding-block-end: 0; }
.bsy-b2b-step__n {
	position: relative; z-index: 1;
	display: grid; place-items: center; flex: none;
	width: 32px; height: 32px;
	border-radius: var(--bsy-radius-pill);
	background: var(--bsy-grey-100);
	font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-bold); line-height: 1;
	font-variant-numeric: tabular-nums;
}
.bsy-b2b-step__c { display: flex; flex-direction: column; gap: var(--bsy-space-1); }
.bsy-b2b-step__c > svg { display: none; color: var(--bsy-fg2); }
.bsy-b2b-step__t { margin: 0; font-size: var(--bsy-text-md); font-weight: var(--bsy-fw-semibold); line-height: var(--bsy-leading-heading); }
@media (min-width: 961px) {
	.bsy-b2b-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bsy-space-8); }
	.bsy-b2b-steps::before { inset-block: 16px auto; inset-inline: 16px; width: auto; height: 1px; }
	.bsy-b2b-step { flex-direction: column; gap: var(--bsy-space-3); padding: 0; }
	.bsy-b2b-step__c { gap: var(--bsy-space-3); }
	.bsy-b2b-step__c > svg { display: block; }
}

/* ── Corporate: why ─────────────────────────────────────────── */
.bsy-b2b-why { display: flex; flex-direction: column; gap: var(--bsy-space-4); }
.bsy-b2b-why__lead {
	display: flex; flex-direction: column; gap: 10px;
	padding: var(--bsy-space-6);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-grey-50);
}
.bsy-b2b-why__lt { margin: 0; font-size: var(--bsy-text-md); font-weight: var(--bsy-fw-bold); line-height: var(--bsy-leading-heading); }
.bsy-b2b-why__list { margin: 0; padding: 0; list-style: none; }
.bsy-b2b-why__i { display: flex; gap: 14px; padding-block: var(--bsy-space-4); border-block-end: 1px solid var(--bsy-line); }
.bsy-b2b-why__i:last-child { border-block-end: 0; }
.bsy-b2b-why__i svg { color: var(--bsy-fg2); }
.bsy-b2b-why__t { margin: 0 0 2px; font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-semibold); line-height: 1.5; }
@media (min-width: 641px) {
	.bsy-b2b-why__lead { gap: var(--bsy-space-4); padding: var(--bsy-space-10); border-radius: var(--bsy-radius-panel); }
	.bsy-b2b-why__lt { font-size: var(--bsy-text-lg); }
	.bsy-b2b-why__ticks { margin-block-start: auto; padding-block-start: var(--bsy-space-4); border-block-start: 1px solid var(--bsy-line); }
}
@media (min-width: 961px) {
	.bsy-b2b-why { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }
	.bsy-b2b-why__lead { grid-row: span 2; }
	.bsy-b2b-why__list { display: contents; }
	.bsy-b2b-why__i {
		flex-direction: column; gap: 10px;
		padding: var(--bsy-space-6);
		border: 1px solid var(--bsy-line);
		border-radius: var(--bsy-radius-lg);
	}
	.bsy-b2b-why__i:last-child { border-block-end: 1px solid var(--bsy-line); }
	.bsy-b2b-why__t { font-size: var(--bsy-text-md); margin: 0; }
}

/* ── Corporate: built for + clients ─────────────────────────── */
.bsy-b2b-duo { display: flex; flex-direction: column; gap: var(--bsy-space-12); }
/* Phones: the sectors read as one line separated by dots. */
.bsy-b2b-sectors { display: block; font-size: var(--bsy-text-base); line-height: 1.9; }
/* Each sector is one unbreakable item; the dot sits before the next item, so a
   line never ends on a dot (a wrapped line may start with one). */
.bsy-b2b-sectors li { display: inline-block; white-space: nowrap; margin-inline-end: 0.35em; }
.bsy-b2b-sectors li svg { display: none; }
.bsy-b2b-sectors li + li::before { content: "· "; }
.bsy-b2b-note {
	display: flex; align-items: flex-start; gap: var(--bsy-space-3);
	margin-block-start: var(--bsy-space-4);
	padding: var(--bsy-space-4);
	border-radius: var(--bsy-radius-md);
	background: var(--bsy-grey-50);
	font-size: var(--bsy-text-base); line-height: var(--bsy-leading-body); color: var(--bsy-fg2);
}
.bsy-b2b-note svg { margin-block-start: 4px; }
@media (min-width: 641px) {
	.bsy-b2b-sectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bsy-space-4) var(--bsy-space-6); line-height: 1.5; }
	.bsy-b2b-sectors li { display: flex; white-space: normal; margin-inline-end: 0; }
	.bsy-b2b-sectors li svg { display: block; }
	.bsy-b2b-sectors li + li::before { content: none; }
	.bsy-b2b-note { margin-block-start: var(--bsy-space-6); padding: var(--bsy-space-4) var(--bsy-space-5); }
}
@media (min-width: 961px) {
	.bsy-b2b-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bsy-space-16); }
}

/* ── Request form + sticky aside ───────────────────────────── */
.bsy-b2b-apply {
	display: flex; flex-direction: column; gap: var(--bsy-space-5);
	scroll-margin-block-start: calc(var(--bsy-size-header-sm) + var(--bsy-space-4));
}
.bsy-b2b-aside {
	display: flex; flex-direction: column; gap: var(--bsy-space-3);
	padding: var(--bsy-space-5);
	border-radius: var(--bsy-radius-lg);
	background: var(--bsy-grey-50);
}
.bsy-b2b-aside__t {
	margin: 0;
	font-size: var(--bsy-text-section-sm); font-weight: var(--bsy-fw-bold); line-height: var(--bsy-leading-heading);
	color: var(--bsy-ink);
}
.bsy-b2b-aside__s { font-size: var(--bsy-text-base); line-height: var(--bsy-leading-body); color: var(--bsy-fg2); }
.bsy-b2b-aside__steps { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.bsy-b2b-aside__steps li { display: flex; align-items: center; gap: var(--bsy-space-3); font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-medium); line-height: 1.5; }
.bsy-b2b-aside__n {
	display: grid; place-items: center; flex: none;
	width: 28px; height: 28px;
	border: 1px solid var(--bsy-line-strong);
	border-radius: var(--bsy-radius-pill);
	background: var(--bsy-white);
	font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-bold); line-height: 1;
	font-variant-numeric: tabular-nums;
}
.bsy-b2b-aside__mail {
	display: flex; flex-direction: column;
	padding-block-start: var(--bsy-space-3);
	border-block-start: 1px solid var(--bsy-line);
}
.bsy-b2b-aside__mail span { font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-medium); color: var(--bsy-muted); }
.bsy-b2b-aside__mail a,
.bsy-b2b-form__legal a,
.bsy-b2b-done__mail a { color: var(--bsy-brand); }
.bsy-b2b-aside__mail a {
	display: inline-flex; align-items: center; align-self: flex-start;
	min-height: var(--bsy-size-tap);
	font-size: var(--bsy-text-base); font-weight: var(--bsy-fw-semibold);
	text-decoration: none;
}
.bsy-b2b-aside__mail a:hover { color: var(--bsy-brand-hover); }
.bsy-b2b-aside__also { display: flex; flex-direction: column; align-items: flex-start; }
.bsy-b2b-aside__also span { font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-medium); color: var(--bsy-muted); }
.bsy-b2b-aside__also .bsy-link { min-height: var(--bsy-size-tap); }
@media (min-width: 641px) {
	.bsy-b2b-aside { gap: var(--bsy-space-4); padding: var(--bsy-space-8); border-radius: var(--bsy-radius-panel); }
	.bsy-b2b-aside__t { font-size: var(--bsy-text-section); }
	.bsy-b2b-aside__steps { padding-block: var(--bsy-space-2); }
	.bsy-b2b-aside__mail { padding-block-start: var(--bsy-space-4); }
	.bsy-b2b-apply--framed .bsy-b2b-apply__form {
		padding: var(--bsy-space-10);
		border: 1px solid var(--bsy-line);
		border-radius: var(--bsy-radius-panel);
	}
	.bsy-b2b--corporate .bsy-b2b-aside { padding: var(--bsy-space-10); gap: var(--bsy-space-5); }
}
@media (min-width: 961px) {
	.bsy-b2b-apply {
		display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: var(--bsy-space-16); align-items: start;
		scroll-margin-block-start: calc(var(--bsy-size-header) + var(--bsy-space-6));
	}
	.bsy-b2b-apply--framed { grid-template-columns: 400px minmax(0, 1fr); gap: var(--bsy-space-12); }
	.bsy-b2b-aside { position: sticky; inset-block-start: calc(var(--bsy-size-header) + var(--bsy-space-6)); }
}

/* The form itself is the theme kit; these are only its baly.iq extras. */
.bsy-b2b-form .bsy-field__label { scroll-margin-block-start: calc(var(--bsy-size-header-sm) + var(--bsy-space-12)); }
.bsy-b2b-alert__t { display: flex; align-items: center; gap: 10px; font-weight: var(--bsy-fw-bold); }
.bsy-b2b-alert__t svg { color: var(--bsy-error); }
.bsy-b2b-form__hp {
	position: absolute;
	width: 1px; height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.bsy-b2b-form__foot { display: flex; flex-direction: column; gap: var(--bsy-space-3); }
.bsy-b2b-form__legal { font-size: var(--bsy-text-sm); line-height: var(--bsy-leading-small); color: var(--bsy-muted); }
@media (min-width: 641px) {
	.bsy-b2b-form__submit { align-self: flex-start; }
}

/* ── Round 2 fixes ─────────────────────────────────────────────── */
/* A <legend> ignores the fieldset's flex gap: give the numbered section head
   its own 20px before the first field (else the rule touches the label). */
.bsy-b2b .bsy-form__sec-h { margin-block-end: var(--bsy-space-5); }
/* While a field shows its error, the help line (same example) steps aside. */
.bsy-b2b .bsy-field--invalid .bsy-field__help { display: none; }
/* The header button → #bsy-b2b-form uses .bsy-b2b-apply's scroll margin (above). */
.bsy-b2b-nowrap { white-space: nowrap; }