/* Start:/bitrix/templates/new_2016.07/components/bitrix/news/anker_blog/style.css?17930209891553*/
/*
 * Blog (component news, template anker_blog): breadcrumbs and the list header from /news/index.php.
 * The file is loaded on the list and on article pages.
 */

/* breadcrumbs: small and quiet, "Glavnaya / Blog" */
.nl-crumbs {
	margin: 28px 0 0;
	color: #8a8f98;
	font-size: 13px;
	line-height: 1.4;
}

.nl-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nl-crumbs li + li::before {
	margin: 0 8px;
	color: #c5c9d0;
	content: "/";
}

.nl-crumbs a {
	color: inherit;
	text-decoration: none;
	transition: color .2s;
}

.nl-crumbs a:hover {
	color: #1e2432;
}

/* list header: the site sets every h1 to 24px uppercase-like spacing with !important - the journal title is its own */
.nl-head {
	margin: 20px 0 28px;
}

.nl-head .nl-head__title {
	margin: 0;
	color: #1e2432;
	font-family: "Manrope", sans-serif !important;
	font-size: 40px !important;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.01em;
	text-transform: none;
}

.nl-head__lead {
	margin: 10px 0 0;
	color: #6b819b;
	font-size: 17px;
	line-height: 1.45;
}

@media (max-width: 640px) {
	.nl-crumbs {
		margin-top: 16px;
	}

	.nl-head {
		margin: 14px 0 20px;
	}

	.nl-head .nl-head__title {
		font-size: 28px !important;
	}

	.nl-head__lead {
		font-size: 15px;
	}
}

/* one left edge for breadcrumbs, title, section buttons and the grid: the site container (.g-wrapper) already sets the width */
.g-wrapper .nl-sections {
	justify-content: flex-start;
	padding: 0;
}

.g-wrapper .nl-wrap {
	padding-right: 0;
	padding-left: 0;
}

/* End */


/* Start:/bitrix/templates/new_2016.07/components/bitrix/news/anker_blog/bitrix/news.detail/builder/style.css?179300671420436*/
/*
 * Blog article built from blocks (\Ankershop\BlogBuilder).
 * The same file is used on the site (template builder) and in the editor /local/tools/blog/edit.php,
 * so the layout depends on the article width (container query), not on the screen width.
 * Two styles: .s-journal (magazine) and .s-shop ("Top", the look of the review template, lamda-*).
 */

.ab {
	--ab-text: #111;
	--ab-muted: #6f6f6f;
	--ab-line: #e8e8e8;
	--ab-soft: #f4f4f2;
	--ab-pad: 40px;
	/* aktsent "Zhurnala" - tsveta sayta: temno-siniy (knopki, shapka) i sine-seryy; krasnyy na sayte - tol'ko skidki */
	--ab-accent: #1e2432;
	--ab-accent-line: rgba(107, 129, 155, .55);
	--ab-font-shop: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* zhurnal: tekst - sistemnyy shrift (San Francisco na Apple), kak v shablone news; zagolovki - shrift sayta */
	--ab-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ab-font-head: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	container-type: inline-size;
	font-family: var(--ab-font);
	/* sglazhivanie na Mac: bukvy tonshe i akkuratnee (kak v shablonakh news i review) */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
	container-name: ab;
	padding-bottom: 80px;
	background: #fff;
	color: var(--ab-text);
	overflow-x: hidden;
}

.ab *,
.ab *::before,
.ab *::after {
	box-sizing: border-box;
}

.ab-in {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 var(--ab-pad);
}

.ab-wide {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 var(--ab-pad);
}

.ab h1,
.ab h2,
.ab h3 {
	margin: 0;
	padding: 0;
	color: var(--ab-text);
	text-wrap: balance;
	letter-spacing: var(--ab-ls, normal);
	font-weight: var(--ab-hw, 700);
}

/*
 * The site template forces font-family and font-size on every h1-h5 with !important (template_styles.css).
 * Inside the article the block rules decide: they set --ab-h / --ab-ls / --ab-hw, and only this rule
 * applies them with !important, scoped to .ab.
 */
