/*
 * ר.ת.מ בנקר — רכיבי עמודים
 *
 * הופרד מ-main.css כי שרת ה-FTP חותך העלאות מעל 32KB.
 * הפיצול גם הגיוני בפני עצמו: main נושא את הבסיס והרכיבים החוזרים,
 * וכאן יושבים הרכיבים של עמודי התוכן והגיבור.
 */

/* ============================================================
   15. רכיבי עמודי התוכן
   ============================================================ */

/* טקסט רץ — נשמר סביב 65 תווים לשורה לקריאות. */
.rtm-prose {
	max-width: 40rem;
	font-size: var(--rtm-fs-md);
}

.rtm-prose p { margin-block-end: var(--rtm-s3); }

/* פריסת שתי עמודות: תוכן ראשי + עמודה צדדית. */
.rtm-split {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: var(--rtm-s6);
	align-items: start;
}

.rtm-aside {
	background: var(--rtm-surface-soft);
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
}

.rtm-aside h3 { font-size: var(--rtm-fs-lg); margin-block-end: var(--rtm-s3); }

/* מספרי דגם, טלפונים ומק"טים — Mono ללטיניים בלבד. */
.rtm-mono {
	font-family: var(--rtm-font-mono);
	font-size: var(--rtm-fs-xs);
	font-variant-numeric: tabular-nums;
	direction: ltr;
	display: inline-block;
	unicode-bidi: isolate;
}

/* רשימת סימון */
.rtm-checklist {
	list-style: none;
	margin: 0 0 var(--rtm-s4);
	padding: 0;
	display: grid;
	gap: var(--rtm-s2);
}

.rtm-checklist li {
	display: flex;
	align-items: start;
	gap: var(--rtm-s2);
	font-size: var(--rtm-fs-sm);
	line-height: 1.5;
}

.rtm-checklist svg {
	width: 1.15em;
	height: 1.15em;
	flex-shrink: 0;
	margin-block-start: .22em;
	color: var(--rtm-green-dark);
}

/* תגיות לקוחות */
.rtm-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rtm-s2);
	margin-block-end: var(--rtm-s5);
}

.rtm-tag {
	padding: var(--rtm-s2) var(--rtm-s3);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	font-size: var(--rtm-fs-xs);
	font-weight: 600;
	color: rgba(255, 255, 255, .9);
}

/* בלוק הדגשה */
.rtm-callout {
	display: inline-flex;
	align-items: center;
	gap: var(--rtm-s3);
	padding: var(--rtm-s3) var(--rtm-s4);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: var(--rtm-radius);
	background: rgba(255, 255, 255, .05);
}

.rtm-callout strong { display: block; color: #fff; font-family: var(--rtm-font-head); }
.rtm-callout .rtm-mono { color: var(--rtm-green); }
.rtm-callout__icon { width: 28px; height: 28px; color: var(--rtm-green); flex-shrink: 0; }

.rtm-callout--light {
	display: flex;
	background: var(--rtm-blue-tint);
	border-color: var(--rtm-line);
	margin-block-start: var(--rtm-s4);
}

.rtm-callout--light strong { color: var(--rtm-navy); }
.rtm-callout--light .rtm-mono { color: var(--rtm-blue); display: block; }
.rtm-callout--light .rtm-callout__icon { color: var(--rtm-blue); }

/* כרטיס טופס */
.rtm-formcard {
	background: #fff;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
}

.rtm-formcard h3 { font-size: var(--rtm-fs-lg); }

.rtm-note {
	display: flex;
	align-items: start;
	gap: var(--rtm-s2);
	font-size: var(--rtm-fs-sm);
	color: var(--rtm-text-soft);
}

.rtm-note svg { width: 1.15em; height: 1.15em; flex-shrink: 0; margin-block-start: .22em; color: var(--rtm-green-dark); }

/* אנשי קשר */
.rtm-people {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: var(--rtm-s3);
}

.rtm-person {
	padding: var(--rtm-s3);
	background: var(--rtm-surface-soft);
	border-radius: var(--rtm-radius);
	border-block-start: 3px solid var(--rtm-blue);
	font-size: var(--rtm-fs-xs);
}

.rtm-person strong {
	display: block;
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-md);
	color: var(--rtm-navy);
	margin-block-end: var(--rtm-s2);
}

