/* otzyvy.css — /otzyvy/ (newsblog category_id=13, category_otzyvy.tpl)
   Figma: 852:44599 «Отзыв WEB», Tab/Mob 998:63920.
   Scope: html.gw-p-otzyvy (gw-page.js). */

/* ---------- full-bleed: #content is capped at 1180 for newsblog ---------- */
html.gw-p-otzyvy body.newsblog-category #content.site-content,
html.gw-p-otzyvy body.newsblog-category #content {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------- Hero (upper cap Web 1920×311) ---------- */
html.gw-p-otzyvy .fg-otzyvy-cover.page-cover,
html.gw-p-otzyvy .page-cover.fg-otzyvy-cover {
	background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
	background-color: #000E37 !important;
	background-size: cover !important;
	width: 100%;
	max-width: none;
	padding: 40px 0 36px !important;
	margin: 0;
	text-align: center;
	box-sizing: border-box;
}
html.gw-p-otzyvy .fg-otzyvy-cover::after {
	content: none !important;
	display: none !important;
}
html.gw-p-otzyvy .fg-otzyvy-breadcrumb {
	justify-content: flex-start;
	margin: 0 0 18px;
	padding: 0 16px;
	width: 100%;
	max-width: 1180px;
	box-sizing: border-box;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	font-size: 14px;
}
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li,
html.gw-p-otzyvy .fg-otzyvy-breadcrumb a {
	color: rgba(255, 255, 255, .8);
}
html.gw-p-otzyvy .fg-otzyvy-breadcrumb a:hover { color: #fff; }
/* kill theme double-separator: .breadcrumb li a:after "/" + li+li::before */
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li::before,
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li::after,
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li a::before,
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li a::after,
html.gw-p-otzyvy .fg-otzyvy-breadcrumb > li + li::before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
html.gw-p-otzyvy .fg-otzyvy-breadcrumb li a {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
html.gw-p-otzyvy .fg-otzyvy-breadcrumb > li + li::before {
	content: "/" !important;
	display: inline !important;
	width: auto !important;
	margin: 0 8px !important;
	padding: 0 !important;
	opacity: .7;
	color: rgba(255, 255, 255, .8);
	position: static !important;
}
html.gw-p-otzyvy .otzyvy-form-phone-note {
	margin: -6px 0 10px;
	font-size: 12px;
	line-height: 1.35;
	color: #5B6D9C;
}
html.gw-p-otzyvy .fg-otzyvy-cover__titles {
	position: relative;
	z-index: 2;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}
html.gw-p-otzyvy .fg-otzyvy-cover .page-title,
html.gw-p-otzyvy .fg-otzyvy-cover h1 {
	margin: 0 auto !important;
	padding: 0 !important;
	max-width: 980px;
	color: #fff !important;
	font-size: 44px !important;
	font-weight: 300 !important;
	line-height: 1.2 !important;
	text-align: center;
}
html.gw-p-otzyvy .fg-otzyvy-cover__lead {
	display: block !important;
	max-width: 980px;
	margin: 14px auto 0;
	color: #BFDBFE;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	text-align: center;
}

/* ---------- Layout: list ~881 + gap 20 + form 410 ≈ 1310 @≥1440 ---------- */
/* beat figma-redesign body.newsblog-category .container/.site-main { max-width:1180 !important } */
html.gw-p-otzyvy #primary.container,
html.gw-p-otzyvy body.newsblog-category #primary.container,
html.gw-p-otzyvy body.newsblog-category .container#primary {
	max-width: 1180px !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
	padding-bottom: 48px;
	box-sizing: border-box;
}
html.gw-p-otzyvy body.newsblog-category #primary .site-main,
html.gw-p-otzyvy body.newsblog-category #main.site-main,
html.gw-p-otzyvy #main.site-main {
	max-width: none !important;
	width: 100% !important;
}
/* Bootstrap .row uses ml/mr -15px → 420px content at 390vp; kill overflow */
html.gw-p-otzyvy .row.content-area {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}
html.gw-p-otzyvy .row.content-area > .site-main.col-12,
html.gw-p-otzyvy .row.content-area > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	max-width: 100%;
	float: none;
}
html.gw-p-otzyvy .otzyvy-layout {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
html.gw-p-otzyvy .otzyvy-reviews {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	max-width: 100%;
}
html.gw-p-otzyvy .otzyvy-form-wrap {
	flex: 0 0 410px;
	width: 410px;
	position: sticky;
	top: 100px;
	box-sizing: border-box;
}
/* Figma WEB: cards ~881 + form 410 + gap 20 inside wider content band */
@media (min-width: 1440px) {
	html.gw-p-otzyvy #primary.container,
	html.gw-p-otzyvy body.newsblog-category #primary.container,
	html.gw-p-otzyvy body.newsblog-category .container#primary {
		max-width: 1310px !important;
	}
	html.gw-p-otzyvy body.newsblog-category #primary .site-main,
	html.gw-p-otzyvy body.newsblog-category #main.site-main,
	html.gw-p-otzyvy #main.site-main {
		max-width: none !important;
		width: 100% !important;
	}
	html.gw-p-otzyvy .otzyvy-layout {
		max-width: 1310px;
		width: 100%;
		padding: 0;
	}
}
/* Lone map pin over navy hero — not in Figma WEB */
html.gw-p-otzyvy .header_link_map {
	display: none !important;
}