.ab h1,
.ab h2,
.ab h3 {
	font-family: var(--ab-font-head) !important;
	font-size: var(--ab-h, 22px) !important;
}

.ab p {
	margin: 0;
}

/* sayt zadaet b i strong obychnuyu tolshchinu (template_styles.css) - v stat'e zhirnyy dolzhen byt' zhirnym */
.ab b,
.ab strong {
	font-weight: 700;
}

/* v starykh stat'yakh tekst zagolovka obernut v <b>, a sayt zadaet <b> obychnuyu tolshchinu - zagolovok "khudel" */
.ab h1 b,
.ab h1 strong,
.ab h2 b,
.ab h2 strong,
.ab h3 b,
.ab h3 strong {
	font-weight: inherit;
}

.ab img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* sayt zadaet ssylkam svoy shrift (body, a - Manrope): v stat'e ssylka nabrana tem zhe shriftom, chto i tekst vokrug */
.ab a {
	color: inherit;
	font-family: inherit;
}

/* ---------- rich text ---------- */
.ab-rich {
	font-size: 18px;
	line-height: 1.7;
}

.ab-rich p + p,
.ab-rich p + ul,
.ab-rich p + ol,
.ab-rich ul + p,
.ab-rich ol + p,
.ab-rich ul + ol,
.ab-rich ol + ul {
	margin-top: 16px;
}

.ab-rich ul,
.ab-rich ol {
	margin: 0;
	padding-left: 24px;
}

.ab-rich li + li {
	margin-top: 6px;
}

/* dlinnye punkty s frazoy-podzagolovkom (BlogBuilder::leadInLists): bol'she vozdukha, fraza - tsvetom teksta */
.ab-rich li.is-lead + li.is-lead,
.s-journal .ab-text.v-default .ab-rich li.is-lead + li.is-lead {
	margin-top: 20px;
}

.ab-rich li.is-lead > strong:first-child {
	color: var(--ab-text);
	font-weight: 700;
}

.ab-rich a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- hero ---------- */
.ab-hero__head {
	padding-top: 56px;
}

.ab-hero__meta {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ab-muted);
}

.ab .ab-hero__title {
	margin-top: 14px;
	--ab-h: clamp(30px, 5.2cqi, 54px);
	line-height: 1.08;
	--ab-hw: 800;
}

.ab .ab-hero__lead {
	margin-top: 18px;
	font-size: 20px;
	line-height: 1.5;
	color: #444;
}

.ab-hero__cover {
	max-width: 1400px;
	margin: 32px auto 0;
}

.ab-hero__cover img {
	width: 100%;
}

/* avtor i vremya chteniya pod zagolovkom (vmesto kolonki sleva v shablone news) */
.ab-byline {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 22px;
}

.ab-byline__avatar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	font-family: var(--ab-font-head);
	font-size: 18px;
	font-weight: 800;
}

.ab-byline__text {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.ab-byline__name {
	font-family: var(--ab-font-head);
	font-size: 15px;
	font-weight: 700;
}

.ab-byline__info {
	color: var(--ab-muted);
	font-size: 13px;
}

.s-shop .ab-byline {
	justify-content: center;
	text-align: left;
}

/* ---------- blocks ---------- */
.ab-text {
	padding-top: 26px;
}

.ab-text.v-intro .ab-rich {
	padding-top: 14px;
	font-size: 22px;
	line-height: 1.55;
	font-weight: 500;
}

.ab-heading {
	padding-top: 46px;
	scroll-margin-top: 80px;
}

.ab-heading h2 {
	--ab-h: 30px;
	line-height: 1.2;
	--ab-hw: 800;
}

.ab-heading.v-sub {
	padding-top: 30px;
}

.ab-heading h3 {
	--ab-h: 22px;
	line-height: 1.3;
	--ab-hw: 700;
}

.ab-media,
.ab-gallery {
	padding-top: 36px;
}

.ab figure {
	margin: 0;
}

.ab figcaption,
.ab .ab-cap {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--ab-muted);
}

.ab-ph img {
	width: 100%;
}

