/* gw15-infomob — адаптив информационных страниц (About/FAQ/Инструкции/
   Единство/Отзывы/Контакты) + оформление юр. страниц (Условия/Политика/
   Оферта), тексты и SEO которых не трогаем.

   Десктоп (>=1025px) уже сведён к макету в gw11-info.css — здесь только
   media(max-width:1024px) для инфо-страниц. Юр. страницы gw11 не покрывает
   (там нет terms/privacy/oferta в селекторах), поэтому для них — базовые
   правила без media-обёртки: они и есть "мобильный+десктоп" вид.

   Гоча: контент лежит в ДВУХ контейнерах — `information-*` рендерят в
   `#content .site-main article`, `newsblog-*` (FAQ/Единство/Отзывы) в
   `.newsblog_specials_description`. Дублируем каждое правило на оба. */

/* ============ ЮРИДИЧЕСКИЕ СТРАНИЦЫ (terms/privacy/oferta) ============
   Эталон: figma 769:37138. Текст/SEO не трогать — только герой,
   типографика, ширина колонки. gw11 их не покрывает вообще. */
body.information-information-3 .page-cover,
body.information-information-5 .page-cover,
body.information-information-8 .page-cover,
body.information-information-9 .page-cover {
	background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
	background-color: #000E37 !important;
	padding: 40px 16px 40px;
}
body.information-information-3 .page-cover h1,
body.information-information-5 .page-cover h1,
body.information-information-8 .page-cover h1,
body.information-information-9 .page-cover h1 {
	font-size:32px;
	line-height: 1.2;
	font-weight:300;
	color: #fff;
	text-align: left;
	text-transform: none;
	margin: 0;
}
body.information-information-3 #content .site-main article,
body.information-information-5 #content .site-main article,
body.information-information-8 #content .site-main article,
body.information-information-9 #content .site-main article {
	max-width: 860px;
	margin: 0 auto;
	padding: 0 16px;
}
body.information-information-3 #content .site-main article h2,
body.information-information-5 #content .site-main article h2,
body.information-information-8 #content .site-main article h2,
body.information-information-9 #content .site-main article h2 {
	font-size: 22px;
	line-height: 1.3;
	color: #0066B2;
	font-weight: 500;
	text-decoration: none;
	margin: 28px 0 12px;
}
body.information-information-3 #content .site-main article p,
body.information-information-5 #content .site-main article p,
body.information-information-8 #content .site-main article p,
body.information-information-9 #content .site-main article p,
body.information-information-3 #content .site-main article li,
body.information-information-5 #content .site-main article li,
body.information-information-8 #content .site-main article li,
body.information-information-9 #content .site-main article li {
	font-size: 15px;
	line-height: 1.6;
	color: #5B6D9C;
}

@media (min-width: 1025px) {
	body.information-information-3 .page-cover,
	body.information-information-5 .page-cover,
	body.information-information-8 .page-cover,
	body.information-information-9 .page-cover {
		padding: 56px 24px 56px;
	}
	body.information-information-3 .page-cover h1,
	body.information-information-5 .page-cover h1,
	body.information-information-8 .page-cover h1,
	body.information-information-9 .page-cover h1 {
		font-size:48px;
		text-align: center;
	}
	body.information-information-3 #content .site-main article,
	body.information-information-5 #content .site-main article,
	body.information-information-8 #content .site-main article,
	body.information-information-9 #content .site-main article {
		max-width: 900px;
	}
}

/* ============ АДАПТИВ ИНФО-СТРАНИЦ (About/FAQ/Единство/Отзывы/Контакты/Инструкции) ============ */
@media (max-width: 1024px) {

	/* Герой — меньше паддингов и кегль, без потери градиента */
	body[class*="information-"] .page-cover,
	body.newsblog-category .page-cover,
	body.newsblog-article .page-cover {
		background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
		background-color: #000E37 !important;
		padding: 36px 16px 40px;
	}
	body[class*="information-"] .page-cover h1,
	body.newsblog-category .page-cover h1 {
		font-size:32px;
		line-height: 1.22;
		font-weight:300;
		color: #fff;
		text-align: left;
		max-width: 100%;
		margin: 0;
		text-transform: none;
	}
	body[class*="information-"] .page-cover .breadcrumb,
	body.newsblog-category .page-cover .breadcrumb {
		justify-content: flex-start;
		font-size: 12px;
		flex-wrap: wrap;
	}

	/* Контент: одна читаемая колонка на всю ширину экрана с полями */
	#content .site-main article,
	.newsblog_specials_description {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}

	#content .site-main article h2,
	.newsblog_specials_description h2 {
		font-size: 22px;
		line-height: 1.28;
		color: #0066B2;
		font-weight: 500;
		text-decoration: none;
		margin: 28px 0 12px;
	}
	#content .site-main article h2 a,
	.newsblog_specials_description h2 a,
	#content .site-main article h2 u,
	.newsblog_specials_description h2 u {
		text-decoration: none;
		color: inherit;
	}
	#content .site-main article h3,
	.newsblog_specials_description h3 {
		font-size: 18px;
		line-height: 1.32;
		color: #0066B2;
		font-weight: 500;
		margin: 22px 0 10px;
	}
	#content .site-main article p,
	.newsblog_specials_description p {
		font-size: 15px;
		line-height: 1.55;
		color: #5B6D9C;
		margin: 0 0 12px;
	}
	#content .site-main article li,
	.newsblog_specials_description li {
		font-size: 15px;
		line-height: 1.5;
		color: #5B6D9C;
	}
	#content .site-main article a:not(.btn):not(.button),
	.newsblog_specials_description a:not(.btn):not(.button) {
		color: #0066B2;
	}

	/* Медиа внутри текста не должно рвать layout */
	#content .site-main article img,
	.newsblog_specials_description img {
		max-width: 100%;
		height: auto;
	}
	#content .site-main article table,
	.newsblog_specials_description table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}

	#content .site-main article img[src*="olga"],
	#content .site-main article .content-box img,
	.newsblog_specials_description .content-box img {
		border-radius: 50%;
	}

	#content .site-main article .content-box,
	.newsblog_specials_description .content-box {
		background: #fff;
		border: 1px solid #E3E8EF;
		border-radius: 14px;
		box-shadow: none;
		padding: 16px 18px;
	}
}