@media (max-width: 1439px) {
	/* Tablet/desk narrow: form on top, not sticky (Figma web note) */
	html.gw-p-otzyvy .otzyvy-layout {
		flex-direction: column;
	}
	html.gw-p-otzyvy .otzyvy-form-wrap {
		position: static;
		width: 100%;
		max-width: 560px;
		flex: 1 1 auto;
		order: -1;
		margin: 0 auto 24px;
	}
}

/* ---------- Card (review card Web 880×363, r6, pad 16) ---------- */
html.gw-p-otzyvy article.content-box,
html.gw-p-otzyvy #content .site-main article.content-box,
html.gw-p-otzyvy .fg-otzyvy-page article.content-box.content-box-wrapper {
	background: #fff !important;
	border: 1px solid #E8EEF7 !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 20px rgba(193, 200, 218, .35) !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	overflow: hidden;
	max-width: none !important;
	width: 100%;
}
html.gw-p-otzyvy .content-box-inner {
	padding: 16px !important;
}
html.gw-p-otzyvy .otzyvy-card-body {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

/* Left: avatar 120 + date + stars */
html.gw-p-otzyvy .otzyvy-card-media {
	position: relative;
	flex: 0 0 140px;
	width: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
/* Figma avatar: thin horizontal crossbars left/right of circle */
html.gw-p-otzyvy .otzyvy-card-media::before,
html.gw-p-otzyvy .otzyvy-card-media::after {
	content: "";
	position: absolute;
	top: 60px;
	width: 18px;
	height: 1px;
	background: #C5D0E6;
	z-index: 1;
	pointer-events: none;
}
html.gw-p-otzyvy .otzyvy-card-media::before {
	left: 50%;
	transform: translateX(calc(-60px - 18px));
}
html.gw-p-otzyvy .otzyvy-card-media::after {
	left: 50%;
	transform: translateX(60px);
}
html.gw-p-otzyvy .otzyvy-card-avatar {
	position: relative;
	flex: 0 0 auto;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #0066B2;
	box-sizing: border-box;
	z-index: 2;
}
html.gw-p-otzyvy .otzyvy-card-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 50%;
}
html.gw-p-otzyvy .otzyvy-card-date.entry-meta {
	color: #5B6D9C;
	font-size: 14px;
	line-height: 1.35;
	margin: 0;
	text-align: center;
}
html.gw-p-otzyvy .otzyvy-card-date .entry-date::before {
	content: none;
}
/* Optional markup stars if present later */
html.gw-p-otzyvy .otzyvy-card-media .otzyvy-card-stars {
	display: none;
	justify-content: center;
	gap: 4px;
	color: #0066B2;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 2px;
}
/* Figma: 5 filled blue stars under date on every desktop card (CSS-only; no markup) */
html.gw-p-otzyvy .otzyvy-card-date::after {
	content: "★★★★★";
	display: block;
	margin-top: 6px;
	color: #0066B2;
	font-size: 15px;
	letter-spacing: 3px;
	line-height: 1;
	-webkit-text-fill-color: #0066B2;
}

/* Right column */
html.gw-p-otzyvy .otzyvy-card-content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
html.gw-p-otzyvy .otzyvy-card-headrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 12px;
}
html.gw-p-otzyvy .otzyvy-card-name {
	color: #0066B2;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	flex: 1 1 auto;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	overflow: hidden;
}
/* Optional role/profession line when markup adds it later */
html.gw-p-otzyvy .otzyvy-card-role {
	color: #0066B2;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	margin: 0;
}

