/**
 * iPro Repair Calculator — עיצוב הפרונט.
 * כל הסלקטורים תחת .ipro-calc-widget — אין זיהום לאתר. ללא !important.
 */

.ipro-calc-widget {
	/* צבעי מותג iPro (נשלף מהאתר: --wd-primary-color rgb(195,0,0)) + אפור בסגנון אפל */
	--ipro-primary: #1d1d1f;
	--ipro-accent: #c30000;
	--ipro-accent-soft: rgba(195, 0, 0, 0.07);
	--ipro-bg: #f5f5f7;
	--ipro-card: #ffffff;
	--ipro-border: #e7e7ea;
	--ipro-text: #1d1d1f;
	--ipro-muted: #6e6e73;
	--ipro-radius: 18px;
	--ipro-radius-sm: 14px;
	--ipro-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);

	direction: rtl;
	text-align: right;
	box-sizing: border-box;
	/* רוחב נזיל — מתאים לרוחב המיכל (הירו/עמוד עם סרגל-צד). ללא cap קבוע. */
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	/* container query — מוגדר על .ipro-calc-steps (לא כאן). הצבת container-type על
	   .ipro-calc-widget עצמו גרמה לבאג Chromium: כשה-widget הוא flex-item בתוך
	   קונטיינר flex-column (Elementor/WoodMart wd-negative-gap), הדפדפן ניפח את גובה
	   ה-flex-item ב-~400px → רווח ריק מתחת למחשבון. העברת ה-container context פנימה
	   ל-.ipro-calc-steps פותרת זאת ושומרת על שאילתות הרוחב. */
	padding: clamp(20px, 3vw, 32px);
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	color: var(--ipro-text);
	font-family: "Assistant", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
}

.ipro-calc-widget *,
.ipro-calc-widget *::before,
.ipro-calc-widget *::after {
	box-sizing: border-box;
}

/* חשוב: hidden חייב לנצח כל display (למשל flex בשורות המחיר). */
.ipro-calc-widget [hidden] {
	display: none;
}

/* ---------- Header ---------- */
.ipro-calc-header {
	text-align: center;
	margin-bottom: 20px;
}

.ipro-calc-title {
	margin: 0 0 4px;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--ipro-primary);
}

.ipro-calc-subtitle {
	margin: 0;
	font-size: 13px;
	color: var(--ipro-muted);
}

/* ---------- Steps ---------- */
.ipro-calc-step {
	margin-bottom: 18px;
}

.ipro-calc-step-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--ipro-primary);
}

.ipro-calc-step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--ipro-accent);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

/* ---------- Tabs / Brands ---------- */
.ipro-calc-tabs,
.ipro-calc-brands,
.ipro-calc-devices {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 12px;
}

.ipro-calc-tab,
.ipro-calc-brand,
.ipro-calc-device {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px 12px;
	background: var(--ipro-card);
	border: 1.5px solid var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	color: var(--ipro-text);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease, background 0.18s ease;
}