/* foto vo vsyu shirinu ne vyshe ekrana: vertikal'nyy snimok ne zanimaet tri ekrana (kak v shablone news) */
.ab-media.v-full .ab-ph img {
	width: auto;
	max-width: 100%;
	max-height: 80vh;
	margin: 0 auto;
	object-fit: contain;
}

.ab-media__text {
	max-width: 680px;
	margin-top: 20px;
}

.ab-media__text h3,
.ab-split__text h3 {
	--ab-h: 24px;
	line-height: 1.25;
	--ab-hw: 800;
}

.ab-media__text h3 + .ab-rich,
.ab-split__text h3 + .ab-rich {
	margin-top: 12px;
}

.ab-split {
	--ab-ph: 1fr;
	--ab-tx: 1fr;
	display: grid;
	grid-template-columns: minmax(0, var(--ab-ph)) minmax(0, var(--ab-tx));
	gap: 40px;
	align-items: center;
}

.ab-media.v-right .ab-split {
	grid-template-columns: minmax(0, var(--ab-tx)) minmax(0, var(--ab-ph));
}

.ab-media.v-right .ab-split > .ab-ph {
	order: 2;
}

/* razmer foto: sboku - tret', polovina, dve treti stroki; na vsyu shirinu - uzkoe, po shirine teksta, shirokoe */
.ab-media.size-s .ab-split {
	--ab-ph: 1fr;
	--ab-tx: 2fr;
}

.ab-media.size-l .ab-split {
	--ab-ph: 2fr;
	--ab-tx: 1fr;
}

.ab-media.v-full.size-s figure {
	max-width: 480px;
	margin: 0 auto;
}

.ab-media.v-full.size-m figure {
	max-width: 680px;
	margin: 0 auto;
}

.ab-media.v-full.size-s .ab-media__text,
.ab-media.v-full.size-m .ab-media__text {
	margin-right: auto;
	margin-left: auto;
}

.ab-split__text .ab-rich {
	font-size: 17px;
	line-height: 1.65;
}

.ab-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ab-gallery.v-two .ab-gallery__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ab-gallery .ab-ph {
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--ab-soft);
}

.ab-gallery .ab-ph img {
	height: 100%;
	object-fit: cover;
}

/* model card */
.ab-model {
	padding-top: 56px;
}

.ab-model__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
}

.ab-model.is-flip .ab-model__pic {
	order: -1;
}

.ab-model__num {
	font-size: 64px;
	line-height: 1;
	font-weight: 700;
	color: #e9e9e6;
}

.ab .ab-model__title {
	margin-top: 10px;
	--ab-h: 26px;
	line-height: 1.2;
	--ab-hw: 800;
}

.ab-model__title a {
	text-decoration: none;
}

.ab-model__text {
	margin-top: 14px;
	font-size: 17px;
	line-height: 1.65;
	color: #333;
}

.ab-model__buy {
	margin-top: 18px;
}

.ab-model__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 2px;
	border-bottom: 2px solid currentColor;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--ab-text);
	transition: opacity .2s;
}

.ab-model__cta span {
	transition: transform .2s;
}

.ab-model__cta:hover {
	opacity: .7;
}

.ab-model__cta:hover span {
	transform: translateX(6px);
}

.ab-model__pic .ab-ph {
	display: flex;
	justify-content: center;
}

.ab-model__pic img {
	width: auto;
	max-height: 550px;
	object-fit: contain;
}

/* quote */
.ab-quote {
	padding-top: 48px;
}

.ab-quote blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 28px;
	line-height: 1.35;
	font-weight: 700;
}

.ab-quote cite {
	display: block;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	color: var(--ab-muted);
}

.ab-quote.v-line blockquote {
	padding-left: 24px;
	border-left: 4px solid var(--ab-text);
	font-size: 24px;
}

.ab-quote.v-center blockquote,
.ab-quote.v-center cite {
	text-align: center;
}

.ab-quote.v-center blockquote {
	font-size: 32px;
}

/* products */
.ab-products {
	padding-top: 48px;
}

.ab .ab-products__title {
	margin-bottom: 16px;
	--ab-h: 20px;
	--ab-hw: 800;
}

.ab-products__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}

