/* Стили для основного grid-контейнера */
.grid-container {
	display: grid;
	gap: 40px; /* Отступы между элементами */
	grid-template-areas:
        "sidebar"
		"product"
        "description"; /* Для мобильных по умолчанию */
	transition: grid-template-columns 0.3s ease;
	will-change: grid-template-columns;
	margin-top: 20px;
}

/* Стили для контента внутри контейнера */
.filter-sidebar {
	grid-area: sidebar;
}

.product-list {
	grid-area: product;
	/*display: flex;
	flex-wrap: wrap;
	gap: 20px;*/
}

.section-description {
	grid-area: description;
}

.filter-group {
	padding: 20px;
}
.filter-list {
	list-style: none;
	padding: 0;
}
.product-card {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	width: calc(33.333% - 20px);
	box-sizing: border-box;
}

/* Добавим стили для наглядности */
aside, main, section {
	display: block;
}


/* Адаптивные стили (начиная с планшетов) */
@media (min-width: 768px) {
	.grid-container {
		grid-template-areas:
        "sidebar product"
        "description description";
		grid-template-columns: 290px 1fr;
	}
}