/**
 * Alina — אייקונים ובאנרי תו תקן במגני המזרן.
 *
 * האתר פלואידי: ‎1rem = 1vw בדסקטופ ובטאבלט, ו-5vw במובייל (נמדד 14.09.2026:
 * 19.2px ב-1920, 18px ב-360). לכן כל מידה כאן היא ה-px מ-Figma חלקי 19.2
 * (frame של 1920) בדסקטופ, וחלקי 18 (frame של 360) במובייל. הערך המקורי
 * כתוב בהערה ליד כל מספר. מדויק ב-1920/360 ומתכווץ יחד עם שאר העמוד —
 * לא להמיר ל-px (ב-1280 ארבעת האייקונים יגלשו מהעמודה).
 */

/* ── דסקטופ + טאבלט ───────────────────────────────────── */

.alina-pf {
	display: flex;
	flex-direction: column;
	gap: 1.0417rem; /* 20 */
	direction: rtl;
}

.alina-pf__features {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0;
	padding: 0 1.0417rem; /* 0 20 */
	list-style: none;
}

.alina-pf__feature {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5208rem; /* 10 */
	width: 8.3333rem; /* 160 */
	margin: 0;
	padding: 0;
}

.alina-pf__icon {
	display: block;
	width: 4.6875rem; /* 90 */
	height: 4.6875rem;
	max-width: none;
}

/* line-height מפורש: ה-normal של fbextaza יוצא 19 ב-Figma וב-Chrome ב-18px,
   אבל 15 מול 14 ב-14px — לכן נועל את שניהם */
.alina-pf__label {
	font-family: fbextaza, sans-serif;
	font-size: 0.9375rem; /* 18 */
	font-weight: 400;
	line-height: 0.9896rem; /* 19 */
	color: #151515;
	text-align: center;
	overflow-wrap: break-word;
}

/* רצפים לטיניים (OEKO-TEX, Lenzing, Class II) — Rubik בעיצוב */
.alina-pf__latin {
	font-family: Rubik, sans-serif;
}

/* בדסקטופ "Cooling" בתווית כתוב ב-fbextaza עצמו (במובייל ב-Rubik) */
.alina-pf__label .alina-pf__latin {
	font-family: inherit;
}

.alina-pf__badges {
	display: flex;
	flex-direction: column;
	gap: 1.0417rem; /* 20 */
}

/* טקסט מימין, אייקון משמאל וממורכז לגובה שתי השורות */
.alina-pf__badge {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"title icon"
		"text  icon";
	align-content: center;
	column-gap: 1.5625rem; /* 30 */
	padding: 1.0417rem; /* 20 */
	border-radius: 0.3125rem; /* 6 */
	background-color: #687b7b;
	color: #fff;
	text-align: right;
}

.alina-pf__badge-title {
	grid-area: title;
	align-self: end;
	margin: 0;
	font-family: Assistant, sans-serif;
	font-size: 1.25rem; /* 24 */
	line-height: normal;
	color: inherit;
}

.alina-pf__badge-main,
.alina-pf__badge-sep {
	font-weight: 700;
}

.alina-pf__badge-main .alina-pf__latin {
	font-weight: 500;
}

/* כותרת שמתחילה בלטינית ("TENCEL™ — ...") — ב-Figma הפסקה כולה ב-Rubik,
   וזה מה שקובע את גובה השורה (28 ולא 32) ואת משקל הקו המפריד */
.alina-pf__badge-title--latin {
	font-family: Rubik, sans-serif;
}

.alina-pf__badge-title--latin .alina-pf__badge-sep {
	font-weight: 500;
}

.alina-pf__badge-sub {
	font-family: fbextaza, sans-serif;
	font-weight: 400;
}

/* כותרת משנית לטינית כולה ("OEKO-TEX® STANDARD 100") — Rubik Medium */
.alina-pf__badge-sub--latin,
.alina-pf__badge-sub--latin .alina-pf__latin {
	font-family: Rubik, sans-serif;
	font-weight: 500;
}

.alina-pf__badge-text {
	grid-area: text;
	align-self: start;
	margin: 0;
	font-family: Assistant, sans-serif;
	font-size: 0.9375rem; /* 18 */
	font-weight: 400;
	line-height: normal;
	color: inherit;
}

.alina-pf__badge-icon {
	grid-area: icon;
	align-self: center;
	display: block;
	width: 2.9167rem; /* 56 */
	height: 2.9167rem;
	max-width: none;
}

