.swiper {
    width: 100%;
}

.category-home-container {
	--homepage-category-columns: 2;
	--homepage-category-gap: 10px;
	--homepage-category-peek: 18px;
}

@media (min-width: 600px) {
	.category-home-container {
		--homepage-category-columns: 3;
		--homepage-category-peek: 26px;
	}
}

@media (min-width: 1000px) {
	.category-home-container {
		--homepage-category-columns: 5;
		--homepage-category-peek: 32px;
	}
}

.swiper-nav {
    left: 0;
    position: absolute;
    right: 0;
}

.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
    background: none;
    border: none;
    color: inherit;
    height: auto;
    margin-top: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: auto;
    width: auto;
    z-index: 100;
}

.swiper-nav .swiper-button-prev::after,
.swiper-nav .swiper-button-next::after {
    content: none;
}

.swiper-nav .swiper-button-disabled {
    opacity: 0.35;
}

.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction {

	left: 0;
	width: 100%;
}

.swiper-pagination-bullet {
	width: 9px;
	height: 9px;
}

.swiper-pagination-bullet-active {
	background-color: #869791;
}

.swiper-pagination {
	position: unset;
}

	.custom-nav {
		left: -5px;
		margin-top: 0;
		top: 10%;
	}

		.custom-nav .swiper-button-prev i,
		.custom-nav .swiper-button-next i {
			--fa-primary-color: #ffffff;
		}

			.custom-nav .swiper-button-prev i:hover,
			.custom-nav .swiper-button-next i:hover,
			.category-nav .swiper-button-prev i:hover,
			.category-nav .swiper-button-next i:hover {
				color: #6d6f71;
				opacity: 1;
			}

		.custom-nav .swiper-button-prev {
			left: 20px;
		}

		.custom-nav .swiper-button-next {
			right: 20px;
		}

	.category-nav {
		top: 25%;
	}

		.category-nav .swiper-button-prev,
		.category-nav .swiper-button-next {
			height: 100px;
		}

			.category-nav .swiper-button-prev i,
			.category-nav .swiper-button-next i {
				color: #fff;
				font-size: 2.5rem;
			}

		.category-nav .swiper-button-prev {
			left: 3px;
		}

		.category-nav .swiper-button-next {
			right: 3px;
		}

	@media (min-width: 768px) {
		.custom-nav {
			left: 0;
			right: 0;
			top: 20%;
		}
	}

	.related-products .swiper-wrapper {
		align-items: stretch;
	}

	.related-products .swiper-slide {
		display: flex;
		height: auto;
	}

		.related-products .swiper-slide > .product-home-item {
			width: 100%;
		}

	.category-home-container .swiper-slide {
		width: calc((100% - ((var(--homepage-category-columns) - 1) * var(--homepage-category-gap))) / var(--homepage-category-columns));
		height: auto;
	}

		.category-home-container .swiper-slide > .category-home-item {
			margin-right: 0;
			max-width: none;
			width: 100%;
		}

	.category-home-container .swiper {
		box-sizing: border-box;
	}

.product-gallery-main {
	position: relative;
}

	.product-gallery-main .swiper {
		border: 1px solid #dfdfdf;
	}

	.product-gallery-main .swiper-slide {
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 10px;
	}

		.product-gallery-main .swiper-slide img {
			cursor: zoom-in;
			display: block;
			margin: 0 auto;
			max-height: 520px;
			max-width: 100%;
			outline: none;
		}

	.product-gallery-main-nav .swiper-button-prev,
	.product-gallery-main-nav .swiper-button-next {
		color: #6d6f71;
		top: 50%;
		transform: translateY(-50%);
	}

	.product-gallery-main-nav .swiper-button-prev {
		left: 10px;
	}

	.product-gallery-main-nav .swiper-button-next {
		right: 10px;
	}

.product-gallery-thumbs {
	/*padding: 52px 0;*/
	position: relative;
	width: 100%;
}

	.product-gallery-thumbs .swiper {
		height: 100%;
		max-height: 360px;
	}

	.product-gallery-thumbs .swiper-slide {
		border: 1px solid transparent;
		cursor: pointer;
		opacity: 0.7;
		/*padding: 10px;*/
	}

		.product-gallery-thumbs .swiper-slide-thumb-active {
			border-color: #00b4cd;
			opacity: 1;
		}

		.product-gallery-thumbs .swiper-slide img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}

	.product-gallery-thumbs-nav .swiper-button-prev,
	.product-gallery-thumbs-nav .swiper-button-next {
		color: #00b4cd;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	.product-gallery-thumbs-nav .swiper-button-prev {
		top: 0;
	}

	.product-gallery-thumbs-nav .swiper-button-next {
		/*bottom: 0;*/
		top: auto;
	}

.product-gallery-lightbox {
	align-items: center;
	background: rgba(17, 17, 17, 0.92);
	display: none;
	inset: 0;
	justify-content: center;
	padding: 40px 20px;
	position: fixed;
	z-index: 1055;
}

	.product-gallery-lightbox.is-open {
		display: flex;
	}

	body.product-gallery-lightbox-open {
		overflow: hidden;
	}

	.product-gallery-lightbox-frame {
		align-items: center;
		display: flex;
		justify-content: center;
		max-height: 90vh;
		max-width: 90vw;
	}

		.product-gallery-lightbox-image {
			max-height: 90vh;
			max-width: 90vw;
		}

	.product-gallery-lightbox-close,
	.product-gallery-lightbox-nav {
		background: transparent;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		padding: 0;
		position: absolute;
	}

	.product-gallery-lightbox-close {
		font-size: 2.5rem;
		right: 20px;
		top: 10px;
	}

	.product-gallery-lightbox-prev {
		left: 20px;
	}

	.product-gallery-lightbox-next {
		right: 20px;
	}

	.product-gallery-lightbox-close:focus,
	.product-gallery-lightbox-nav:focus,
	.js-product-gallery-trigger:focus {
		outline: 2px solid #ffffff;
		outline-offset: 4px;
	}

@media (min-width: 768px) {
	.product-gallery-main .swiper {
		border: none;
	}
}

@media (max-width: 767.98px) {
	.product-gallery-main-nav .swiper-button-prev {
		left: 5px;
	}

	.product-gallery-main-nav .swiper-button-next {
		right: 5px;
	}

	.product-gallery-lightbox {
		padding: 20px 10px;
	}

	.product-gallery-lightbox-prev {
		left: 10px;
	}

	.product-gallery-lightbox-next {
		right: 10px;
	}
}