.rtm-person a { display: block; margin-block-end: 2px; }

/* רשימת הגדרות */
.rtm-deflist { margin: 0; font-size: var(--rtm-fs-sm); }
.rtm-deflist dt {
	font-family: var(--rtm-font-head);
	font-weight: 700;
	font-size: var(--rtm-fs-xs);
	color: var(--rtm-steel-soft);
	margin-block-start: var(--rtm-s3);
}
.rtm-deflist dt:first-child { margin-block-start: 0; }
.rtm-deflist dd { margin: 2px 0 0; color: var(--rtm-navy); }

/* רשת מוצרים מוקטנת בעמוד הענפים */
.rtm-minigrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--rtm-s3);
}

.rtm-mini {
	display: block;
	background: #fff;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s2);
	text-decoration: none;
	transition: border-color var(--rtm-dur) var(--rtm-ease),
	            box-shadow var(--rtm-dur) var(--rtm-ease);
}

.rtm-mini:hover { border-color: var(--rtm-blue); box-shadow: var(--rtm-shadow-sm); }

.rtm-mini img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.rtm-mini span {
	display: block;
	margin-block-start: var(--rtm-s2);
	font-family: var(--rtm-font-mono);
	font-size: 0.75rem;
	color: var(--rtm-blue);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	direction: ltr;
}

@media (max-width: 900px) {
	.rtm-split { grid-template-columns: 1fr; gap: var(--rtm-s5); }
}

/* ============================================================
   16. תיקוני QA
   ============================================================ */

/* פריט בגריד מקבל min-width:auto כברירת מחדל, ולכן לא מתכווץ מתחת
   לרוחב התוכן שלו — מה שהבריח את .rtm-minigrid אל מחוץ למסך.
   האיפוס הזה הוא התנאי לכך ש-minmax(0,1fr) יעבוד בפועל. */
.rtm-split > *,
.rtm-grid > *,
.rtm-minigrid > * {
	min-width: 0;
}

/* מספרי דגם לטיניים בתוך טקסט עברי התהפכו ויזואלית:
   "151 ATEX" הוצג כ-"ATEX 151". bdi מבודד את כיוון הקטע. */
.rtm-card__model,
.rtm-product__model,
.rtm-mini span {
	unicode-bidi: isolate;
}

bdi { unicode-bidi: isolate; }

/* בלוק תחליף למוצרים שאין להם תיאור בקטלוג */
.rtm-fallback {
	background: var(--rtm-surface-soft);
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
	font-size: var(--rtm-fs-sm);
	color: var(--rtm-text-soft);
}

.rtm-fallback h3 {
	font-size: var(--rtm-fs-md);
	margin-block-end: var(--rtm-s2);
	color: var(--rtm-navy);
}

/* ============================================================
   17. גיבור בנטו
   ============================================================ */

.rtm-hero {
	--rtm-edge-color: var(--rtm-white);
	position: relative;
	background: var(--rtm-navy);
	background-image:
		radial-gradient(120% 90% at 88% 8%, rgba(11, 77, 162, .55), transparent 58%),
		radial-gradient(90% 80% at 5% 100%, rgba(125, 193, 66, .10), transparent 60%);
	color: #fff;
	overflow: hidden;
}

.rtm-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: minmax(0, auto);
	gap: var(--rtm-s3);
	padding-block: clamp(var(--rtm-s5), 5vw, var(--rtm-s6)) clamp(var(--rtm-s6), 6vw, var(--rtm-s7));
	align-items: stretch;
}