.ipro-calc-tab:hover,
.ipro-calc-brand:hover,
.ipro-calc-device:hover {
	border-color: #c9c9cf;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.ipro-calc-tab:focus-visible,
.ipro-calc-brand:focus-visible,
.ipro-calc-device:focus-visible {
	outline: 2px solid var(--ipro-accent);
	outline-offset: 2px;
}

.ipro-calc-tab.is-active,
.ipro-calc-brand.is-active,
.ipro-calc-device.is-active {
	border-color: var(--ipro-accent);
	box-shadow: 0 0 0 3px var(--ipro-accent-soft);
	background: #fff;
	color: var(--ipro-accent);
}

/* ---------- סוג מכשיר — פריסת Bento (סגנון אפל) ---------- */
/* בסיס (צר/מובייל): 2 עמודות; סלולר ושואב = רוחב מלא (featured). */
.ipro-calc-devices {
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.ipro-calc-devices .ipro-device-phone,
.ipro-calc-devices .ipro-device-vacuum {
	grid-column: 1 / -1;
}

/* סלולר featured — תמונה מעט גדולה יותר */
.ipro-device-phone .ipro-calc-device-icon {
	height: 108px;
}
.ipro-device-phone .ipro-calc-device-img {
	max-width: 104px;
	max-height: 104px;
}

/* רחב (הזרקה מלאת-רוחב/דסקטופ): שורה נקייה של 6 — לפי רוחב המחשבון עצמו */
/* ===== חיפוש מהיר גלובלי (item 3) ===== */
.ipro-calc-globalsearch {
	margin-bottom: 20px;
}
.ipro-calc-gs-field {
	position: relative;
	display: flex;
	align-items: center;
}
.ipro-calc-gs-ico {
	position: absolute;
	inset-inline-start: 14px;
	font-size: 16px;
	opacity: 0.6;
	pointer-events: none;
}
.ipro-calc-widget .ipro-calc-gs-input {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 44px 14px 16px;
	font-size: 16px;
	font-family: inherit;
	color: var(--ipro-text);
	background: var(--ipro-bg);
	border: 1.5px solid var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
	outline: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.ipro-calc-widget .ipro-calc-gs-input:focus {
	border-color: var(--ipro-accent);
	background: #fff;
	box-shadow: 0 0 0 3px var(--ipro-accent-soft);
}
.ipro-calc-gs-input::placeholder {
	color: var(--ipro-muted);
}
.ipro-calc-gs-results {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: 340px;
	overflow-y: auto;
}
.ipro-calc-widget .ipro-calc-gs-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
	text-decoration: none;
	color: var(--ipro-text);
	transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}
.ipro-calc-widget .ipro-calc-gs-item:hover {
	border-color: var(--ipro-accent);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.ipro-calc-gs-item-main {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.ipro-calc-gs-item-model {
	font-size: 15px;
	font-weight: 600;
}
.ipro-calc-gs-item-meta {
	font-size: 13px;
	color: var(--ipro-muted);
}
.ipro-calc-gs-item-price {
	flex: none;
	font-size: 14px;
	font-weight: 700;
	color: var(--ipro-accent);
	white-space: nowrap;
}
.ipro-calc-gs-empty {
	margin: 8px 2px;
	color: var(--ipro-muted);
	font-size: 15px;
	text-align: center;
}

/* כרטיס-דגם מאוחד — כל סוגי-התיקון של דגם יחד */
.ipro-calc-widget .ipro-calc-gs-card {
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
	padding: 14px 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ipro-calc-gs-card-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ipro-border);
	margin-bottom: 10px;
}
.ipro-calc-gs-card-model {
	font-size: 16px;
	font-weight: 700;
	color: var(--ipro-text);
}
.ipro-calc-gs-card-brand {
	font-size: 13px;
	color: var(--ipro-muted);
	flex: none;
}
.ipro-calc-gs-card-rows {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.ipro-calc-gs-card-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
}
.ipro-calc-gs-card-svc {
	color: var(--ipro-text);
}
.ipro-calc-gs-card-price {
	font-weight: 600;
	color: var(--ipro-text);
	text-align: end;
	font-variant-numeric: tabular-nums;
}
.ipro-calc-gs-card-price.is-quote {
	color: #128c3e;
	font-weight: 600;
}
.ipro-calc-widget .ipro-calc-gs-card-wa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	padding: 9px 14px;
	background: #f0faf3;
	color: #0f7a34;
	border: 1px solid #bfe6cc;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.ipro-calc-widget .ipro-calc-gs-card-wa:hover {
	background: #e3f6ea;
}
.ipro-calc-gs-card-wa .ipro-wa-ico {
	width: 17px;
	height: 17px;
	display: inline-flex;
	color: #25d366;
}
.ipro-calc-gs-card-wa .ipro-wa-ico svg { width: 100%; height: 100%; }
@media (prefers-color-scheme: dark) {
	.ipro-calc-widget .ipro-calc-gs-card-wa { background: rgba(37,211,102,.12); color: #4fce80; border-color: rgba(37,211,102,.3); }
}

/* ===== עיצוב-כרטיסים v2 (מאושר): גריד, בלי סקרול פנימי, כרטיסים קומפקטיים ===== */
/* גריד רספונסיבי — כרטיסים קומפקטיים ~240px, כמה שנכנסים בשורה; נערמים במסך צר. */
.ipro-calc-v2 .ipro-calc-gs-results {
	display: grid;
	/* 3 בשורה בדסקטופ (רוחב מלא), 2 בטאבלט, 1 במובייל. בלי סקרול פנימי. */
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-height: none;   /* מבטל את הסקרול הפנימי */
	overflow: visible;
}
/* תוצאה אחת / שתיים — ממורכזות, בלי עמודות ריקות (בלי שטח לבן). */
.ipro-calc-v2 .ipro-calc-gs-results.is-one {
	grid-template-columns: minmax(0, 320px);
	justify-content: center;
}
.ipro-calc-v2 .ipro-calc-gs-results.is-two {
	grid-template-columns: repeat(2, minmax(0, 270px));
	justify-content: center;
}
@media (max-width: 700px) {
	.ipro-calc-v2 .ipro-calc-gs-results,
	.ipro-calc-v2 .ipro-calc-gs-results.is-two { grid-template-columns: repeat(2, 1fr); justify-content: stretch; }
}
@media (max-width: 480px) {
	.ipro-calc-v2 .ipro-calc-gs-results,
	.ipro-calc-v2 .ipro-calc-gs-results.is-two { grid-template-columns: 1fr; }
}
.ipro-calc-v2 .ipro-calc-gs-count {
	grid-column: 1 / -1;
	margin: 0 2px 2px;
	color: var(--ipro-muted);
	font-size: 12.5px;
	font-weight: 600;
}
.ipro-calc-widget.ipro-calc-v2 .ipro-calc-gs-card {
	padding: 0;
	overflow: hidden;
	transform: none;
}
.ipro-calc-widget.ipro-calc-v2 .ipro-calc-gs-card:hover {
	transform: translateY(-1px);
	border-color: var(--ipro-accent);
}
.ipro-calc-v2 .ipro-calc-gs-card-head {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 1px;
	padding: 11px 13px 9px;
	border-bottom: 1px solid var(--ipro-border);
	margin-bottom: 0;
}
.ipro-calc-v2 .ipro-calc-gs-card-model { font-size: 15px; }
.ipro-calc-v2 .ipro-calc-gs-card-brand { font-size: 11px; letter-spacing: 0.02em; }
.ipro-calc-v2 .ipro-calc-gs-card-rows { gap: 0; }
.ipro-calc-v2 .ipro-calc-gs-card-row {
	padding: 9px 13px;
	border-top: 1px solid var(--ipro-border);
	font-size: 13.5px;
	align-items: baseline;
}
.ipro-calc-v2 .ipro-calc-gs-card-row:first-child { border-top: 0; }
.ipro-calc-v2 .ipro-calc-gs-card-svc { color: var(--ipro-muted); }
.ipro-calc-v2 .ipro-calc-gs-card-price { font-weight: 800; font-variant-numeric: tabular-nums; }
.ipro-calc-v2 .ipro-calc-gs-card-price.is-quote { color: #128c3e; font-weight: 700; font-size: 12.5px; white-space: nowrap; }
.ipro-calc-widget.ipro-calc-v2 .ipro-calc-gs-card-wa {
	margin: auto 11px 11px;
	padding: 9px;
	justify-content: center;
	border-radius: 10px;
	font-size: 13px;
}
/* קבוצות תיקון בתוך הכרטיס — כותרת-משנה + קו מפריד בין הקבוצות (מסך / סוללה / גב). */
.ipro-calc-v2 .ipro-calc-gs-group { padding-bottom: 5px; }
.ipro-calc-v2 .ipro-calc-gs-group + .ipro-calc-gs-group { border-top: 1px solid var(--ipro-border); }
.ipro-calc-v2 .ipro-calc-gs-group-label {
	padding: 8px 13px 2px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: var(--ipro-accent);
}
.ipro-calc-v2 .ipro-calc-gs-group .ipro-calc-gs-card-row {
	border-top: 0;
	padding: 3px 13px;
	font-size: 13.5px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.ipro-calc-v2 .ipro-calc-gs-group .ipro-calc-gs-card-svc { flex: 1 1 auto; min-width: 0; }
.ipro-calc-v2 .ipro-calc-gs-group .ipro-calc-gs-card-price { flex: 0 0 auto; }
/* אייקון וואטסאפ קטן ועדין לכל שורה (לא עמוס) */
.ipro-calc-v2 .ipro-calc-gs-row-wa {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	color: #1f9d55;
	opacity: 0.5;
	transition: opacity 0.15s ease, background 0.15s ease;
}
.ipro-calc-v2 .ipro-calc-gs-row-wa:hover {
	opacity: 1;
	background: rgba(31, 157, 85, 0.12);
}
.ipro-calc-v2 .ipro-calc-gs-row-wa svg { width: 15px; height: 15px; }
/* v2: אין כפתור-תחתית → ריווח תחתון לכרטיס */
.ipro-calc-widget.ipro-calc-v2 .ipro-calc-gs-card { padding-bottom: 6px; }
.ipro-calc-gs-sep {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 16px 0 0;
	color: var(--ipro-muted);
	font-size: 13px;
}
.ipro-calc-gs-sep::before,
.ipro-calc-gs-sep::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--ipro-border);
}

/* הקשר שאילתת-הרוחב — על .ipro-calc-steps (לא על .ipro-calc-widget; ראה הערה למעלה).
   .ipro-calc-devices ושאר הרשת מגיבים לרוחב שלב-הבחירה. */
.ipro-calc-steps {
	container-type: inline-size;
	container-name: iprocalc;
}

@container iprocalc (min-width: 620px) {
	.ipro-calc-devices {
		grid-template-columns: repeat(6, 1fr);
	}
	.ipro-calc-devices .ipro-device-phone,
	.ipro-calc-devices .ipro-device-vacuum {
		grid-column: auto;
	}
	.ipro-device-phone .ipro-calc-device-icon {
		height: 92px;
	}
	.ipro-device-phone .ipro-calc-device-img {
		max-width: 82px;
		max-height: 82px;
	}
}

/* Apple-clean: גבול עדין, רקע לבן, בלי צל כבד שמנתק */
.ipro-calc-widget .ipro-calc-device {
	-webkit-appearance: none;
	appearance: none;
	gap: 12px;
	padding: 18px 12px 14px;
	background: #fff;
	/* ערכת WoodMart מאפסת border + border-radius לכפתורים — override ממוקד תחת .ipro-calc-widget בלבד */
	border: 1px solid var(--ipro-border) !important;
	border-radius: 16px !important;
	box-shadow: none;
}

.ipro-calc-widget .ipro-calc-device:hover {
	transform: none;
	border-color: #c9c9cf !important;
	background: #fbfbfd;
	box-shadow: none;
}

/* מצב נבחר — גבול אדום + טבעת דקה ונקייה (בלי זוהר תולש) */
.ipro-calc-widget .ipro-calc-device.is-active {
	border-color: var(--ipro-accent) !important;
	background: #fff;
	box-shadow: 0 0 0 3px var(--ipro-accent-soft);
}

/* מיכל התמונה — רקע לבן עקבי */
.ipro-calc-device-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 92px;
	font-size: 34px;
	line-height: 1;
}

.ipro-calc-device-img {
	max-width: 82px;
	max-height: 82px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	transition: transform 0.18s ease;
}

.ipro-calc-device:hover .ipro-calc-device-img {
	transform: scale(1.03);
}

/* placeholder לתמונה חסרה — רקע לבן עקבי + אייקון קווי עדין */
.ipro-calc-device-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 12px;
	background: #fff;
	color: #b9bdc7;
}
.ipro-calc-device-ph svg {
	width: 40px;
	height: 40px;
}

.ipro-calc-device-text {
	font-size: 15.5px;
	font-weight: 700;
}

/* מותג "בתיאום מראש" — מקווקו + תג, שכבה שנייה */
.ipro-calc-widget .ipro-calc-brand-arr {
	border: 1.5px dashed var(--ipro-line-2, #c9d3db) !important;
	border-radius: var(--ipro-radius-sm) !important;
	color: var(--ipro-muted);
}

.ipro-calc-widget .ipro-calc-brand-arr:hover {
	border-color: #128c7e !important;
	background: #f5fbf9;
}

.ipro-calc-widget .ipro-calc-brand-arr.is-active {
	border-color: #128c7e !important;
	color: var(--ipro-text);
	box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.10);
}

.ipro-calc-arr-tag {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 700;
	color: #128c7e;
}

/* CTA "בתיאום מראש" */
.ipro-calc-arr-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 18px;
	margin-top: 14px;
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
}