/* Button web outline h34 r6 + compact padding to free title width */
html.gw-p-otzyvy .otzyvy-card-btn.btn {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	background: #fff !important;
	color: #0066B2 !important;
	border: 1.3px solid #0066B2 !important;
	border-radius: 6px !important;
	padding: 6px 12px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	white-space: nowrap;
	text-decoration: none !important;
	box-shadow: none !important;
}
/* Figma decorative rule between name and outline btn (desk) */
html.gw-p-otzyvy .otzyvy-card-btn.btn::before {
	content: "";
	position: absolute;
	right: 100%;
	margin-right: 12px;
	top: 50%;
	width: 36px;
	height: 1px;
	background: #C5D0E6;
	pointer-events: none;
}
html.gw-p-otzyvy .otzyvy-card-btn.btn:hover {
	background: #0066B2 !important;
	color: #fff !important;
}
html.gw-p-otzyvy .otzyvy-card-btn__arrow {
	font-size: 13px;
	line-height: 1;
}

html.gw-p-otzyvy .otzyvy-card-text {
	color: #5B6D9C;
	font-size: 16px;
	line-height: 1.5;
}
html.gw-p-otzyvy .otzyvy-card-text p {
	margin: 0 0 10px;
	color: #5B6D9C;
	font-weight: 400;
}
html.gw-p-otzyvy .otzyvy-card-text p:last-child {
	margin-bottom: 0;
}

/* ---------- Mobile Tab/Mob (Figma 998:63920 @400) ---------- */
@media (max-width: 860px) {
	html.gw-p-otzyvy #primary.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 20px;
		max-width: 100%;
	}
	html.gw-p-otzyvy .otzyvy-layout {
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		padding: 0 16px;
		gap: 16px;
		box-sizing: border-box;
	}
	/* Figma mobile: form AFTER review list (not first) */
	html.gw-p-otzyvy .otzyvy-form-wrap {
		position: static;
		order: 0;
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto;
		margin: 8px 0 0;
		margin-left: 0;
		margin-right: 0;
	}
	html.gw-p-otzyvy .otzyvy-reviews {
		order: -1;
		width: 100%;
		max-width: 100%;
	}
	html.gw-p-otzyvy .otzyvy-form {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 20px 16px 24px;
	}
	html.gw-p-otzyvy .otzyvy-cta {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}
	/* Cards: vertical centered stack — avatar → date → stars → btn → name → text */
	html.gw-p-otzyvy .otzyvy-card-body {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 14px;
	}
	html.gw-p-otzyvy .otzyvy-card-media {
		flex: 0 0 auto;
		flex-direction: column;
		align-items: center;
		width: 100%;
		gap: 10px;
	}
	html.gw-p-otzyvy .otzyvy-card-avatar {
		width: 120px;
		height: 120px;
	}
	html.gw-p-otzyvy .otzyvy-card-date.entry-meta {
		text-align: center;
	}
	/* Stars already on base; keep mobile size tokens */
	html.gw-p-otzyvy .otzyvy-card-date::after {
		content: "★★★★★";
		display: block;
		margin-top: 6px;
		color: #0066B2;
		font-size: 15px;
		line-height: 1;
		letter-spacing: 3px;
		-webkit-text-fill-color: #0066B2;
	}
	html.gw-p-otzyvy .otzyvy-card-media .otzyvy-card-stars {
		display: flex;
		justify-content: center;
		gap: 4px;
		color: #0066B2;
	}
	/* Hide avatar side ornaments on stacked mobile cards */
	html.gw-p-otzyvy .otzyvy-card-media::before,
	html.gw-p-otzyvy .otzyvy-card-media::after {
		content: none;
		display: none;
	}
	html.gw-p-otzyvy .otzyvy-card-content {
		width: 100%;
		align-items: center;
		text-align: center;
		gap: 12px;
	}
	html.gw-p-otzyvy .otzyvy-card-headrow {
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		gap: 12px;
	}
	/* Button tightly under stars, then name (Figma order) */
	html.gw-p-otzyvy .otzyvy-card-btn.btn {
		order: -1;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		justify-content: center;
		box-sizing: border-box;
		font-size: 14px !important;
		padding: 6px 14px !important;
	}
	html.gw-p-otzyvy .otzyvy-card-btn.btn::before {
		content: none;
		display: none;
	}
	html.gw-p-otzyvy .otzyvy-card-name,
	html.gw-p-otzyvy .otzyvy-card-text,
	html.gw-p-otzyvy .otzyvy-card-content {
		text-align: center;
	}
	html.gw-p-otzyvy .otzyvy-card-name {
		font-size: 18px;
		flex: 0 1 auto;
		width: 100%;
	}
	html.gw-p-otzyvy .otzyvy-card-text {
		font-size: 15px;
	}
	html.gw-p-otzyvy .otzyvy-card-text p {
		text-align: center;
	}
}

