

/* Start:/bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/blog-spacing.css?17665789427441*/
/* 
  Blog spacing & layout tokens
  Version: 1.0
  Purpose: make Figma spacing = website spacing using fixed tokens and ready utilities.
  Scale (from design): 16 / 30 / 40 / 50 / 60 / 64 / 100 px
*/

/* =====================
   Design tokens
   ===================== */
:root {
  /* Spacing tokens */
  --space-16: 1rem;           /* 16px — micro (title→button) */
  --space-30: 1.875rem;       /* 30px — title→text */
  --space-40: 2.5rem;         /* 40px — image↔text */
  --space-50: 3.125rem;       /* 50px — block spacing */
  --space-60: 3.75rem;        /* 60px — gap between product cards */
  --space-64: 4rem;           /* 64px — bottom to footer */
  --space-100: clamp(56px, 10vw, 100px); /* 100px — big dividers (fluid on small screens) */
  --space-120: clamp(56px, 10vw, 120px); /* 120px — big dividers (fluid on small screens) */
  --space-160: clamp(56px, 10vw, 160px); /* 160px — big dividers (fluid on small screens) */

  /* Content container */
  --content-max: 72ch;        /* readable line length; swap to 720px if needed */
  --content-padding-x: var(--space-16);

  /* Typography (optional, minimal) */
  --leading: 1.6;
  --muted: 0.72;

  /* Colors (fine-tune in project) */
  --border: hsl(0 0% 0% / 8%);
  --fg-muted: hsl(0 0% 0% / 64%);
}

/* ≤ 768px — слегка уменьшаем крупные отступы */
@media (max-width: 1024px) {
  :root {
    --space-40: 2.25rem;
    --space-50: 2.5rem;
    --space-60: 3rem;
    --space-64: 3.25rem;
    --space-100: 4rem;
    --space-120: 4rem;
    --space-160: 6rem;
  }
}

/* ≤ 480px — ещё компактнее */
@media (max-width: 700px) {
  :root {
    --space-40: 2rem;
    --space-50: 2.25rem;
    --space-60: 2.5rem;
    --space-64: 2.75rem;
    --space-100: 3rem;
    --space-120: 3rem;
    --space-160: 4rem;
  }
}

/* =====================
   Base & helpers
   ===================== */
.c-article {
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--content-padding-x);
}
.c-article *,
.c-article *::before,
.c-article *::after { box-sizing: border-box; }

/* A generic vertical flow: sets top margin on siblings only */
.flow > * + * { margin-block-start: var(--flow-space, var(--space-30)); }

/* Vertical stack (block-internal rhythm) */
.stack > * + * { margin-block-start: var(--stack-space, var(--space-40)); }
.stack--16  { --stack-space: var(--space-16); }
.stack--30  { --stack-space: var(--space-30); }
.stack--40  { --stack-space: var(--space-40); }
.stack--50  { --stack-space: var(--space-50); }
.stack--60  { --stack-space: var(--space-60); }
.stack--64  { --stack-space: var(--space-64); }
.stack--100 { --stack-space: var(--space-100); }

/* Inline cluster (buttons, tags, etc.) */
.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cluster-space, var(--space-16));
}

/* Section/block wrapper
   - Each content block in the article should use .block
   - Block-to-block spacing = 50px by default (from the scale)  */
.block { display: block; }
.block + .block { margin-block-start: var(--space-50); }
.block--divider + .block { margin-block-start: var(--space-100); } /* big separation */

/* Keep headings & lists from adding random margins */
.block :where(h1,h2,h3,h4,p,ul,ol,table,blockquote,figure){ margin: 0; }
.block :where(ul,ol){ padding-left: 1.25em; } /* keep bullets aligned */

/* Common utilities (only for edge cases) */
.mt-16  { margin-top:    var(--space-16)  !important; }
.mt-30  { margin-top:    var(--space-30)  !important; }
.mt-40  { margin-top:    var(--space-40)  !important; }
.mt-50  { margin-top:    var(--space-50)  !important; }
.mt-60  { margin-top:    var(--space-60)  !important; }
.mt-64  { margin-top:    var(--space-64)  !important; }
.mt-100 { margin-top:    var(--space-100) !important; }
.mt-160 { margin-top:    var(--space-160) !important; }