/* --- אריח הכותרת --- */
.rtm-hero__lede {
	grid-column: span 7;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block: var(--rtm-s3);
}

/* הכותרת בגיבור ארוכה יותר מכותרת מקטע, ולכן היא מקבלת סולם משלה —
   אחרת היא נשברת לארבע שורות ודוחפת את כל האריחים למטה. */
.rtm-hero h1 {
	color: #fff;
	font-size: clamp(1.85rem, 3.5vw, 3.2rem);
	margin-block-end: var(--rtm-s4);
	text-wrap: balance;
}

/* המילה שנושאת את ההבטחה מקבלת את המעבר */
.rtm-hero h1 em {
	font-style: normal;
	position: relative;
	white-space: nowrap;
}

.rtm-hero h1 em::after {
	content: '';
	position: absolute;
	inset-inline: -.08em;
	inset-block-end: .06em;
	block-size: .16em;
	background: var(--rtm-green);
	z-index: -1;
	transform-origin: right center;
	animation: rtm-underpass 1s cubic-bezier(.32, .72, .3, 1) .5s both;
}

@keyframes rtm-underpass {
	from { transform: scaleX(0); }
	to   { transform: scaleX(1); }
}

.rtm-hero__lead {
	font-size: var(--rtm-fs-lg);
	color: rgba(255, 255, 255, .84);
	max-width: 32rem;
	margin-block-end: var(--rtm-s5);
}

/* --- אריח המכונה --- */
.rtm-hero__machine {
	grid-column: span 5;
	position: relative;
	display: grid;
	place-items: center;
	background: #fff;
	border-radius: var(--rtm-radius-lg);
	padding: var(--rtm-s4);
	min-block-size: 300px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.rtm-hero__machine img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	max-block-size: 340px;
}

.rtm-hero__machine figcaption {
	position: absolute;
	inset-block-end: var(--rtm-s3);
	inset-inline-start: var(--rtm-s3);
	font-family: var(--rtm-font-mono);
	font-size: var(--rtm-fs-xs);
	color: var(--rtm-blue);
	background: rgba(255, 255, 255, .92);
	padding: 2px 8px;
	border-radius: 3px;
	unicode-bidi: isolate;
}

/* --- אריחי ההוכחה --- */
.rtm-tile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	padding: var(--rtm-s3);
	border-radius: var(--rtm-radius);
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .13);
	backdrop-filter: blur(6px);
	text-decoration: none;
	color: #fff;
	transition: background var(--rtm-dur) var(--rtm-ease),
	            border-color var(--rtm-dur) var(--rtm-ease),
	            transform var(--rtm-dur) var(--rtm-ease);
}

a.rtm-tile:hover {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(125, 193, 66, .55);
	transform: translateY(-2px);
}

.rtm-tile strong {
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-xl);
	line-height: 1.1;
	color: var(--rtm-green);
	font-variant-numeric: tabular-nums;
}

.rtm-tile span {
	font-size: var(--rtm-fs-xs);
	color: rgba(255, 255, 255, .74);
	line-height: 1.35;
}

.rtm-tile--wide { grid-column: span 4; }
.rtm-tile--mid  { grid-column: span 3; }
.rtm-tile--slim { grid-column: span 2; }

/* אריח הפעולה — היחיד שנושא את הירוק כרקע */
.rtm-tile--act {
	background: var(--rtm-green);
	border-color: var(--rtm-green);
	color: var(--rtm-navy);
	flex-direction: row;
	align-items: center;
	gap: var(--rtm-s2);
	font-family: var(--rtm-font-head);
	font-weight: 800;
	font-size: var(--rtm-fs-sm);
}

a.rtm-tile--act:hover {
	background: #8fd050;
	border-color: #8fd050;
	color: var(--rtm-navy);
}

.rtm-tile--act svg { inline-size: 20px; block-size: 20px; flex: none; }

