:root {
	--border-dark-gray: #2B2B2B;
	/* fonts color*/
	--font-black: #1F1F1F;
	--font-blue: #4daceb;
	--font-gray: #757575;
	--font-gray2: #514F4F;
	--font-error: #DB5234;
	--light-blue: #94D4FF;

	/* tab */
	--tabs-container-gap: 16px;
	--tabs-border-radius: 8px;
	--tabs-hoover-bg: #6EC1F90F;
	--blur-box: #2B2B2BCC;

	/* grid */
	--splitted_container-filters: 32px;
	--grid_wrapper-gap: 24px;
	--fr4: repeat(4, 1fr);
	--fr3: repeat(3, 1fr);

	/* box-shadow */
	--box-shadow: 0px 1px 3px 1px #00000026,
	0px 1px 2px 0px #0000004D;

	/* icons */
	--icons-primary-blue: #4daceb;
	--primary-hover: #3A9BD9;
	--border-input: #DFDFDF;
	--border-for-border: #4daceb;
	--surface-hover: #F5F5F5;
	--text-black: #1F1F1F;
	--icon-card-red: #F15F30;

	/* background */
	--background-block: #F9F9F9;
	--bg_block: #F4F4F4;
	--bg-peach: #FFF4F4;
	--bg-orange: #E5833C;
}

*{
	padding: 0;
	margin: 0;
}

.blue { color: var(--font-blue)!important; }

.wrapper_container{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.container-ng {
	display: flex;
	margin: 80px auto 0;
	width: 100%;
	justify-content: center;
	max-width: 1680px;
	padding: 0 18px;
}

@media (max-width: 800px) {
	.container-ng {
		margin: 60px auto 0;
	}
}

@media (max-width: 480px) {
	.container-ng {
		margin: 40px auto 0;
	}
}


.container-ng.filter_link_container{
	margin-top:32px;
	@media(max-width: 800px){
		margin-top: 45px;
	}
	@media(max-width: 480px){
		margin-top: 35px;
	}
}

.ng-zero{
	margin-top:0!important;
	@media(max-width: 480px){
		margin-top: 0!important;
	}
}

.ng-zero .h2-title{
	font-weight: 500!important;
	margin: 0;
	@media(max-width: 800px){
		margin-top: 16px;
		font-size:26px;
	}
	@media(max-width: 480px){
		margin-top: 32px;
		text-align: center;
		font-size: 20px;
	}
}

.page_title{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 32px;

	@media(max-width: 800px){
		/* margin-bottom: 32px; */
	}
	@media(max-width: 480px){
		margin-bottom: 24px
	}
}
.page_title .subtext{
	font-family: Roboto;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
}

h1.header_page_title{
	margin: 0;
}
.header_page_title{
	font-family: Roboto;
	font-weight: 500!important;
	font-style: Medium;
	font-size: 26px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;

	@media(max-width: 480px){
		font-size: 20px;
		text-align: center;
	}
}

h1.header_page_title{
	margin: 0;
}
.header_page_title{
	font-family: Roboto;
	font-weight: 500!important;
	font-style: Medium;
	font-size: 26px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;

	@media(max-width: 480px){
		font-size: 20px;
		text-align: center;
	}
}


.split-2 .splited_block{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 36px;
	@media(max-width: 800px){
		gap:16px;
		display: flex;
		flex-direction: column;
	}
}

.split-2 .splited_block.tablet_revers{
	@media(max-width: 800px){
		flex-direction: column-reverse;
	}
}


.text_wrapper__block{
	display: flex;
	flex-direction: column;
}

/* gridarea_list */

.gridarea_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	grid-auto-flow: dense;

	@media (max-width: 800px) {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(auto-fill);
	}

	@media (max-width: 480px) {
		gap: 12px;
	}
}

.gridarea_list .full_size_img{
	border-radius: 4px;
}
/* Большие элементы (2x2) */
.gridarea_list .full_size_img.big {
	grid-column: span 2;
	grid-row: span 2;
	display: block;
}

/* Маленькие элементы (1x1) */
.gridarea_list .full_size_img.small {
	grid-column: span 1;
	grid-row: span 1;
}

/* Автоматическое расположение для паттерна 1-6 */
.gridarea_list .full_size_img:nth-child(6n+1),
.gridarea_list .full_size_img:nth-child(6n+4) {
	grid-column: span 2;
	grid-row: span 2;
}

.gridarea_list .full_size_img:nth-child(6n+2) {
	grid-column: 3;
}

.gridarea_list .full_size_img:nth-child(6n+3) {
	grid-column: 4;
}

@media (max-width: 800px) {
	/* Каждый 1-й и 4-й элемент в группе из 6 - большой */
	.gridarea_list .full_size_img.big,
	.gridarea_list .full_size_img:nth-child(6n+1),
	.gridarea_list .full_size_img:nth-child(6n+4) {
		grid-column: 1 / span 2;
		grid-row: span 2;
		min-height: 200px; /* 2x высота обычного элемента */
	}
	.gridarea_list .full_size_img:not(.big):not(:nth-child(6n+1)):not(:nth-child(6n+4)) {
		grid-column: span 1;
		grid-row: span 1;
		min-height: 100px;
	}
}


