/* --------------------------------------------------------------------------
   עמוד קיט הפעילים. המידות ביחידת ה---u של האתר, כך שהעמוד מתכווץ
   ומתרחב יחד עם שאר המיניסייט.
   -------------------------------------------------------------------------- */

.act-page {
	background: var(--paper);
	overflow-x: clip;
	/* מידת התוכן של העמוד. כל המקטעים נגזרים ממנה, כך שצמצום או הרחבה
	   הם שינוי של מספר אחד. */
	--act-measure: calc(1300 * var(--u));
}

/* --------------------------------------------------------------------------
   גיבור
   -------------------------------------------------------------------------- */

.act-hero {
	position: relative;
	min-height: calc(760 * var(--u));
	padding: calc(150 * var(--u)) 0 calc(120 * var(--u));
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: #16324f url("../img/activists-hero.jpg") center / cover no-repeat;
}

/* הצילום נצבע בכחול המותג: שכבה כהה למטה ושטיפה כחולה על הכל, כדי
   שהכיתוב הלבן יישאר קריא בכל חלק של התמונה */
.act-hero-veil {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(to top, rgba(9, 30, 52, 0.92) 0%, rgba(9, 30, 52, 0.55) 45%, rgba(9, 30, 52, 0.5) 100%),
		linear-gradient(to bottom, rgba(23, 74, 122, 0.55), rgba(16, 48, 80, 0.7));
}

.act-title {
	position: relative;
	z-index: 1;
	margin: 0;
	width: var(--act-measure);
	text-align: center;
	font-size: calc(126 * var(--u));
	font-weight: 700;
	line-height: 1.04;
	color: var(--paper);
	text-shadow: 0 calc(4 * var(--u)) calc(16 * var(--u)) rgba(5, 18, 34, 0.45);
}

.act-title span {
	display: block;
}

/* השורה הראשונה יושבת על לוח לבן, כמו במוקאפ */
.act-title .act-title-lead {
	display: inline-block;
	margin-bottom: calc(10 * var(--u));
	padding: calc(4 * var(--u)) calc(34 * var(--u)) calc(14 * var(--u));
	background: var(--paper);
	color: var(--ink);
	text-shadow: none;
}

/* --------------------------------------------------------------------------
   ארבע הלשוניות
   -------------------------------------------------------------------------- */

.act-jump {
	position: relative;
	z-index: 2;
	margin-top: calc(-92 * var(--u));
	padding-bottom: calc(60 * var(--u));
	background: linear-gradient(to bottom, transparent 0, transparent calc(92 * var(--u)), var(--paper) calc(92 * var(--u)));
}

.act-jump .wrap {
	width: var(--act-measure);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: calc(30 * var(--u));
}

/* מקבילית זהב: ההטיה על המיכל, והכיתוב מוטה חזרה כדי להישאר ישר */
.act-jump-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: calc(6 * var(--u));
	min-height: calc(172 * var(--u));
	padding: calc(24 * var(--u)) calc(26 * var(--u));
	background: var(--gold);
	color: var(--ink);
	font-size: calc(30 * var(--u));
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	transform: skewX(-7deg);
	box-shadow: calc(-5 * var(--u)) calc(9 * var(--u)) calc(18 * var(--u)) rgba(5, 18, 34, 0.32);
	transition: background 0.2s, transform 0.2s;
}

.act-jump-card > * {
	transform: skewX(7deg);
}

.act-jump-card:hover {
	background: #ffcf6b;
	transform: skewX(-7deg) translateY(calc(-5 * var(--u)));
}

.act-jump-chev {
	color: var(--paper);
	font-size: calc(30 * var(--u));
	letter-spacing: calc(-3 * var(--u));
}

/* --------------------------------------------------------------------------
   שלוש ההכרעות
   -------------------------------------------------------------------------- */

.act-choice {
	padding: calc(84 * var(--u)) 0 calc(96 * var(--u));
	background: linear-gradient(160deg, #1d4a6b 0%, #15385a 100%);
	color: var(--paper);
}

.act-choice .wrap {
	width: var(--act-measure);
	margin-inline: auto;
}

.act-choice-lead {
	margin: 0 0 calc(58 * var(--u));
	text-align: center;
	font-size: calc(37 * var(--u));
	font-style: italic;
}

.act-choice-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(96 * var(--u));
}

