/* Benda Affiliates – front end. Everything is prefixed with bafi- so it won't clash with the theme. */
.bafi, .bafi-box, .bafi-teaser, .bafi-loop-badge, .bafi-fab, .bafi-toast {
	--bafi-yellow: #ffc400;
	--bafi-yellow-d: #e6b000;
	--bafi-ink: #111;
	--bafi-ink-2: #262626;
	--bafi-muted: #6b6b6b;
	--bafi-line: #e6e6e6;
	--bafi-soft: #f6f6f3;
	--bafi-ok: #1f8f4e;
	--bafi-warn: #b07900;
	--bafi-bad: #c93c3c;
	--bafi-r: 14px;
	--bafi-shadow: 0 8px 28px rgba(0, 0, 0, .07);
	box-sizing: border-box;
}
.bafi *, .bafi-box * { box-sizing: border-box; }
.bafi { color: var(--bafi-ink); line-height: 1.6; }
.bafi h1, .bafi h2, .bafi h3 { color: var(--bafi-ink); }
.bafi-muted { color: var(--bafi-muted); }
.bafi-center { text-align: center; }
.bafi-hidden { display: none !important; }
.bafi-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 700px) { .bafi-grid-2 { grid-template-columns: 1fr; } }

/* ---------- Buttons ---------- */
.bafi .bafi-btn, .bafi-box .bafi-btn, a.bafi-btn, button.bafi-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	background: var(--bafi-yellow); color: var(--bafi-ink); border: 0; border-radius: 999px;
	padding: 10px 22px; font: inherit; font-weight: 700; font-size: 15px; line-height: 1.3;
	text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .15s, transform .1s;
}
.bafi .bafi-btn:hover, .bafi-box .bafi-btn:hover { background: var(--bafi-yellow-d); color: var(--bafi-ink); }
.bafi .bafi-btn:active, .bafi-box .bafi-btn:active { transform: translateY(1px); }
.bafi .bafi-btn svg, .bafi-box .bafi-btn svg { width: 16px; height: 16px; }
.bafi .bafi-btn-lg { padding: 14px 30px; font-size: 17px; }
.bafi .bafi-btn-sm { padding: 6px 14px; font-size: 13px; }
.bafi .bafi-btn-dark { background: var(--bafi-ink); color: #fff; }
.bafi .bafi-btn-dark:hover { background: var(--bafi-ink-2); color: #fff; }
.bafi .bafi-btn-ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5); }
.bafi .bafi-btn-ghost:hover { background: rgba(255, 255, 255, .1); color: #fff; }

/* ---------- Copy row & share ---------- */
.bafi-copy-row { display: flex; gap: 8px; }
.bafi-copy-row input[type] {
	flex: 1; min-width: 0; margin: 0; height: auto;
	font-family: ui-monospace, Consolas, monospace; font-size: 14px; direction: ltr; text-align: left;
	padding: 10px 12px; border-radius: 10px; border: 1.5px dashed var(--bafi-ink); background: #fffbe6; color: var(--bafi-ink);
}
.bafi-share { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bafi-share a {
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
	font-size: 13px; font-weight: 600; text-decoration: none; color: #fff; line-height: 1.4;
}
.bafi-share a:hover { opacity: .88; color: #fff; }
.bafi-share svg { width: 16px; height: 16px; }
.bafi-share-whatsapp { background: #25d366; }
.bafi-share-telegram { background: #229ed9; }
.bafi-share-facebook { background: #1877f2; }
.bafi-share-x { background: #111; }

/* ---------- Product page box ---------- */
.bafi-box {
	margin: 18px 0; padding: 18px; border-radius: var(--bafi-r); background: #fff;
	border: 2px solid var(--bafi-yellow); box-shadow: var(--bafi-shadow); color: var(--bafi-ink); font-size: 15px;
}
.bafi-box-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.bafi-coin { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--bafi-yellow); display: grid; place-items: center; }
.bafi-coin svg { width: 26px; height: 26px; }
.bafi-box-label { display: block; font-size: 13px; color: var(--bafi-muted); margin-bottom: 4px; font-weight: 500; }
.bafi-box-amount { font-size: 26px; font-weight: 800; line-height: 1.1; }
.bafi-box-amount small { font-size: 13px; font-weight: 600; color: var(--bafi-ink); background: var(--bafi-yellow); padding: 2px 8px; border-radius: 999px; margin-inline-start: 6px; vertical-align: middle; }
.bafi-box-foot { margin-top: 12px; font-size: 12px; color: var(--bafi-muted); }
.bafi-box-foot a { color: var(--bafi-ink); font-weight: 600; }
.bafi-box-muted { border-style: dashed; color: var(--bafi-muted); box-shadow: none; }
.bafi-teaser { margin: 14px 0; padding: 10px 14px; border-radius: 10px; background: #fff8d6; font-size: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bafi-teaser svg { width: 20px; height: 20px; }
.bafi-teaser a { font-weight: 700; color: var(--bafi-ink); }

.bafi-loop-badge {
	display: inline-block; margin: 4px 0 6px; padding: 2px 10px; border-radius: 999px;
	background: var(--bafi-yellow); color: var(--bafi-ink); font-size: 12px; font-weight: 700;
}

.bafi-fab {
	position: fixed; bottom: 20px; left: 20px; z-index: 9990; display: inline-flex; align-items: center; gap: 8px;
	background: var(--bafi-ink); color: var(--bafi-yellow); border: 0; border-radius: 999px; padding: 11px 18px;
	font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
.bafi-fab:hover { background: var(--bafi-ink-2); color: var(--bafi-yellow); }
.bafi-fab svg { width: 18px; height: 18px; }
@media (max-width: 600px) { .bafi-fab span { display: none; } .bafi-fab { padding: 13px; bottom: 80px; } }
.bafi-toast {
	position: fixed; bottom: 24px; left: 50%; z-index: 9999; transform: translate(-50%, 120px);
	background: var(--bafi-ink); color: #fff; padding: 10px 22px; border-radius: 999px; font-weight: 600; font-size: 14px;
	transition: transform .25s; pointer-events: none;
}
.bafi-toast.is-on { transform: translate(-50%, 0); }

/* ---------- Cards & forms ---------- */
.bafi-card { background: #fff; border-radius: 18px; box-shadow: var(--bafi-shadow); border: 1px solid var(--bafi-line); padding: 28px; margin-bottom: 22px; }
.bafi-card h3 { margin: 0 0 14px; font-size: 19px; }
.bafi-narrow { max-width: 460px; margin-inline: auto; }
.bafi-form { max-width: 780px; margin-inline: auto; }
.bafi-form-title { margin: 0 0 4px; font-size: 28px; font-weight: 800; }
.bafi fieldset { border: 0; padding: 0; margin: 24px 0; min-width: 0; }
.bafi legend { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 18px; margin-bottom: 14px; padding: 0; }
.bafi-num { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--bafi-yellow); font-size: 14px; }
.bafi-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.bafi-field > label, .bafi-lbl { font-weight: 600; font-size: 15px; }
.bafi .bafi-field input:not([type=checkbox]):not([type=radio]), .bafi .bafi-field select, .bafi .bafi-field textarea,
.bafi #loginform input[type=text], .bafi #loginform input[type=password] {
	width: 100%; margin: 0; font: inherit; font-size: 16px; padding: 11px 14px; border: 1.5px solid #d6d6d6; border-radius: 10px; background: #fff; color: var(--bafi-ink); height: auto;
}
.bafi .bafi-field input:focus, .bafi .bafi-field select:focus, .bafi .bafi-field textarea:focus { outline: none; border-color: var(--bafi-ink); box-shadow: 0 0 0 3px rgba(255, 196, 0, .5); }
.bafi .bafi-field input[dir=ltr], .bafi .bafi-field textarea[dir=ltr] { text-align: left; }
.bafi-invalid input, .bafi-invalid select, .bafi-invalid textarea { border-color: var(--bafi-bad) !important; }
.bafi-err { color: var(--bafi-bad); font-size: 13px; font-weight: 600; }
.bafi-hint { color: var(--bafi-muted); font-size: 13px; }
.bafi-req { color: var(--bafi-bad); }
.bafi-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bafi-options { display: flex; flex-wrap: wrap; gap: 8px; }
.bafi-opt { position: relative; margin: 0; }
.bafi-opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.bafi-opt span { display: inline-block; padding: 8px 16px; border: 1.5px solid #d6d6d6; border-radius: 999px; font-weight: 600; font-size: 14px; background: #fff; transition: all .12s; }
.bafi-opt input:checked + span { background: var(--bafi-ink); color: var(--bafi-yellow); border-color: var(--bafi-ink); }
.bafi-opt input:focus-visible + span { box-shadow: 0 0 0 3px rgba(255, 196, 0, .7); }
.bafi-check { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; cursor: pointer; }
.bafi-check input { width: 20px; height: 20px; margin-top: 3px; accent-color: var(--bafi-ink); flex: none; }
.bafi-terms { background: var(--bafi-soft); border-radius: 10px; padding: 10px 16px; margin: -4px 0 20px; font-size: 14px; }
.bafi-terms summary { cursor: pointer; font-weight: 600; }
.bafi-terms ul { margin: 10px 0 4px; padding-inline-start: 20px; }
.bafi-alert { background: #fdecec; color: #9b2a2a; padding: 12px 16px; border-radius: 10px; font-weight: 600; margin-bottom: 16px; }
.bafi-ok { background: #e6f5ec; color: #186c3c; padding: 8px 14px; border-radius: 10px; font-weight: 600; margin-bottom: 12px; }
.bafi #loginform p { margin-bottom: 14px; }
.bafi #loginform label { font-weight: 600; display: block; margin-bottom: 4px; }
.bafi #loginform .login-remember label { display: flex; gap: 6px; align-items: center; font-weight: 500; }
.bafi #loginform input[type=submit] { background: var(--bafi-yellow); color: var(--bafi-ink); border: 0; border-radius: 999px; padding: 12px 30px; font-weight: 700; font-size: 16px; cursor: pointer; width: 100%; }

/* ---------- Dashboard ---------- */
.bafi-welcome { background: var(--bafi-yellow); border-radius: 18px; padding: 22px 26px; margin-bottom: 22px; }
.bafi-welcome h2 { margin: 0 0 4px; font-size: 22px; }
.bafi-welcome p { margin: 0; }
.bafi-welcome a { color: var(--bafi-ink); font-weight: 700; }
.bafi-dash-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.bafi-dash-head h2 { margin: 0; font-size: 28px; }
.bafi-periods { display: inline-flex; background: var(--bafi-soft); border-radius: 999px; padding: 4px; }
.bafi-periods a { padding: 6px 14px; border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 600; color: var(--bafi-muted); }
.bafi-periods a.is-active { background: var(--bafi-ink); color: #fff; }
.bafi-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 22px; }
@media (max-width: 860px) { .bafi-stats { grid-template-columns: 1fr 1fr; } }
.bafi-stat { background: #fff; border: 1px solid var(--bafi-line); border-radius: var(--bafi-r); padding: 18px; box-shadow: var(--bafi-shadow); }
.bafi-stat span { font-size: 13px; color: var(--bafi-muted); }
.bafi-stat b { display: block; font-size: 26px; font-weight: 800; line-height: 1.3; }
.bafi-stat small { font-size: 12px; color: var(--bafi-muted); }
.bafi-link-card { background: var(--bafi-ink); color: #fff; border-radius: 18px; padding: 26px; margin-bottom: 22px; }
.bafi-link-card h3 { color: #fff; margin: 0 0 10px; font-size: 17px; }
.bafi-link-card .bafi-copy-row input[type] { background: #1c1c1c; color: var(--bafi-yellow); border-color: var(--bafi-yellow); }
.bafi-link-card .bafi-err { color: #ff8a8a; display: block; margin-top: 6px; }
.bafi-link-card .bafi-gen-out { margin-top: 10px; }
.bafi-tip { color: #bbb; font-size: 14px; margin: 12px 0 0; }
.bafi-tip a { color: var(--bafi-yellow); }
.bafi-chart { display: flex; align-items: flex-end; gap: 4px; height: 150px; direction: ltr; border-bottom: 1px solid var(--bafi-line); }
.bafi-chart-col { flex: 1; height: 100%; display: flex; align-items: flex-end; gap: 1px; }
.bafi-chart-col i { flex: 1; min-height: 2px; border-radius: 4px 4px 0 0; }
.bafi-chart-col:hover { background: var(--bafi-soft); }
i.c { background: var(--bafi-yellow); }
i.o { background: var(--bafi-ink); }
.bafi-legend { display: flex; gap: 18px; font-size: 13px; color: var(--bafi-muted); margin-top: 10px; }
.bafi-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: middle; margin-inline-end: 4px; }
.bafi-table-wrap { overflow-x: auto; }
.bafi-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.bafi-table th, .bafi-table td { padding: 10px 8px; border: 0; border-bottom: 1px solid var(--bafi-line); text-align: right; vertical-align: middle; background: none; }
.bafi-table th { color: var(--bafi-muted); font-weight: 600; font-size: 13px; white-space: nowrap; }
.bafi-prod { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.bafi-prod img { width: 44px !important; height: 44px !important; object-fit: contain; border-radius: 8px; background: var(--bafi-soft); margin: 0 !important; }
.bafi-prod a { color: var(--bafi-ink); font-weight: 600; text-decoration: none; }
.bafi-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.bafi-badge-active, .bafi-badge-approved, .bafi-badge-paid { background: #e6f5ec; color: var(--bafi-ok); }
.bafi-badge-pending { background: #fff4cc; color: var(--bafi-warn); }
.bafi-badge-blocked, .bafi-badge-rejected { background: #fdecec; color: var(--bafi-bad); }
.bafi-tips { margin: 0; padding-inline-start: 20px; }
.bafi-tips li { margin-bottom: 8px; }

/* ---------- Landing page (styled after bendastore.co.il) ---------- */
/* Break out of the theme's content column to full width (works in LTR and RTL themes). */
.bafi-landing { width: 100vw; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow: hidden; }
html:has(.bafi-landing), body:has(.bafi-landing) { overflow-x: hidden; }
.bafi-l { --l-green: #10573f; --l-card: linear-gradient(180deg, #f3f7fd 0%, #ffffff 100%); --l-line: #e3e7ec; --l-gray: #f4f5f7; font-family: 'Heebo', system-ui, Arial, sans-serif; color: #000; }
.bafi-l-wrap { width: min(1360px, 100% - 48px); margin-inline: auto; }
.bafi-l-narrow { max-width: 860px; }
.bafi-l h1, .bafi-l h2, .bafi-l h3 { color: #000; font-family: inherit; }
.bafi-l a.bafi-l-cta {
	display: inline-flex; align-items: center; justify-content: center; min-width: 220px; padding: 12px 34px; border-radius: 999px;
	background: linear-gradient(90deg, #ffd000, #f5b400); color: #000; font-size: 20px; font-weight: 500; letter-spacing: .5px; text-decoration: none;
	box-shadow: 0 6px 16px rgba(245, 180, 0, .35); transition: transform .15s, box-shadow .15s;
}
.bafi-l a.bafi-l-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(245, 180, 0, .45); color: #000; }

.bafi-l a, .bafi-l a:hover, .bafi-l a * { text-decoration: none !important; }
.bafi-l a.bafi-l-login { text-decoration: underline !important; }

/* Hero – light "product banner" look */
.bafi-l-hero { background: radial-gradient(900px 420px at 25% 60%, #ffffff 0%, transparent 70%), linear-gradient(180deg, #e9ebee 0%, #f6f6f6 100%); padding: 56px 0 64px; border-bottom: 1px solid var(--l-line); }
.bafi-l-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.bafi-l-brand { font-weight: 900; font-style: italic; font-size: 22px; letter-spacing: -.5px; margin-bottom: 14px; }
.bafi-l-brand span { font-style: normal; font-weight: 500; font-size: 13px; background: #ffc400; padding: 2px 10px; border-radius: 4px; margin-inline-start: 6px; letter-spacing: 1px; vertical-align: middle; }
.bafi-l-hero h1 { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.08; font-weight: 900; margin: 0 0 14px; }
.bafi-l-hero-text > p { font-size: clamp(17px, 1.6vw, 21px); color: #333; margin: 0 0 22px; max-width: 560px; }
.bafi-l-icons { display: flex; margin-bottom: 28px; }
.bafi-l-icons div { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 22px; border-inline-start: 1px solid #bbb; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.25; }
.bafi-l-icons div:first-child { border: 0; padding-inline-start: 0; }
.bafi-l-icons svg { width: 34px; height: 34px; color: #000; }
.bafi-l-login { display: block; margin-top: 14px; color: #444; font-size: 15px; text-decoration: underline; }
.bafi-l-hero-visual { position: relative; display: flex; justify-content: center; padding: 10px 0 40px; }
.bafi-l-pcard-hero { width: min(320px, 90%); transform: rotate(-2deg); box-shadow: 0 30px 60px rgba(0, 0, 0, .15) !important; }
.bafi-l-earn-float { position: absolute; bottom: -6px; inset-inline-start: 0; background: #fff; border: 2px solid #ffc400; border-radius: 14px; padding: 14px 18px; box-shadow: 0 16px 40px rgba(0, 0, 0, .15); min-width: 230px; transform: rotate(2deg); }
.bafi-l-earn-float small { display: block; color: #666; font-size: 13px; }
.bafi-l-earn-float b { display: block; font-size: 30px; font-weight: 900; line-height: 1.2; }
.bafi-l-earn-float .bafi-l-earn-link { display: block; margin-top: 6px; font-family: ui-monospace, Consolas, monospace; font-size: 12px; background: #fff8dc; border: 1px dashed #000; border-radius: 6px; padding: 4px 8px; }
@media (max-width: 900px) {
	.bafi-l-hero-grid { grid-template-columns: 1fr; }
	.bafi-l-hero { padding: 36px 0 44px; }
	.bafi-l-hero-visual { display: none; }
}

/* Sections & titles – like "חדש באתר / המוצרים החדשים ביותר" */
.bafi-l-sec { padding: 64px 0; background: #fff; }
.bafi-l-gray { background: var(--l-gray); }
.bafi-l-title { margin-bottom: 32px; }
.bafi-l-title h2 { font-size: clamp(26px, 2.6vw, 34px); font-weight: 800; margin: 0 0 4px; line-height: 1.2; }
.bafi-l-title p { margin: 0; font-size: clamp(16px, 1.5vw, 20px); color: #222; }
.bafi-l-center { text-align: center; }

/* Steps – like the category cards */
.bafi-l-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.bafi-l-step { position: relative; background: var(--l-card); border: 1px solid var(--l-line); border-radius: 12px; padding: 42px 16px 32px; text-align: center; box-shadow: 0 2px 8px rgba(16, 40, 80, .04); transition: transform .15s, box-shadow .15s; }
.bafi-l-step:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(16, 40, 80, .08); }
.bafi-l-step svg { width: 76px; height: 76px; color: var(--l-green); margin-bottom: 18px; }
.bafi-l-step h3 { font-size: 22px; font-weight: 800; margin: 0 0 4px; }
.bafi-l-step p { margin: 0; color: #444; font-size: 15px; }
.bafi-l-num { position: absolute; top: 12px; inset-inline-start: 12px; width: 28px; height: 28px; border-radius: 50%; background: #ffc400; font-weight: 800; font-size: 14px; display: grid; place-items: center; }
@media (max-width: 900px) { .bafi-l-steps { grid-template-columns: 1fr 1fr; gap: 12px; } .bafi-l-step svg { width: 56px; height: 56px; } }

/* Commission banner – dark promo banner with a big number */
.bafi-l-banner { background: radial-gradient(700px 300px at 80% 50%, rgba(0, 255, 200, .10), transparent 70%), radial-gradient(600px 300px at 20% 50%, rgba(255, 196, 0, .12), transparent 70%), #0c0f14; color: #fff; padding: 38px 0; }
.bafi-l-banner-grid { display: flex; align-items: center; gap: 36px; flex-wrap: wrap; justify-content: center; }
.bafi-l-banner-big { font-size: clamp(80px, 10vw, 140px); font-weight: 900; line-height: .9; color: #e8ff3a; letter-spacing: -4px; display: flex; align-items: flex-start; direction: ltr; }
.bafi-l-banner-big small { font-size: 24px; letter-spacing: 0; margin: 12px 0 0 8px; order: 3; color: #fff; direction: rtl; }
.bafi-l-banner-big em { font-style: normal; font-size: .45em; margin-top: .25em; }
.bafi-l-banner-pill { display: inline-block; background: #e8ff3a; color: #000; font-weight: 800; font-size: clamp(20px, 2vw, 28px); padding: 4px 18px; border-radius: 4px; margin-bottom: 10px; }
.bafi-l-banner p { margin: 0; color: #cfd3d8; max-width: 440px; font-size: 16px; }

/* Product cards – like the store's product cards */
.bafi-l-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 900px) { .bafi-l-products { grid-template-columns: 1fr 1fr; gap: 12px; } }
.bafi-l-pcard { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid var(--l-line); border-radius: 10px; padding: 18px 14px 20px; text-decoration: none; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, .04); transition: box-shadow .15s, transform .15s; }
a.bafi-l-pcard:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, .10); transform: translateY(-2px); color: #000; }
.bafi-l-pcard img { width: 100%; max-width: 240px; aspect-ratio: 1; object-fit: contain; margin: 0 auto 10px; display: block; }
.bafi-l-sale { position: absolute; top: 12px; inset-inline-end: 12px; background: #111; color: #fff; font-size: 13px; font-weight: 700; padding: 3px 12px; border-radius: 6px; z-index: 1; }
.bafi-l-sku { color: #9aa0a6; font-size: 13px; letter-spacing: 1px; }
.bafi-l-pname { font-size: 15px; font-weight: 500; line-height: 1.35; margin: 2px 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.bafi-l-price { font-weight: 800; font-size: 18px; margin-bottom: 12px; }
.bafi-l-price del { color: #9aa0a6; font-weight: 400; font-size: 14px; margin-inline-start: 6px; }
.bafi-l-price ins { text-decoration: none; }
.bafi-l-earn { display: inline-block; background: #ffc400; color: #000; border-radius: 8px; padding: 8px 16px; font-weight: 800; font-size: 15px; letter-spacing: .3px; }

/* Features */
.bafi-l-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 900px) { .bafi-l-features { grid-template-columns: 1fr; } }
.bafi-l-feature { display: flex; gap: 16px; align-items: flex-start; background: var(--l-card); border: 1px solid var(--l-line); border-radius: 12px; padding: 22px; }
.bafi-l-feature svg { width: 48px; height: 48px; color: var(--l-green); flex: none; }
.bafi-l-feature h3 { margin: 0 0 4px; font-size: 18px; font-weight: 800; }
.bafi-l-feature p { margin: 0; color: #444; font-size: 15px; }
.bafi-l-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }
.bafi-l-chips span { border: 1px solid var(--l-line); background: #fff; border-radius: 999px; padding: 7px 16px; font-weight: 500; font-size: 14px; }

/* FAQ */
.bafi-l-faq details { background: #fff; border: 1px solid var(--l-line); border-radius: 10px; padding: 16px 20px; margin-bottom: 10px; }
.bafi-l-faq summary { cursor: pointer; font-weight: 700; font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.bafi-l-faq summary::-webkit-details-marker { display: none; }
.bafi-l-faq summary::after { content: '+'; font-size: 22px; line-height: 1; color: var(--l-green); }
.bafi-l-faq details[open] summary::after { content: '–'; }
.bafi-l-faq p { color: #444; margin: 10px 0 0; }

/* Final CTA */
.bafi-l-final { background: #fff; text-align: center; padding: 64px 0 72px; border-top: 1px solid var(--l-line); }
.bafi-l-final h2 { font-size: clamp(28px, 3vw, 40px); font-weight: 900; margin: 0 0 6px; }
.bafi-l-final p { margin: 0 0 24px; font-size: 18px; color: #333; }

/* Keep WooCommerce price markup at our sizes regardless of theme styles */
.bafi .woocommerce-Price-amount, .bafi-box .woocommerce-Price-amount, .bafi-loop-badge .woocommerce-Price-amount { font-size: inherit !important; font-weight: inherit; color: inherit; }
.bafi, .bafi-box, .bafi-teaser, .bafi-fab { font-family: 'Heebo', system-ui, Arial, sans-serif; }

/* ---------- Glowing gold header button: [benda_affiliate_button] ---------- */
a.bafi-gold-btn {
	position: relative; display: inline-flex; align-items: center; gap: 8px; overflow: hidden; isolation: isolate;
	padding: 10px 22px; border-radius: 999px; white-space: nowrap; text-decoration: none;
	font-family: 'Heebo', system-ui, Arial, sans-serif; font-size: 15px; font-weight: 800; line-height: 1.2; color: #1a1200 !important;
	background: linear-gradient(135deg, #fff1a8 0%, #ffd23f 30%, #ffc400 55%, #e0a100 80%, #ffd966 100%);
	border: 1px solid #c99400;
	box-shadow: 0 0 0 0 rgba(255, 196, 0, .7), 0 4px 14px rgba(224, 161, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .7);
	animation: bafi-glow 2.2s ease-in-out infinite;
	transition: transform .15s;
}
a.bafi-gold-btn:hover { transform: translateY(-1px) scale(1.03); color: #000 !important; }
a.bafi-gold-btn::after { /* moving shine */
	content: ''; position: absolute; inset: -40% auto -40% -60%; width: 45%; z-index: -1;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .85), transparent);
	transform: skewX(-20deg); animation: bafi-shine 3s ease-in-out infinite;
}
.bafi-gold-ico { font-size: 17px; }
@keyframes bafi-glow {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255, 196, 0, .65), 0 4px 14px rgba(224, 161, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .7); }
	50% { box-shadow: 0 0 0 7px rgba(255, 196, 0, 0), 0 0 26px 4px rgba(255, 196, 0, .75), inset 0 1px 0 rgba(255, 255, 255, .7); }
}
@keyframes bafi-shine { 0% { left: -60%; } 55%, 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) { a.bafi-gold-btn, a.bafi-gold-btn::after { animation: none; } }

/* ---------- "Before you sign up" summary on the registration form ---------- */
.bafi-before { background: linear-gradient(180deg, #fffbea 0%, #fff 100%); border: 1.5px solid #ffc400; border-radius: 14px; padding: 18px 20px; margin: 18px 0 8px; }
.bafi-before-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; font-size: 17px; }
.bafi-before-head a { font-size: 14px; font-weight: 700; color: #000; text-decoration: underline; }
.bafi-before-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; }
@media (max-width: 600px) { .bafi-before-grid { grid-template-columns: 1fr; } }
.bafi-before-item { display: flex; gap: 10px; align-items: flex-start; }
.bafi-before-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; background: #fff; border: 1px solid #f0e2a8; display: grid; place-items: center; font-size: 18px; }
.bafi-before-item b { display: block; font-size: 15px; }
.bafi-before-item p { margin: 0; font-size: 13px; color: #555; line-height: 1.45; }
.bafi-before-rules { margin: 14px 0 0; padding: 12px 0 0; border-top: 1px dashed #e8d58a; list-style: none; font-size: 13px; color: #444; }
.bafi-before-rules li { position: relative; padding-inline-start: 18px; margin-bottom: 4px; }
.bafi-before-rules li::before { content: '✓'; position: absolute; inset-inline-start: 0; color: #10573f; font-weight: 800; }

/* Free-text box for "other" choices on the registration form */
.bafi-other { display: none; margin-top: 10px; }
.bafi-other.is-on { display: block; animation: bafi-other-in .18s ease-out; }
.bafi .bafi-other input[type=text] { width: 100%; margin: 0; font: inherit; font-size: 15px; padding: 10px 14px; border: 1.5px solid #ffc400; border-radius: 10px; background: #fffdf2; height: auto; }
.bafi .bafi-other input[type=text]:focus { outline: none; border-color: #000; box-shadow: 0 0 0 3px rgba(255, 196, 0, .45); }
.bafi-other.bafi-invalid input[type=text] { border-color: var(--bafi-bad); }
.bafi-other .bafi-err { display: block; margin-top: 4px; }
.bafi-other-row { margin: -8px 0 0; }
.bafi-other-row:has(.bafi-other.is-on) { margin-bottom: 16px; }
@keyframes bafi-other-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
/* 2.0 integration helpers */
.bafi-inline-earn,.bafi-loop-badge{display:inline-flex;align-items:center;gap:4px;background:#ffc400;color:#111;border-radius:999px;padding:6px 11px;font:800 13px/1.2 'Heebo',system-ui,Arial,sans-serif;position:relative;z-index:8}.bafi-inline-earn strong,.bafi-loop-badge strong{font-weight:900}.products .bafi-loop-badge{position:absolute;top:12px;left:12px;right:auto}.bafi-box{width:100%;max-width:none}

/* Benda Affiliates 2.1 — store integration */
.bafi-loop-badge,.bafi-dynamic-earn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:calc(100% - 24px)!important;background:#ffc400!important;color:#111!important;border:0!important;border-radius:999px!important;padding:7px 12px!important;font-size:13px!important;line-height:1!important;font-weight:900!important;box-shadow:0 5px 16px rgba(0,0,0,.08)!important;z-index:12!important;direction:rtl!important;white-space:nowrap!important}
.bafi-dynamic-earn{position:absolute!important;top:14px!important;left:14px!important;margin:0!important}
.bafi-product-card-host{position:relative!important}
.bafi-inline-earn{display:inline-flex;align-items:center;gap:5px;background:#ffc400;color:#111;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;line-height:1}
.bafi-inline-earn strong{font-weight:950}
/* Cleaner affiliate front-end pages */
.bafi-dashboard,.bafi-landing,.bafi-register-wrap{font-family:"Noto Sans Hebrew",Arial,sans-serif!important;color:#111}
.bafi-dashboard{max-width:1180px!important;margin:36px auto 70px!important;padding:0 18px!important}
.bafi-dashboard .bafi-card,.bafi-dashboard section{border-radius:18px!important;border:1px solid #e7e7e7!important;box-shadow:0 10px 35px rgba(0,0,0,.045)!important}
.bafi-box{border:1px solid #ffd24a!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(0,0,0,.05)!important}
@media(max-width:767px){.bafi-dynamic-earn{top:9px!important;left:9px!important;font-size:11px!important;padding:6px 9px!important}.bafi-loop-badge{font-size:11px!important;padding:6px 9px!important}}

/* Benda Affiliates 2.2 — polished application experience */
.bafi{width:min(1240px,calc(100% - 32px));margin:32px auto 56px!important;font-family:"Noto Sans Hebrew",Heebo,Arial,sans-serif;direction:rtl}.bafi>.bafi-card:first-child{margin-top:0}.bafi-card{border:1px solid #e4e6e9;border-radius:20px;box-shadow:0 10px 34px rgba(16,24,40,.055);padding:28px}.bafi-dash-head{background:#101114;color:#fff;border-radius:20px;padding:25px 28px;align-items:center;margin-bottom:16px}.bafi-dash-head h2{color:#fff!important}.bafi-dash-head .bafi-muted{color:#c1c4ca}.bafi-dash-head .bafi-badge-active{background:#ebc11e;color:#111}.bafi-periods{background:#27292d}.bafi-periods a{color:#d8d9dd;text-decoration:none}.bafi-periods a.is-active{background:#ebc11e!important;color:#111!important;box-shadow:none!important}.bafi-stats{gap:12px}.bafi-stat{border:1px solid #e4e6e9!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important;padding:18px!important}.bafi-stat span{font-weight:700;color:#737780}.bafi-stat b{font-size:27px!important}.bafi-link-card{border-radius:20px;background:#101114;padding:28px}.bafi-link-card .bafi-btn{background:#ebc11e}.bafi-link-card .bafi-copy-row input[type]{border-style:solid;background:#191b1f}.bafi-table th{background:#f7f8f9!important;color:#626771!important;padding:12px 10px!important}.bafi-table td{padding:13px 10px!important}.bafi-table tr:hover td{background:#fffdf5}.bafi-chart{height:180px;padding-top:10px}.bafi-chart-col i{border-radius:5px 5px 0 0}.bafi-form{max-width:900px}.bafi-form.bafi-card{padding:34px}.bafi-form-title{font-size:30px}.bafi-field>label,.bafi-lbl{font-weight:800}.bafi .bafi-field input:not([type=checkbox]):not([type=radio]),.bafi .bafi-field select,.bafi .bafi-field textarea{border:1px solid #dfe2e6;border-radius:11px;padding:12px 14px}.bafi .bafi-field input:focus,.bafi .bafi-field select:focus,.bafi .bafi-field textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(235,193,30,.3)}.bafi-num{background:#ebc11e}.bafi-box{border:1px solid #e2c13f;border-right:5px solid #ebc11e;border-radius:16px;box-shadow:0 8px 26px rgba(16,24,40,.06);padding:18px 20px}.bafi-box-amount small{background:#fff4c2}.bafi-loop-badge{background:#ebc11e;padding:5px 10px;border-radius:8px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.08)}
@media(max-width:700px){.bafi{width:min(100% - 20px,1240px);margin-top:18px!important}.bafi-dash-head{padding:20px;align-items:flex-start}.bafi-periods{width:100%;overflow:auto}.bafi-periods a{flex:1;text-align:center;white-space:nowrap}.bafi-card,.bafi-form.bafi-card,.bafi-link-card{padding:20px}.bafi-stats{grid-template-columns:1fr 1fr!important}.bafi-stat b{font-size:23px!important}}@media(max-width:480px){.bafi-stats{grid-template-columns:1fr!important}}

/* 2.4 — precision / Apple-like UI */
.bafi, .bafi-box, .bafi-teaser, .bafi-loop-badge, .bafi-fab, .bafi-toast {
  --bafi-yellow:#f5c400; --bafi-ink:#0b0b0c; --bafi-ink-2:#1d1d1f; --bafi-muted:#6e6e73;
  --bafi-line:#e5e5e7; --bafi-soft:#f5f5f7; --bafi-r:18px; --bafi-shadow:0 18px 50px rgba(0,0,0,.06);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
}
.bafi { max-width:1240px; margin-inline:auto; letter-spacing:-.01em; }
.bafi-card,.bafi-link-card,.bafi-stat,.bafi-box { background:rgba(255,255,255,.96); border:1px solid var(--bafi-line); box-shadow:none; border-radius:20px; }
.bafi-card,.bafi-link-card { padding:24px; }
.bafi h1,.bafi h2,.bafi h3,.bafi-form-title { letter-spacing:-.035em; font-weight:700; }
.bafi-btn { min-height:44px; border-radius:12px; font-weight:650; box-shadow:none; transition:transform .15s ease,background .15s ease,border-color .15s ease; }
.bafi-btn:hover { transform:translateY(-1px); }
.bafi input,.bafi select,.bafi textarea,.bafi-copy-row input { border:1px solid #d2d2d7!important; background:#fff!important; border-radius:12px!important; min-height:46px; box-shadow:none!important; }
.bafi input:focus,.bafi select:focus,.bafi textarea:focus { border-color:#86868b!important; box-shadow:0 0 0 3px rgba(0,0,0,.06)!important; outline:0; }
.bafi-dash-head { padding:8px 2px 18px; border-bottom:1px solid var(--bafi-line); margin-bottom:20px; }
.bafi-stats { gap:12px; }
.bafi-stat b { font-size:28px; letter-spacing:-.04em; }
.bafi-periods { background:var(--bafi-soft); border-radius:12px; padding:4px; }
.bafi-periods a { border-radius:9px!important; border:0!important; }
.bafi-periods a.is-active { background:#fff!important; color:#111!important; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.bafi-welcome { background:#f5f5f7!important; border:1px solid var(--bafi-line)!important; color:var(--bafi-ink)!important; border-radius:18px!important; }
.bafi-tip { background:transparent!important; border:0!important; padding:8px 0 0!important; color:var(--bafi-muted)!important; }
.bafi-form { max-width:680px; margin:48px auto; padding:34px!important; }
.bafi-before { background:var(--bafi-soft)!important; border:0!important; border-radius:16px!important; }
.bafi-box-excluded { display:flex; align-items:center; gap:14px; padding:18px 20px; background:#f5f5f7; color:#1d1d1f; }
.bafi-box-excluded .bafi-excluded-mark { width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-size:20px;font-weight:700; }
.bafi-box-excluded strong { display:block; font-size:15px; margin-bottom:2px; }
.bafi-box-excluded span { display:block; color:#6e6e73; font-size:13px; }
.bafi-gen-err-critical { display:block!important; margin-top:10px; padding:12px 14px; border-radius:12px; background:#fff2f2; color:#b42318!important; border:1px solid #ffd6d6; font-weight:650; }
@media(max-width:700px){.bafi-form{margin:20px auto;padding:22px!important}.bafi-card,.bafi-link-card{padding:18px}.bafi-stat b{font-size:24px}}


/* 2.5 — minimal Apple/SaaS registration + landing */
.bafi-form{max-width:760px!important;margin:54px auto!important;padding:42px!important;border:1px solid #e5e5e7!important;border-radius:28px!important;background:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.055)!important}
.bafi-form-title{font-size:38px!important;line-height:1.08!important;margin:0 0 10px!important;color:#1d1d1f!important}.bafi-form>.bafi-muted{font-size:16px!important;line-height:1.6!important;color:#6e6e73!important;margin-bottom:30px!important}
.bafi-before{background:#f5f5f7!important;border:0!important;border-radius:22px!important;padding:24px!important;margin:0 0 30px!important}.bafi-before-head{padding-bottom:18px!important;border-bottom:1px solid #dedee2!important}.bafi-before-head b{font-size:17px!important}.bafi-before-head a{color:#1d1d1f!important;font-weight:600!important}.bafi-before-grid{gap:0!important}.bafi-before-item{padding:20px 0!important;border-bottom:1px solid #dedee2!important}.bafi-before-item:nth-last-child(-n+2){border-bottom:0!important}.bafi-before-ico{width:44px!important;height:44px!important;border-radius:13px!important;background:#fff!important;border:1px solid #dedee2!important;color:#1d1d1f!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important}.bafi-before-item b{font-size:15px!important}.bafi-before-item p{color:#6e6e73!important;line-height:1.55!important}.bafi-before-rules{border-top:1px solid #dedee2!important;padding-top:18px!important;color:#515154!important}
.bafi-form fieldset{border:0!important;border-top:1px solid #e5e5e7!important;border-radius:0!important;padding:30px 0 6px!important;margin:24px 0!important;background:transparent!important}.bafi-form legend{padding:0 0 14px!important;font-size:20px!important;font-weight:700!important;color:#1d1d1f!important}.bafi-num{background:#1d1d1f!important;color:#fff!important;width:28px!important;height:28px!important;font-size:12px!important}
.bafi-form .bafi-options{gap:8px!important}.bafi-form .bafi-opt span{background:#fff!important;border:1px solid #d2d2d7!important;border-radius:12px!important;box-shadow:none!important}.bafi-form .bafi-opt input:checked+span{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important}.bafi-form .bafi-btn-lg{width:100%!important;background:#1d1d1f!important;color:#fff!important;border-radius:14px!important;min-height:52px!important;font-size:16px!important}.bafi-form .bafi-btn-lg:hover{background:#000!important}.bafi-check{background:#f5f5f7!important;border:1px solid transparent!important;border-radius:14px!important;padding:14px 16px!important;margin-bottom:8px!important}.bafi-check a{color:#1d1d1f!important;text-decoration:underline!important;text-underline-offset:3px}.bafi-terms{background:#fff!important;border:1px solid #e5e5e7!important;border-radius:14px!important;margin:10px 0 22px!important}.bafi-invalid input,.bafi-invalid select,.bafi-invalid textarea,.bafi-invalid .bafi-check{border-color:#ff3b30!important}.bafi-err{color:#d70015!important;font-weight:600!important}
.bafi-l-hero{background:#fff!important;border-bottom:1px solid #e5e5e7!important}.bafi-l-brand{color:#6e6e73!important}.bafi-l-hero-text h1{color:#1d1d1f!important;letter-spacing:-.05em!important}.bafi-l-cta{background:#1d1d1f!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}.bafi-l-banner{background:#f5f5f7!important;color:#1d1d1f!important}.bafi-l-banner-pill{background:#fff!important;color:#1d1d1f!important;border:1px solid #e5e5e7!important}.bafi-l-banner-variable{font-size:28px!important;line-height:1.05!important}.bafi-l-banner-variable small,.bafi-l-banner-variable strong{display:block!important}.bafi-l-banner-variable strong{font-size:42px!important;letter-spacing:-.05em!important}.bafi-l-final{background:#1d1d1f!important}.bafi-l-final .bafi-l-cta{background:#fff!important;color:#1d1d1f!important}
.bafi-error-modal{position:fixed;inset:0;z-index:9999999;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .18s ease}.bafi-error-modal.is-open{opacity:1;pointer-events:auto}.bafi-error-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bafi-error-dialog{position:relative;width:min(420px,calc(100% - 32px));background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:28px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.22);transform:scale(.96);transition:transform .18s ease;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;direction:rtl}.bafi-error-modal.is-open .bafi-error-dialog{transform:scale(1)}.bafi-error-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fff1f0;color:#d70015;font-size:22px;font-weight:700}.bafi-error-dialog h3{font-size:21px;margin:0 0 8px;color:#1d1d1f}.bafi-error-dialog p{font-size:14px;line-height:1.6;color:#6e6e73;margin:0 0 20px}.bafi-error-dialog button{width:100%;height:46px;border:0;border-radius:12px;background:#1d1d1f;color:#fff;font-weight:650;cursor:pointer}
.bafi-email-template{border:1px solid #e5e5e7;border-radius:14px;margin:12px 0;background:#fff;overflow:hidden}.bafi-email-template summary{cursor:pointer;padding:16px 18px;font-weight:700}.bafi-email-template>label{padding:0 18px 16px}.bafi-email-template textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left;min-height:180px}
@media(max-width:700px){.bafi-form{padding:24px!important;margin:20px auto!important;border-radius:22px!important}.bafi-form-title{font-size:30px!important}.bafi-before{padding:18px!important}.bafi-before-grid{grid-template-columns:1fr!important}.bafi-before-item{border-bottom:1px solid #dedee2!important}.bafi-l-banner-variable strong{font-size:34px!important}}


/* =========================================================
   Benda Affiliates 2.6 — Design Engineering system
   Calm, dense, responsive. Motion only where it communicates.
   ========================================================= */
:root{
  --bafi-bg:#f5f5f7;
  --bafi-surface:#ffffff;
  --bafi-surface-2:#f9f9fb;
  --bafi-text:#1d1d1f;
  --bafi-muted:#6e6e73;
  --bafi-subtle:#86868b;
  --bafi-line:rgba(0,0,0,.08);
  --bafi-line-strong:rgba(0,0,0,.14);
  --bafi-accent:#111111;
  --bafi-success:#16794b;
  --bafi-danger:#b42318;
  --bafi-warning:#9a6700;
  --bafi-radius:18px;
  --bafi-radius-sm:12px;
  --bafi-shadow:0 1px 2px rgba(0,0,0,.03),0 12px 34px rgba(0,0,0,.05);
  --bafi-ease-out:cubic-bezier(.23,1,.32,1);
  --bafi-ease-in-out:cubic-bezier(.77,0,.175,1);
}
.bafi,.bafi *{box-sizing:border-box}
.bafi{
  direction:rtl;color:var(--bafi-text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Heebo","Noto Sans Hebrew",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.bafi a{color:inherit}
.bafi-card,.bafi-link-card,.bafi-welcome{
  background:var(--bafi-surface)!important;border:1px solid var(--bafi-line)!important;
  border-radius:var(--bafi-radius)!important;box-shadow:none!important;
}
.bafi-card{padding:24px!important}
.bafi-card h2,.bafi-card h3,.bafi-link-card h3{letter-spacing:-.02em;color:var(--bafi-text)!important}
.bafi-muted,.bafi-hint,.bafi-tip{color:var(--bafi-muted)!important}
.bafi-btn,.bafi input[type=submit],.bafi button[type=submit]{
  min-height:44px!important;border-radius:12px!important;border:1px solid #111!important;
  background:#111!important;color:#fff!important;font-weight:650!important;
  box-shadow:none!important;transition:transform 140ms var(--bafi-ease-out),background-color 140ms ease,border-color 140ms ease,opacity 140ms ease!important;
}
.bafi-btn:active,.bafi input[type=submit]:active,.bafi button[type=submit]:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
 .bafi-btn:hover,.bafi input[type=submit]:hover,.bafi button[type=submit]:hover{background:#2b2b2d!important}
}
.bafi input:not([type=checkbox]):not([type=radio]),.bafi select,.bafi textarea{
  border:1px solid var(--bafi-line-strong)!important;background:#fff!important;color:var(--bafi-text)!important;
  border-radius:12px!important;box-shadow:0 0 0 0 transparent!important;min-height:46px!important;
  transition:border-color 140ms ease,box-shadow 140ms ease!important;
}
.bafi textarea{min-height:110px!important}
.bafi input:focus,.bafi select:focus,.bafi textarea:focus{
  outline:0!important;border-color:#6e6e73!important;box-shadow:0 0 0 4px rgba(0,0,0,.055)!important;
}

/* Landing — product page, not a campaign flyer */
.bafi-l{background:#fff!important;color:var(--bafi-text)!important}
.bafi-l .bafi-l-wrap{max-width:1180px!important;padding-left:24px!important;padding-right:24px!important}
.bafi-l-hero{
  background:#fff!important;border-bottom:1px solid var(--bafi-line)!important;
  padding:96px 0 88px!important;overflow:hidden;
}
.bafi-l-hero-grid{gap:72px!important;align-items:center!important}
.bafi-l-brand{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  font-size:13px!important;font-weight:700!important;letter-spacing:.02em!important;
  border:1px solid var(--bafi-line)!important;background:var(--bafi-surface-2)!important;
  padding:7px 11px!important;border-radius:999px!important;color:var(--bafi-text)!important;
}
.bafi-l-brand span{color:var(--bafi-muted)!important}
.bafi-l-hero h1{
  max-width:720px!important;font-size:clamp(44px,5.4vw,76px)!important;line-height:.98!important;
  letter-spacing:-.055em!important;font-weight:760!important;margin:24px 0 24px!important;
}
.bafi-l-hero-text>p{font-size:20px!important;line-height:1.6!important;color:var(--bafi-muted)!important;max-width:650px!important}
.bafi-l-icons{gap:10px!important;margin:32px 0!important}
.bafi-l-icons>div{
  background:transparent!important;border:0!important;border-left:1px solid var(--bafi-line)!important;
  border-radius:0!important;padding:4px 18px!important;box-shadow:none!important;
}
.bafi-l-icons>div:last-child{border-left:0!important}
.bafi-l-icons svg{width:24px!important;height:24px!important;color:var(--bafi-text)!important}
.bafi-l-icons span{font-size:13px!important;color:var(--bafi-muted)!important}
.bafi-l-cta{
  min-height:48px!important;padding:0 20px!important;border-radius:12px!important;background:#111!important;color:#fff!important;
  border:1px solid #111!important;box-shadow:none!important;font-weight:650!important;
  transition:transform 140ms var(--bafi-ease-out),background-color 140ms ease!important;
}
.bafi-l-cta:active{transform:scale(.97)!important}
.bafi-l-login{color:var(--bafi-muted)!important;text-decoration:none!important;border-bottom:1px solid var(--bafi-line-strong)!important}
.bafi-l-hero-visual{filter:none!important}
.bafi-l-pcard,.bafi-l-pcard-hero{
  border:1px solid var(--bafi-line)!important;border-radius:22px!important;background:#fff!important;
  box-shadow:var(--bafi-shadow)!important;transform:none!important;
}
.bafi-l-earn-float{
  border:1px solid var(--bafi-line)!important;background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.10)!important;
}
.bafi-l-sale,.bafi-l-earn,.bafi-l-banner-pill{background:#111!important;color:#fff!important;border:0!important}
.bafi-l-sec{padding:88px 0!important;background:#fff!important}
.bafi-l-gray{background:var(--bafi-bg)!important}
.bafi-l-title h2{font-size:clamp(32px,4vw,48px)!important;letter-spacing:-.045em!important;font-weight:740!important}
.bafi-l-title p{font-size:16px!important;color:var(--bafi-muted)!important}
.bafi-l-steps,.bafi-l-features{gap:12px!important}
.bafi-l-step,.bafi-l-feature{
  border:1px solid var(--bafi-line)!important;background:#fff!important;border-radius:18px!important;
  box-shadow:none!important;transition:transform 180ms var(--bafi-ease-out),border-color 180ms ease!important;
}
@media(hover:hover) and (pointer:fine){
 .bafi-l-step:hover,.bafi-l-feature:hover{transform:translateY(-2px)!important;border-color:var(--bafi-line-strong)!important}
}
.bafi-l-step svg,.bafi-l-feature svg{color:#111!important}
.bafi-l-num{background:var(--bafi-bg)!important;color:var(--bafi-muted)!important;border:1px solid var(--bafi-line)!important}
.bafi-l-banner{
  background:#111!important;color:#fff!important;padding:56px 0!important;border:0!important;
}
.bafi-l-banner-grid{align-items:center!important}
.bafi-l-banner-big{
  background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;
  padding:0!important;min-width:0!important;
}
.bafi-l-banner-big small{color:#a1a1a6!important}
.bafi-l-banner-big strong{color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important}
.bafi-l-banner-pill{display:none!important}
.bafi-l-banner p{color:#c7c7cc!important;max-width:600px!important}
.bafi-l-banner .bafi-l-cta{background:#fff!important;color:#111!important;border-color:#fff!important}
.bafi-l-products{gap:14px!important}
.bafi-l-pcard{transition:transform 180ms var(--bafi-ease-out),box-shadow 180ms ease!important}
@media(hover:hover) and (pointer:fine){.bafi-l-pcard:hover{transform:translateY(-3px)!important;box-shadow:0 16px 44px rgba(0,0,0,.08)!important}}
.bafi-l-faq details{border:0!important;border-bottom:1px solid var(--bafi-line)!important;border-radius:0!important;background:transparent!important}
.bafi-l-faq summary{font-weight:650!important;padding:20px 0!important}
.bafi-l-faq details p{color:var(--bafi-muted)!important;padding:0 0 20px!important}

/* Registration — single quiet task */
.bafi-register{max-width:820px!important;margin:48px auto 80px!important}
.bafi-register .bafi-reg-head{text-align:center!important;margin-bottom:34px!important}
.bafi-register .bafi-reg-head h1,.bafi-register h1{
  font-size:clamp(36px,5vw,54px)!important;letter-spacing:-.045em!important;line-height:1.05!important;
}
.bafi-register .bafi-reg-head p{color:var(--bafi-muted)!important;font-size:16px!important}
.bafi-register .bafi-card,.bafi-register form{
  border-radius:22px!important;border-color:var(--bafi-line)!important;box-shadow:var(--bafi-shadow)!important;
}
.bafi-register .bafi-field label{font-weight:620!important;color:var(--bafi-text)!important}
.bafi-register .bafi-field small{color:var(--bafi-muted)!important}
.bafi-register .bafi-choice,.bafi-register .bafi-check{
  border:1px solid var(--bafi-line)!important;border-radius:14px!important;background:#fff!important;
  transition:border-color 140ms ease,background-color 140ms ease,transform 140ms var(--bafi-ease-out)!important;
}
.bafi-register .bafi-choice:active,.bafi-register .bafi-check:active{transform:scale(.985)}
.bafi-register .bafi-choice:has(input:checked),.bafi-register .bafi-check:has(input:checked){
  border-color:#111!important;background:#f7f7f8!important;box-shadow:inset 0 0 0 1px #111!important;
}

/* Dashboard — information hierarchy over decoration */
.bafi:not(.bafi-landing):not(.bafi-register){max-width:1180px;margin:36px auto 72px;padding:0 22px}
.bafi-dash-head{padding:12px 2px 22px!important;border-bottom:1px solid var(--bafi-line)!important;margin-bottom:20px!important}
.bafi-dash-head h2{font-size:34px!important;letter-spacing:-.035em!important;margin-bottom:7px!important}
.bafi-periods{background:var(--bafi-bg)!important;padding:4px!important;border-radius:11px!important;border:1px solid var(--bafi-line)!important}
.bafi-periods a{border-radius:8px!important;color:var(--bafi-muted)!important;transition:background-color 120ms ease,color 120ms ease!important}
.bafi-periods a.is-active{background:#fff!important;color:#111!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
.bafi-stats{gap:10px!important}
.bafi-stat{
  border:1px solid var(--bafi-line)!important;border-radius:16px!important;background:#fff!important;
  box-shadow:none!important;padding:20px!important;
}
.bafi-stat span{color:var(--bafi-muted)!important;font-size:12px!important}
.bafi-stat b{font-size:30px!important;letter-spacing:-.035em!important}
.bafi-link-card{padding:24px!important}
.bafi-copy-row{gap:8px!important}
.bafi-chart{background:var(--bafi-surface-2)!important;border:1px solid var(--bafi-line)!important;border-radius:14px!important}
.bafi-table-wrap{border:1px solid var(--bafi-line)!important;border-radius:14px!important;overflow:auto!important}
.bafi-table{border-collapse:collapse!important}
.bafi-table th{background:var(--bafi-surface-2)!important;color:var(--bafi-muted)!important;font-size:12px!important;font-weight:620!important}
.bafi-table td,.bafi-table th{border-bottom:1px solid var(--bafi-line)!important}
.bafi-badge{border-radius:999px!important;font-weight:620!important}
.bafi-badge-active,.bafi-badge-approved{background:#eef8f3!important;color:var(--bafi-success)!important}

/* Product affiliate surface */
.bafi-product-box{
  border:1px solid var(--bafi-line)!important;background:#fff!important;border-radius:16px!important;
  box-shadow:none!important;
}

/* Modal / errors — centered, brief, unmistakable */
.bafi-modal-backdrop,.bafi-error-modal-backdrop{
  background:rgba(0,0,0,.32)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.bafi-modal,.bafi-error-modal{
  border:1px solid rgba(255,255,255,.5)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 24px 80px rgba(0,0,0,.18)!important;
  transition:opacity 180ms ease,transform 180ms var(--bafi-ease-out)!important;
}
@starting-style{
  .bafi-modal,.bafi-error-modal{opacity:0;transform:scale(.97)}
}

/* Responsive */
@media(max-width:760px){
  .bafi-l-hero{padding:58px 0 48px!important}
  .bafi-l-hero-grid{gap:38px!important}
  .bafi-l-hero h1{font-size:44px!important}
  .bafi-l-hero-text>p{font-size:17px!important}
  .bafi-l-icons{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .bafi-l-icons>div{padding:4px 8px!important}
  .bafi-l-sec{padding:58px 0!important}
  .bafi-register{margin-top:24px!important;padding:0 14px!important}
  .bafi:not(.bafi-landing):not(.bafi-register){padding:0 12px;margin-top:20px}
  .bafi-dash-head{align-items:flex-start!important}
  .bafi-periods{width:100%;overflow:auto}
  .bafi-card{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .bafi *{scroll-behavior:auto!important}
  .bafi-btn,.bafi-l-cta,.bafi-l-step,.bafi-l-feature,.bafi-l-pcard,.bafi-modal,.bafi-error-modal{transition:opacity 120ms ease,background-color 120ms ease,border-color 120ms ease!important;transform:none!important}
}


/* =========================================================
   Benda Affiliates 2.8 — production correction pass
   ========================================================= */
.bafi-ltr{
 direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important;white-space:nowrap!important;
}

/* Theme-proof white text on all intentional dark surfaces */
.bafi-l .bafi-l-banner,
.bafi-l .bafi-l-final{background:#111!important;color:#fff!important}
.bafi-l .bafi-l-banner h1,.bafi-l .bafi-l-banner h2,.bafi-l .bafi-l-banner h3,
.bafi-l .bafi-l-banner strong,.bafi-l .bafi-l-banner b,
.bafi-l .bafi-l-final h1,.bafi-l .bafi-l-final h2,.bafi-l .bafi-l-final h3,
.bafi-l .bafi-l-final strong,.bafi-l .bafi-l-final b{
 color:#fff!important;-webkit-text-fill-color:#fff!important
}
.bafi-l .bafi-l-banner p,.bafi-l .bafi-l-banner small,
.bafi-l .bafi-l-final p,.bafi-l .bafi-l-final small{
 color:rgba(255,255,255,.72)!important;-webkit-text-fill-color:rgba(255,255,255,.72)!important
}
.bafi-l .bafi-l-banner .bafi-l-cta,.bafi-l .bafi-l-final .bafi-l-cta{
 background:#fff!important;border-color:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important
}
.bafi-l .bafi-l-banner .bafi-l-cta *,.bafi-l .bafi-l-final .bafi-l-cta *{
 color:#111!important;-webkit-text-fill-color:#111!important
}

/* Compact circular selection controls */
.bafi input[type=checkbox],.bafi input[type=radio],
.bafi-register input[type=checkbox],.bafi-register input[type=radio]{
 -webkit-appearance:none!important;appearance:none!important;
 width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 max-width:18px!important;max-height:18px!important;padding:0!important;margin:1px 0 0!important;
 border:1.5px solid #8e8e93!important;border-radius:50%!important;background:#fff!important;
 box-shadow:none!important;display:inline-grid!important;place-content:center!important;flex:0 0 18px!important;
 transition:border-color 140ms ease,transform 120ms cubic-bezier(.23,1,.32,1)!important
}
.bafi input[type=checkbox]::before,.bafi input[type=radio]::before,
.bafi-register input[type=checkbox]::before,.bafi-register input[type=radio]::before{
 content:""!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#111!important;
 transform:scale(0)!important;transition:transform 120ms cubic-bezier(.23,1,.32,1)!important;margin:0!important
}
.bafi input[type=checkbox]:checked::before,.bafi input[type=radio]:checked::before,
.bafi-register input[type=checkbox]:checked::before,.bafi-register input[type=radio]:checked::before{transform:scale(1)!important}
.bafi input[type=checkbox]:checked,.bafi input[type=radio]:checked{border-color:#111!important}
.bafi input[type=checkbox]:focus-visible,.bafi input[type=radio]:focus-visible{outline:3px solid rgba(0,0,0,.1)!important;outline-offset:3px!important}

/* Consent rows */
.bafi-register .bafi-check{
 display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 0!important;
 min-height:0!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.07)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.bafi-register .bafi-check:has(input:checked){background:transparent!important;box-shadow:none!important;border-color:rgba(0,0,0,.07)!important}

/* Landing closer to approved mockup */
.bafi-l{background:#fff!important;overflow:hidden!important}
.bafi-l .bafi-l-wrap{max-width:1240px!important}
.bafi-l-hero{
 padding:88px 0 92px!important;
 background:radial-gradient(circle at 24% 45%,rgba(0,0,0,.035),transparent 31%),linear-gradient(180deg,#fff 0%,#fbfbfc 100%)!important;
 border-bottom:1px solid rgba(0,0,0,.07)!important
}
.bafi-l-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;gap:70px!important}
.bafi-l-hero h1{font-size:clamp(48px,5vw,72px)!important;letter-spacing:-.055em!important;line-height:.98!important}
.bafi-l-hero-text>p{font-size:19px!important;line-height:1.65!important;color:#6e6e73!important}
.bafi-l-hero-visual{min-height:410px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.bafi-l-pcard-hero{box-shadow:0 30px 80px rgba(0,0,0,.10)!important}
.bafi-l-sec{padding:78px 0!important}
.bafi-l-gray{background:#f5f5f7!important}
.bafi-l-step,.bafi-l-feature,.bafi-l-pcard{border-color:rgba(0,0,0,.075)!important;box-shadow:0 1px 2px rgba(0,0,0,.015)!important}
.bafi-l-faq{background:#f5f5f7!important;border-radius:24px!important;padding:18px 32px!important}
.bafi-l-faq details{background:transparent!important}
.bafi-l-final{background:#111!important;border-radius:22px!important;overflow:hidden!important}

/* Payment/document area */
.bafi-payment-doc-note{
 padding:14px 16px!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;
 background:#f9f9fb!important;color:#6e6e73!important;font-size:13px!important;line-height:1.65!important
}

@media(max-width:760px){
 .bafi-l-hero-grid{grid-template-columns:1fr!important}
 .bafi-l-hero{padding:58px 0 52px!important}
 .bafi-l-hero-visual{min-height:300px!important}
 .bafi-l-faq{padding:10px 18px!important;border-radius:18px!important}
}


/* === 2.8.1 definitive visual fixes === */
.bafi-l .bafi-l-brand{
  direction:ltr!important;unicode-bidi:isolate!important;
  display:inline-flex!important;align-items:center!important;gap:0!important;
  padding:4px!important;margin:0 0 22px!important;
  background:#f5f5f7!important;border:1px solid rgba(0,0,0,.10)!important;
  border-radius:999px!important;font-style:normal!important;font-size:14px!important;
  box-shadow:none!important;overflow:hidden!important;
}
.bafi-l .bafi-l-brand strong{
  order:1!important;padding:8px 13px!important;color:#111!important;-webkit-text-fill-color:#111!important;
  font-style:italic!important;font-size:15px!important;font-weight:800!important;line-height:1!important;
}
.bafi-l .bafi-l-brand span{
  order:2!important;margin:0!important;padding:8px 13px!important;border-radius:999px!important;
  background:#ffc400!important;color:#111!important;-webkit-text-fill-color:#111!important;
  font-style:normal!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;line-height:1!important;
}

/* Dark CTA areas: defeat Elementor/theme heading rules */
body .bafi-l .bafi-l-banner,
body .bafi-l .bafi-l-final{background:#151515!important}
body .bafi-l .bafi-l-banner h1,body .bafi-l .bafi-l-banner h2,body .bafi-l .bafi-l-banner h3,
body .bafi-l .bafi-l-banner h4,body .bafi-l .bafi-l-banner b,body .bafi-l .bafi-l-banner strong,
body .bafi-l .bafi-l-final h1,body .bafi-l .bafi-l-final h2,body .bafi-l .bafi-l-final h3,
body .bafi-l .bafi-l-final h4,body .bafi-l .bafi-l-final b,body .bafi-l .bafi-l-final strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body .bafi-l .bafi-l-banner p,body .bafi-l .bafi-l-banner small,
body .bafi-l .bafi-l-final p,body .bafi-l .bafi-l-final small{
  color:#c7c7cc!important;-webkit-text-fill-color:#c7c7cc!important;
}

/* Every affiliate checkbox/radio is a small circular control */
body .bafi input[type="checkbox"],body .bafi input[type="radio"]{
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;width:18px!important;height:18px!important;
  min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;
  padding:0!important;margin:2px 0 0!important;border:1.5px solid #8e8e93!important;border-radius:999px!important;
  background:#fff!important;background-image:none!important;box-shadow:none!important;
  display:inline-grid!important;place-items:center!important;flex:0 0 18px!important;
}
body .bafi input[type="checkbox"]::before,body .bafi input[type="radio"]::before{
  content:""!important;display:block!important;width:8px!important;height:8px!important;
  margin:0!important;border:0!important;border-radius:999px!important;background:#111!important;
  transform:scale(0)!important;transition:transform 120ms cubic-bezier(.23,1,.32,1)!important;
}
body .bafi input[type="checkbox"]:checked::before,body .bafi input[type="radio"]:checked::before{transform:scale(1)!important}

/* Registration source markup uses .bafi-form, not .bafi-register */
body .bafi .bafi-form{max-width:920px!important;margin:42px auto 72px!important;padding:34px!important;border-radius:24px!important}
body .bafi .bafi-form-title{font-size:clamp(32px,4vw,48px)!important;letter-spacing:-.04em!important;margin-bottom:8px!important}
body .bafi .bafi-before{background:#f5f5f7!important;border:0!important;border-radius:20px!important;padding:24px!important}
body .bafi .bafi-before-item{background:transparent!important;border:0!important;box-shadow:none!important}
body .bafi .bafi-before-ico{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#111!important;
}