.block_title{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom:60px;
	@media(max-width: 800px){
		margin-bottom:48px;
	}
	@media(max-width: 480px){
		margin-bottom:32px;
	}
}

.text-center{
	text-align: center;
}


.add_card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	@media(max-width:800px) {
		text-align: center;
	}
	@media(max-width:480px) {
		gap: 8px;
	}
}

.text_wrapper,
.add_card{
	display: flex;
	flex-direction: column;
	font-family: Inter;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 160%;
	letter-spacing: 0%;
	vertical-align: bottom;
	@media(max-width: 480px){
		font-size: 14px;
		line-height: 140%;
	}
}

.h3-card{
	font-family: Roboto;
	font-weight: 500;
	font-style: Medium;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
	@media(max-width: 480px){
		font-size: 16px;
	}
}


.gray2 { color: var(--font-gray2)!important; }

@media (max-width: 800px) {
	margin-top:18px;
}

.mob { display: none; }


.brand_offer .h2-title-header{
	font-weight: 500!important;
}

.brand_offer {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-bottom: 50px;
}

@media (max-width: 800px) {
	.brand_offer {
		margin-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.mob,
	.tablet.mob {
		display: flex !important;
	}
	.brand_offer {
		gap: 24px;
		margin-bottom: 2px;
	}
}


.limiter {
	padding: 0!important;
}

#right {
	padding-left: 0 !important;
}

.splitted_container.filters {
	display: flex;
	gap: var(--splitted_container-filters);
}

@media (max-width: 1440px) {
	:root {
		--splitted_container-filters: 24px;
		--fr4: repeat(3, 1fr);
	}
}

@media (max-width: 800px) {
	:root {
		--tabs-container-gap: 14px;
		--splitted_container-filters: 24px;
		--fr4: repeat(2, 1fr);
		--fr3: repeat(2, 1fr);
	}

	.splitted_container.filters {
		flex-direction: column;
	}
}


.grid_wrapper.fr4 {
	display: grid;
	gap: var(--grid_wrapper-gap);
	grid-template-columns: var(--fr4);
	height: fit-content;
}

.grid_wrapper.fr3 {
	display: grid;
	gap: var(--grid_wrapper-gap);
	grid-template-columns: var(--fr3);
	height: fit-content;
}
.showroom_brand__offer .grid_wrapper.fr4{
	margin-top: -16px;
}

@media (max-width: 800px) {
	.splitted_container .grid_wrapper.fr3,
	.splitted_container .grid_wrapper.fr4{
		margin-top: -16px;
	}
}

@media (max-width: 480px) {
	:root {
		--grid_wrapper-gap: 12px;
		--tabs-container-gap: 16px;
	}
	.splitted_container .grid_wrapper.fr4 {
		margin-top: 0px;
	}
	.grid_wrapper.fr4.fr1{
		grid-template-columns: 1fr;
	}
	.grid_wrapper.fr3.fr1{
		grid-template-columns: 1fr;
	}
}

.grid_wrapper.fr3.fr1 .catalog__el{
	cursor: pointer;
}

.inline_filter .grid_wrapper.fr3 {
	display: grid;
	gap: var(--grid_wrapper-gap);
	grid-template-columns: var(--fr3);
	height: fit-content;
	margin-top:-16px;
}

.paymants_adwanteges .grid_wrapper.fr4{
	@media(max-width: 1430px){
		grid-template-columns: repeat(2, 1fr);
	}
	@media(max-width: 480px){
		grid-template-columns: 1fr;
	}
}

.text_wrapper.space{
	gap:12px;
	grid-column: span 2;
	@media(max-width: 800px){
		white-space: wrap;
	}
}
.text_wrapper.space .h2-title{
	@media(max-width: 480px){
		text-align: start;
		margin-top:0;
	}
}
.text_wrapper.space #clearFilters-2{
	font-size: 18px;
	cursor:pointer;
	@media(max-width: 480px){
		font-size: 16px;
	}
}

.not_found_title {
	font-family: Roboto !important;
	font-size: 20px;
	line-height: 100%;
	font-weight: 500 !important;
	margin: 0;
	color: var(--font-black);
}

/* Пагинация */
.pagintation-wrapper {
	display: flex;
	max-width: 360px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: 16px auto 0;
}

.pagination-counter {
	display: flex;
	gap: 26px;
}

.pagination-counter .page {
	cursor: pointer;
}

.pagination-counter .page:hover,
.pagination-counter .page.active {
	color: var(--icons-primary-blue);
}


.pagintation-wrapper .arrow {
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid var(--border-input);
}

.pagintation-wrapper .arrow:hover,
.pagintation-wrapper .arrow:hover path {
	border: 1px solid var(--icons-primary-blue);
	stroke: var(--icons-primary-blue);
}

.pagintation-wrapper .arrow.right,
.pagintation-wrapper .arrow.double-right {
    transform: rotate(180deg);
}

.request_count {
	margin: 20px auto;
	max-width: 1680px;
	padding: 0 18px;
}

.container-ng > .brand_offer {
    width: 100%;
}

.brand_offer,
.splitted_container.filters,
.grid_wrapper.fr4 {
    width: 100%;
}