@media (max-width: 767px) {
	html.gw-p-otzyvy .fg-otzyvy-cover .page-title,
	html.gw-p-otzyvy .fg-otzyvy-cover h1 {
		font-size: 28px !important;
	}
	html.gw-p-otzyvy .fg-otzyvy-cover__lead {
		font-size: 14px;
	}
	html.gw-p-otzyvy .fg-otzyvy-cover.page-cover,
	html.gw-p-otzyvy .page-cover.fg-otzyvy-cover {
		padding: 28px 0 36px !important;
	}
	html.gw-p-otzyvy .fg-otzyvy-breadcrumb {
		padding: 0 16px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	html.gw-p-otzyvy .otzyvy-layout,
	html.gw-p-otzyvy .otzyvy-cta {
		padding-left: 16px;
		padding-right: 16px;
	}
	html.gw-p-otzyvy .otzyvy-form {
		padding: 18px 14px 22px;
	}
	html.gw-p-otzyvy .otzyvy-form-title {
		font-size: 22px !important;
	}
	html.gw-p-otzyvy .content-box-inner {
		padding: 16px 14px !important;
	}
	html.gw-p-otzyvy .otzyvy-card-avatar {
		width: 120px;
		height: 120px;
	}
	html.gw-p-otzyvy .otzyvy-cta {
		margin-top: 20px;
		margin-bottom: 8px;
	}
}

/* ---------- Form feedback 410×560 ---------- */
html.gw-p-otzyvy .otzyvy-form {
	background: #F5F7FA;
	border: 1px solid #E8EEF7;
	border-radius: 8px;
	padding: 24px 22px 28px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	box-shadow: 0 5px 20px rgba(193, 200, 218, .25);
	box-sizing: border-box;
}
html.gw-p-otzyvy .otzyvy-form-title {
	margin: 0 !important;
	color: #0066B2 !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	text-align: center;
	line-height: 1.2 !important;
}
html.gw-p-otzyvy .otzyvy-form-stars {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin: 0 0 4px;
}
html.gw-p-otzyvy .otzyvy-star {
	color: #0066B2;
	font-size: 22px;
	line-height: 1;
	-webkit-text-stroke: 1.2px #0066B2;
	-webkit-text-fill-color: transparent;
	cursor: pointer;
	transition: -webkit-text-fill-color .12s ease;
}
html.gw-p-otzyvy .otzyvy-star.is-active,
html.gw-p-otzyvy .otzyvy-star:hover {
	-webkit-text-fill-color: #0066B2;
}
html.gw-p-otzyvy .otzyvy-form-input,
html.gw-p-otzyvy .otzyvy-form-textarea {
	width: 100%;
	box-sizing: border-box;
	height: 43px;
	border: 1px solid #DCE3EC;
	border-radius: 6px;
	background: #fff;
	padding: 12px 14px;
	font-size: 15px;
	color: #2E437B;
	font-family: inherit;
}
html.gw-p-otzyvy .otzyvy-form-input::placeholder,
html.gw-p-otzyvy .otzyvy-form-textarea::placeholder {
	color: #96A1BD;
}
html.gw-p-otzyvy .otzyvy-form-textarea {
	min-height: 140px;
	height: auto;
	resize: vertical;
}
/* Figma form: Имя / Телефон / Ваш отзыв only — hide Email visually (OC may still need value in DOM) */
html.gw-p-otzyvy .otzyvy-form {
	position: relative;
}
html.gw-p-otzyvy .otzyvy-form-input--email {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0;
	pointer-events: none;
}
html.gw-p-otzyvy .otzyvy-form-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 13px;
	line-height: 1.4;
	color: #5B6D9C;
	cursor: pointer;
}
html.gw-p-otzyvy .otzyvy-form-consent input {
	margin-top: 3px;
	flex: 0 0 auto;
}
html.gw-p-otzyvy .otzyvy-form-consent a {
	color: #0066B2;
	text-decoration: underline;
}
html.gw-p-otzyvy .otzyvy-form-submit {
	display: block;
	width: auto;
	min-width: 154px;
	height: 34px;
	margin: 8px auto 0;
	padding: 0 20px;
	border: none;
	border-radius: 6px;
	background: #0066B2;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	cursor: pointer;
	font-family: inherit;
	opacity: 1;
}
html.gw-p-otzyvy .otzyvy-form-submit:hover {
	background: #00538F;
}