.alina-pf__badge--tencel .alina-pf__badge-icon {
	width: 2.9891rem; /* 57.39 */
	height: 2.7385rem; /* 52.58 */
}

/* הווידג'ט מתחת לגלריה: ה-gap של העמודה הוא 1.111rem (21.33), בעיצוב 20 */
.elementor-widget.alina-pf-widget--gallery {
	margin-top: -0.0694rem;
}

.alina-pf-placeholder {
	padding: 1rem;
	border: 1px dashed #687b7b;
	color: #687b7b;
	text-align: center;
}

/* ── מובייל ───────────────────────────────────────────── */

@media (max-width: 767px) {
	/* הווידג'ט במובייל יושב בסוף "מידע בסיסי" (17cbb64), מתחת לכרטיס fighter —
	   ולא בתוך "הוספה לסל" (ed7b5d2): הקישור "איך בוחרים מידה?" ממוקם שם
	   absolute ביחס לקופסה, ונחת על הבלוק. לא להחזיר לשם.
	   בעיצוב 20 מעל ו-20 מתחת: ה-gap של "מידע בסיסי" 0.889rem (16) + 4,
	   ומתחת 0.55rem של "הוספה לסל" (9.9) + 10.
	   הסלקטור ארוך בכוונה: אלמנטור מאפס את השוליים התחתונים ב-
	   ".e-con .elementor-widget.elementor-widget { margin-block-end: 0 }". */
	.e-con .elementor-widget.elementor-widget.alina-pf-widget--mobile {
		margin-top: 0.2222rem; /* 4 */
		margin-bottom: 0.5556rem; /* 10 */
	}

	.alina-pf {
		gap: 0.5556rem; /* 10 */
	}

	.alina-pf__features {
		flex-wrap: wrap;
		row-gap: 1.1111rem; /* 20 */
		padding: 0;
	}

	.alina-pf__feature {
		gap: 0.5556rem; /* 10 */
		width: 3.8889rem; /* 70 */
	}

	.alina-pf__feature--wide {
		width: 5rem; /* 90 */
	}

	.alina-pf__icon {
		width: 3.3333rem; /* 60 */
		height: 3.3333rem;
	}

	.alina-pf__label {
		font-size: 0.7778rem; /* 14 */
		line-height: 0.8333rem; /* 15 */
	}

	.alina-pf__label .alina-pf__latin {
		font-family: Rubik, sans-serif;
	}

	.alina-pf__badges {
		gap: 1.1111rem; /* 20 */
	}

	/* כותרת + אייקון בשורה, הטקסט ברוחב מלא מתחת */
	.alina-pf__badge {
		grid-template-areas:
			"title icon"
			"text  text";
		align-content: start;
		column-gap: 0;
		row-gap: 0.2222rem; /* 4 */
		padding: 0.5556rem; /* 10 */
	}

	.alina-pf__badge-title,
	.alina-pf__badge-title--latin {
		align-self: start;
		font-family: Assistant, sans-serif;
		font-size: 1rem; /* 18 */
		line-height: 1.1667rem; /* 21 */
	}

	.alina-pf__badge-main,
	.alina-pf__badge-sub {
		display: block;
	}

	.alina-pf__badge-sep {
		display: none;
	}

	/* במובייל גם "TENCEL™" בכותרת הראשית כתוב ב-Assistant Bold */
	.alina-pf__badge-main .alina-pf__latin {
		font-family: inherit;
		font-weight: inherit;
	}

	.alina-pf__badge-sub {
		font-size: 0.8333rem; /* 15 */
	}

	.alina-pf__badge-text {
		font-size: 0.8889rem; /* 16 */
		line-height: 0.9444rem; /* 17 */
	}

	.alina-pf__badge-text .alina-pf__latin {
		font-size: 0.8333rem; /* 15 */
	}

	.alina-pf__badge-icon {
		align-self: start;
		width: 2.3333rem; /* 42 */
		height: 2.3333rem;
	}

	/* העץ יושב בתוך תיבה של 42 עם שוליים פנימיים (4.76% למעלה, 2.38% משמאל) */
	.alina-pf__badge--tencel .alina-pf__badge-icon {
		width: 2.2689rem; /* 40.84 */
		height: 2.0789rem; /* 37.42 */
		margin-top: 0.1111rem; /* 2 */
		margin-left: 0.0556rem; /* 1 */
	}
}