#news {
	background: var(--Primary-100);
}
.news-top {
	align-items: center;
	gap: 24px;
	margin-bottom: 40px;
}
.news-top .text-1 {
	color: var(--Neutral-500);
	position: relative;
	top: 4px;
}
.news-top .text-1:hover {
	color: var(--Neutral-1000);
}
.news-top-nav {
	margin-left: auto;
}
.news .swiper-slide {
	height: auto;
}
.news-item {
	height: 100%;
	background: var(--Neutral-0);
}
.news-item-img {
	display: block;
	height: 168px;
}
.news-item-info {
	padding: 16px;
}
.news-item-info .name {
	display: block;
	margin: 9px 0;
}
.news-item:hover .news-item-info .name {
	color: var(--Primary-1000);
}
.news-item-info .text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* news-recc */

#news-recc {
	padding: 35px 0 70px 0;
}
.news-recc {
	overflow: visible;
}
.news-recc .swiper-slide {
	opacity: 0;
	transition: .4s;
}
.news-recc .swiper-slide-active,
.news-recc .swiper-slide-active ~ .swiper-slide {
	opacity: 1;
}
.news-recc-top {
	margin-bottom: 32px;
	justify-content: space-between;
}
.news-recc .swiper-slide {
	height: auto;
}
.news-recc .news-item-img {
	height: 250px;
}
.news-recc .news-item-info {
	background: var(--Neutral-0);
	box-shadow: 0px 4px 45.2px 0px rgba(62, 59, 52, 0.05);
}
.news-recc .news-item {
	height: 100%;
}
.news-recc .news-item-info {
	padding: 20px 24px;
	height: calc(100% - 250px);
}
.news-recc .date {
	color: var(--Neutral-500);
}
.news-recc .name {
	padding-left: 18px;
	border-left: 2px solid var(--Primary-1000);
	margin: 12px 0;
}
.news-recc .text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

/* blog */

#blog {
	padding-bottom: 70px;
}
#blog .h1 {
	margin-bottom: 32px;
}

.blog-cat {
	margin-bottom: 24px;
}
.blog-cat-nav {
	margin-bottom: 52px;
	justify-content: flex-end;
}
.blog-cat-item {
	position: relative;
}
.blog-cat-item-img {
	width: 100%;
	height: 360px;
	object-fit: cover;
	margin-bottom: 16px;
}
.blog-cat-item-count {
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(50px);
	position: absolute;
	font-weight: 400;
	top: 20px;
	left: 20px;
	padding: 12px 28px;
	font-size: 24px;
}
.blog-cat-item-name {
	font-size: 28px;
	font-weight: 400;
}
.blog-cat-item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog-cat-item:hover .blog-cat-item-name {
	color: #B8AC94;
}

.blog-news {
	gap: 24px;
}
.blog-news .news-item {
	height: auto;
	width: calc(100%/3 - 48px/3);
	box-shadow: 0 4px 45.2px 0 rgba(62, 59, 52, 0.05);
}
.blog-news .news-item .news-item-img {
	height: 250px;
}
.blog-news .news-item .news-item-info {
	padding: 20px 24px;
}
.blog-news .news-item:hover {
	box-shadow: 0 4px 45.2px 0 rgba(62, 59, 52, 0.05);
}
.blog-news .news-item .news-item-info .date {
	font-size: 16px;
	color: #9B9B9B;
}
.blog-news .news-item .news-item-info .name {
	margin: 12px 0;
	font-size: 24px;
}
.blog-news .news-item .news-item-info .text {
	font-size: 16px;
	font-weight: 400;
}
#blog .default-pagination {
	margin-top: 40px;
}
#blog .product-tags {
	margin-top: 40px;
}

/* blog-in */