/* ---------- CTA banner (Figma ~980×126 compact) ---------- */
html.gw-p-otzyvy .otzyvy-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 980px;
	width: 100%;
	min-height: 126px;
	margin: 28px auto 8px;
	padding: 20px 28px;
	background: linear-gradient(90deg, #000E37 0%, #0065B1 100%);
	border-radius: 8px;
	box-sizing: border-box;
}
html.gw-p-otzyvy .otzyvy-cta__text {
	flex: 1 1 auto;
	min-width: 0;
}
html.gw-p-otzyvy .otzyvy-cta__title {
	margin: 0 0 6px !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
}
html.gw-p-otzyvy .otzyvy-cta__lead {
	margin: 0;
	color: rgba(255, 255, 255, .88);
	font-size: 13px;
	line-height: 1.45;
	max-width: 560px;
}
html.gw-p-otzyvy .otzyvy-cta__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 8px 18px;
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: 6px;
	color: #fff !important;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none !important;
	white-space: nowrap;
	background: transparent;
}
html.gw-p-otzyvy .otzyvy-cta__btn:hover {
	background: #fff;
	color: #0066B2 !important;
	border-color: #fff;
}

@media (max-width: 860px) {
	html.gw-p-otzyvy .otzyvy-cta {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		padding: 22px 18px;
		/* outer inset already via layout padding on parent; keep block full of content col */
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
		margin-left: 16px;
		margin-right: 16px;
		box-sizing: border-box;
	}
	html.gw-p-otzyvy .otzyvy-cta__lead {
		margin: 0 auto 4px;
	}
	html.gw-p-otzyvy .otzyvy-cta__btn {
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}
	html.gw-p-otzyvy .otzyvy-cta__title {
		font-size: 18px !important;
	}
}

/* Hide layout module duplicate feedback on reviews if present */
html.gw-p-otzyvy section.add_info-offers {
	display: none !important;
}

/* ---------- Mobile overrides AFTER base form/CTA (cascade wins) ---------- */
@media (max-width: 860px) {
	html.gw-p-otzyvy .otzyvy-form {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 20px 16px 24px;
	}
	html.gw-p-otzyvy .otzyvy-form-wrap {
		position: static;
		order: 0;
		width: 100%;
		max-width: 100%;
		margin: 8px 0 0;
	}
	html.gw-p-otzyvy .otzyvy-reviews {
		order: -1;
	}
	html.gw-p-otzyvy .otzyvy-cta {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
		margin: 20px 16px 8px;
		padding: 22px 18px;
		box-sizing: border-box;
	}
	html.gw-p-otzyvy .otzyvy-cta__title {
		font-size: 18px !important;
	}
	html.gw-p-otzyvy .otzyvy-cta__btn {
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}
}
@media (max-width: 480px) {
	html.gw-p-otzyvy .otzyvy-form {
		padding: 18px 14px 22px;
	}
	html.gw-p-otzyvy .otzyvy-form-title {
		font-size: 22px !important;
	}
}

/* Вкладка «Наша рассылка» (38px) накрывает правый край героя.
   multiply + ::before гасят градиент до чёрного. */
html.gw-p-otzyvy .fg-otzyvy-cover {
	background-blend-mode: normal !important;
}
html.gw-p-otzyvy .fg-otzyvy-cover::before {
	display: none !important;
	content: none !important;
	background: none !important;
}
@media (max-width: 860px) {
	html.gw-p-otzyvy .fg-otzyvy-cover__titles {
		padding-right: 48px !important;
		box-sizing: border-box;
	}
}