/* Start:/local/templates/molnija-shop-v2026/components/bitrix/news/blog/style.css?17920717193303*/
.blog {
    width: 1320px;
    padding: 0px 32px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction:column;
    align-items:stretch;
    gap: 0;
	@media (max-width:1200px) {
		padding: 0px 15px;
	}
}
.blog-description {
    padding:17px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #626262;
    width: 790px;
    max-width: 100%;
    margin:0 auto;
}
.blog-short-nav {
    padding:31px 0 0;
    display:flex;
    align-items:center;
    justify-content:safe center;
    gap:22px;
    border-bottom:1px solid #DEDEDE;
	--swiper-navigation-size: 30px; 
	--swiper-navigation-sides-offset: 60px;
	--swiper-navigation-top-offset: calc(50% + 15px);
	scrollbar-width: thin;
	transition:all .35s ease;
	position:relative;
	
	@media (max-width: 1200px) {
		--swiper-navigation-sides-offset: 20px;
	}	
	@media (max-width: 480px) {
		--swiper-navigation-sides-offset: 6px;
		gap:25px;
	}
}
.blog-short-nav:has(.swiper-initialized) {
	/* overflow:hidden; */
	gap:0px;
}
.blog-short-nav .swiper-initialized {
	height:100%;
	width:calc(100% - 135px * 2);
	margin:0 auto;
	overflow:hidden;
	@media (max-width: 1200px) {
		width:calc(100% - (30px + var(--swiper-navigation-sides-offset) * 2) * 2);
	}
	
}

.blog-short-nav .swiper-wrapper {
	align-items:center;
	height:100%;
}

.blog-short-nav .blog-short-nav-item {
    position:relative;
    display: inline-flex;
    align-items:center;
    isolation: isolate;
    height: 50.44px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    color: #101010;
}
.blog-short-nav span.blog-short-nav-item:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background-color:#101010;
}
.blog-short-nav a.blog-short-nav-item {
    color: #101010 !important;
    text-decoration:none !important;
}
.blog-short-nav span.blog-short-nav-item:after,
.blog-short-nav a.blog-short-nav-item:hover:after {
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:2px;
    background-color:#101010;
}


.blog-short-nav .swiper-slide {
	width:auto;
}

.blog-short-nav [class^="swiper-button"] {
	display:inline-flex;
	width:30px;
	height:30px;
	background:center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 17.0625H8.97656L17.7266 25.8125L15.5 28L3 15.5L15.5 3L17.7266 5.1875L8.97656 13.9375H28V17.0625Z' fill='black'/%3E%3C/svg%3E%0A");
}
.blog-short-nav [class^="swiper-button"] svg {
	display:none;
}
.blog-short-nav .swiper-button-prev {
}
.blog-short-nav .swiper-button-next {
	transform:rotate(180deg);
}

.blog-short-nav  .swiper-button-disabled + .swiper-button-disabled {
	display:none;
}
.blog-short-nav  .swiper-button-disabled:has( + .swiper-button-disabled) {
	display:none;
}

    
	
.blog-epilog {
	padding:40px 32px;
	gap:18px;
	@media (max-width:768px) {
		padding:40px 15px;
		font-size: 16px;
		line-height:1.4;
	}		
}
.blog-epilog-title {
	font-weight:bold;
	font-size:1.2rem;
}
.blog-epilog-text {
    display: flex;
    flex-direction:column;
    align-items:stretch;
    gap: 18px;
}
.blog-epilog-text p {
	margin:0;
}
/* End */


/* Start:/local/templates/molnija-shop-v2026/components/bitrix/breadcrumb/blog/style.css?1791456670475*/
.blog-breadcrumb {
	width:1320px;
	padding: 27px 32px;
	max-width:100%;
	margin:0 auto;
	display:flex;
	gap:9px;
	overflow:auto;
	@media (max-width:480px) {
		padding: 15px;
	}
}
.blog-breadcrumb a,
.blog-breadcrumb span {
	flex: 0 0 auto;
	font-weight: 500;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0.385px;
	text-transform: uppercase;
	color: #737373;
	@media (max-width:480px) {
		text-transform: none;
	}
}

.blog-breadcrumb ~ h1 {
	padding: 0;
	margin:0;
}
/* End */


/* Start:/local/templates/molnija-shop-v2026/components/bitrix/news/blog/bitrix/catalog.section.list/.default/style.css?17924750545671*/
.blog-section-list {
	padding:9px 0 0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:0;
}
.blog-section {
	padding:34px 0 48px;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:0;
	border-top:1px solid #DEDEDE
}
.blog-section:first-child {
	border-top:0;
}

.blog-section-info {
	display:flex;
	gap:30px;
	align-items:center;
}
.blog-section-info-text {
	flex: 1 1 auto;
	display:inline-flex;
	flex-direction:column;
	gap:8px;
}
.blog-section-info-text h2 {
	font-weight: 500;
	font-size: 25px;
	line-height: 32px;
	letter-spacing: 0.625px;
	text-transform: uppercase;
	color: #101010;
	margin:0;
}
.blog-section-info-text h2 a {
	color: #101010 !important;
	text-decoration:none;
}
.blog-section-info-text h2 a:hover {
	text-decoration:underline;
}
.blog-section-preview {
	font-size: 16px;
	line-height: 1.6;
	color: #737373;
}

.blog-section-action {
	display:inline-flex;
	@media (max-width:768px) {
		display:none;
	}
}

