:root {
	--base-font-size: 16px;
	--font-size-sm: calc(var(--base-font-size) - 1px);
	--gray-900: #181d25;
	--gray-600: #4e5562;
}
.s-catalog {
	padding: 0 16px;
}
.catalog-section {
	display: grid;
}

.catalog-section:has(.catalog-aside) {
	grid-template-columns: 282px 1fr;
	grid-gap: 48px;
}

.catalog-aside-filter__top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.catalog-aside-filter__title {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	color: var(--gray-900);
	margin-bottom: 16px;
}

.catalog-aside-filter__top .catalog-aside-filter__title {
	margin-bottom: 0;
}

.catalog-aside-filter__clear {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-align: right;
	color: var(--gray-700);
}

.aside-item {
	margin-bottom: clamp(20px, 3vw, 40px);
}

@media (hover: hover) {
	.bx-filter-clear:hover {
		text-decoration: underline;
	}
}

.catalog-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.catalog-top > * {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.catalog-qty {
	font-weight: 400;
	font-size: var(--font-size-sm);
	color: var(--gray-900);
}

.catalog-qty b {
	font-weight: 600;
}

.sorting {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--font-size-sm);
}

.sorting-label {
	font-weight: 600;
	color: var(--gray-900);
}

.sorting select {
	color: var(--gray-600);
}

.catalog-view-mode {
	display: flex;
	align-items: center;
	gap: 10px;
}

.catalog-view {
	display: inline-flex;
	cursor: pointer!important;
	color: var(--gray-900);
}

.catalog-view.active {
	color: var(--primary);
	pointer-events: none;
}

.sorting-box .form-select {
	cursor: pointer;
	border-color: transparent;
}

@media (max-width: 1199px) {
	.catalog-section:has(.catalog-aside) {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

@media (max-width: 450px) {
	.sorting-label {
		display: none;
	}
}