.ipro-calc-arr-text {
	margin: 0;
	font-size: 15px;
	color: var(--ipro-text);
	line-height: 1.6;
}

/* כפתור "לא מצאת דגם? בדוק איתנו" — בסגנון המותגים, אקסנט אדום */
.ipro-calc-widget .ipro-calc-brand-notfound {
	border: 1.5px dashed var(--ipro-accent) !important;
	color: var(--ipro-accent);
}
.ipro-calc-widget .ipro-calc-brand-notfound:hover {
	background: var(--ipro-accent-soft);
}
.ipro-calc-brand-notfound .ipro-calc-arr-tag {
	color: var(--ipro-accent);
}

/* דגמים פופולריים — כפתורי בחירה מהירה (בלי הקלדה) */
.ipro-calc-quickpicks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}
.ipro-calc-widget .ipro-calc-quickpick {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	background: #fff;
	border: 1.5px solid var(--ipro-border) !important;
	border-radius: 12px !important;
	padding: 9px 14px;
	cursor: pointer;
	font-family: inherit;
	transition: border-color 0.16s ease, background 0.16s ease;
}
.ipro-calc-widget .ipro-calc-quickpick:hover {
	border-color: var(--ipro-accent) !important;
	background: var(--ipro-accent-soft);
}
.ipro-calc-quickpick-name {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ipro-text);
}
.ipro-calc-quickpick-price {
	font-size: 12px;
	color: var(--ipro-muted);
}

