/* =========================================================================
   bpx-ad — תיאור המוצר. זה המקום שבו מחליטים אם להזמין, ולכן הוא בנוי
   כדף מכירה קצר: הבטחה, הוכחה, תהליך, מחיר, התנגדויות, פעולה.
   ========================================================================= */

.bpx-ad {
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--bp-body);
	max-width: 860px;
}
.bpx-ad p { margin: 0 0 16px; }
.bpx-ad strong { color: var(--bp-ink); }

/* ---------- פתיח ---------- */
.bpx-ad-lead {
	font-size: 17.5px;
	line-height: 1.7;
	color: var(--bp-ink);
	font-weight: 500;
	padding: 0 0 4px;
}

/* ---------- רצועת הביטחון ---------- */
.bpx-ad-trust {
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
	display: grid;
	/* ארבעה כרטיסים בשורה אחת ברוחב מלא — ב-240px הרביעי נשאר יתום בשורה */
	grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
	gap: 10px;
}
.bpx-ad-trust li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 0;
	padding: 13px 14px;
	background: linear-gradient(180deg, #fff, #fbfaff);
	border: 1px solid var(--bp-line);
	border-radius: 14px;
	font-size: 13.8px;
	line-height: 1.5;
}
.bpx-ad-trust li::marker { content: none; }
.bpx-ad-trust-ico {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--bp-primary-l);
	color: var(--bp-primary);
}
.bpx-ad-trust-ico .bpx-i { width: 18px; height: 18px; }
.bpx-ad-trust strong { display: block; font-size: 14.5px; font-weight: 700; color: var(--bp-ink); }

/* ---------- מקטע ---------- */
.bpx-ad-sec { margin: 0 0 28px; }
.bpx-ad-h {
	font-size: 21px;
	font-weight: 800;
	color: var(--bp-ink);
	margin: 0 0 14px;
	padding-inline-start: 14px;
	position: relative;
	line-height: 1.35;
}
.bpx-ad-h::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: .18em;
	bottom: .18em;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--bp-primary), var(--bp-accent, #c026d3));
}