.act-choice-item {
	position: relative;
	padding-inline: calc(6 * var(--u));
}

/* הספרה היא תמונה, ראשה מיושר לרצועת הזהב ויושבת בצד ימין של העמודה */
.act-choice-num {
	position: absolute;
	z-index: 0;
	top: calc(-26 * var(--u));
	right: calc(-96 * var(--u));
	width: calc(190 * var(--u));
	height: auto;
	pointer-events: none;
	user-select: none;
}

/* הטקסט צר מהעמודה בכוונה: כך הוא נשבר לארבע שורות כמו במוקאפ,
   והשטח שמתפנה משמאלו הוא המקום שבו יושבת הספרה */
.act-choice-item p {
	position: relative;
	z-index: 1;
	margin: 0;
	text-align: right;
	font-size: calc(50 * var(--u));
	font-weight: 700;
	font-style: italic;
	line-height: 1.22;
}

/* הביטוי המודגש תופס שורה משלו, כמו במוקאפ, והטקסט הלבן זורם מתחתיו */
.act-choice-mark {
	display: block;
	width: fit-content;
	margin: 0 0 calc(4 * var(--u)) auto;
	background: var(--gold);
	color: var(--ink);
	padding: 0 calc(12 * var(--u)) calc(4 * var(--u));
}

.act-q {
	color: var(--gold);
}

.act-rule {
	width: 100%;
	margin: calc(80 * var(--u)) auto calc(56 * var(--u));
	border: 0;
	border-top: calc(4 * var(--u)) solid var(--paper);
}

.act-invite {
	margin: 0 0 calc(26 * var(--u));
	text-align: center;
	font-size: calc(40 * var(--u));
	line-height: 1.4;
	/* מונע מילה בודדת בשורה אחרונה */
	text-wrap: pretty;
}

.act-invite-strong {
	margin: 0;
	font-weight: 700;
	font-style: italic;
}

.act-invite mark {
	background: #1f5c93;
	color: var(--paper);
	padding: 0 calc(10 * var(--u));
}

/* --------------------------------------------------------------------------
   שני הלוחות: "אז מי אנחנו" ו"ולמה חשוב להצביע"
   -------------------------------------------------------------------------- */

.act-panel {
	padding: calc(64 * var(--u)) 0;
	background: var(--paper);
}

/* הלוחות רחבים מהמידה של שאר העמוד, כמו במוקאפ */
.act-panel .wrap {
	--act-measure: calc(1660 * var(--u));
}

.act-panel .wrap {
	position: relative;
	width: var(--act-measure);
	margin-inline: auto;
	display: grid;
	align-items: center;
	/* בלי מרווח: הכותרת נכנסת אל תוך הלוח דרך שוליים שליליים */
	gap: 0;
}

.act-panel-right .wrap {
	grid-template-columns: calc(600 * var(--u)) 1fr;
}

.act-panel-left .wrap {
	grid-template-columns: 1fr calc(600 * var(--u));
}

.act-panel-left .act-panel-title {
	grid-column: 2;
	grid-row: 1;
	margin: 0 calc(-90 * var(--u)) 0 0;
	align-items: flex-start;
}

.act-panel-left .act-panel-body {
	grid-column: 1;
	grid-row: 1;
}

/* הכותרת היא שלוש רצועות זהב מדורגות, כל אחת מוטה מעט */
.act-panel-title {
	position: relative;
	z-index: 2;
	margin: 0 0 0 calc(-90 * var(--u));
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: calc(12 * var(--u));
	font-size: calc(104 * var(--u));
	font-weight: 700;
	line-height: 1;
}

.act-panel-title span {
	background: var(--gold);
	color: var(--ink);
	padding: calc(10 * var(--u)) calc(26 * var(--u)) calc(18 * var(--u));
	transform: rotate(-1.6deg);
	box-shadow: calc(-5 * var(--u)) calc(9 * var(--u)) calc(18 * var(--u)) rgba(5, 18, 34, 0.28);
}

.act-panel-title span:nth-child(2) {
	transform: rotate(1.2deg);
}