/* אקורדיון למחירון המלא — מכווץ כברירת מחדל */
.ipro-pl-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 6px 0 18px;
	padding: 11px 20px;
	background: #1d1d1f;
	color: #fff;
	border: none;
	border-radius: 12px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.ipro-pl-toggle-ico {
	display: inline-block;
	transition: transform 0.2s ease;
}
.ipro-pricelist:not(.is-collapsed) .ipro-pl-toggle-ico {
	transform: rotate(180deg);
}
/* קישור "בדיקת מחיר בוואטסאפ" בטבלה (מצב הגנת quote-only) */
.ipro-pl-quote {
	display: inline-block;
	color: #128c3e;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
.ipro-pl-quote:hover {
	text-decoration: underline;
}

/* חיפוש במחירון המלא */
.ipro-pl-search-wrap {
	margin: 4px 0 18px;
}
.ipro-pl-search {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 16px;
	font-size: 15px;
	font-family: inherit;
	color: #1d1d1f;
	background: #fff;
	border: 1.5px solid #d7d7db;
	border-radius: 12px;
	outline: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.ipro-pl-search:focus {
	border-color: #c30000;
	box-shadow: 0 0 0 3px rgba(195, 0, 0, 0.08);
}
.ipro-pl-search::placeholder {
	color: #9a9aa0;
}
.ipro-pl-search-empty {
	margin: 12px 2px 0;
	color: #6e6e73;
	font-size: 15px;
}

/* מכווץ לגמרי כברירת מחדל (כמו accordion של שאלות-תשובות) — רק כפתור ההרחבה נראה,
   הטבלה לא תופסת נפח עד שלוחצים "הצג מחירון מלא". */
.ipro-pricelist.is-collapsed .ipro-pl-body {
	max-height: 0;
	overflow: hidden;
	/* 30/09/2026: overflow:hidden על אלמנט static אינו חותך את ה-caption-ים ה-absolute
	   שבטבלאות, והם מתחו את המסמך ב-~14,500px ריקים («גלילה אינסופית»).
	   contain:strict חל רק במצב מכווץ ולכן אינו פוגע בפתיחה. */
	contain: strict;
}

/* קטגוריה ריקה (מחשב/קונסולה) — פאנל CTA וואטסאפ */
.ipro-calc-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
	padding: 22px 18px;
	background: var(--ipro-card);
	border: 1.5px dashed var(--ipro-border);
	border-radius: var(--ipro-radius-sm);
	margin-top: 14px;
}

.ipro-calc-empty-text {
	margin: 0;
	font-size: 15px;
	color: var(--ipro-text);
	line-height: 1.6;
}

/* CTA וואטסאפ בבלוק "לא נמצא דגם" */
.ipro-calc-no-results {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.ipro-calc-no-results-text {
	margin: 0;
}

.ipro-calc-tab-icon {
	display: inline-flex;
	width: 30px;
	height: 30px;
	color: var(--ipro-muted);
	transition: color 0.18s ease;
}

.ipro-calc-tab-icon svg {
	width: 100%;
	height: 100%;
}

.ipro-calc-tab.is-active .ipro-calc-tab-icon {
	color: var(--ipro-accent);
}

/* מותגים — טיפוגרפיה נקייה (wordmark) */
.ipro-calc-brand {
	min-height: 66px;
	font-size: 17px;
	letter-spacing: 0.01em;
}

.ipro-calc-brand.ipro-brand-samsung .ipro-calc-brand-text {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 700;
	font-size: 15px;
}

.ipro-calc-brand.ipro-brand-apple .ipro-calc-brand-text {
	font-weight: 600;
}

/* ---------- Search ---------- */
.ipro-calc-search {
	position: relative;
}

.ipro-calc-search-input {
	width: 100%;
	padding: 14px 16px;
	font-size: 16px;
	border: 2px solid var(--ipro-border);
	border-radius: var(--ipro-radius);
	background: var(--ipro-card);
	color: var(--ipro-text);
	transition: border-color 0.15s ease;
}

.ipro-calc-search-input:focus {
	outline: none;
	border-color: var(--ipro-accent);
}

.ipro-calc-search-spinner {
	position: absolute;
	left: 16px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border: 2px solid var(--ipro-border);
	border-top-color: var(--ipro-accent);
	border-radius: 50%;
	animation: ipro-spin 0.7s linear infinite;
}

@keyframes ipro-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ---------- Results dropdown ---------- */
.ipro-calc-results {
	list-style: none;
	margin: 6px 0 0;
	padding: 6px;
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius);
	box-shadow: var(--ipro-shadow);
	max-height: 280px;
	overflow-y: auto;
}

.ipro-calc-result-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.12s ease;
}