@media (min-width: 481px) and (max-width: 1024px) {
	body[class*="information-"] .page-cover,
	body.newsblog-category .page-cover,
	body.newsblog-article .page-cover {
		padding: 48px 24px 52px;
	}
	body[class*="information-"] .page-cover h1,
	body.newsblog-category .page-cover h1 {
		font-size:32px;
	}
	#content .site-main article,
	.newsblog_specials_description {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* ==========================================================================
   Contacts mobile — Figma 1050:78957 @390
   Shell width, form CTA, fields, mail icon, hero rhythm.
   Desktop contacts stay in figma-redesign.css.
   ========================================================================== */
@media (max-width: 860px) {
	/* ~16–18px outer inset (was 25+16 → 306px content) */
	body.information-information-8 .site-content > .container:has(.fg-contacts),
	body.information-information-8 #primary.container:has(.fg-contacts),
	body.information-information-8 #primary.container,
	body.information-information-8 .site-content > .container {
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 20px;
		padding-bottom: 32px;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	body.information-information-8 #content .site-main article,
	body.information-information-8 #content .site-main article:has(.fg-contacts) {
		max-width: 100% !important;
		width: 100%;
		margin: 0;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-sizing: border-box;
	}
	body.information-information-8 .fg-contacts {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 0 24px;
		box-sizing: border-box;
	}
	body.information-information-8 .fg-contacts__grid {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 0;
		width: 100%;
	}
	body.information-information-8 .fg-contacts__card {
		width: 100%;
		max-width: 100%;
		padding: 16px;
		border-radius: 12px;
		box-sizing: border-box;
	}
	body.information-information-8 .fg-contacts__title {
		font-size: 22px !important;
		line-height: 1.25 !important;
	}
	body.information-information-8 .fg-contacts__sub {
		font-size: 14px !important;
		line-height: 1.4 !important;
		padding: 8px 0 12px !important;
		margin: 0 !important;
		border-bottom: 1px solid #E3E8EF;
		color: #5B6D9C;
	}
	body.information-information-8 .fg-contacts__row-title {
		font-size: 16px;
	}
	body.information-information-8 .fg-contacts__row-desc {
		font-size: 14px;
	}

	/* Gmail-style multicolor M (Figma) instead of solid blue envelope */
	body.information-information-8 .fg-contacts__ico--mail {
		background-color: transparent !important;
		border-radius: 0 !important;
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EA4335' d='M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z'/%3E%3Cpath fill='%23FBBC05' d='M0 5.457v1.5l8.727 6.545V21H1.636A1.636 1.636 0 0 1 0 19.366V5.457z'/%3E%3Cpath fill='%2334A853' d='M24 5.457v1.5l-8.727 6.545V21h6.091A1.636 1.636 0 0 0 24 19.366V5.457z'/%3E%3Cpath fill='%23C5221F' d='M0 5.457c0-2.023 2.309-3.178 3.927-1.964L12 9.548 5.455 4.64 3.927 3.493C2.309 2.279 0 3.434 0 5.457z'/%3E%3Cpath fill='%23EA4335' d='M24 5.457c0-2.023-2.309-3.178-3.927-1.964L12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z'/%3E%3C/svg%3E") !important;
		background-size: 20px 20px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	/* Form surface — full content width */
	body.information-information-8 .fg-contacts-form {
		width: 100%;
		max-width: 100%;
		margin: 20px 0 0;
		padding: 20px 16px;
		box-sizing: border-box;
		border-radius: 12px;
	}
	body.information-information-8 .fg-contacts-form__title {
		font-size: 22px !important;
	}
	body.information-information-8 .fg-contacts-form__lead {
		font-size: 14px;
		line-height: 1.45;
		margin: 0 0 16px;
		padding: 0 !important;
		border: 0 !important;
	}
	body.information-information-8 .fg-contacts-form__form input[type="text"],
	body.information-information-8 .fg-contacts-form__form input[type="tel"],
	body.information-information-8 .fg-contacts-form__form input[type="email"],
	body.information-information-8 .fg-contacts-form__form textarea {
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
	/* Figma mobile: name / phone / proposal only — hide Email row */
	body.information-information-8 .fg-contacts-form__field:has(input[type="email"]) {
		display: none !important;
	}
	body.information-information-8 .fg-contacts-form__check {
		font-size: 13px;
		line-height: 1.4;
		gap: 8px;
		margin: 0 0 8px;
		align-items: flex-start;
	}
	body.information-information-8 .fg-contacts-form__check input {
		accent-color: #0066B2;
		width: 18px;
		height: 18px;
		min-width: 18px;
		margin-top: 1px;
		flex: 0 0 18px;
	}
	/* Biggest gap: full-width primary CTA (was 165×34 centered) */
	body.information-information-8 .fg-contacts-form__submit {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: 44px !important;
		line-height: 44px !important;
		margin: 18px 0 0 !important;
		padding: 0 16px !important;
		border-radius: 8px !important;
		font-size: 16px;
		text-align: center;
		box-sizing: border-box;
	}
}

@media (max-width: 480px) {
	/* Hero vertical rhythm — Figma tighter than 388px cover */
	body.information-information-8 .fg-info-cover,
	body.information-information-8 .page-cover.fg-info-cover,
	body.information-information-8 .page-cover {
		padding: 24px 16px 28px !important;
		min-height: 0;
	}
	body.information-information-8 .fg-info-breadcrumb,
	body.information-information-8 .page-cover .breadcrumb,
	body.information-information-8 .breadcrumb {
		padding-top: 8px !important;
		margin-bottom: 12px !important;
	}
	body.information-information-8 .fg-info-cover .page-title,
	body.information-information-8 .page-cover h1 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		text-align: center !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}
	body.information-information-8 .fg-info-cover__titles {
		padding: 0 4px 4px !important;
		max-width: 100%;
	}
	body.information-information-8 .fg-info-cover__lead {
		font-size: 14px !important;
		line-height: 1.45 !important;
		margin: 10px auto 0 !important;
		max-width: 100%;
		text-align: center;
	}
	body.information-information-8 .fg-contacts-form {
		padding: 20px 16px;
		margin-top: 16px;
	}
	body.information-information-8 .fg-contacts-form__form input[type="tel"] {
		font-size: 13px;
	}
}

/* ==========================================================================
   Privacy / documents mobile — Figma 1050:80122 @390
   body.information-information-3  url=/privacy/
   Biggest gap: hero ~444px vs Figma ~238px from stacked
   .page-cover + .container(40/25) + .fg-info-cover__titles(40/0) paddings.
   ========================================================================== */
@media (max-width: 860px) {
	/* Hero band: collapse stacked paddings → ~220–260px */
	body.information-information-3 .page-cover {
		padding: 24px 16px 28px !important;
		box-sizing: border-box;
	}
	/* Kill listify dark film + title shadow so white h1 reads on gradient */
	body.information-information-3 .page-cover::after,
	body.information-information-3 .page-cover::before {
		display: none !important;
		content: none !important;
		background: none !important;
	}
	body.information-information-3 .page-cover > .container,
	body.information-information-3 .page-cover .container {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	body.information-information-3 .fg-info-cover__titles.cover-wrapper,
	body.information-information-3 .fg-info-cover__titles {
		padding: 12px 0 0 !important;
	}
	body.information-information-3 .page-cover h1.page-title,
	body.information-information-3 .page-cover h1 {
		text-align: center;
		line-height: 1.2;
		margin: 0;
		color: #fff !important;
		font-weight: 300;
		text-shadow: none !important;
	}

	/* Breadcrumbs: light on navy (not #0066B2 / --bg-green) */
	body.information-information-3 .page-cover .breadcrumb,
	body.information-information-3 .page-cover .fg-info-breadcrumb {
		padding-top: 0 !important;
		margin: 0 0 8px !important;
		justify-content: flex-start;
	}
	body.information-information-3 .page-cover .breadcrumb a,
	body.information-information-3 .page-cover .fg-info-breadcrumb a,
	body.information-information-3 .page-cover .breadcrumb li,
	body.information-information-3 .page-cover .fg-info-breadcrumb li {
		color: rgba(255, 255, 255, 0.85) !important;
	}

	/* Content under cover: compact top + 16px side inset */
	body.information-information-3 #primary.container,
	body.information-information-3 #primary {
		padding: 20px 16px 40px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	body.information-information-3 #content .site-main article {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100% !important;
	}

	/* Section labels are <p><strong>…</strong></p> — larger blue titles */
	body.information-information-3 #content .site-main article p > strong:only-child,
	body.information-information-3 #content .site-main article p > strong:first-child:last-child {
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.3;
		color: #0066B2;
		margin: 8px 0 4px;
	}

	/* PRIVACY POLICY: kill CMS align=center → left like Figma */
	body.information-information-3 #content .site-main article p[align],
	body.information-information-3 #content .site-main article p[style*="center"] {
		text-align: left !important;
	}
}

@media (max-width: 480px) {
	/* Keep same compact band as 860 — target hero ~220–250px @390 */
	body.information-information-3 .page-cover {
		padding: 24px 16px 28px !important;
	}
	body.information-information-3 .fg-info-cover__titles.cover-wrapper,
	body.information-information-3 .fg-info-cover__titles {
		padding: 12px 0 0 !important;
	}
	body.information-information-3 .page-cover h1.page-title,
	body.information-information-3 .page-cover h1 {
		font-size: 30px;
		line-height: 1.2;
		text-align: center;
		margin: 0;
	}
	body.information-information-3 #primary.container,
	body.information-information-3 #primary {
		padding: 20px 16px 40px !important;
	}
}