.mb-16  { margin-bottom: var(--space-16)  !important; }
.mb-30  { margin-bottom: var(--space-30)  !important; }
.mb-40  { margin-bottom: var(--space-40)  !important; }
.mb-50  { margin-bottom: var(--space-50)  !important; }
.mb-60  { margin-bottom: var(--space-60)  !important; }
.mb-64  { margin-bottom: var(--space-64)  !important; }
.mb-100 { margin-bottom: var(--space-100) !important; }

.pb-64  { padding-bottom: var(--space-64) !important; } /* footer-safe space */

/* =====================
   Media / figure
   ===================== */
.figure { margin: 0; }
.figure > img,
.figure > picture,
.figure > video { display: block; width: 100%; height: auto; }
.figure__caption {
  margin-top: var(--space-16);
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--fg-muted);
}
/* Size variants */
.figure--m { max-width: 56ch; margin-inline: auto; }
.figure--l { max-width: none; }
/* Full-bleed: spans viewport width */
.figure--full {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .figure--full { width: 100%; margin: 0; transform: none; }
}
/* Optional alignment helpers (use in CSS Grid areas) */
.align-start  { justify-self: start; }
.align-center { justify-self: center; }
.align-end    { justify-self: end; }

/* =====================
   Intro block
   ===================== */
.block--intro { --stack-space: var(--space-30); }
.block--intro .title { line-height: var(--leading); }
.block--intro .lead  { line-height: var(--leading); }
.block--intro .actions { margin-block-start: var(--space-16); } /* micro gap: title→button */
.block--intro .tag-image { display:inline-block; vertical-align: middle; }

/* =====================
   Columns block
   ===================== */