/* אריח המותגים */
/* רצועת המותגים משתרעת על כל הרוחב ונקראת כשורת אמון,
   ולא כאריח בודד שנשאר יתום בשורה שנייה. */
.rtm-tile--brands {
	grid-column: span 12;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--rtm-s2) var(--rtm-s4);
	padding-block: var(--rtm-s2);
	background: rgba(255, 255, 255, .04);
}

/* הכותרת היא טקסט אמיתי ולא content בתוך CSS, כדי שאפשר יהיה לערוך
   אותה בפאנל ושקורא מסך יקריא אותה. */
.rtm-brands__label {
	flex: none;
	font-family: var(--rtm-font-head);
	font-size: 0.75rem;
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	letter-spacing: .03em;
}

.rtm-brands__row {
	flex: 1;
	min-inline-size: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--rtm-s2) var(--rtm-s4);
}

/* מעל חמישה מותגים השורה נשברת לשתי שורות שוות במקום להידחס */
.rtm-tile--brands.is-two-rows .rtm-brands__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	justify-items: center;
	row-gap: var(--rtm-s2);
}

.rtm-tile--brands b {
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-sm);
	font-weight: 700;
	color: rgba(255, 255, 255, .82);
	letter-spacing: .04em;
	unicode-bidi: isolate;
}

@media (max-width: 1080px) {
	.rtm-hero__lede    { grid-column: span 12; }
	.rtm-hero__machine { grid-column: span 12; min-block-size: 260px; }
	.rtm-tile--wide, .rtm-tile--mid { grid-column: span 6; }
	.rtm-tile--brands { grid-column: span 12; }
	.rtm-tile--slim { grid-column: span 6; }
}

@media (max-width: 620px) {
	.rtm-hero__inner { gap: var(--rtm-s2); }
	.rtm-tile--wide, .rtm-tile--mid, .rtm-tile--slim, .rtm-tile--brands { grid-column: span 12; }
	.rtm-tile--brands { justify-content: flex-start; }
	.rtm-brands__label { inline-size: 100%; }
	.rtm-tile--brands.is-two-rows .rtm-brands__row { grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)); }
	.rtm-tile { padding: var(--rtm-s3) var(--rtm-s3); }
	.rtm-hero__machine { min-block-size: 220px; padding: var(--rtm-s3); }
}

/* ============================================================
   18. מגה־מניו במובייל
   ============================================================ */

@media (max-width: 900px) {
	.rtm-mega {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
	}

	.rtm-mega__inner {
		grid-template-columns: 1fr;
		gap: var(--rtm-s3);
		padding-block: var(--rtm-s2) var(--rtm-s3);
		padding-inline: 0;
	}

	.rtm-mega__feature { grid-template-columns: 1fr; gap: var(--rtm-s2); }

	.rtm-mega__aside {
		border-inline-start: 0;
		border-block-start: 1px solid var(--rtm-line);
		padding-inline-start: 0;
		padding-block-start: var(--rtm-s3);
	}

	.rtm-megacard__thumb { inline-size: 52px; block-size: 52px; }
}

/* ============================================================
   19. כותרת ענף עם אייקון
   ============================================================ */

.rtm-indhead {
	display: flex;
	align-items: center;
	gap: var(--rtm-s3);
	margin-block-end: var(--rtm-s3);
}

.rtm-indhead h2 { margin: 0; }

.rtm-indhead__icon {
	inline-size: 56px;
	block-size: 56px;
	flex: none;
	display: grid;
	place-items: center;
	border-radius: var(--rtm-radius);
	background: var(--rtm-blue-tint);
	color: var(--rtm-blue);
	border: 1px solid var(--rtm-line);
}

.rtm-indhead__icon svg { inline-size: 30px; block-size: 30px; }

/* אייקון הענף בכרטיס שבדף הבית — יורש את הצבע של .rtm-value__icon */
.rtm-value__icon { color: var(--rtm-blue); }