#blog-in {
	padding-bottom: 70px;
}
.blog-in {
	justify-content: space-between;
	align-items: flex-start;
}
.blog-in-sidebar {
	width: 340px;
	box-shadow: 0 4px 45.2px 0 rgba(62, 59, 52, 0.05);
	padding: 6px;
	transition: none;
}
.blog-in-sidebar-item {
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: 400;
	padding: 0 12px;
	height: 37px;
	line-height: 38px;
}
.blog-in-sidebar-item:hover {
	background: #F0F0F0;
}
span.blog-in-sidebar-item {
	background: #F9F6F1;
	font-weight: 600;
}
.blog-in-main {
	width: calc(100% - 340px - 24px);
}
.blog-in-main-top {
	width: 100%;
	justify-content: space-between;
	margin-bottom: 12px;
}
.blog-in-main-top .h2 {
	width: calc(100% - 100px);
	text-align: center;
}
.blog-in-main-date {
	width: 100%;
	text-align: center;
	color: #9B9B9B;
	font-weight: 400;
}
.blog-in-main .product-tags {
	margin: 16px 0 24px 0;
}
.blog-in-main .product-tags a {
	padding: 10px 20px;
	font-size: 16px;
}
.blog-in-main-text p, .blog-in-main-text a {
	font-size: 16px;

}
.blog-in-main-text p:not(:last-child) {
	margin-bottom: 16px;
}
.blog-in-main-text b {
    font-weight: 400;
}
.blog-in-main-gallery {
	margin-top: 24px;
	overflow: visible;
}
.blog-in-main-gallery .swiper-slide {
	width: 372px;
	height: 210px;
	opacity: 0;
	transition: .4s;
}
.blog-in-main-gallery .swiper-slide-active,
.blog-in-main-gallery .swiper-slide-active ~ .swiper-slide {
	opacity: 1;
}
.blog-in-main-gallery .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-in-main-gallery-nav {
	margin-top: 24px;
	justify-content: flex-end;
}

