.product-slider {

	.product-slider__header {

		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 20px 0;

		.product-slider__title {
			margin: 0;
		}

		.product-slider__controls {

			display: flex;
			align-items: center;
			gap: 30px;

			@media (max-width: 990px) {
				gap: 0;
			}

			.product-slider__view-all {
				color: var(--color-primary);
				text-decoration: underline;
			}

			.product-slider__navigation {

				display: flex;
				gap: 5px;

				.swiper-slider__arrow {
					@media (max-width: 990px) {
						display: none;
					}
				}

			}

		}

	}

	.product-slider__swiper {

		opacity: 0;
		visibility: hidden;

		&.swiper-initialized {
			opacity: 1;
			visibility: visible;
		}

	}

	.product-slider__swiper,
	.product-slider__grid {

		overflow: hidden;

		.swiper-wrapper {
			align-items: stretch;
			@media (max-width: 990px) {
				padding-bottom: 40px;
			}
		}

		.product-slider__items {
			display: grid;
			grid-template-columns: repeat(var(--products-desktop), minmax(0, 1fr));

			@media (max-width: 989px) {
				grid-template-columns: repeat(var(--products-tablet), minmax(0, 1fr));
			}

			@media (max-width: 767px) {
				grid-template-columns: repeat(var(--products-mobile), minmax(0, 1fr));
			}
		}

		.product-slider__item {
			height: auto;
			min-width: 0;
			.product-card {
				height: 100%;
			}
		}

	}

	.product-slider__grid {
		.product-slider__items {
			gap: 10px;
		}
	}

	.product-slider__pagination {

		display: none;

		@media (max-width: 990px) {

			display: flex;
			justify-content: center;
			margin: 40px 0 0 0;

			.swiper-pagination-bullet {
				width: 20px;
				height: 3px;
				margin: 0 3px !important;
				border-radius: 0;
				background: var(--color-primary);
				opacity: .3;
			}

			.swiper-pagination-bullet-active {
				opacity: 1;
			}

		}

	}

}