@media (max-width: 620px) {
	.rtm-indhead__icon { inline-size: 44px; block-size: 44px; }
	.rtm-indhead__icon svg { inline-size: 24px; block-size: 24px; }
}


/* קצה המקטע הכהה: המשטח שאחריו לבן, ולכן זה צבע החיתוך. */
.rtm-section--navy.rtm-edge { --rtm-edge-color: var(--rtm-white); }

/* קצה כותרת הארכיון: המשטח שאחריה לבן. */
.rtm-archive-head.rtm-edge {
	--rtm-edge-color: var(--rtm-white);
	border-block-end: 0;
	padding-block-end: 4.5rem;
}

/* ============================================================
   20. טופס בקשה להצעת מחיר
   ============================================================ */

.rtm-quote {
	background: #fff;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
	margin-block: var(--rtm-s4);
	position: relative;
	overflow: hidden;
}

/* אותה פינה אלכסונית של המוטיב */
.rtm-quote::before {
	content: '';
	position: absolute;
	inset-block-start: 0;
	inset-inline-end: 0;
	inline-size: 64px;
	block-size: 64px;
	pointer-events: none;
	background: linear-gradient(135deg, transparent 47%, var(--rtm-green) 47%, var(--rtm-green) 53%, transparent 53%);
	opacity: .5;
}

.rtm-quote__title {
	font-size: var(--rtm-fs-lg);
	margin-block-end: var(--rtm-s2);
}

.rtm-quote__lead {
	font-size: var(--rtm-fs-sm);
	color: var(--rtm-text-soft);
	margin-block-end: var(--rtm-s4);
	max-width: 34rem;
}

.rtm-quote__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: var(--rtm-s3);
}

.rtm-quote__row > * { min-inline-size: 0; }

.rtm-quote__form textarea {
	resize: vertical;
	min-block-size: 5rem;
	font-family: var(--rtm-font-body);
}

/* מלכודת הבוטים: מוסתרת מהעין ומקוראי מסך, אך קיימת ב-DOM.
   לא display:none — חלק מהבוטים מדלגים על שדות מוסתרים כך. */
.rtm-hp {
	position: absolute;
	inset-inline-start: -9999px;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
}

.rtm-quote__ctx {
	display: flex;
	align-items: center;
	gap: var(--rtm-s2);
	font-size: var(--rtm-fs-xs);
	color: var(--rtm-blue);
	background: var(--rtm-blue-tint);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s2) var(--rtm-s3);
	margin-block: var(--rtm-s3);
}

.rtm-quote__ctx svg { inline-size: 1.1em; block-size: 1.1em; flex: none; }

.rtm-quote__note {
	font-size: 0.75rem;
	color: var(--rtm-steel-soft);
	margin-block: var(--rtm-s3) 0;
}

.rtm-quote__errors {
	background: #fdf2f2;
	border-inline-start: 3px solid #c0392b;
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s3);
	margin-block-end: var(--rtm-s3);
	font-size: var(--rtm-fs-sm);
	color: #8e2419;
}

.rtm-quote__errors p { margin: 0 0 var(--rtm-s2); }
.rtm-quote__errors p:last-child { margin: 0; }

/* אישור שליחה */
.rtm-quote__done {
	display: flex;
	align-items: flex-start;
	gap: var(--rtm-s3);
	background: var(--rtm-green-tint);
	border-inline-start: 3px solid var(--rtm-green);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
}

.rtm-quote__done strong {
	display: block;
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-md);
	color: var(--rtm-navy);
	margin-block-end: var(--rtm-s2);
}

.rtm-quote__done p { margin: 0; font-size: var(--rtm-fs-sm); color: var(--rtm-text-soft); }

.rtm-quote__doneicon {
	inline-size: 28px;
	block-size: 28px;
	flex: none;
	color: var(--rtm-green-text);
	margin-block-start: 2px;
}