.ipro-calc-result-item:hover,
.ipro-calc-result-item.is-highlight {
	background: var(--ipro-bg);
}

.ipro-calc-result-item-name {
	font-weight: 600;
}

.ipro-calc-result-item-price {
	font-size: 13px;
	color: var(--ipro-muted);
	white-space: nowrap;
}

.ipro-calc-no-results {
	margin: 10px 4px 0;
	color: var(--ipro-muted);
	font-size: 14px;
}

/* ---------- Result card ---------- */
.ipro-calc-result-card {
	background: var(--ipro-card);
	border: 1px solid var(--ipro-border);
	border-radius: var(--ipro-radius);
	padding: 20px;
	box-shadow: var(--ipro-shadow);
}

.ipro-calc-result-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	font-weight: 700;
	color: var(--ipro-primary);
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ipro-border);
}

.ipro-calc-result-sep {
	color: var(--ipro-muted);
	font-weight: 400;
}

.ipro-calc-prices {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 14px;
}

.ipro-calc-price-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-radius: 8px;
	background: var(--ipro-bg);
}

.ipro-price-original {
	background: #faf9f5;
	border: 1px solid #ede8dc;
}

.ipro-calc-price-label {
	font-size: 15px;
	font-weight: 600;
}

.ipro-calc-price-value {
	font-size: 22px;
	font-weight: 800;
	color: var(--ipro-primary);
	font-variant-numeric: tabular-nums;
}