/* הפסקה יושבת על מקבילית כהה שנכנסת מתחת לכותרת */
.act-panel-body {
	position: relative;
	padding: calc(66 * var(--u)) calc(150 * var(--u)) calc(66 * var(--u)) calc(80 * var(--u));
	background: linear-gradient(150deg, #23527d 0%, #14395c 100%);
	color: var(--paper);
	font-size: calc(34 * var(--u));
	line-height: 1.42;
	text-align: right;
	transform: skewX(-6deg);
	box-shadow: calc(-8 * var(--u)) calc(14 * var(--u)) calc(28 * var(--u)) rgba(5, 18, 34, 0.35);
}

.act-panel-body > * {
	transform: skewX(6deg);
}

/* סימן השאלה הענק שברקע הלוח. תו אמיתי ולא צורות גיאומטריות — זה מה
   שמופיע במוקאפ. קישוט בלבד, מוסתר מקוראי מסך. */
.act-panel-art {
	position: absolute;
	z-index: 0;
	top: 50%;
	width: calc(300 * var(--u));
	pointer-events: none;
	transform: translateY(-50%);
	color: rgba(96, 160, 214, 0.30);
	font-size: calc(340 * var(--u));
	font-weight: 700;
	font-style: italic;
	line-height: 0.8;
	text-align: center;
	user-select: none;
}

.act-panel-art::before {
	content: "?";
}

.act-panel-right .act-panel-art {
	right: calc(40 * var(--u));
}

.act-panel-left .act-panel-art {
	left: calc(40 * var(--u));
}

/* הטקסט חייב להישאר מעל הקישוט */
.act-panel-body p {
	position: relative;
	z-index: 1;
}



.act-panel-body p {
	margin: 0 0 calc(18 * var(--u));
}

.act-panel-body p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   רצועת הזהב והאקורדיון
   -------------------------------------------------------------------------- */

/* אותו גוון כחול של מקטעי הנקודות והסיום, עם הדגל כסימן מים עדין */
.act-faq {
	position: relative;
	padding: 0 0 calc(110 * var(--u));
	background:
		linear-gradient(160deg, rgba(35, 88, 138, 0.94) 0%, rgba(22, 66, 107, 0.97) 100%),
		url("../img/flag.jpg") center / cover no-repeat;
	background-color: #1d4a74;
}

.act-banner {
	margin: 0 0 calc(80 * var(--u));
	padding: calc(26 * var(--u)) 0 calc(34 * var(--u));
	background: var(--gold);
	color: var(--ink);
	font-size: calc(110 * var(--u));
	font-weight: 700;
	line-height: 1;
	text-align: center;
	transform: rotate(-1.1deg) scaleX(1.03);
	box-shadow: 0 calc(12 * var(--u)) calc(26 * var(--u)) rgba(5, 18, 34, 0.35);
}

.act-faq .wrap {
	width: var(--act-measure);
	margin-inline: auto;
}

.act-acc {
	list-style: none;
	margin: 0;
	padding: 0;
}

.act-acc-item + .act-acc-item {
	margin-top: calc(22 * var(--u));
}

.act-acc-q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(24 * var(--u));
	padding: calc(22 * var(--u)) calc(40 * var(--u)) calc(26 * var(--u));
	border: 0;
	background: var(--paper);
	color: var(--ink);
	font-family: inherit;
	font-size: calc(36 * var(--u));
	font-weight: 700;
	font-style: italic;
	line-height: 1.2;
	text-align: right;
	cursor: pointer;
	transition: background 0.2s;
}

.act-acc-q:hover {
	background: #eef6fb;
}

/* משולש שמסתובב כשהתשובה נפתחת */
.act-acc-chev {
	flex: none;
	width: 0;
	height: 0;
	border-inline: calc(17 * var(--u)) solid transparent;
	border-top: calc(19 * var(--u)) solid var(--sky-tab);
	transition: transform 0.28s ease;
}

.act-acc-q[aria-expanded="true"] .act-acc-chev {
	transform: rotate(180deg);
}

.act-acc-a {
	padding: calc(26 * var(--u)) calc(40 * var(--u)) calc(30 * var(--u));
	border: calc(2 * var(--u)) solid rgba(255, 255, 255, 0.55);
	border-top: 0;
	background: rgba(12, 42, 70, 0.55);
	color: var(--paper);
	font-size: calc(28 * var(--u));
	line-height: 1.55;
	text-align: right;
}