@media (max-width: 620px) {
	.rtm-quote { padding: var(--rtm-s3); }
	.rtm-quote__row { grid-template-columns: 1fr; }
}

/* ============================================================
   21. רשימת בקשת הצעה
   ============================================================ */

/* כפתור ההוספה. נוצר מוסתר ונחשף רק כשיש JS — אין טעם להציע
   פעולה שבלי ג'אווהסקריפט לא תקרה. */
.rtm-addq { display: none; }

.rtm-js .rtm-addq {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--rtm-s2);
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-xs);
	font-weight: 700;
	line-height: 1;
	padding: .7rem 1rem;
	border: 1px dashed var(--rtm-line);
	border-radius: var(--rtm-radius);
	background: #fff;
	color: var(--rtm-blue);
	cursor: pointer;
	transition: border-color var(--rtm-dur) var(--rtm-ease),
	            background var(--rtm-dur) var(--rtm-ease),
	            color var(--rtm-dur) var(--rtm-ease);
}

.rtm-addq:hover {
	border-color: var(--rtm-blue);
	border-style: solid;
	background: var(--rtm-blue-tint);
}

.rtm-addq svg { inline-size: 1.05em; block-size: 1.05em; flex: none; }

.rtm-addq.is-added {
	border-style: solid;
	border-color: var(--rtm-green);
	background: var(--rtm-green-tint);
	color: var(--rtm-green-text);
}

.rtm-addq--block { inline-size: 100%; margin-block-start: var(--rtm-s2); }
.rtm-addq--lg { font-size: var(--rtm-fs-sm); padding: .95rem 1.4rem; }

.rtm-addq-row {
	display: flex;
	align-items: center;
	gap: var(--rtm-s3);
	flex-wrap: wrap;
	margin-block: var(--rtm-s3);
}

.rtm-addq-row__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: var(--rtm-fs-xs);
	font-weight: 600;
	color: var(--rtm-steel);
	text-decoration: none;
}

.rtm-addq-row__link:hover { color: var(--rtm-blue); }
.rtm-addq-row__link svg { inline-size: 1em; block-size: 1em; }

/* --- מונה בהדר --- */

.rtm-qlink {
	display: inline-flex;
	align-items: center;
	gap: var(--rtm-s2);
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-xs);
	font-weight: 700;
	color: var(--rtm-navy);
	text-decoration: none;
	padding: .55rem .8rem;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	white-space: nowrap;
}

.rtm-qlink:hover { border-color: var(--rtm-blue); color: var(--rtm-blue); }
.rtm-qlink svg { inline-size: 1.05em; block-size: 1.05em; flex: none; }

.rtm-qcount {
	display: grid;
	place-items: center;
	min-inline-size: 1.35rem;
	block-size: 1.35rem;
	padding-inline: 4px;
	border-radius: 999px;
	background: var(--rtm-green);
	color: var(--rtm-navy);
	font-size: 0.7rem;
	font-variant-numeric: tabular-nums;
}

/* רשימה ריקה — הקישור נשאר אבל מאבד את הבליטה */
.rtm-qlink.is-empty .rtm-qcount { background: var(--rtm-surface); color: var(--rtm-steel-soft); }

/* --- העמוד --- */

.rtm-qempty {
	display: flex;
	align-items: flex-start;
	gap: var(--rtm-s4);
	background: var(--rtm-surface-soft);
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s5);
}

.rtm-qempty__icon { inline-size: 40px; block-size: 40px; color: var(--rtm-steel-soft); flex: none; }

.rtm-qempty strong {
	display: block;
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-lg);
	color: var(--rtm-navy);
	margin-block-end: var(--rtm-s2);
}

.rtm-qempty p { color: var(--rtm-text-soft); margin-block-end: var(--rtm-s3); }

.rtm-qlist { display: grid; gap: var(--rtm-s2); }

.rtm-qrow {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: var(--rtm-s3);
	background: #fff;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s2) var(--rtm-s3);
}