/* ---------- Diff ---------- */
.ipro-calc-diff-toggle {
	background: none;
	border: none;
	padding: 4px 0;
	color: var(--ipro-primary);
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}

.ipro-calc-diff-panel {
	margin: 10px 0 0;
	padding: 12px 14px;
	background: var(--ipro-bg);
	border-radius: 8px;
	font-size: 13px;
}

.ipro-calc-diff-panel p {
	margin: 0 0 6px;
}

.ipro-calc-diff-link {
	color: var(--ipro-accent);
	font-weight: 600;
	text-decoration: none;
}

.ipro-calc-warranty,
.ipro-calc-notes {
	margin-top: 10px;
	font-size: 13px;
	color: var(--ipro-muted);
}

/* ---------- Actions ---------- */
.ipro-calc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.ipro-calc-btn {
	flex: 1 1 auto;
	display: inline-flex;
	/* icon after the label = left side in RTL. owner b04_calcicons=both, 04/10 */
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 14px 18px;
	border-radius: var(--ipro-radius);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	transition: opacity 0.15s ease, transform 0.1s ease;
}

.ipro-calc-btn:hover {
	opacity: 0.92;
}

/* וואטסאפ — נקי והרמוני לפלטה: לבן + גבול + אייקון וואטסאפ ירוק + טקסט כהה */
/* owner b04_calcbtns, 04/10. #0E7D6F = 5.02:1 with white; the site green 4.14:1 fails 4.5:1. */
.ipro-calc-btn-whatsapp {
	background: #0E7D6F;
	color: #fff;
	border: 1.5px solid #0E7D6F;
}

