.catalog-section {
	display: grid;
    grid-template-rows: 0fr 1fr;
	grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
	column-gap: 16px;
}

.catalog-section--main {
	display: flex;
}

.catalog-section .menu-section {
	margin-right: 0;
	/* width: 300px; */
	max-width: 500px;
	flex: 0 0 280px;

	grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
}

.catalog-section .catalog-section-sortfilter {
	grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 3;
}

.catalog-section .catalog-section-child {
	grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
}

.catalog-section .catalog-section-child {
	/* width: calc(100% - 320px); */
	width: 100%;
}

.catalog-section-list-tile-list {
	width: 100%;
}

.catalog-items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.catalog-items-descriptions a {
	color: #F63F95;
	font-size: inherit;
}

.catalog-section__subsection {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 50px;
}
.subsection__item {
	padding: 18px 32px;
	border: 1px solid #FFD7E1;
	border-radius: 10px;
}
.subsection__item.active {
	color: #F63F95;
	background-color: #FFD7E1;
}

.catalog-section-sortfilter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 10px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.catalog-section-sortfilter__filter {
	position: relative;
}

.catalog-section-sortfilter__filter .filter-control {
	cursor: pointer;
	background-color: #FFD7E1;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 60px;
	border: none;
	border-radius: 10px;
	padding: 5px;
	transition: border 0.3s;
}
.catalog-section-sortfilter__filter .filter-control:hover {
	border-color: #e24d72;
}

.catalog-section-sortfilter__filter .filter-control span {
	font-size: 16px;
}

.sidebar-filter-wrapper {
	position: absolute;
	right: 0;
	top: 45px;
	z-index: 20;
	max-width: 400px;
	width: 90vw;
	display: none;
}

.sidebar-filter-wrapper--parfum {
	top: -20px;
}

.sidebar-filter-wrapper.active {
	display: block;
}

.catalog-section-show-menu {
    appearance: none;
    background: transparent;
    padding: 0px;
    order: -1;
    height: 50px;
	width: 50px;
	display: none;
	justify-content: center;
	align-items: center;
	padding: 5px;
	transition: background 0.3s;
	background: #FFD7E1;
	border-radius: 10px;
	border: none;
}
.catalog-section-show-menu svg.catalog-section-show-menu-close-icon {
	display: none;
}

.catalog-section-sortfilter-block {
	display: flex;
}

/* ==== catalog-selection-items === */
.catalog-selection-items {
	position: relative;
	margin-left: auto;
    margin-right: 10px;
}
.catalog-selection-items__btn {
	appearance: none;
	border: none;
	background: #FFD7E1;
	border-radius: 10px;
	cursor: pointer;
	padding: 8px 15px;
	height: 60px;
	font-size: 16px;
    transition: border 0.3s;
}
.catalog-selection-items__btn:hover {
	color: white;
}
.catalog-selection-items__list {
	display: none;
	position: absolute;
	z-index: 16;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 4px 10px 0px rgba(104, 104, 104, 0.25);
	width: 100%;
	max-width: 350px;
	min-width: 300px;
	right: 0;
	max-height: 300px;
    overflow-y: auto;
}
.catalog-selection-items__list .scroll-content {
	display: flex;
	flex-direction: column;
}
.catalog-selection-items__list-scroll {
	width: 100%;
	padding: 20px;
}
.catalog-selection-items__list .scrollbar-thumb {
	background: #F63F95;
}
.catalog-selection-items__list .scrollbar-track {
	background: none;
}
.catalog-selection-items__list.is-show {
	display: flex;
}
.catalog-selection-items__list a {
	margin-bottom: 10px;
	font-size: 18px;
}
.catalog-selection-items__list a:last-child {
	margin-bottom: 0;
}
.catalog-selection-items__list a.active {
	color: #6ecb00;
	text-decoration: underline;
}
/* ================================ */

@media (max-width: 1200px) {
	.catalog-section {
		grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
	}

	.catalog-section .menu-section {
		flex-basis: 250px;
	}

	.catalog-items {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}
}
@media (max-width: 1024px) {
	.catalog-items {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}
@media (max-width: 991px) {
	.catalog-section {
		display: flex;
		flex-direction: column;
	}

	.catalog-section .menu-section {
		margin-right: 0;
		width: auto;
		flex: 0 0 auto;
		margin-bottom: 20px;
		display: none;
		order: 2;
	}

	.catalog-section-sortfilter {
		order: 1;
	}

	.catalog-section .catalog-section-child {
		order: 3;
	}

	.catalog-section .menu-section.is-show {
		display: block;
	}

	.catalog-section-sortfilter__filter--parfum {
		margin-top: 10px;
		width: 100%;
	}
	
	.catalog-section-sortfilter .sort {
		margin-right: auto;
		margin-left: 5px;
	}
	.catalog-section-show-menu {
		display: flex;
	}
	.catalog-section-show-menu svg {
		display: block;
		stroke-width: 2;
	}
	.catalog-section-show-menu.is-active {
		color: white;
        background-color: #F63F95;
	}
	.catalog-section-show-menu.is-active svg:first-child {
		display: none;
	}
	.catalog-section-show-menu.is-active svg.catalog-section-show-menu-close-icon {
		display: block;
	}

	.catalog-section-sortfilter__filter--parfum {
		margin-top: 0;
		width: auto;
	}

	.subsection__item {
		padding: 14px 20px;
	}

	.catalog-section-sortfilter-block {
		margin-right: auto;
	}
	.catalog-selection-items {
		margin-left: 0;
	}
}

@media (max-width: 768px) {

}

@media (max-width: 575px) {
	.catalog-section-sortfilter {
		flex-direction: column;
		align-items: normal;
	}
	.catalog-section-sortfilter-block {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.catalog-selection-items {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.catalog-selection-items__list {
		left: 0;
		right: auto;
	}

	.catalog-section-sortfilter__filter--parfum {
		margin-top: 10px;
		width: 100%;
	}

	.subsection__item {
		padding: 11px 20px;
	}

	.catalog-section-sortfilter__filter {
		width: 100%;
		margin-top: 10px;
	}
	.catalog-section-sortfilter__filter .filter-control {
		display: inline-block;
	}
	.sidebar-filter-wrapper {
		left: 0;
		right: auto;
	}
}

@media (max-width: 400px) {
	.catalog-items {
		grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
	}
}