.rtm-qrow__thumb {
	inline-size: 64px;
	block-size: 64px;
	display: grid;
	place-items: center;
	background: var(--rtm-surface-soft);
	border-radius: 3px;
	overflow: hidden;
}

.rtm-qrow__thumb img { inline-size: 100%; block-size: 100%; object-fit: contain; mix-blend-mode: multiply; }

.rtm-qrow__body { min-inline-size: 0; }

.rtm-qrow__model {
	display: block;
	font-family: var(--rtm-font-mono);
	font-size: 0.72rem;
	color: var(--rtm-blue);
	unicode-bidi: isolate;
}

.rtm-qrow__name {
	font-family: var(--rtm-font-head);
	font-weight: 700;
	font-size: var(--rtm-fs-sm);
	color: var(--rtm-navy);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.rtm-qrow__name:hover { color: var(--rtm-blue); }

.rtm-qrow__qty input {
	inline-size: 4.2rem;
	padding: .45rem .5rem;
	text-align: center;
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	font-family: var(--rtm-font-mono);
	font-variant-numeric: tabular-nums;
}

.rtm-qrow__del {
	background: none;
	border: 0;
	padding: .4rem .6rem;
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-xs);
	font-weight: 600;
	color: var(--rtm-steel-soft);
	cursor: pointer;
	border-radius: var(--rtm-radius);
}

.rtm-qrow__del:hover { color: #c0392b; background: #fdf2f2; }

.rtm-qactions {
	display: flex;
	gap: var(--rtm-s3);
	flex-wrap: wrap;
	margin-block: var(--rtm-s4);
}

@media (max-width: 620px) {
	.rtm-qrow {
		grid-template-columns: 52px minmax(0, 1fr) auto;
		grid-template-areas: 'thumb body del' 'thumb qty  qty';
		row-gap: var(--rtm-s2);
	}

	.rtm-qrow__thumb { grid-area: thumb; inline-size: 52px; block-size: 52px; }
	.rtm-qrow__body  { grid-area: body; }
	.rtm-qrow__qty   { grid-area: qty; justify-self: start; }
	.rtm-qrow__del   { grid-area: del; }

	.rtm-qempty { flex-direction: column; padding: var(--rtm-s4); }
	.rtm-qlink span { display: none; }
}

/* ============================================================
   22. הבהרת לחיצוּת
   ============================================================ */

/* כרטיס שהוא קישור חייב לומר זאת. בלי השורה התחתונה הזו הוא נקרא
   כבלוק תוכן ולא כניווט — וזה בדיוק מה שקרה בכרטיסי הענפים. */
.rtm-value--link {
	display: flex;
	flex-direction: column;
}

.rtm-value--link p { flex: 1; }

.rtm-value__go {
	display: inline-flex;
	align-items: center;
	gap: var(--rtm-s2);
	margin-block-start: var(--rtm-s3);
	padding-block-start: var(--rtm-s3);
	border-block-start: 1px solid var(--rtm-line);
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-xs);
	font-weight: 700;
	color: var(--rtm-blue);
}

.rtm-value__go svg {
	inline-size: 1.05em;
	block-size: 1.05em;
	transition: transform var(--rtm-dur) var(--rtm-ease);
}

.rtm-value--link:hover .rtm-value__go { color: var(--rtm-blue-dark); }
.rtm-value--link:hover .rtm-value__go svg { transform: translateX(4px); }

/* בכיוון ימין־לשמאל החץ מצביע שמאלה, ולכן הוא זז לשמאל */
[dir='rtl'] .rtm-value--link:hover .rtm-value__go svg { transform: translateX(-4px); }

/* אותה הבהרה על קוביית קטגוריה */
.rtm-cat__go {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-block-start: var(--rtm-s2);
	font-family: var(--rtm-font-head);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--rtm-blue);
}

.rtm-cat__go svg {
	inline-size: 1em;
	block-size: 1em;
	transition: transform var(--rtm-dur) var(--rtm-ease);
}