.ipro-calc-btn-whatsapp:hover {
	background: #0B6E62;
	border-color: #0B6E62;
}

.ipro-wa-ico {
	display: inline-flex;
	align-items: center;
	color: #25d366;
}

.ipro-wa-ico svg {
	width: 19px;
	height: 19px;
}

/* the icon is #25d366 by default - invisible on the green fill, so it follows the text */
.ipro-calc-btn-whatsapp .ipro-wa-ico {
	color: currentColor;
}

/* a visible outline: var(--ipro-border) is rgb(231,231,234) = 1.23:1 on the card,
   which is the very thing the owner called 'not obviously a button'.
   #82828A measures 3.82:1 - above the 3:1 wanted for a control boundary. */
.ipro-calc-btn-whatsapp-q,
.ipro-calc-btn-phone {
	background: transparent;
	color: var(--ipro-text);
	border: 1.5px solid #82828A;
}

.ipro-calc-btn-whatsapp-q:hover,
.ipro-calc-btn-phone:hover {
	border-color: var(--ipro-text);
	background: #f5f5f7;
}

.ipro-calc-restart {
	display: block;
	margin: 14px auto 0;
	background: none;
	border: none;
	color: var(--ipro-muted);
	font-size: 13px;
	cursor: pointer;
}

.ipro-calc-restart:hover {
	color: var(--ipro-accent);
}

/* ---------- Footer ---------- */
.ipro-calc-footer {
	margin-top: 16px;
	text-align: center;
	font-size: 11px;
	color: var(--ipro-muted);
}

/* ---------- Mobile ---------- */
@media (max-width: 480px) {
	.ipro-calc-widget {
		padding: 14px;
	}

	.ipro-calc-tab,
	.ipro-calc-brand {
		min-width: 80px;
		padding: 12px 6px;
		font-size: 13px;
	}

	.ipro-calc-actions {
		flex-direction: column;
	}
}

/* נגישות: העדפת תנועה מופחתת */
@media (prefers-reduced-motion: reduce) {
	.ipro-calc-search-spinner {
		animation: none;
	}

	.ipro-calc-tab,
	.ipro-calc-brand,
	.ipro-calc-btn {
		transition: none;
	}
}

/* =====================================================================
 * מחירון מלא (SEO/GEO) — עיצוב נקי בהשראת Apple
 * ===================================================================== */
.ipro-pricelist {
	--ipro-primary: #1a1a2e;
	--ipro-accent: #c30000;
	--ipro-ink: #1d1d1f;
	--ipro-sub: #6e6e73;
	--ipro-hair: #ececf0;
	--ipro-card: #ffffff;

	direction: rtl;
	text-align: right;
	max-width: 900px;
	margin: 40px auto 0;
	padding: 0 16px;
	color: var(--ipro-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.ipro-pricelist * {
	box-sizing: border-box;
}

.ipro-pl-head {
	text-align: center;
	margin-bottom: 34px;
}

.ipro-pl-title {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--ipro-primary);
}

.ipro-pl-sub {
	margin: 0 auto;
	max-width: 620px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--ipro-sub);
}

.ipro-pl-cat {
	margin-bottom: 40px;
}

.ipro-pl-cat-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--ipro-hair);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--ipro-primary);
}

.ipro-pl-cat-icon {
	font-size: 22px;
	line-height: 1;
}

.ipro-pl-brand {
	margin-bottom: 26px;
}

.ipro-pl-brand-title {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ipro-accent);
}

.ipro-pl-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--ipro-hair);
	border-radius: 16px;
	background: var(--ipro-card);
}

.ipro-pl-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.ipro-pl-caption {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.ipro-pl-table thead th {
	text-align: right;
	padding: 14px 20px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--ipro-sub);
	border-bottom: 1px solid var(--ipro-hair);
	background: #fbfbfd;
	position: sticky;
	top: 0;
	z-index: 2;
}