/* kartochka tovara - kak "Vybor redaktsii" shablona news (mb-card) */
.ab-product {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 12px;
	background: #fff;
	color: var(--ab-text);
	text-align: center;
	transition: transform .2s, box-shadow .2s, border-color .2s;
}

.ab-product:hover {
	border-color: transparent;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
	transform: translateY(-5px);
}

.ab-product__link {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: inherit;
	text-decoration: none;
}

.ab .ab-product__link {
	text-decoration: none;
}

.ab-product__img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	margin-bottom: 15px;
}

.ab-product__img img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.ab-product__name {
	display: -webkit-box;
	height: 42px;
	margin-bottom: 8px;
	overflow: hidden;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ab-product__prices {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 15px;
}

.ab-product__price {
	font-size: 16px;
	font-weight: 700;
}

.ab-product__price.is-sale {
	color: #d93025;
}

.ab-product__old {
	color: #999;
	font-size: 13px;
	text-decoration: line-through;
}

.ab-product__na {
	margin-bottom: 15px;
	color: var(--ab-muted);
	font-size: 13px;
}

.ab a.ab-product__buy {
	display: block;
	margin-top: auto;
	padding: 10px 0;
	border-radius: 6px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .2s;
}

.ab a.ab-product__buy:hover {
	background: #333;
}

/* table */
.ab-table {
	padding-top: 40px;
}

.ab-table__scroll {
	overflow-x: auto;
}

.ab-table table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	font-size: 15px;
}

.ab-table th,
.ab-table td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--ab-line);
	text-align: left;
	vertical-align: top;
	font-variant-numeric: tabular-nums;
}

.ab-table th {
	background: var(--ab-soft);
	font-size: 13px;
}

/* verdict */
.ab-verdict {
	padding-top: 44px;
}

.ab-verdict__box {
	padding: 28px;
	border-radius: 4px;
	background: var(--ab-soft);
}

.ab-verdict__title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ab-muted);
}

.ab-verdict__box .ab-rich {
	margin-top: 10px;
	font-size: 19px;
	line-height: 1.55;
}

/* big button (as lamda-big-black-btn) */
.ab-cta {
	padding-top: 72px;
	text-align: center;
}

.ab-cta__btn {
	display: inline-block;
	padding: 20px 60px;
	border: 2px solid #000;
	border-radius: 4px;
	background: #000;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.ab a.ab-cta__btn {
	color: #fff;
}

.ab a.ab-cta__btn:hover {
	background: #fff;
	color: #000;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

/* faq */
.ab-faq {
	padding-top: 48px;
	scroll-margin-top: 80px;
}

.ab-faq h2 {
	margin-bottom: 8px;
	--ab-h: 30px;
	--ab-hw: 800;
}

.ab-faq__item {
	padding: 14px 0;
	border-bottom: 1px solid var(--ab-line);
}

.ab-faq summary,
.ab-faq__q {
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
}

.ab-faq details p,
.ab-faq__a {
	margin-top: 8px;
	font-size: 17px;
	line-height: 1.6;
	color: #333;
}

/* table of contents (journal): numbered links in the accent colour, as in the news template */
.ab-toc {
	padding-top: 32px;
}

.ab-toc__title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ab-muted);
}

.ab-toc ol {
	margin: 14px 0 0;
	padding: 0;
	counter-reset: ab-toc;
	list-style: none;
}

.ab-toc li {
	position: relative;
	padding-left: 40px;
	font-family: var(--ab-font-head);
	font-size: 19px;
	line-height: 1.4;
	counter-increment: ab-toc;
}

.ab-toc li + li {
	margin-top: 12px;
}

.ab-toc li::before {
	position: absolute;
	left: 0;
	color: var(--ab-accent);
	font-weight: 800;
	content: counter(ab-toc) ".";
}

.ab .ab-toc a {
	border-bottom: 1px solid var(--ab-accent-line);
	color: var(--ab-accent);
	text-decoration: none;
	transition: border-color .2s;
}

.ab .ab-toc a:hover {
	border-bottom-color: var(--ab-accent);
}

/* ---------- journal text blocks: sizes and colour of the news template (.mb-typography) ---------- */
.s-journal .ab-text.v-default .ab-rich {
	color: #1a1a1a;
	font-size: 19px;
	line-height: 1.65;
}