@media (max-width: 1919px) {
	#news-recc {
		padding: 26px 0 52px 0;
	}
}
@media (max-width: 1480px) {
	#blog,
	#blog-in {
		padding-bottom: 52px;
	}
	.blog-cat-nav {
		margin-bottom: 48px;
	}
	.blog-news .news-item {
		width: calc(50% - 12px);
		height: auto;
	}
	.blog-news .news-item .news-item-info .text {
		-webkit-line-clamp: 5;
	}
	.blog-news .news-item:hover .news-item-info {
		box-shadow: none;
	}
	.blog-news {
		align-items: inherit;
	}
}
@media (max-width: 1439px) {
	#blog,
	#blog-in {
		padding-bottom: 48px;
	}
	#news-recc {
		padding: 24px 0 48px 0;
	}
	.news.swiper {
		width: calc(100% + 24px);
		padding-right: 24px;
	}
	.news-top {
		margin-bottom: 28px;
	}
	.news .swiper-slide {
		width: 440px;
	}
	.blog-cat {
		overflow: visible;
	}
	.blog-cat-item {
		width: 434px;
	}
	.blog-in-sidebar {
		width: 240px;
	}
	.blog-in-main {
		width: calc(100% - 240px - 20px);
	}
	.blog-in-main-gallery .swiper-slide {
		width: 320px;
		height: 180px;
	}
}
@media (max-width: 1023px) {
	#news-recc {
		padding: 20px 0 40px 0;
	}
	.news-top {
		margin-bottom: 21px;
	}
	.news-recc .swiper-slide {
		width: 407px;
	}
	#blog .h1 {
		margin-bottom: 24px;
	}
	.blog-cat-item {
		width: 330px;
	}
	.blog-cat-item-img {
		height: 272px;
	}
	.blog-cat-item-name {
		font-size: 24px;
	}
	.blog-cat-item-count {
		top: 16px;
		left: 16px;
		padding: 12px 28px;
		font-size: 20px;
	}
	.blog-cat-nav {
		margin-bottom: 44px;
	}
	.blog-news {
		gap: 16px;
	}
	.blog-news .news-item {
		width: calc(50% - 8px);
	}
	.blog-news .news-item .news-item-info .name {
		font-size: 20px;
	}
	#blog,
	#blog-in {
		padding-bottom: 44px;
	}

	.blog-in-sidebar {
		display: none;
	}
	.blog-in-main {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .blog-in-main-text p, .blog-in-main-text a {
        font-size: 4.10vw;
    }

    
	#news-recc {
		padding: 5vw 0 10vw 0;
	}
	.news-top {
		gap: 4.10vw;
		margin-bottom: 4.10vw;
	}
	.news-top .text-1 {
		top: 0.25vw;
	}
	.news .swiper-slide {
		width: 67.43vw;
		margin-right: 3.07vw;
	}
	.news-item-img {
		height: 43.07vw;
	}
	.news-item-info {
		padding: 4.10vw;
	}
	.news-item-info .name {
		margin: 2.3vw 0;
	}
	.news.swiper {
		width: calc(100% + 5.12vw);
		padding-right: 2.5vw;
	}
	.news-recc-top {
		margin-bottom: 5.55vw;
	}
	.news-recc .swiper-slide {
		width: 77.77vw;
	}
	.news-recc .news-item-img {
		height: 69vw;
	}
	.news-recc .news-item-info {
		height: calc(100% - 69vw);
		padding: 4.44vw 5.2vw;
	}
	.news-recc .date {
		font-size: 3.88vw;
	}
	.news-recc .name {
		border-left: 0.55vw solid var(--Primary-1000);
		padding-left: 3.88vw;
		font-size: 3.88vw;
	}
	.news-recc .text {
		-webkit-line-clamp: 4;
		font-size: 3.88vw;
	}

	#blog .h1 {
		margin-bottom: 5.56vw;
	}
	.blog-cat {
		margin-bottom: 3.33vw;
	}
	.blog-cat-item {
		width: 76.11vw;
	}
	.blog-cat-item-img {
		height: 62.78vw;
		margin-bottom: 4.44vw;
	}
	.blog-cat-item-name {
		font-size: 5.56vw;
	}
	.blog-cat-item-count {
		top: 4.44vw;
		left: 4.44vw;
		padding: 2.78vw 5.56vw;
		font-size: 4.44vw;
		border-radius: 27.78vw;
	}
	.blog-cat-nav {
		margin-bottom: 12.22vw;
	}
	.blog-news {
		gap: 4.44vw;
	}
	.blog-news .news-item {
		width: calc(50% - 2.22vw);
	}
	.blog-news .news-item .news-item-info .name {
		font-size: 5.56vw;
	}
	#blog,
	#blog-in {
		padding-bottom: 12.22vw;
	}
	.blog-cat-nav {
		margin-bottom: 7.78vw;
		justify-content: space-between;
	}
	.blog-news .news-item {
		width: 100%;
	}
	.blog-news .news-item .news-item-img {
		height: 45.83vw;
	}
	.blog-news .news-item .news-item-info {
		padding: 4.44vw;
	}
	.blog-news .news-item .news-item-info .date {
		font-size: 3.89vw;
	}
	.blog-news .news-item .news-item-info .name {
		font-size: 5vw;
		margin: 2.22vw 0;
	}
	.blog-news .news-item .news-item-info .text {
		font-size: 4.44vw;
	}
	#blog .default-pagination {
		margin-top: 7.78vw;
	}
	#blog .product-tags {
		margin-top: 7.78vw;
	}


	.blog-in-main-top {
		margin-bottom: 3.33vw;
	}
	.default-arrows .prev, .default-arrows .next {
		display: none;
	}
	.blog-in-main-top .h2 {
		width: 100%;
		text-align: left;
	}
	.blog-in-main-date {
		text-align: left;
	}
	.blog-in-main .product-tags {
		margin: 4.44vw 0;
	}
	.blog-in-main .product-tags a {
		padding: 2.22vw 5.56vw;
		font-size: 4.44vw;
	}
	.blog-in-main-text p:not(:last-child) {
		margin-bottom: 3.33vw;
	}
	.blog-in-main-gallery {
		margin-top: 4.44vw;
	}
	.blog-in-main-gallery .swiper-slide {
		width: 78.89vw;
		height: 44.44vw;
	}
	.blog-in-main-gallery-nav {
		margin-top: 5.56vw;
	}
	.blog-in-main-gallery-nav .prev,
	.blog-in-main-gallery-nav .next {
		display: flex;
	}
}