.ipro-pl-explain {
	margin: -6px 0 16px;
	padding: 12px 16px;
	background: #f7f7fb;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.65;
	color: var(--ipro-sub);
}

.ipro-pl-explain strong {
	color: var(--ipro-ink);
}

.ipro-pl-table tbody tr {
	transition: background 0.12s ease;
}

.ipro-pl-table tbody tr:not(:last-child) th,
.ipro-pl-table tbody tr:not(:last-child) td {
	border-bottom: 1px solid var(--ipro-hair);
}

.ipro-pl-table tbody tr:hover {
	background: #fafafc;
}

.ipro-pl-table th.ipro-pl-model {
	text-align: right;
	padding: 14px 20px;
	font-weight: 600;
	color: var(--ipro-ink);
}

.ipro-pl-price {
	padding: 14px 20px;
	font-weight: 700;
	color: var(--ipro-primary);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.ipro-pl-original {
	color: var(--ipro-primary);
}

.ipro-pl-dash {
	color: #c7c7cc;
	font-weight: 400;
}

@media (max-width: 600px) {
	.ipro-pl-title {
		font-size: 24px;
	}

	.ipro-pl-cat-title {
		font-size: 19px;
	}

	.ipro-pl-table {
		font-size: 14px;
	}

	.ipro-pl-table thead th,
	.ipro-pl-table th.ipro-pl-model,
	.ipro-pl-price {
		padding: 12px 14px;
	}
}

/* קישור "מידע נוסף" למאמר באתר */
.ipro-pl-readmore {
	display: inline-block;
	margin-inline-start: 6px;
	color: var(--ipro-accent);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.ipro-pl-readmore:hover {
	text-decoration: underline;
}

/* צ'יפים: תווית "פופולריים" + כפתור כל הדגמים (הוראת בעלים 22/07) */
.ipro-calc-quickpick-lbl{display:block;width:100%;font-size:12px;color:#777;font-weight:600;margin-bottom:2px;}
.ipro-calc-quickpick-all{border-style:dashed !important;color:#c30000 !important;font-weight:700;}

/* רשימת-דגמים ויזואלית עם תמונות מהחנות — עמוד קטגוריה-יחידה (בעלים 04/08) */
.ipro-calc-modelgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px;}
.ipro-calc-modelcard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;background:#fff;border:1.5px solid #eae6e2;border-radius:14px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.ipro-calc-modelcard:hover{border-color:#c30000;box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px);}
.ipro-calc-modelcard:focus-visible{outline:2px solid #c30000;outline-offset:2px;}
.ipro-calc-modelcard-img{width:88px;height:88px;display:grid;place-items:center;}
.ipro-calc-modelcard-img img{max-width:100%;max-height:100%;object-fit:contain;}
.ipro-calc-modelcard-img svg{width:44px;height:44px;color:#c9c2bb;}
.ipro-calc-modelcard-name{font-weight:700;font-size:14px;color:#1c1a18;text-align:center;line-height:1.3;}
.ipro-calc-modelcard-from{font-size:12.5px;font-weight:700;color:#c30000;}
@media (max-width:560px){.ipro-calc-modelgrid{grid-template-columns:repeat(2,1fr);}}
.ipro-calc-modelgrid-note{margin:10px 2px 0;font-size:12px;color:#77716b;line-height:1.5;}

/* גוון-מותג עדין בכרטיסי החיפוש-הגלובלי (בקשת בעלים 23/08).
   אותה פלטה כמו כותרות-הסקשן במחירון-הפנימי: Apple #111 · Samsung #1428a0 · Xiaomi #ff6900.
   פס-עליון דק + רקע כמעט-לבן — רמז מזוהה-במבט, לא קרנבל. מותגים אחרים נשארים נייטרליים. */
.ipro-calc-widget .ipro-calc-gs-card.gs-b-apple   { border-top: 3px solid #111;    background: #fcfcfc; }
.ipro-calc-widget .ipro-calc-gs-card.gs-b-samsung { border-top: 3px solid #1428a0; background: #f7f9ff; }
.ipro-calc-widget .ipro-calc-gs-card.gs-b-xiaomi  { border-top: 3px solid #ff6900; background: #fffaf5; }