.block--columns { --stack-space: var(--space-30); }
.columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40); /* image↔text / column gap */
}
@media (min-width: 768px) {
  .columns--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .columns--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.columns__title { margin: 0 0 var(--space-30) 0; } /* title→text = 30 */

/* =====================
   Products block
   ===================== */
.block--products { --stack-space: var(--space-40); }
.products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-60); /* between cards = 60 */
}
@media (min-width: 768px) {
  .products-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.product-card {
  display: grid;
  gap: var(--space-30); /* internal rhythm */
}
.product-card .media { border: 1px solid var(--border); }
.product-card .name { margin: 0; line-height: var(--leading); }
.product-card .desc { margin: 0; line-height: var(--leading); color: var(--fg-muted); }

/* =====================
   Quote block
   ===================== */
.block--quote { --stack-space: var(--space-40); }
.quote {
  border-inline-start: 4px solid var(--border);
  padding-inline-start: var(--space-30);
}
.quote__text { margin: 0; line-height: var(--leading); }
.quote__author { margin-top: var(--space-16); color: var(--fg-muted); }

/* =====================
   Footer spacing
   ===================== */
/* Ensure consistent bottom offset to footer across articles */
.c-article--push-footer { padding-bottom: var(--space-64); }

/* End */


/* Start:/bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/blog-new.css?178774105911534*/
.read-more.blog-detail img {
	vertical-align: middle;
}


.product__img_wrapper img {
    vertical-align: middle;
}

.intro-block-right img {
	vertical-align: middle;
}

.blog-detail {
	display: flex;
	flex-direction: column;
	/*gap: 132px;*/
	gap: 64px;
}
.intro-block__wrapper {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 40px;
}
.intro-block-left {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.intro-block-left__header {
	display: flex;
	flex-direction: row;
	gap: 36px;
}
.intro-block-left__imgwrapper {
	width: 220px;
	height: 125px;
}
.intro-title {
	color: #415739;
	font-size: 56px;
	line-height: 1.1;
	letter-spacing: -1.69px;
	font-weight: 600;
	text-transform: uppercase;
}
.intro-maintext {
	font-size: 20px;
	line-height: 125%;
	color: #122333;
	opacity: 0.8;
	letter-spacing: -0.2px;
}
.columns-elements {
	display: grid;
	grid-template-columns: 1fr 0.9fr 1fr;
	gap: 40px;
}
.columns-title {
	font-size: 60px;
	line-height: 72px;
	color: #415739;
	font-weight: 800;
	letter-spacing: -2.1px;
	text-transform: uppercase;
}
.columns-subtitle {
	font-size: 30px;
	color: #415739;
	letter-spacing: -1px;
	line-height: 36px;
	font-weight: 600;
	text-align: right;
	text-transform: uppercase;
	margin-top: 4px;

}
.columns-element {
	font-size: 19px;
	color: #122333;
	opacity: .8;

	display: flex;
	flex-direction: column;
	gap: 14px;
}
.columns-element__title {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -1%;
	line-height: 125%;
}
.columns-element-text {
	font-size: 18px;
	letter-spacing: -1%;
	line-height: 127%;
}
.columns-element-text.text-var-0,
.columns-element-text.text-var-1,
.columns-element-text.text-var-2 {
	font-weight: 500;
}
.quote-block__wrapper {
	height: 500px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}
.quote-block__wrapper > img {
	position: absolute;
}
.quote__text {
	letter-spacing: -0.75px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
	font-size: 25px;
	line-height: 140%;
	color: #415739;
}
.mcontent_content {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 40px;
}
.mcontent_content__right_block {
	position: relative;
}
.mncontent_content_floating {
	position: absolute;
}
.mncontent_content_floating--img_1 {
	top: 1px;
	left: 6px;
	width: 330px !important;
}
.mncontent_content_floating--img_2 {
	bottom: 10px;
	right: 30px;
	width: 170px !important;
}
.mncontent_content_ing_img {
}
.mcontent-title {
	font-size: 60px;
	line-height: 110.00000000000001%;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: 800;
	color: #415739;
	letter-spacing: -1.8px;
}
.mcontent-subtitle {
	font-size: 30px;
	color: #415739;
	letter-spacing: -0.9px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 35px;
}
.mcontent-title_2 {
	font-weight: 800;
	font-size: 30px;
	color: #415739;
	text-transform: uppercase;
	line-height: 35px;
	letter-spacing: -0.9px;
}
.mcontent-title_2 > span {
	display: block;
	font-weight: 800;
}
.mcontent_content__left_block {
	font-size: 18px;
	line-height: 21.85px;
	letter-spacing: -0.18px;
	color: #414f5c;
	font-weight: 500;
}
.mcontent_content__left_block > p {
	font-size: 18px;
	color: #414f5c;
}

.mcontent_content__left_block > b {
	font-weight: 700;
	display: block;
	font-size: 22px;
	line-height: 125%;
}
.quote-block__wrapper {
	position: relative;
}
.quote-block__floating--img_1 {
	width: 304px !important;
	height: 172px;
	position: absolute;
	top: 0;
	left: 10.4%;
}
.quote-block__floating--img_2 {
	width: 300px !important;
	height: 161px;
	position: absolute;
	bottom: 0;
	right: 10.4%;
}
.quote_text_wrapper {
	display: flex;
	max-width: 82%;
	gap: 4px;
}
.quote_quotes {
	width: 32px !important;
	height: 29px;
	vertical-align: text-top;
	right: -8px;
	position: relative;
}
.intro-block-left__infowrapper {
	color: #858884;
	font-size: 20px;
}
.intro-block-left__info {
	display: inline-flex;
	align-items: center;
	gap: 39px;
}
.intro-block-left__infowrapper * {
	font-family: "Onest", sans-serif;
	font-weight: 400;
}
.intro-block-left__infowrapper img {
	width: 32px !important;
	height: 32px;
}
.intro-block-left__views {
	display: inline-flex;
	gap: 7px;
	align-items: center;
}
.products-block-title {
	font-size: 60px;
	color: #415739;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 109.00000000000001%;
	letter-spacing: -1.8px;
}
.products-block-title > span {
	display: block;
	text-align: end;
	font-weight: 600;
}
.products-block-subtitle {
	color: #122333;
	opacity: .8;
	font-size: 22px;
	line-height: 125%;
	letter-spacing: -0.6px;
}
.product__text {
	font-size: 18px;
	color: #122333;
	opacity: .8;
	letter-spacing: -0.22px;
	line-height: 126%;
}
.products-block__product {
	display: grid;
	grid-template-columns: 1.1fr 0.85fr;
	gap: 40px;
}

.product__links a {
	padding: 14px 6px 14px 16px;
	position: relative;
	z-index: 1;
	display: inline-flex;
	gap: 54px;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #607755;
}
.product__arrow path {
	stroke: #122333 !important;
}
.product__links a:hover .product__arrow path {
	stroke: #fff !important;
}

.product__links a:hover {
	background-color: #607755;
	color: #fff;
}

.product__links a:hover .links__content {
	background-color: #607755;
	color: #fff;
}
.product__links img {
	vertical-align: middle;
}
.links__image {
	display: inline-flex;
	align-items: center;
}
.links__content {
	display: flex;
	letter-spacing: -1%;
	color: #122333;
	opacity: .8;
	justify-content: space-between;
}
.product__title {
	font-size: 22px;
	line-height: 125%;
	font-weight: 700;
	color: #415739;
	letter-spacing: -0.22px;
}
.ending__title {
	font-size: 60px;
	line-height: 68px;
	color: #415739;
	font-weight: 800;
	letter-spacing: -0.9px;
	text-transform: uppercase;
}
.ending__text {
	font-size: 20px;
	line-height: 28px;
	/*max-width: 68%;*/
}
.ending__text > p {
	
	line-height: 125%;
	letter-spacing: -1%;
	color: #415739;
	font-weight: 700;
	font-size: 20px;
}
.products-block__elements {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.product__title {
}
.products-block__product.image-right {
	grid-template-columns: 0.85fr 1.1fr;
}
@media(min-width: 1024.1px) {
	.products-block__product.image-right .product__img_wrapper {
		order: 1;
	}
	.products-block__product.image-right .product__content {
		order: 0;
	}
}
.links__image span {
	color: #122333;
	font-size: 24px;
	font-weight: 500;
	vertical-align: text-top;
	position: relative;
	top: -2px;
	letter-spacing: -20%;
}
.product-num-1 .product__title {
}
.product-num-2 .product__title {
}
.quote-block__wrapper::before {
	/* добавляем белый полупрозрачный фон */
	background-color: rgba(255, 255, 255, 0.5);
}

.mobile-img-preview {
	display: none;
}
.mcontent-title span {
	display: block;
	text-align: end;
	font-weight: 600;
}

.ending__text {
	color: #415739 !important;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.2px;
}

.crazytemplate_text {
	font-size: 22px;
	color: #122333;
	opacity: .8;
	letter-spacing: -0.22px;
	line-height: 126%;
}

@media(max-width: 700px) {
	.mobile-img-preview {
		display: block;
	}
	.mini-img,
	.intro-block-left__imgwrapper {
		max-height: 70px;
	}
	.intro-block-left__infowrapper {
		font-size: 18px;
	}
	.intro-block__wrapper {
		display: block;
	}
	.intro-title {
		font-size: 32px;
		line-height: 36px;
	}
	.intro-maintext {
		font-size: 20px;
		line-height: 24px;
	}
	.intro-block-right {
		display: none;
	}
	.columns-title {
		font-size: 32px;
		line-height: 36px;
	}
	.columns-subtitle {
		font-size: 24px;
		line-height: 28px;
	}
	.columns-elements {
		display: block;
	}
	.columns-element {

	}
	.mcontent-title {
		font-size: 32px;
		line-height: 36px;

	}
	.mcontent-subtitle {
		font-size: 24px;
		line-height: 28px;
	}
	.mcontent-title_2 {
		font-size: 18px;
		line-height: 20px;
		text-align: end;
	}
	.mncontent_content_ing_img {
		height: 350px !important;
	}
	.mncontent_content_floating--img_1 {
		top: -6px;
		left: 20px;
	}
	.mncontent_content_ing_img {

	}
	.mncontent_content_floating--img_1 {
		width: 170px !important;
		height: 170px !important;
	}
	.mncontent_content_floating--img_2 {
		bottom: 0px;
		right: 30px;
		width: 127px !important;
		height: 170px !important;
	}
	.quote-block__floating--img_1,
	.quote-block__floating--img_2 {
		display: none;
	}
	.quote__text {
		max-width: 100%;
		font-size: 24px;
		line-height: 28px;
	}
	.quote-block__wrapper {
		height: 500px;
	}
	.quote__text {

	}
	.products-block-title {
		font-size: 24px;
		line-height: 28px;
	}
	.products-block-subtitle {
		font-size: 20px;
		line-height: 22px;
	}

	.product__title {
		line-height: 26px;

	}
	.ending__title {
		font-size: 32px;
		line-height: 36px;

	}
	.ending__text {
		font-size: 22px;
		line-height: 24px;
	}
}
.section-intro + .section-products {

}
/* Скрыть скроллбар, но оставить возможность скроллить */
body {
	overflow: auto !important;
	/* или scroll, если нужно всегда показывать прокрутку */
	scrollbar-width: none !important;
	/* для Firefox */
}
html {
	scrollbar-width: none;
}
.product__text > a {
	color: #415739;
}
.more-m {

}
.blog-detail > hr {
	color: #8BA183;
	height: 2px;
	opacity: .8;
}
.read-more__title {
	letter-spacing: -1%;
}
@media(max-width: 700px) {
	.ending__text {
		max-width: 100%;
		font-size: 18px;
	}
	.products-block-subtitle {
		max-width: 100%;
	}
	.quote__text {
		font-size: 18px;
	}
	.quote-block__wrapper {
		height: 400px;
	}
	.quote-block__wrapper:before {
		background-size: cover !important;
		background-position: right;
		opacity: 0.4
	}
	.intro-block-left__imgwrapper {
		display: none;
	}
}

.block--inverted .mcontent_content > :nth-child(1) { grid-column: 2;grid-row: 1; }
.block--inverted .mcontent_content > :nth-child(2) { grid-column: 1;grid-row: 1; }
.block--inverted .mcontent_content  {
	grid-template-columns: auto 1fr ;
}

.mcontent_content__right_block {
	display: flex;
  align-items: center;
}

.columns-subtext {

	font-weight: 500;
	font-size: 22px;
	letter-spacing: -0.22px;
	line-height: 28px;

	max-width: 77%;
	color: #414f5c;
}


.product__content
{
	display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}


@media(max-width: 1024px) {


	.mcontent_content {
		display: flex !important;
		flex-direction: column;
		gap: 16px;
	  }

	  .mncontent_content_ing_img {
		height: auto !important;
	  }

	  .columns-subtext{
		max-width: 100%;
		font-size: 18px;
		line-height: 22px;
	  }

	  .columns-elements {
		display: flex;
		flex-direction: column;
		gap: 24px;
	  }

	  .products-block__product {
		display: block;
		display: flex;
		flex-direction: column;
	  }
}


div.read-more {
	margin-bottom: 64px;
}


.mcontent-subtext {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.25px;
	color: #414f5c;
}
/* End */


/* Start:/bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/articles/id_1373.css?17822430961972*/

@media(min-width: 1200.1px) {
    .mcontent__custom .mncontent_content_ing_img {
        width: 614px;
        height: 506px;
    }

    .products-block-title {
        margin-bottom: 156px !important;
    }
}

@media(max-width:1200px) {
    .mcontent__custom .mncontent_content_ing_img {
        width: auto;
        height: auto;
    }
}


div:has(> .custom__list_item) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}

.custom__list_item {
    display: block;
}

.custom__list_item > b {
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -0.9px;
    color: rgba(65, 87, 57, 1);
    margin-bottom: 16px;
    display: block;
    text-transform: uppercase;
}
.custom__list_item > p {
    font-size: 18px;
    letter-spacing: -0.16px;
    line-height: 23px;
}

.quote_text_wrapper {
    margin-top: 16px;
}



@media(max-width:1024px) {
    .mcontent__custom .mncontent_content_ing_img {
        width: 100%;
        height: auto;
    }
    .quote_text_wrapper {
        margin-top: 8px;
    }

    .custom__list_item > b {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 4px;
    }

    .custom__list_item > p {
        font-size: 16px;
        line-height: 20px;
    }

    div:has(> .custom__list_item) {
        gap: 25px;
    }

    .mcontent_content:not(.mcontent__custom) {
        flex-direction: column-reverse;
    }
}

.mcontent-title span {
text-align: start;
}

.mcontent_content__right_block {
    flex-direction: column;
    justify-content: center;
}

.mcontent_content p {
font-size: 18px;
line-height: 1.25;
  letter-spacing: -0.25px;
  color: #414f5c;
}

.mcontent_content p + p {
    margin-top: 16px;
}

.mcontent_content__left_block {
    justify-content: center;
    display: flex;
    align-items: center;
}
/* End */


/* Start:/bitrix/templates/kosatka-adaptive/components/bitrix/news.list/blog_list_in_detail/style.css?17665789422540*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.read-more__element {
	display: flex;
	flex-direction: column;
	gap: 8px;
}


.read-more_element__btns_wrp {
	display: flex;
	gap: 12px;
	align-items: center;
}

.read-more_element__button a
{
  border: 1px solid #8BA183;
  padding: 8px 16px;
  display: inline-block;
  border-radius: 8px;
  font-size: 13px;
}

.read-more {
	margin-bottom: 36px;
}

.read-more_element__views_cnt
{
	color: #858884;
	font-size: 13px;
}



.read-more_element__text,
.read-more_element__title
{
	opacity: .8;
	color: #122333;
	
}

.read-more_element__title {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -2%;
	line-height: 120%;

	text-transform: uppercase;

	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.read-more_element__text {
	margin-top: auto;
}

.read-more__title {
	margin-bottom: 56px;
}

.read-more_element__views_cnt
{
	color: #858884;
}

.read-more_element__views_cnt img {
	width: 19px !important;
	height: 19px;
	vertical-align: bottom;
}

.read-more__title {
	text-align: center;
	font-size: 24px;
	color: #415739;
	font-size: 24px;
	font-weight: 700;
}

.read-more__list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 12px;
}

.read-more_element__image {
	height: 366px;
}



.read-more_element__image img {
	display: block;
	object-fit: cover;
 	height: 100%;
}

@media(max-width:  1024px) {
	.read-more__list {
		grid-template-columns: 1fr 1fr;
	}

	.read-more_element__image {
		height: 220px;
		height: auto;
	}

	.read-more_element__title {
		font-size: 18px;
	}

	
	.read-more__list {
		display: flex;
		flex-wrap: wrap;
		margin: -8px; /* компенсируем внутренние отступы элементов */
		gap: 0px;
	  }
	  
	  .read-more__element {
		box-sizing: border-box;
		padding: 8px;       /* ваш внутренний отступ */
		flex: 0 0 50%;      /* не растём, не сжимаемся, ровно 50% контейнера */
		max-width: 50%;     /* ещё одно «гарантированное» ограничение ширины */
	  }
	  
}

@media(max-width:  568px) {
	.read-more_element__title {
		font-size: 16px;
	}
	.read-more_element__text {
		font-size: 14px;
	}
}

/* End */
/* /bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/blog-spacing.css?17665789427441 */
/* /bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/blog-new.css?178774105911534 */
/* /bitrix/templates/kosatka-adaptive/components/bitrix/news.detail/blog/css/articles/id_1373.css?17822430961972 */
/* /bitrix/templates/kosatka-adaptive/components/bitrix/news.list/blog_list_in_detail/style.css?17665789422540 */