.rtm-cat:hover .rtm-cat__go svg { transform: translateX(-4px); }

/* ============================================================
   23. הסבר על סל ההצעות
   ============================================================ */

.rtm-qpanel {
	display: flex;
	align-items: flex-start;
	gap: var(--rtm-s4);
	background: var(--rtm-blue-tint);
	border: 1px solid var(--rtm-line);
	border-inline-start: 4px solid var(--rtm-green);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s4);
	margin-block-end: var(--rtm-s5);
}

.rtm-qpanel__num {
	display: grid;
	place-items: center;
	inline-size: 2.4rem;
	block-size: 2.4rem;
	flex: none;
	border-radius: 50%;
	background: var(--rtm-green);
	color: var(--rtm-navy);
	font-family: var(--rtm-font-head);
	font-weight: 800;
	font-size: var(--rtm-fs-md);
}

.rtm-qpanel h3 {
	font-size: var(--rtm-fs-lg);
	margin-block-end: var(--rtm-s2);
}

.rtm-qpanel p {
	font-size: var(--rtm-fs-sm);
	color: var(--rtm-text-soft);
	margin-block-end: var(--rtm-s3);
	max-width: 46rem;
}

.rtm-qpanel strong { color: var(--rtm-navy); }

.rtm-qpanel__link {
	display: inline-flex;
	align-items: center;
	gap: var(--rtm-s2);
	font-family: var(--rtm-font-head);
	font-size: var(--rtm-fs-sm);
	font-weight: 700;
	color: var(--rtm-blue);
	text-decoration: none;
}

.rtm-qpanel__link svg { inline-size: 1.05em; block-size: 1.05em; }
.rtm-qpanel__link:hover svg { transform: translateX(-4px); }

/* גרסה קצרה, בעמוד המוצר */
.rtm-addq-box {
	background: var(--rtm-surface-soft);
	border: 1px solid var(--rtm-line);
	border-radius: var(--rtm-radius);
	padding: var(--rtm-s3);
	margin-block: var(--rtm-s4);
}

.rtm-qhint {
	display: flex;
	align-items: flex-start;
	gap: var(--rtm-s2);
	font-size: var(--rtm-fs-xs);
	color: var(--rtm-text-soft);
	margin: 0 0 var(--rtm-s3);
	line-height: 1.5;
}

.rtm-qhint svg { inline-size: 1.1em; block-size: 1.1em; flex: none; margin-block-start: .15em; color: var(--rtm-blue); }
.rtm-qhint strong { color: var(--rtm-navy); }

.rtm-addq-box .rtm-addq-row { margin: 0; }

@media (max-width: 620px) {
	.rtm-qpanel { flex-direction: column; gap: var(--rtm-s3); padding: var(--rtm-s3); }
}

/* ============================================================
   24. תצלומי יישום
   ============================================================ */

/* תצלום יישום — שטיח בטרמינל, מוצר בסביבת עבודה — אינו תצלום מוצר
   על לבן, ולכן `contain` משאיר סביבו מסגרת ריקה והוא נראה שבור.
   כאן הוא ממלא את המסגרת, והרשת נשארת אחידה בלי לגעת בקובץ המקור. */
.rtm-card__media .rtm-scene,
.rtm-cat .rtm-scene,
.rtm-mini .rtm-scene,
.rtm-megacard__thumb .rtm-scene {
	object-fit: cover !important;
	mix-blend-mode: normal !important;
	inline-size: 100%;
	block-size: 100%;
	border-radius: 2px;
}

.rtm-card__media:has(.rtm-scene) img { inset: 0; inline-size: 100%; block-size: 100%; }
.rtm-cat:has(.rtm-scene) img { padding: 0; }

/* בעמוד המוצר התצלום נשאר במלואו — שם יש מקום להראות את ההקשר */
.rtm-product__gallery .rtm-scene { object-fit: contain; }