.s-journal .ab-text.v-default .ab-rich p + p,
.s-journal .ab-text.v-default .ab-rich p + ul,
.s-journal .ab-text.v-default .ab-rich p + ol,
.s-journal .ab-text.v-default .ab-rich ul + p,
.s-journal .ab-text.v-default .ab-rich ol + p {
	margin-top: 24px;
}

.s-journal .ab-text.v-default .ab-rich li + li {
	margin-top: 12px;
}

@container ab (max-width: 640px) {
	.s-journal .ab-text.v-default .ab-rich {
		font-size: 17px;
		line-height: 1.6;
	}
}

/* ---------- journal accent: links, list markers, quote line ---------- */
.s-journal .ab-rich a {
	border-bottom: 1px solid var(--ab-accent-line);
	color: var(--ab-accent);
	text-decoration: none;
	transition: background-color .2s, border-color .2s;
}

.s-journal .ab-rich a:hover {
	border-bottom-color: var(--ab-accent);
	background: rgba(30, 36, 50, .05);
}

.s-journal .ab-rich ul,
.s-journal .ab-rich ol {
	padding-left: 0;
	list-style: none;
}

.s-journal .ab-rich ol {
	counter-reset: ab-ol;
}

.s-journal .ab-rich ul > li,
.s-journal .ab-rich ol > li {
	position: relative;
	padding-left: 26px;
}

.s-journal .ab-rich ul > li::before {
	position: absolute;
	top: -1px;
	left: 2px;
	color: var(--ab-accent);
	font-weight: 700;
	content: "\2022";
}

.s-journal .ab-rich ol > li {
	counter-increment: ab-ol;
}

.s-journal .ab-rich ol > li::before {
	position: absolute;
	left: 0;
	color: var(--ab-accent);
	font-weight: 700;
	content: counter(ab-ol) ".";
}

.s-journal .ab-quote.v-line blockquote {
	border-left-color: var(--ab-accent);
}

@container ab (max-width: 640px) {
	.ab-toc li {
		padding-left: 32px;
		font-size: 17px;
	}
}

/* ---------- under the article ---------- */
.ab-after {
	padding-top: 72px;
}

.ab-after + .ab-after {
	padding-top: 56px;
}

.ab-after__title {
	margin-bottom: 18px;
	--ab-h: 22px;
	--ab-hw: 800;
}

.ab-related {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.ab-related a {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none;
}

.ab-related img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--ab-soft);
}

.ab-related span {
	font-size: 16px;
	line-height: 1.35;
	font-weight: 700;
}

.ab-related a:hover span {
	text-decoration: underline;
}

.ab-share {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 40px;
	font-size: 14px;
	color: var(--ab-muted);
}

/* ======================================================================
   Style "shop": the review template (lamda-*) one to one
   ====================================================================== */
.ab.s-shop {
	--ab-font: var(--ab-font-shop);
	--ab-font-head: var(--ab-font-shop);
}

.s-shop .ab-wide {
	max-width: 1240px;
}

.s-shop .ab-hero__head {
	padding-top: 60px;
	text-align: center;
}

.s-shop .ab-hero__meta {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #999;
}

.ab.s-shop .ab-hero__title {
	margin-top: 20px;
	--ab-h: clamp(28px, 4cqi, 44px);
	line-height: 1.1;
	--ab-hw: 900;
	--ab-ls: -.5px;
}

.ab.s-shop .ab-hero__lead {
	margin-top: 30px;
	font-weight: 300;
}

.s-shop .ab-hero__cover {
	margin-top: 40px;
}

.s-shop .ab-rich {
	line-height: 1.6;
	color: #222;
}

.s-shop .ab-text.v-intro .ab-rich {
	font-weight: 400;
}

.s-shop .ab-heading h2,
.s-shop .ab-faq h2 {
	--ab-hw: 900;
	text-transform: uppercase;
	--ab-ls: .5px;
}

.s-shop .ab-model {
	padding-top: 110px;
}

.s-shop .ab-model__row {
	grid-template-columns: 42% 50%;
	justify-content: space-between;
}