/* ---------- סימנים / למה אצלנו ---------- */
.bpx-ad-signs {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 8px 18px;
}
.bpx-ad-signs li {
	position: relative;
	margin: 0;
	padding: 7px 30px 7px 0;
	padding-inline-start: 30px;
	padding-inline-end: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--bp-ink);
}
.bpx-ad-signs li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 12px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: var(--bp-primary-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c0fd0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.bpx-ad-signs--why li::before { background-color: rgba(37,211,102,.14); }
.bpx-ad-note {
	font-size: 14px;
	color: var(--bp-body);
	background: var(--bp-primary-l);
	border-radius: 12px;
	padding: 11px 14px;
	margin: 4px 0 0;
}

/* ---------- איך זה עובד ---------- */
.bpx-ad-steps {
	list-style: none;
	counter-reset: bpxstep;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
	gap: 12px;
}
.bpx-ad-steps li {
	counter-increment: bpxstep;
	position: relative;
	margin: 0;
	padding: 42px 16px 16px;
	background: #fff;
	border: 1px solid var(--bp-line);
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(24,16,48,.04);
}
.bpx-ad-steps li::before {
	content: counter(bpxstep);
	position: absolute;
	top: 14px;
	inset-inline-start: 16px;
	width: 26px;
	height: 26px;
	border-radius: 9px;
	background: var(--bp-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bpx-ad-steps strong { display: block; font-size: 15.5px; margin-bottom: 4px; color: var(--bp-ink); }
.bpx-ad-steps span { display: block; font-size: 14px; line-height: 1.6; color: var(--bp-body); }

/* ---------- קופסת המחיר ---------- */
.bpx-ad-pricebox {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 8px 26px;
	align-items: center;
	margin: 0 0 28px;
	padding: 20px 22px;
	border-radius: 18px;
	border: 1.5px solid color-mix(in srgb, var(--bp-primary) 22%, #fff);
	background: linear-gradient(135deg, #faf6ff 0%, #fff 55%);
}
.bpx-ad-pricebox-main { min-width: 0; }
.bpx-ad-pricebox-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--bp-body);
	line-height: 1.4;
	margin-bottom: 2px;
}
.bpx-ad-pricebox-num {
	display: block;
	font-size: 34px;
	font-weight: 800;
	color: var(--bp-primary);
	line-height: 1.2;
}
.bpx-ad-pricebox-num .woocommerce-Price-amount { font-size: inherit; font-weight: inherit; color: inherit; }
.bpx-ad-pricebox-num--ask { font-size: 24px; }
.bpx-ad-pricebox-list { list-style: none; margin: 0; padding: 0; }
.bpx-ad-pricebox-list li {
	position: relative;
	margin: 0;
	padding-inline-start: 24px;
	font-size: 14.5px;
	line-height: 1.9;
	color: var(--bp-ink);
}
.bpx-ad-pricebox-list li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 9px;
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318a957' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- טיפ המשלוח ---------- */
.bpx-ad-tip {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 28px;
	padding: 14px 16px;
	border-radius: 14px;
	background: linear-gradient(135deg, #fff7ed, #fffdf9);
	border: 1px solid #fbd9a8;
	font-size: 15px;
	line-height: 1.55;
	color: var(--bp-ink);
}
.bpx-ad-tip--good { background: linear-gradient(135deg, #ecfdf3, #fbfffd); border-color: #a7e8c1; }
.bpx-ad-tip-ico {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 11px;
	background: #fff;
	color: #b45309;
	border: 1px solid #fbd9a8;
}
.bpx-ad-tip--good .bpx-ad-tip-ico { color: var(--bp-wa-d); border-color: #a7e8c1; }
.bpx-ad-tip .bpx-i { width: 19px; height: 19px; }

/* ---------- שאלות ותשובות ---------- */
.bpx-ad-faq {
	border: 1px solid var(--bp-line);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}
.bpx-ad-q + .bpx-ad-q { border-top: 1px solid var(--bp-line-soft); }
.bpx-ad-q > summary {
	list-style: none;
	cursor: pointer;
	padding: 15px 18px;
	padding-inline-end: 46px;
	position: relative;
	font-size: 15.5px;
	font-weight: 700;
	color: var(--bp-ink);
	line-height: 1.5;
	transition: background-color .16s;
}
.bpx-ad-q > summary::-webkit-details-marker { display: none; }
.bpx-ad-q > summary:hover { background: var(--bp-primary-l); }
.bpx-ad-q > summary::after {
	content: '';
	position: absolute;
	inset-inline-end: 16px;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 50%;
	background: var(--bp-primary-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c0fd0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/13px no-repeat;
	transition: transform .2s;
}
.bpx-ad-q[open] > summary::after { transform: rotate(180deg); }
.bpx-ad-q[open] > summary { background: var(--bp-primary-l); }
.bpx-ad-a { padding: 2px 18px 17px; }
.bpx-ad-a p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--bp-body); }

/* ---------- קריאה לפעולה ---------- */
.bpx-ad-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 30px 0 6px;
	padding: 22px 24px;
	border-radius: 20px;
	background: linear-gradient(135deg, #2a0b4e 0%, #6c0fd0 60%, #9333ea 100%);
	color: #fff;
	box-shadow: 0 14px 34px rgba(108, 15, 208, .26);
}
.bpx-ad-cta-txt { min-width: 210px; flex: 1 1 260px; }
.bpx-ad-cta-txt strong { display: block; color: #fff; font-size: 19px; font-weight: 800; line-height: 1.35; }
.bpx-ad-cta-txt span { display: block; font-size: 14.5px; opacity: .88; margin-top: 3px; line-height: 1.5; }
.bpx-ad-cta-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.bpx-ad-cta .bpx-btn { font-size: 14.5px; padding: 11px 17px; }
/* על רקע סגול כהה כפתור שקוף כמעט ולא נראה — ובעיקר מספר הטלפון נעלם.
   לכן הכפתורים המשניים כאן לבנים מלאים עם טקסט כהה. */
.bpx-ad-cta .bpx-btn-ghost {
	background: #fff;
	border-color: #fff;
	color: #3b0d70;
	font-weight: 700;
}
.bpx-ad-cta .bpx-btn-ghost:hover { background: #f4ecff; border-color: #f4ecff; color: #2a0b4e; }
.bpx-ad-cta .bpx-btn-ghost .bpx-i { color: #6c0fd0; }

/* ---------- מובייל ---------- */
@media (max-width: 782px) {
	.bpx-ad { font-size: 15px; }
	.bpx-ad-lead { font-size: 16.5px; }
	.bpx-ad-h { font-size: 19px; }
	.bpx-ad-trust { grid-template-columns: 1fr; gap: 8px; }
	.bpx-ad-signs { grid-template-columns: 1fr; }
	.bpx-ad-steps { grid-template-columns: 1fr; }
	.bpx-ad-steps li { padding: 14px 16px 15px; padding-inline-start: 56px; }
	.bpx-ad-steps li::before { top: 15px; }
	.bpx-ad-pricebox { grid-template-columns: 1fr; gap: 14px; padding: 18px; }
	.bpx-ad-pricebox-num { font-size: 30px; }
	.bpx-ad-cta { padding: 20px; border-radius: 18px; }
	.bpx-ad-cta-btns { width: 100%; }
	.bpx-ad-cta-btns .bpx-btn { flex: 1 1 128px; justify-content: center; }
	.bpx-ad-q > summary { font-size: 15px; padding: 14px 15px; padding-inline-end: 44px; }
}

/* התיאור שהוקלד ידנית — נשאר ראשון, ומקבל הפרדה ברורה מהבלוק שלנו */
.bpx-owndesc {
	font-size: 16px;
	line-height: 1.8;
	color: var(--bp-ink);
	padding: 0 0 22px;
	margin: 0 0 24px;
	border-bottom: 1px solid var(--bp-line-soft);
}
.bpx-owndesc p { margin: 0 0 12px; }
.bpx-owndesc p:last-child { margin-bottom: 0; }
.bpx-owndesc h2.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }


/* שורת ההסבר בכרטיס האמון — צריכה להיראות אחרת מהכותרת שמעליה */
.bpx-ad-trust-txt { display: block; min-width: 0; }
.bpx-ad-trust-txt small {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--bp-body);
	font-weight: 400;
}