.popular {
	margin-bottom: 32px;
}

.popular__inner {
	overflow: auto;
}
.popular__inner::-webkit-scrollbar {
	height: 0px;
}
/* Базовые стили для scrollbar Swiper */
.swiper-scrollbar-popular {
	position: relative;
	height: 3px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-top: 20px;
	width: 100%;
}

.swiper-scrollbar-drag {
	background: #333;
	border-radius: 10px;
	cursor: pointer;
}

.swiper-scrollbar-drag:hover {
	background: #555;
}
.popular__inner .popular-card {
	/* width: 270px;
	height: 200px; */
	border-radius: 10px;
	border: 2px solid #e1e0e1;
	position: relative;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.popular__inner .popular-card:hover {
	/* background-color: #f5c142; */
	border: 2px solid #f5c142;
}

.popular__inner .popular-card__img {
	display: flex;
	margin-top: auto;
	margin-bottom: 0;
}

.popular__inner .popular-card__img img {
	margin-left: auto;
	margin-right: 0;
	max-width: 150px;
	width: 100%;
}

/* @media (max-width: 1025px) {
	.popular__inner .popular-card {
		width: 220px;
	}
}

@media (max-width: 820px) {
	.popular__inner .popular-card {
		width: 190px;
	}
} */

.popular__list-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 16px;
	margin-bottom: 32px;
}

.popular-item {
	width: 100%;
}

@media (max-width: 1825px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(271px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 1521px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 1268px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 1054px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 899px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(127px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 749px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 626px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
		gap: 16px;
	}
}

@media (max-width: 426px) {
	.popular__list-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
		gap: 16px;
	}
}