.s-shop .ab-model.is-flip .ab-model__row {
	grid-template-columns: 50% 42%;
}

.s-shop .ab-model:not(.is-flip) .ab-model__content {
	margin-top: -50px;
}

.s-shop .ab-model.is-flip .ab-model__pic {
	padding-top: 80px;
}

.s-shop .ab-model__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-bottom: 30px;
	background: #000;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
}

.ab.s-shop .ab-model__title {
	margin-top: 0;
	--ab-h: clamp(24px, 3cqi, 34px);
	line-height: 1.1;
	--ab-hw: 900;
	text-transform: uppercase;
	--ab-ls: .5px;
}

.s-shop .ab-model__title a {
	color: #000;
	border-bottom: 2px solid transparent;
	transition: border-color .2s;
}

.s-shop .ab-model__title a:hover {
	border-bottom-color: #000;
}

.s-shop .ab-model__text {
	margin-top: 25px;
	line-height: 1.6;
}

.s-shop .ab-model__buy {
	margin-top: 35px;
}

.s-shop .ab-model__cta {
	gap: 12px;
	border-bottom: 0;
	font-size: 20px;
	letter-spacing: 1px;
	color: #000;
}

.s-shop .ab-model__cta span {
	position: relative;
	top: -2px;
	font-size: 24px;
	line-height: 1;
}

.s-shop .ab-quote blockquote {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 26px;
}

.s-shop .ab-verdict__box {
	background: #000;
	color: #fff;
}

.s-shop .ab-verdict__box .ab-rich {
	color: #fff;
}

.s-shop .ab-verdict__title {
	color: #bbb;
}

/* ---------- narrow article (phone) ---------- */
@container ab (max-width: 900px) {
	.s-shop .ab-model__row,
	.s-shop .ab-model.is-flip .ab-model__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	.s-shop .ab-model .ab-model__pic {
		order: -1;
	}

	.s-shop .ab-model:not(.is-flip) .ab-model__content,
	.s-shop .ab-model.is-flip .ab-model__pic {
		margin-top: 0;
		padding-top: 0;
	}

	.s-shop .ab-model {
		padding-top: 80px;
	}

	.s-shop .ab-model__num {
		width: 40px;
		height: 40px;
		margin-bottom: 20px;
		font-size: 20px;
	}

	.ab-model__pic img {
		max-height: 300px;
	}
}

@container ab (max-width: 640px) {
	.ab {
		--ab-pad: 18px;
	}

	.ab-hero__head,
	.s-shop .ab-hero__head {
		padding-top: 28px;
	}

	.ab .ab-hero__lead {
		font-size: 17px;
	}

	.ab-rich {
		font-size: 16px;
	}

	.ab-text.v-intro .ab-rich {
		font-size: 19px;
	}

	.ab-heading h2,
	.ab-faq h2 {
		--ab-h: 24px;
	}

	.ab-split,
	.ab-model__row,
	.ab-media.v-right .ab-split {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.ab-media.v-right .ab-split > .ab-ph {
		order: 0;
	}

	.ab-model .ab-model__pic {
		order: -1;
	}

	.ab-model__num {
		font-size: 48px;
	}

	.ab-quote blockquote,
	.ab-quote.v-line blockquote,
	.ab-quote.v-center blockquote,
	.s-shop .ab-quote blockquote {
		font-size: 21px;
	}

	.ab-products__grid,
	.ab-gallery__grid,
	.ab-related {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ab-products__grid {
		gap: 10px;
	}

	.ab-product {
		padding: 10px;
	}

	.ab-product__img {
		height: 140px;
	}

	.ab-product__name {
		height: auto;
		font-size: 13px;
		-webkit-line-clamp: 3;
	}

	.ab-product__price {
		font-size: 14px;
	}

	.ab-verdict__box {
		padding: 20px;
	}

	.ab-cta__btn {
		width: 100%;
		padding: 18px 20px;
	}
}

/* End */
/* /bitrix/templates/new_2016.07/components/bitrix/news/anker_blog/style.css?17930209891553 */
/* /bitrix/templates/new_2016.07/components/bitrix/news/anker_blog/bitrix/news.detail/builder/style.css?179300671420436 */