.act-acc-a p {
	margin: 0 0 calc(16 * var(--u));
}

.act-acc-a p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   רצועת הכותל
   -------------------------------------------------------------------------- */

/* הקליפ מוצג במלואו ברוחב מלא — בלי cover, שהיה חותך אותו אחרת בכל
   גודל מסך. */
.act-kotel {
	position: relative;
	background: var(--paper);
	font-size: 0;
}

.act-kotel-video {
	display: block;
	width: 100%;
	height: auto;
}

.act-kotel-plate {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: calc(90 * var(--u));
	transform: translateY(-50%);
	margin: 0;
	padding: calc(30 * var(--u)) calc(42 * var(--u)) calc(36 * var(--u));
	background: rgba(24, 96, 143, 0.9);
	color: var(--paper);
	font-size: calc(64 * var(--u));
	font-weight: 700;
	line-height: 1.08;
	text-align: right;
}

.act-kotel-plate span {
	display: block;
}

.act-kotel-plate span:last-child {
	width: fit-content;
	padding-bottom: calc(10 * var(--u));
	border-bottom: calc(6 * var(--u)) solid var(--paper);
}

/* --------------------------------------------------------------------------
   נקודות למחשבה
   -------------------------------------------------------------------------- */

.act-points {
	padding: calc(90 * var(--u)) 0 calc(100 * var(--u));
	background: linear-gradient(160deg, #1b3f63 0%, #11293f 100%);
	color: var(--paper);
}

.act-points .wrap {
	width: var(--act-measure);
	margin-inline: auto;
}

.act-points-lead {
	margin: 0 0 calc(44 * var(--u));
	text-align: center;
	font-size: calc(32 * var(--u));
	font-weight: 700;
	line-height: 1.45;
}

.act-points-lead mark {
	display: inline-block;
	margin-top: calc(12 * var(--u));
	background: var(--gold);
	color: var(--ink);
	padding: calc(4 * var(--u)) calc(18 * var(--u)) calc(8 * var(--u));
}

.act-points-list {
	list-style: none;
	/* הבלוק ממורכז, אך השורות בתוכו מיושרות לימין — כך המעוינים
	   יוצרים עמוד אחיד, כמו בעיצוב */
	width: fit-content;
	margin: 0 auto;
	padding: calc(46 * var(--u)) calc(56 * var(--u));
	background: rgba(255, 255, 255, 0.06);
	font-size: calc(28 * var(--u));
	line-height: 1.42;
	text-align: right;
}

.act-points-list li + li {
	margin-top: calc(8 * var(--u));
}

.act-points-list li::before {
	content: "";
	display: inline-block;
	vertical-align: calc(3 * var(--u));
	margin-left: calc(14 * var(--u));
	width: calc(13 * var(--u));
	height: calc(13 * var(--u));
	background: var(--gold);
	transform: rotate(45deg);
}

/* --------------------------------------------------------------------------
   סיום
   -------------------------------------------------------------------------- */

/* אותו גוון של מקטע הנקודות, עם פס הזהב שסוגר את העמוד */
.act-close {
	position: relative;
	padding: calc(70 * var(--u)) 0 calc(96 * var(--u));
	background: linear-gradient(160deg, #1b3f63 0%, #11293f 100%);
	color: var(--paper);
	text-align: center;
}

/* פס הזהב סוגר את העמוד כולו, ולכן הוא יושב אחרי מקטע ההצטרפות
   ולא בתחתית מקטע הסיום */
.act-endbar {
	display: block;
	height: calc(18 * var(--u));
	background: var(--gold);
}

.act-close .wrap {
	width: var(--act-measure);
	margin-inline: auto;
}

.act-close-date {
	margin: 0 0 calc(30 * var(--u));
}

.act-close-date span {
	display: inline-block;
	background: var(--paper);
	color: var(--ink);
	padding: calc(6 * var(--u)) calc(20 * var(--u)) calc(10 * var(--u));
	font-size: calc(38 * var(--u));
	font-weight: 700;
	font-style: italic;
}

.act-close-body {
	margin: 0 0 calc(18 * var(--u));
	font-size: calc(38 * var(--u));
	font-weight: 400;
	font-style: italic;
	line-height: 1.3;
	text-wrap: pretty;
}

.act-close-sign {
	margin: 0;
	color: var(--gold);
	font-size: calc(38 * var(--u));
	font-weight: 700;
	font-style: italic;
}

.act-close-cta {
	display: inline-flex;
	align-items: center;
	gap: calc(12 * var(--u));
	margin-top: calc(54 * var(--u));
	padding: calc(16 * var(--u)) calc(44 * var(--u)) calc(20 * var(--u));
	border-radius: calc(8 * var(--u));
	background: var(--sky);
	color: var(--paper);
	font-size: calc(30 * var(--u));
	font-weight: 700;
	transition: background 0.2s;
}

.act-close-cta:hover {
	background: #17a3e0;
}

/* --------------------------------------------------------------------------
   כניסה בגלילה
   -------------------------------------------------------------------------- */

/* הכניסה משתמשת ב-translate הנפרד ולא ב-transform: כמה מהאלמנטים כאן
   נושאים skew או rotate משלהם, ו-transform היה דורס אותם. שתי התכונות
   מורכבות זו על זו במקום להתנגש. */
.act-in {
	opacity: 0;
	translate: 0 calc(38 * var(--u));
	transition:
		opacity 640ms ease,
		translate 640ms cubic-bezier(0.22, 0.75, 0.3, 1);
}

.act-in.is-in {
	opacity: 1;
	translate: none;
}

@media (prefers-reduced-motion: reduce) {
	.act-in,
	.act-in.is-in {
		opacity: 1;
		translate: none;
		transition: none;
	}
}

/* --------------------------------------------------------------------------
   מובייל
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
	.act-hero {
		min-height: calc(400 * var(--u));
		padding: calc(70 * var(--u)) calc(20 * var(--u)) calc(60 * var(--u));
	}

	.act-title {
		width: auto;
		font-size: calc(52 * var(--u));
	}

	.act-title .act-title-lead {
		padding: calc(2 * var(--u)) calc(16 * var(--u)) calc(7 * var(--u));
	}

	.act-jump {
		margin-top: calc(-40 * var(--u));
		padding-bottom: calc(34 * var(--u));
		background: linear-gradient(to bottom, transparent 0, transparent calc(40 * var(--u)), var(--paper) calc(40 * var(--u)));
	}

	.act-jump .wrap {
		width: auto;
		margin-inline: 0;
		padding-inline: calc(20 * var(--u));
		grid-template-columns: repeat(2, 1fr);
		gap: calc(14 * var(--u));
	}

	.act-jump-card {
		min-height: calc(112 * var(--u));
		padding: calc(14 * var(--u)) calc(10 * var(--u));
		font-size: calc(16 * var(--u));
	}

	.act-jump-chev {
		font-size: calc(18 * var(--u));
	}

	.act-choice {
		padding: calc(46 * var(--u)) 0 calc(54 * var(--u));
	}

	.act-choice .wrap,
	.act-faq .wrap,
	.act-points .wrap,
	.act-close .wrap {
		width: auto;
		margin-inline: 0;
		padding-inline: calc(20 * var(--u));
	}

	.act-choice-lead {
		margin-bottom: calc(34 * var(--u));
		font-size: calc(18 * var(--u));
	}

	.act-choice-grid {
		grid-template-columns: 1fr;
		gap: calc(26 * var(--u));
	}

	/* הספרה חוזרת מאחורי הטקסט ומשמאלו, גדולה ודהויה — כמו בעיצוב */
	/* הטקסט מוסט שמאלה כדי לפנות לספרה עמודה משלה בצד ימין */
	.act-choice-item {
		padding: 0 calc(96 * var(--u)) 0 0;
	}

	.act-choice-item p {
		max-width: none;
		font-size: calc(23 * var(--u));
	}

	.act-choice-mark {
		margin-inline-start: 0;
	}

	.act-choice-num {
		top: calc(-8 * var(--u));
		right: calc(-14 * var(--u));
		width: calc(118 * var(--u));
	}

	.act-rule {
		width: auto;
		margin: calc(44 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u));
		border-top-width: calc(2 * var(--u));
	}

	.act-invite {
		font-size: calc(18 * var(--u));
	}

	/* מעברי השורה נמדדו לרוחב דסקטופ. כאן כל אחד מהם נשבר שוב ומשאיר
	   מילה בודדת, ולכן הטקסט זורם חופשי ו-pretty מאזן את הסוף. */
	.act-invite br,
	.act-close-body br,
	.act-points-lead br {
		display: none;
	}

	.act-points-lead {
		text-wrap: pretty;
	}

	.act-panel {
		padding: calc(16 * var(--u)) 0;
	}

	/* ברוחב צר הכותרת עוברת מעל הפסקה במקום לצידה */
	/* הכותרת נשארת לצד הלוח וחופפת לו, כמו בדסקטופ — רק קטנה יותר.
	   המידה הרחבה שהוגדרה לדסקטופ חייבת להתאפס כאן, אחרת הלוח נמתח
	   לרוחב שמוציא את הטקסט מהמסך. */
	.act-panel .wrap {
		--act-measure: auto;
		width: auto;
		margin-inline: calc(10 * var(--u));
		padding-inline: 0;
	}

	.act-panel-right .wrap {
		grid-template-columns: calc(116 * var(--u)) 1fr;
	}

	.act-panel-left .wrap {
		grid-template-columns: 1fr calc(116 * var(--u));
	}

	.act-panel-title {
		margin: 0 0 0 calc(-20 * var(--u));
		align-items: flex-end;
		font-size: calc(27 * var(--u));
		gap: calc(3 * var(--u));
	}

	.act-panel-left .act-panel-title {
		margin: 0 calc(-20 * var(--u)) 0 0;
		align-items: flex-start;
	}

	.act-panel-title span {
		width: fit-content;
		padding: calc(4 * var(--u)) calc(10 * var(--u)) calc(7 * var(--u));
		white-space: nowrap;
	}

	.act-panel-body {
		padding: calc(20 * var(--u)) calc(30 * var(--u)) calc(20 * var(--u)) calc(14 * var(--u));
		font-size: calc(13 * var(--u));
	}

	.act-panel-art {
		width: calc(70 * var(--u));
		font-size: calc(100 * var(--u));
	}

	.act-panel-right .act-panel-art {
		right: calc(6 * var(--u));
	}

	.act-panel-left .act-panel-art {
		left: calc(6 * var(--u));
	}

	.act-banner {
		margin-bottom: calc(40 * var(--u));
		padding: calc(12 * var(--u)) 0 calc(16 * var(--u));
		font-size: calc(40 * var(--u));
	}

	.act-faq {
		padding-bottom: calc(56 * var(--u));
	}

	.act-acc-item + .act-acc-item {
		margin-top: calc(12 * var(--u));
	}

	.act-acc-q {
		gap: calc(12 * var(--u));
		padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u));
		font-size: calc(17 * var(--u));
	}

	.act-acc-chev {
		border-inline-width: calc(9 * var(--u));
		border-top-width: calc(10 * var(--u));
	}

	.act-acc-a {
		padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u));
		font-size: calc(15 * var(--u));
	}

	.act-kotel-plate {
		left: calc(14 * var(--u));
		padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(15 * var(--u));
		font-size: calc(26 * var(--u));
	}

	.act-kotel-plate span:last-child {
		padding-bottom: calc(5 * var(--u));
		border-bottom-width: calc(3 * var(--u));
	}

	.act-points {
		padding: calc(48 * var(--u)) 0 calc(54 * var(--u));
	}

	.act-points-lead {
		font-size: calc(17 * var(--u));
	}

	.act-points-list {
		padding: calc(26 * var(--u)) calc(20 * var(--u));
		font-size: calc(15 * var(--u));
	}

	.act-points-list li::before {
		margin-left: calc(8 * var(--u));
		width: calc(8 * var(--u));
		height: calc(8 * var(--u));
	}

	.act-close {
		padding: calc(44 * var(--u)) 0 calc(60 * var(--u));
	}

	.act-close-date span,
	.act-close-body {
		font-size: calc(17 * var(--u));
	}

	.act-close-sign {
		font-size: calc(19 * var(--u));
	}

	.act-close-cta {
		margin-top: calc(30 * var(--u));
		padding: calc(11 * var(--u)) calc(22 * var(--u)) calc(13 * var(--u));
		font-size: calc(16 * var(--u));
	}
}