/* ==========================================================================
   FAQ mobile — Figma 998:63287 @390
   Biggest gap: hero ~478px (h1.cover-wrapper pad 40px 0 + sparse stack).
   Also: full-bleed cards/accordion vs ~16px side gutters.
   ========================================================================== */
@media (max-width: 860px) {
	/* Compact gradient hero */
	html.gw-p-faq .page-cover,
	html.gw-p-faq .page-cover.has-image,
	html.gw-p-faq .page-cover.page-cover--faq {
		padding: 20px 16px 28px !important;
		min-height: 0 !important;
		height: auto !important;
	}
	/* breadcrumb wrapper + h1.cover-wrapper — strip gw11 40px pad */
	html.gw-p-faq .page-cover > .container,
	html.gw-p-faq .page-cover .cover-wrapper {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	html.gw-p-faq .page-cover h1.page-title,
	html.gw-p-faq .page-cover .page-title,
	html.gw-p-faq .page-cover h1.cover-wrapper,
	html.gw-p-faq .page-cover h1 {
		padding: 0 !important;
		margin: 12px auto 0 !important;
		font-size: 28px !important;
		line-height: 1.2 !important;
		font-weight: 300 !important;
		max-width: 100%;
		text-align: center;
	}
	html.gw-p-faq .page-cover__lead {
		margin-top: 10px !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
		max-width: 100%;
	}
	html.gw-p-faq .page-cover__lead p {
		margin: 0;
		font-size: inherit;
		line-height: inherit;
	}
	html.gw-p-faq .page-cover .breadcrumb {
		justify-content: flex-start;
		font-size: 12px;
		padding-top: 0 !important;
		margin-bottom: 8px !important;
	}

	/* Content column — 16px side inset (was edge-to-edge w=390).
	   Only #primary gets horizontal pad — nested .content-area stays 0 to avoid 32px double inset. */
	html.gw-p-faq #primary.container,
	html.gw-p-faq #primary {
		padding: 24px 16px 40px !important;
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
	html.gw-p-faq .content-area {
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
	html.gw-p-faq .faq-main {
		width: 100%;
		max-width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	html.gw-p-faq .faq-main__title,
	html.gw-p-faq .faq-main__lead {
		padding: 0;
		max-width: 100%;
	}
	html.gw-p-faq .faq-main__title {
		font-size: 28px !important;
		line-height: 1.2 !important;
		margin: 0 0 10px !important;
	}
	html.gw-p-faq .faq-main__lead {
		font-size: 15px !important;
		line-height: 1.45 !important;
		color: #5B6D9C;
		margin: 0 0 20px !important;
	}
	html.gw-p-faq .faq-main__grid {
		width: 100%;
		box-sizing: border-box;
		grid-template-columns: 1fr;
		gap: 12px;
	}
	html.gw-p-faq .faq-main__card {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		border-radius: 10px;
	}
	html.gw-p-faq .faq-main__card--dark {
		border-radius: 12px;
	}

	/* Accordion «Faq» — inset pills (beats gw9 padding:0 !important) */
	html.gw-p-faq .newsblog_specials_description {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100%;
		box-sizing: border-box;
	}
	html.gw-p-faq .newsblog_specials_description > h2.faq-list-title,
	html.gw-p-faq .newsblog_specials_description > h2:first-child,
	html.gw-p-faq .faq-list-title {
		font-size: 28px !important;
		margin: 24px 0 14px !important;
		line-height: 1.2 !important;
	}
	html.gw-p-faq .faq-accordion {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	html.gw-p-faq .faq-item {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 480px) {
	html.gw-p-faq .page-cover,
	html.gw-p-faq .page-cover.has-image,
	html.gw-p-faq .page-cover.page-cover--faq {
		padding: 16px 16px 24px !important;
	}
	html.gw-p-faq .page-cover h1.page-title,
	html.gw-p-faq .page-cover .page-title,
	html.gw-p-faq .page-cover h1 {
		font-size: 26px !important;
		margin: 10px auto 0 !important;
		line-height: 1.2 !important;
	}
	html.gw-p-faq .page-cover__lead {
		margin-top: 8px !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
	}
	html.gw-p-faq .faq-main__title {
		font-size: 26px !important;
	}
	html.gw-p-faq .faq-main__lead {
		font-size: 15px !important;
	}
	html.gw-p-faq .newsblog_specials_description > h2.faq-list-title,
	html.gw-p-faq .faq-list-title {
		font-size: 26px !important;
		margin: 20px 0 12px !important;
	}
	html.gw-p-faq #primary.container,
	html.gw-p-faq #primary {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	html.gw-p-faq .content-area {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


/* ==========================================================================
   About mobile — Figma 998:62864 @390 (body.information-information-4)
   Loads after fg-info; reinforce hero collapse + single 16px content gutter.
   Component polish (founder/team/stepper) lives in fg-info.css end block.
   ========================================================================== */
@media (max-width: 860px) {
	body.information-information-4 .page-cover,
	body.information-information-4 .page-cover.fg-info-cover,
	body.information-information-4 .fg-info-cover {
		padding: 28px 16px 36px !important;
		min-height: 0 !important;
		box-sizing: border-box;
	}
	body.information-information-4 .page-cover > .container,
	body.information-information-4 .page-cover .container {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	body.information-information-4 .fg-info-cover__titles.cover-wrapper,
	body.information-information-4 .fg-info-cover__titles {
		padding: 8px 0 0 !important;
		text-align: left !important;
	}
	body.information-information-4 .page-cover h1.page-title,
	body.information-information-4 .page-cover h1,
	body.information-information-4 .fg-info-cover .page-title {
		font-size: 24px !important;
		line-height: 1.25 !important;
		text-align: left !important;
		margin: 0 !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	body.information-information-4 .page-cover .breadcrumb,
	body.information-information-4 .page-cover .fg-info-breadcrumb {
		justify-content: flex-start !important;
		margin: 0 0 12px !important;
		padding-top: 0 !important;
	}
	body.information-information-4 .page-cover .breadcrumb a,
	body.information-information-4 .page-cover .fg-info-breadcrumb a,
	body.information-information-4 .page-cover .breadcrumb li,
	body.information-information-4 .page-cover .fg-info-breadcrumb li {
		color: rgba(255, 255, 255, 0.85) !important;
	}

	body.information-information-4 #primary.container,
	body.information-information-4 #primary {
		padding: 20px 16px 40px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	body.information-information-4 #content .site-main article,
	body.information-information-4 #primary .site-main article {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100% !important;
	}

	/* Override about desktop 28px !important on section H2 */
	body.information-information-4 #content .site-main article .sp-about-h2,
	body.information-information-4 #content .site-main article h2.sp-about-h2,
	body.information-information-4 #primary .site-main article .sp-about-h2 {
		font-size: 22px !important;
		line-height: 1.28 !important;
		margin: 28px 0 12px !important;
	}
}

@media (max-width: 480px) {
	body.information-information-4 .page-cover,
	body.information-information-4 .page-cover.fg-info-cover {
		padding: 24px 16px 32px !important;
	}
	body.information-information-4 .fg-info-cover__titles.cover-wrapper,
	body.information-information-4 .fg-info-cover__titles {
		padding: 6px 0 0 !important;
	}
	body.information-information-4 .page-cover h1.page-title,
	body.information-information-4 .page-cover h1,
	body.information-information-4 .fg-info-cover .page-title {
		font-size: 22px !important;
		line-height: 1.28 !important;
		text-align: left !important;
	}
	body.information-information-4 #primary.container,
	body.information-information-4 #primary {
		padding: 20px 16px 36px !important;
	}
}

/* ==========================================================================
   /edinstvo/ mobile — Figma 998:63895 @390
   html.gw-p-edinstvo (set by gw-page.js on <html>)
   Gaps: short centered H1 «Единство» + subtitle; joint-project title in
   white card (not blue band); AVI intro card; inset cards; outline CTA
   pill; meta chips; hide mid-list .blog_promo.
   ========================================================================== */
@media (max-width: 860px) {

	/* Page canvas */
	html.gw-p-edinstvo body,
	html.gw-p-edinstvo #content,
	html.gw-p-edinstvo .site-content {
		background: #F7F9FC !important;
	}

	/* ---- Hero: compact navy band, short H1 + white subtitle ---- */
	html.gw-p-edinstvo .page-cover,
	html.gw-p-edinstvo .page-cover.has-image {
		background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
		background-color: #000E37 !important;
		background-size: cover !important;
		background-position: center !important;
		padding: 28px 16px 32px !important;
		margin: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		text-align: center;
		box-sizing: border-box;
	}
	html.gw-p-edinstvo .page-cover.has-image::before,
	html.gw-p-edinstvo .page-cover.has-image::after,
	html.gw-p-edinstvo .page-cover::after {
		display: none !important;
		content: none !important;
		background: none !important;
	}
	html.gw-p-edinstvo .page-cover > .container,
	html.gw-p-edinstvo .page-cover .container {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	html.gw-p-edinstvo .page-cover .breadcrumb {
		padding-top: 0 !important;
		margin: 0 0 10px !important;
		justify-content: flex-start !important;
		font-size: 12px !important;
		line-height: 1.3;
	}
	html.gw-p-edinstvo .page-cover .breadcrumb a,
	html.gw-p-edinstvo .page-cover .breadcrumb li {
		color: rgba(255, 255, 255, 0.8) !important;
	}

	/* Hide long CMS H1 text; paint short title + subtitle via pseudo */
	html.gw-p-edinstvo .page-cover h1.page-title,
	html.gw-p-edinstvo .page-cover h1 {
		font-size: 0 !important;
		line-height: 0 !important;
		padding: 0 !important;
		margin: 0 auto !important;
		max-width: 100% !important;
		text-align: center !important;
		font-weight: 400 !important;
		color: transparent !important;
		text-transform: none !important;
	}
	html.gw-p-edinstvo .page-cover h1.page-title::before,
	html.gw-p-edinstvo .page-cover h1::before {
		content: "Единство";
		display: block;
		font-size: 28px;
		font-weight: 400;
		line-height: 1.25;
		color: #fff;
		margin: 0 0 8px;
		letter-spacing: 0;
	}
	html.gw-p-edinstvo .page-cover h1.page-title::after,
	html.gw-p-edinstvo .page-cover h1::after {
		content: "Советы и рекомендации на русском языке во время военных действий в Израиле";
		display: block;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.45;
		color: rgba(255, 255, 255, 0.9);
		max-width: 320px;
		margin: 0 auto;
	}

	/* Joint-project line leaves blue band → appears as first title of white card */
	html.gw-p-edinstvo .page-cover__lead {
		display: none !important;
	}

	/* ---- Primary column: full-bleed so cards own 16px gutters ---- */
	html.gw-p-edinstvo #primary.container,
	html.gw-p-edinstvo #primary {
		padding: 16px 0 40px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	html.gw-p-edinstvo .content-area {
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;
		max-width: 100%;
	}
	html.gw-p-edinstvo .newsblog_top_banner {
		display: none !important;
	}

	/* ---- AVI / intro white card ---- */
	html.gw-p-edinstvo .newsblog_specials_description {
		background: #fff !important;
		border: 1px solid #E3E8EF !important;
		border-radius: 16px !important;
		padding: 24px 16px !important;
		margin: 0 16px 20px !important;
		max-width: calc(100% - 32px) !important;
		box-sizing: border-box !important;
		text-align: center !important;
		box-shadow: none !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description::before {
		content: "Совместный проект SarafanPRO и AVI (Альянс Волонтеров Израиля)";
		display: block;
		color: #0066B2;
		font-size: 22px;
		font-weight: 500;
		line-height: 1.3;
		text-align: center;
		margin: 0 0 16px;
	}
	html.gw-p-edinstvo .newsblog_specials_description p,
	html.gw-p-edinstvo .newsblog_specials_description strong,
	html.gw-p-edinstvo .newsblog_specials_description span,
	html.gw-p-edinstvo .newsblog_specials_description u {
		color: #5B6D9C !important;
		font-size: 15px !important;
		line-height: 1.55 !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		text-align: center !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description p {
		margin: 0 0 6px !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description img {
		display: block;
		max-width: 220px !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 auto 14px !important;
		border-radius: 0;
	}
	/* Drop empty / &nbsp;-only spacer paragraphs from CMS */
	html.gw-p-edinstvo .newsblog_specials_description p:empty,
	html.gw-p-edinstvo .newsblog_specials_description p:has(> span:empty) {
		display: none !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description p:last-child {
		margin-bottom: 0 !important;
	}

	/* ---- Mid-list promo: absent from Figma mobile sequence ---- */
	html.gw-p-edinstvo .blog_promo {
		display: none !important;
	}

	/* ---- Featured lead → card-like vertical stack ---- */
	html.gw-p-edinstvo .blog_lead {
		display: block !important;
		grid-template-columns: none !important;
		padding: 0 16px !important;
		margin: 0 0 16px !important;
		box-sizing: border-box;
	}
	html.gw-p-edinstvo .blog_lead-item {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 0 !important;
		background: #fff !important;
		border: 1px solid #E3E8EF !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		padding: 0 0 16px !important;
		box-sizing: border-box;
	}
	html.gw-p-edinstvo .blog_lead-img {
		display: block !important;
		border-radius: 16px 16px 0 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
	}
	html.gw-p-edinstvo .blog_lead-img img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1;
		object-fit: cover !important;
		display: block !important;
		border-radius: 16px 16px 0 0 !important;
	}
	html.gw-p-edinstvo .blog_lead-body {
		display: flex !important;
		flex-direction: column !important;
		padding: 12px 0 0 !important;
		gap: 0;
	}
	html.gw-p-edinstvo .blog_lead-body .item_meta {
		padding: 0 16px;
		margin: 0 0 8px;
	}
	html.gw-p-edinstvo .blog_lead-body .name {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 0 16px !important;
		margin: 0 0 8px !important;
	}
	html.gw-p-edinstvo .blog_lead-body .name a {
		color: #0066B2 !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
	}
	html.gw-p-edinstvo .blog_lead-body .text {
		font-size: 14px !important;
		line-height: 1.45 !important;
		color: #5B6D9C !important;
		padding: 0 16px !important;
		margin: 0 0 12px !important;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		max-height: none !important;
	}
	html.gw-p-edinstvo .blog_lead-body .button_white {
		position: static !important;
		display: block !important;
		width: calc(100% - 32px) !important;
		margin: 4px 16px 0 !important;
		box-sizing: border-box !important;
		background: #fff !important;
		color: #0066B2 !important;
		border: 1px solid #0066B2 !important;
		border-radius: 999px !important;
		text-align: center !important;
		padding: 12px 16px !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		align-self: stretch !important;
	}

	/* ---- Card list: inset gutter, single column ---- */
	html.gw-p-edinstvo .content-area .blog-items.row,
	html.gw-p-edinstvo .blog-items.row {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 16px !important;
		padding: 0 16px !important;
		margin: 0 0 32px !important;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
	}
	html.gw-p-edinstvo .content-area .blog-items.row > [class*="col-"],
	html.gw-p-edinstvo .blog-items.row > article,
	html.gw-p-edinstvo .blog-items.row > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
	}

	html.gw-p-edinstvo .blog-items .item,
	html.gw-p-edinstvo .content-area .blog-items .item {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		background: #fff !important;
		border: 1px solid #E3E8EF !important;
		border-bottom: 1px solid #E3E8EF !important;
		border-radius: 16px !important;
		padding: 0 0 16px !important;
		height: auto !important;
		min-height: 0 !important;
		box-shadow: none !important;
		gap: 0 !important;
	}

	/* Image: top corners match card radius */
	html.gw-p-edinstvo .blog-items .item .img {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-top: none !important;
		border-bottom: none !important;
		width: 100% !important;
		flex: 0 0 auto;
	}
	html.gw-p-edinstvo .blog-items .item .img img,
	html.gw-p-edinstvo .content-area .blog-items .item .img img {
		border-radius: 16px 16px 0 0 !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1;
		object-fit: contain !important;
		object-position: center;
		background: #eef3f9;
		display: block !important;
	}

	/* Meta: category chip + date row, reading time below */
	html.gw-p-edinstvo .blog-items .item .item_meta,
	html.gw-p-edinstvo .blog_lead-body .item_meta {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: wrap;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 12px 16px 0 !important;
		margin: 0 0 8px !important;
		font-size: 12px !important;
		color: #5B6D9C !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_meta::before,
	html.gw-p-edinstvo .blog_lead-body .item_meta::before {
		content: none !important;
		display: none !important;
		flex: none !important;
		width: 0 !important;
		height: 0 !important;
		background: none !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_meta-top,
	html.gw-p-edinstvo .blog_lead-body .item_meta-top {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center !important;
		gap: 8px !important;
		width: 100%;
		margin: 0 !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_category,
	html.gw-p-edinstvo .blog_lead-body .item_category {
		display: inline-flex !important;
		align-items: center;
		flex: 0 0 auto;
		padding: 4px 10px !important;
		background: #fff !important;
		border: 1px solid #0066B2 !important;
		border-radius: 999px !important;
		color: #0066B2 !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		order: 0;
		max-width: 55%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	html.gw-p-edinstvo .blog-items .item .item_date,
	html.gw-p-edinstvo .blog_lead-body .item_date {
		display: inline-flex !important;
		align-items: center;
		gap: 8px;
		flex: 1 1 auto;
		min-width: 0;
		justify-content: flex-end !important;
		padding: 4px 0 !important;
		border: none !important;
		border-radius: 0 !important;
		color: #5B6D9C !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		order: 0;
		position: static !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_date::before,
	html.gw-p-edinstvo .blog_lead-body .item_date::before {
		content: "" !important;
		flex: 1 1 auto;
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		min-width: 12px;
		height: 1px !important;
		background: #0066B2 !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_meta-bottom,
	html.gw-p-edinstvo .blog_lead-body .item_meta-bottom {
		display: flex !important;
		align-items: center;
		width: 100%;
		margin: 0 !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_read,
	html.gw-p-edinstvo .blog_lead-body .item_read {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		color: #5B6D9C !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
		order: 0 !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_read-label,
	html.gw-p-edinstvo .blog_lead-body .item_read-label {
		color: #5B6D9C !important;
		font-size: 12px !important;
	}
	html.gw-p-edinstvo .blog-items .item .item_read svg,
	html.gw-p-edinstvo .blog_lead-body .item_read svg {
		flex: 0 0 auto;
		color: #5B6D9C;
	}

	/* Title typography */
	html.gw-p-edinstvo .blog-items .item .name,
	html.gw-p-edinstvo .content-area .blog-items .item .name {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		padding: 0 16px !important;
		margin: 0 0 8px !important;
	}
	html.gw-p-edinstvo .blog-items .item .name a,
	html.gw-p-edinstvo .content-area .blog-items .item .name a {
		color: #0066B2 !important;
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	/* Excerpt */
	html.gw-p-edinstvo .blog-items .item .text,
	html.gw-p-edinstvo .content-area .blog-items .item .text {
		font-size: 14px !important;
		line-height: 1.45 !important;
		color: #5B6D9C !important;
		padding: 0 16px !important;
		margin: 0 0 12px !important;
		max-height: none !important;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* CTA: full-width outline pill */
	html.gw-p-edinstvo .blog-items .item .button_white,
	html.gw-p-edinstvo .blog-items .item a.btn,
	html.gw-p-edinstvo .content-area .blog-items .item .button_white {
		position: static !important;
		display: block !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		box-sizing: border-box !important;
		margin: 4px 16px 0 !important;
		padding: 12px 16px !important;
		background: #fff !important;
		color: #0066B2 !important;
		border: 1px solid #0066B2 !important;
		border-radius: 999px !important;
		text-align: center !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		align-self: stretch !important;
		text-decoration: none !important;
		box-shadow: none !important;
	}
	html.gw-p-edinstvo .blog-items .item .button_white:hover,
	html.gw-p-edinstvo .blog-items .item a.btn:hover,
	html.gw-p-edinstvo .content-area .blog-items .item .button_white:hover {
		background: #0066B2 !important;
		color: #fff !important;
		border-color: #0066B2 !important;
	}

	/* Pagination: wrap on narrow screens */
	html.gw-p-edinstvo .pagination_wrap .pagination {
		flex-wrap: wrap;
		row-gap: 8px;
		justify-content: center;
		padding: 0 16px;
	}
}

@media (max-width: 480px) {
	html.gw-p-edinstvo .page-cover,
	html.gw-p-edinstvo .page-cover.has-image {
		padding: 22px 16px 26px !important;
	}
	html.gw-p-edinstvo .page-cover h1.page-title::before,
	html.gw-p-edinstvo .page-cover h1::before {
		font-size: 28px;
		margin-bottom: 6px;
	}
	html.gw-p-edinstvo .page-cover h1.page-title::after,
	html.gw-p-edinstvo .page-cover h1::after {
		font-size: 13px;
		line-height: 1.4;
		max-width: 300px;
	}
	html.gw-p-edinstvo .page-cover .breadcrumb {
		margin: 0 0 8px !important;
		font-size: 11px !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description {
		padding: 20px 14px !important;
		margin: 0 16px 16px !important;
	}
	html.gw-p-edinstvo .newsblog_specials_description::before {
		font-size: 20px;
		margin-bottom: 12px;
	}
	html.gw-p-edinstvo .blog-items .item .name,
	html.gw-p-edinstvo .blog-items .item .name a,
	html.gw-p-edinstvo .blog_lead-body .name,
	html.gw-p-edinstvo .blog_lead-body .name a {
		font-size: 18px !important;
	}
	html.gw-p-edinstvo .blog-items .item .button_white,
	html.gw-p-edinstvo .blog_lead-body .button_white {
		padding: 12px 16px !important;
	}
}

/* ==========================================================================
   Инструкции mobile — Figma 998:63542 @390
   body.information-information-10 (/instruction/), -11 (payed),
   + component classes when CMS HTML restored on any info page.
   Mandated alias /sarafanpro.israel/ is 404 — CSS alone cannot create route;
   styles apply once body.information-information-* hosts the layout.
   ========================================================================== */

/* General info gate: reinforce H1 32/300 + article h2 22 #0066B2 on ≤1024
   (already in top block; ensure instruction IDs not escaped). */
@media (max-width: 1024px) {
	body.information-information-10 .page-cover,
	body.information-information-10 .page-cover.fg-info-cover,
	body.information-information-10 .fg-info-cover,
	body.information-information-11 .page-cover,
	body.information-information-11 .page-cover.fg-info-cover,
	body.information-information-11 .fg-info-cover {
		background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
		background-color: #000E37 !important;
		padding: 36px 16px 40px !important;
		min-height: 0 !important;
	}
	body.information-information-10 .page-cover h1.page-title,
	body.information-information-10 .page-cover h1,
	body.information-information-10 .fg-info-cover .page-title,
	body.information-information-11 .page-cover h1.page-title,
	body.information-information-11 .page-cover h1,
	body.information-information-11 .fg-info-cover .page-title {
		font-size: 32px !important;
		font-weight: 300 !important;
		line-height: 1.22 !important;
		text-align: center !important;
		color: #fff !important;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 !important;
	}
	body.information-information-10 .fg-info-cover__lead,
	body.information-information-11 .fg-info-cover__lead {
		text-align: center;
		font-size: 14px;
		line-height: 1.45;
		color: rgba(255, 255, 255, 0.88);
		margin: 12px auto 0;
		max-width: 100%;
	}
	body.information-information-10 .page-cover .breadcrumb,
	body.information-information-10 .page-cover .fg-info-breadcrumb,
	body.information-information-11 .page-cover .breadcrumb,
	body.information-information-11 .page-cover .fg-info-breadcrumb {
		justify-content: flex-start;
		font-size: 12px;
		color: rgba(255, 255, 255, 0.85);
	}
	body.information-information-10 #content .site-main article h2,
	body.information-information-11 #content .site-main article h2 {
		font-size: 22px !important;
		font-weight: 500 !important;
		color: #0066B2 !important;
		line-height: 1.28;
	}

	/* Force 1-col Q-cards on tablet/mobile */
	body[class*="information-information"] .fg-info-qcards {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		padding: 0 16px;
		margin: 0 0 24px;
		box-sizing: border-box;
	}
	body[class*="information-information"] .fg-info-qcard {
		width: 100%;
		max-width: 100%;
		padding: 16px;
		border-radius: 14px;
		box-sizing: border-box;
	}
	body[class*="information-information"] .fg-info-qcard--dark {
		padding: 20px;
	}
	body[class*="information-information"] .fg-info-qcard--dark .btn,
	body[class*="information-information"] .fg-info-qcard--dark a.btn,
	body[class*="information-information"] .fg-info-qcard--dark a.button,
	body[class*="information-information"] .fg-info-qcard--dark .fg-info-qcard__cta {
		width: 100% !important;
		border-radius: 10px !important;
	}

	/* Stepper full-width under h2 */
	body[class*="information-information"] ol.sp-instr-stepper {
		width: 100%;
		max-width: 100%;
		margin: 12px 0 24px;
		padding: 0 16px;
		box-sizing: border-box;
	}
	body[class*="information-information"] ol.sp-instr-stepper li {
		width: 100%;
		gap: 12px;
		padding-bottom: 24px;
	}
	body[class*="information-information"] ol.sp-instr-stepper li::before {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}
	body[class*="information-information"] ol.sp-instr-stepper li:not(:last-child)::after {
		left: 15px;
		top: 32px;
	}

	/* Video guide — Figma ~358 wide, play affordance */
	body[class*="information-information"] .fg-info-guide,
	body[class*="information-information"] .tarify_guide-video {
		width: calc(100% - 32px);
		max-width: 358px;
		margin: 24px 16px;
		border-radius: 16px;
		min-height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	/* FAQ accordion rhythm */
	body[class*="information-information"] .fg-faq,
	body[class*="information-information"] .fg-info-faq {
		padding: 0 16px;
		margin: 20px 0 12px;
		box-sizing: border-box;
	}
	body[class*="information-information"] .fg-faq > details,
	body[class*="information-information"] .fg-info-faq > details,
	body[class*="information-information"] details.fg-faq__item {
		border-bottom: 1px solid #E3E8EF;
		padding: 14px 0;
	}
	body[class*="information-information"] .fg-faq summary,
	body[class*="information-information"] .fg-info-faq summary,
	body[class*="information-information"] details.fg-faq__item > summary {
		font-size: 15px;
		color: #2E437B;
	}
}

@media (max-width: 860px) {
	/* Hero collapse — kill stacked container/cover-wrapper pads */
	body.information-information-10 .page-cover,
	body.information-information-10 .page-cover.fg-info-cover,
	body.information-information-10 .fg-info-cover,
	body.information-information-11 .page-cover,
	body.information-information-11 .page-cover.fg-info-cover,
	body.information-information-11 .fg-info-cover {
		padding: 28px 16px 32px !important;
		min-height: 0 !important;
		box-sizing: border-box;
	}
	body.information-information-10 .page-cover::after,
	body.information-information-10 .page-cover::before,
	body.information-information-11 .page-cover::after,
	body.information-information-11 .page-cover::before {
		display: none !important;
		content: none !important;
	}
	body.information-information-10 .page-cover > .container,
	body.information-information-10 .page-cover .container,
	body.information-information-11 .page-cover > .container,
	body.information-information-11 .page-cover .container {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	body.information-information-10 .fg-info-cover__titles.cover-wrapper,
	body.information-information-10 .fg-info-cover__titles,
	body.information-information-10 .page-cover .cover-wrapper,
	body.information-information-11 .fg-info-cover__titles.cover-wrapper,
	body.information-information-11 .fg-info-cover__titles,
	body.information-information-11 .page-cover .cover-wrapper {
		padding: 8px 0 0 !important;
	}
	body.information-information-10 .page-cover h1.page-title,
	body.information-information-10 .page-cover h1,
	body.information-information-10 .fg-info-cover .page-title,
	body.information-information-11 .page-cover h1.page-title,
	body.information-information-11 .page-cover h1,
	body.information-information-11 .fg-info-cover .page-title {
		font-size: 28px !important;
		line-height: 1.22 !important;
		font-weight: 300 !important;
		text-align: center !important;
		margin: 8px auto 0 !important;
		padding: 0 !important;
		max-width: 100%;
	}
	body.information-information-10 .page-cover .breadcrumb,
	body.information-information-10 .page-cover .fg-info-breadcrumb,
	body.information-information-11 .page-cover .breadcrumb,
	body.information-information-11 .page-cover .fg-info-breadcrumb {
		padding-top: 0 !important;
		margin: 0 0 10px !important;
		font-size: 12px !important;
		justify-content: flex-start;
	}
	body.information-information-10 .fg-info-cover__lead,
	body.information-information-11 .fg-info-cover__lead {
		font-size: 14px !important;
		line-height: 1.45 !important;
		margin: 10px auto 0 !important;
		text-align: center;
	}

	/* Content gutters — single 16px via #primary */
	body.information-information-10 #primary.container,
	body.information-information-10 #primary,
	body.information-information-11 #primary.container,
	body.information-information-11 #primary {
		padding: 24px 16px 40px !important;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	body.information-information-10 #content .site-main article,
	body.information-information-11 #content .site-main article {
		max-width: 100% !important;
		width: 100%;
		margin: 0;
		padding: 0 !important;
		box-sizing: border-box;
	}
	body.information-information-10 #content .site-main article h2,
	body.information-information-11 #content .site-main article h2 {
		font-size: 22px !important;
		font-weight: 500 !important;
		color: #0066B2 !important;
		margin: 24px 0 12px !important;
	}
	body.information-information-10 #content .site-main article p,
	body.information-information-11 #content .site-main article p,
	body.information-information-10 #content .site-main article li,
	body.information-information-11 #content .site-main article li {
		font-size: 15px;
		line-height: 1.55;
		color: #5B6D9C;
	}
	body.information-information-10 #content .site-main article img,
	body.information-information-11 #content .site-main article img {
		max-width: 100% !important;
		height: auto !important;
		width: auto;
	}

	/* Q-cards / stepper / FAQ already padded at 1024; zero double inset when inside article */
	body.information-information-10 #content .site-main article .fg-info-qcards,
	body.information-information-11 #content .site-main article .fg-info-qcards,
	body.information-information-10 #content .site-main article ol.sp-instr-stepper,
	body.information-information-11 #content .site-main article ol.sp-instr-stepper,
	body.information-information-10 #content .site-main article .fg-faq,
	body.information-information-11 #content .site-main article .fg-info-faq {
		padding-left: 0;
		padding-right: 0;
	}
	body.information-information-10 #content .site-main article .fg-info-guide,
	body.information-information-11 #content .site-main article .fg-info-guide,
	body.information-information-10 #content .site-main article .tarify_guide-video,
	body.information-information-11 #content .site-main article .tarify_guide-video {
		width: 100%;
		max-width: 358px;
		margin: 24px auto;
	}
}

@media (max-width: 480px) {
	/* Figma compact ~280px navy hero, centered H1 32/300 */
	body.information-information-10 .page-cover,
	body.information-information-10 .page-cover.fg-info-cover,
	body.information-information-10 .fg-info-cover,
	body.information-information-11 .page-cover,
	body.information-information-11 .page-cover.fg-info-cover,
	body.information-information-11 .fg-info-cover {
		padding: 24px 16px 28px !important;
	}
	body.information-information-10 .page-cover h1.page-title,
	body.information-information-10 .page-cover h1,
	body.information-information-10 .fg-info-cover .page-title,
	body.information-information-11 .page-cover h1.page-title,
	body.information-information-11 .page-cover h1,
	body.information-information-11 .fg-info-cover .page-title {
		font-size: 28px !important;
		line-height: 1.22 !important;
		font-weight: 300 !important;
		text-align: center !important;
	}
	/* Short single-word title «Инструкции» can sit at 32px */
	body.information-information-10 .page-cover h1.page-title:is(:lang(ru)),
	body.information-information-10 .page-cover h1 {
		/* keep 28 for long CMS titles; short titles still readable */
		font-size: 28px !important;
	}
	body.information-information-10 .fg-info-cover__lead,
	body.information-information-11 .fg-info-cover__lead {
		font-size: 13px !important;
		line-height: 1.45 !important;
		margin-top: 8px !important;
	}
	body.information-information-10 .page-cover .breadcrumb,
	body.information-information-11 .page-cover .breadcrumb {
		font-size: 11px !important;
		margin-bottom: 8px !important;
	}
	body.information-information-10 #primary.container,
	body.information-information-10 #primary,
	body.information-information-11 #primary.container,
	body.information-information-11 #primary {
		padding: 20px 16px 36px !important;
	}
	body.information-information-10 #content .site-main article h2,
	body.information-information-11 #content .site-main article h2 {
		font-size: 22px !important;
		margin: 22px 0 10px !important;
	}

	body[class*="information-information"] .fg-info-qcards {
		padding: 0 16px;
		gap: 12px !important;
	}
	body[class*="information-information"] .fg-info-qcard {
		padding: 16px;
		border-radius: 14px;
	}
	body[class*="information-information"] .fg-info-qcard h3,
	body[class*="information-information"] .fg-info-qcard__title {
		font-size: 17px;
	}
	body[class*="information-information"] .fg-info-qcard--dark {
		padding: 18px 16px;
	}
	body[class*="information-information"] ol.sp-instr-stepper {
		padding: 0 16px;
	}
	body[class*="information-information"] ol.sp-instr-stepper li::before {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}
	body[class*="information-information"] .fg-info-guide,
	body[class*="information-information"] .tarify_guide-video {
		width: calc(100% - 32px);
		max-width: 358px;
		margin: 20px 16px;
		min-height: 200px;
		border-radius: 16px;
	}
	body[class*="information-information"] .fg-faq,
	body[class*="information-information"] .fg-info-faq {
		padding: 0 16px;
	}
	body[class*="information-information"] .fg-faq summary,
	body[class*="information-information"] .fg-info-faq summary {
		font-size: 15px;
		color: #2E437B;
	}
}

/* Статики: .page-cover.has-image ставит background-blend-mode:multiply.
   Вместе с заливкой #000E37 градиент #000E37→#0065B1 схлопывается в чёрный.
   На «О нас» заливка прозрачная, поэтому синий уже виден. Афишу не трогаем. */
body[class*="information-"] .page-cover,
html.gw-p-faq .page-cover {
	background-blend-mode: normal !important;
}

/* Статики: ссылки крошек красятся в --bg-green #0066B2 и пропадают
   на тёмном градиенте (на «О нас» это уже перекрыто, на контактах — нет). */
body[class*="information-"] .page-cover .breadcrumb,
body[class*="information-"] .page-cover .breadcrumb a,
body[class*="information-"] .page-cover .breadcrumb li,
body[class*="information-"] .page-cover .breadcrumb li a::after,
body[class*="information-"] .page-cover .fg-info-breadcrumb,
body[class*="information-"] .page-cover .fg-info-breadcrumb a,
body[class*="information-"] .page-cover .fg-info-breadcrumb li,
body[class*="information-"] .page-cover .fg-info-breadcrumb li a::after {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Мобильные статики: плёнка .page-cover::after (rgba(0,0,0,.45), z-index 5)
   гасит градиент #000E37 → #0065B1, белый заголовок выглядит серым.
   На десктопе её уже снимает gw11 (min-width: 1025px).
   Вкладка «Наша рассылка» (38px, fixed) накрывает правый край текста —
   заголовок и лид заканчиваются левее неё. Афишу не трогаем. */
@media (max-width: 860px) {
	body[class*="information-"] .page-cover::before,
	body[class*="information-"] .page-cover::after,
	body[class*="information-"] .page-cover.has-image::before,
	body[class*="information-"] .page-cover.has-image::after {
		display: none !important;
		content: none !important;
		background: none !important;
	}
	body[class*="information-"] .page-cover > .container,
	body[class*="information-"] .page-cover .fg-info-cover__titles {
		padding-right: 36px !important;
		box-sizing: border-box;
	}
	/* FAQ и тарифы: текст не в .fg-info-cover__titles, а на всю ширину героя. */
	html.gw-p-faq .page-cover.page-cover--faq {
		padding-right: 52px !important;
	}
	body.information-tarify .page-cover.tarify_cover,
	body.information-tarify .tarify_cover,
	body.information-information-6 .tarify_cover {
		padding-right: 52px !important;
	}
}