.blog-section-action a.button {
	border-radius:50px;
	@media (max-width:768px) {
		font-size:16px;
		padding: 1px 14px;
		gap: 19px;
		min-height: 46px;
	}
}

.blog-section-action a.button:hover {
}

.blog-section-epilog {
	display:none;
	@media (max-width:768px) {
		display:flex;
		width:100%;
		justify-content:center;
	}
}
.blog-section-epilog .blog-section-action {
	@media (max-width:768px) {
		display:inline-flex;
	}
}
.blog-section-item-list {
	padding:23px 0 0;
	width:100%;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	--gap-x:23px;
	--gap-y:var(--gap-x);	
	gap:var(--gap-y) var(--gap-y);
}
.blog-section-item {
	flex: 0 0 auto;
	display:inline-flex;
	flex-direction:column;
	align-items:stretch;
	width:calc((100% - 2 * var(--gap-x)) / 3);
	gap:0;
	padding:0 0 27px;
	@media(max-width:768px) {
		width:calc((100% - var(--gap-x)) / 2);
	}
	@media (max-width:576px) {
		width: 100% !important;
	}
	
}
.blog-section-item .image {
	width:100%;
	display:flex;
	text-decoration:none;
}
.blog-section-item .image picture {
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:grey;
	text-decoration:none;
	width: 100%;
	height: 384px;
	aspect-ratio:1.05;
}
.blog-section-item .image picture source {
	display:none;
}
.blog-section-item .image picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.blog-section-item .info {
	width:100%;
	padding:20px 0 0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
.blog-section-item .info h3 {
	margin:0;
	padding:0;
	display:flex;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.53;
	color: #101010;
}
.blog-section-item .info h3 a {
	text-decoration:none;
	color:inherit;
}
.blog-section-item .info h3 a:hover {
	text-decoration:underline;
}
.blog-section-item .info .preview {
	padding:9px 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: #626262;
}
.blog-section-item .info .stat {
	padding:13px 0 0;
	display:flex;
	align-items:center;
	gap:9px;
}

.blog-section-item .info .stat-item {
	display:inline-flex;
	font-size: 14px;
	line-height: 1;
	color: #737373;
}
.blog-section-item .info .stat-delimeter {
	flex:0 0 auto;
	display:inline-flex;
	width:2px;
	height:2px;
	background-color:#8B8B8B;
	border-radius:1px;
}

.blog-section-item .info .tags {
	padding:13px 0 0;
	display:flex;
	align-items:stretch;
	gap:8px;
}

.blog-section-item .info .tag-item {
	display:inline-flex;
	align-items:center;
	padding: 5px 10px;
	min-height: 24px;
	background-color: #D7D7D7;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	color: #000000;
	text-decoration:none;
}
.blog-section-item .info .tag-item:hover {
	background-color: #bdbdbd;
}


.blog-collection-list {
	width:100%;
	display:flex;
	align-items:stretch;
	gap:24px;
	overflow:auto;
	padding-bottom:16px;
}
.blog-collection-list.swiper-container {
	gap:0;
	overflow:hidden;
	flex-direction:column;
}
.blog-collection-item {
	flex: 0 0 auto;
	display:inline-flex !important;
	flex-direction:column;
	align-items:stretch;
	gap:0;
	padding:0 0 27px;
	@media (max-width:1181px) {
		width: 300px !important;
	}
	@media (max-width:576px) {
		width: 173px !important;
	}
}
.blog-collection-item:not(.swiper-slide) {
	width: 447px !important;
}
.blog-collection-item .image {
	width:100%;
	display:flex;
	text-decoration:none;
}
.blog-collection-item .image picture {
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:grey;
	text-decoration:none;
	width: 100%;
	height: auto;
	aspect-ratio:0.92;
}
.blog-collection-item .image picture source {
	display:none;
}
.blog-collection-item .image picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.blog-collection-item .info {
	width:100%;
	padding:0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
.blog-collection-item .info h3 {
	min-height:44px;
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	font-weight: 500;
	font-size: 36px;
	line-height: 1;
	color: #000;
	justify-content:safe center;
	text-align:center;
	text-transform:uppercase;
	@media (max-width:768px) {
		font-size: 20px;
	}	
	@media (max-width:567px) {
		text-transform:none;
		font-size: 18px;
	}	
}
.blog-collection-item .info h3 a {
	text-decoration:none;
	color:inherit;
}
.blog-collection-item .info h3 a:hover {
	text-decoration:underline;
}
.blog-collection-list .swiper-pagination {
	position:static;
	margin-top:16px;
	display:flex;
	justify-content:center;
	--swiper-pagination-bullet-horizontal-gap: 0;
}
.blog-collection-list .swiper-pagination-bullet {
	flex:0 0 auto;
	width:40px;
	height:2px;
	background-color:#d9d9d9;
	border-radius:0;
	cursor:pointer;
}
.blog-collection-list .swiper-pagination-bullet-active {
	background-color:#000;
}

/* End */
/* /local/templates/molnija-shop-v2026/components/bitrix/news/blog/style.css?17920717193303 */
/* /local/templates/molnija-shop-v2026/components/bitrix/breadcrumb/blog/style.css?1791456670475 */
/* /local/templates/molnija-shop-v2026/components/bitrix/news/blog/bitrix/catalog.section.list/.default/style.css?17924750545671 */