.wd-product-grid-slider {
	display: flex;
	z-index: 1;
}

.wd-product-grid-slide {
	flex-grow: 1;
}

.wd-product-grid-slider-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	z-index: 4;
	--arrow-color: var(--color-gray-800);
	--arrow-color-hover: var(--color-gray-500);
	pointer-events: none;
}

.wd-product-grid-slider-nav>div {
	display: flex;
	align-items: center;
	transition: inherit;
	transition: all .3s ease;
	width: 30px;
	height: 30px;
	opacity: 0;
	visibility: hidden;
	color: var(--arrow-color);
	pointer-events: auto;
}

.wd-product-grid-slider-nav>div:before {
	font-family: "woodmart-font";
	vertical-align: middle;
}

.wd-product-grid-slider-nav>div:hover {
	color: var(--arrow-color-hover);
}

.wd-product-grid-slider-nav .wd-prev {
	transform: translateX(-25px);
	text-align: start;
	padding-inline-start: 8px;
	justify-content: flex-start;
}

.wd-product-grid-slider-nav .wd-prev:before {
	content: "";
}

.wd-product-grid-slider-nav .wd-next {
	transform: translateX(25px);
	text-align: end;
	padding-inline-end: 8px;
	justify-content: flex-end;
}

.wd-product-grid-slider-nav .wd-next:before {
	content: "";
}

.wd-product-grid-slider-pagin {
	position: absolute;
	bottom: 0;
	inset-inline: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	transition: all .3s ease;
	filter: invert(90%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}

.wd-product-grid-slider-dot {
	flex-grow: 1;
	height: 4px;
	background-color: #242424;
	transition: all .25s ease;
	opacity: .2;
}

.wd-product-grid-slider-dot.wd-active {
	opacity: .6;
}

.wd-product:not(:is(.product-swatched, .quick-shop-shown, .wd-variation-active, [class*="wd-loading"])):hover :is(.wd-product-grid-slider-nav>div, .wd-product-grid-slider-pagin) {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.wd-hover-quick .wd-add-btn .wd-product-grid-slider-pagin {
	bottom: 100%;
}

.wd-hover-base .wd-product-grid-slider-pagin {
	bottom: 100%;
}

@media (min-width: 1025px) {
	.wd-product-grid-slider-nav.wd-hover-enabled {
		display: none;
	}
}

@media (max-width: 1024px) {
	.wd-product:not(:is(.product-swatched, .quick-shop-shown, .wd-variation-active, [class*="wd-loading"])) .wd-product-grid-slider-nav>div {
		opacity: 1;
		visibility: visible;
		transform: none;
		width: 40px;
		height: 50px;
	}
	
	:is(.wd-product-grid-slider, .wd-product-grid-slider-pagin) {
		display: none;
	}
}