/* Scoped styles — Owl Carousel is loaded separately; rules below stay under .nvt-pis-wrapper. */

/* Hide default WooCommerce block image if it still renders alongside our wrapper. */
.wc-block-grid__product:has(.nvt-pis-wrapper) > .wc-block-components-product-image:not(:has(.nvt-pis-wrapper)),
.wc-block-grid__product:has(.nvt-pis-wrapper) > .wp-block-woocommerce-product-image:not(:has(.nvt-pis-wrapper)) {
	display: none !important;
}

.nvt-pis-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.nvt-pis-loader {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.82);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

.nvt-pis-wrapper.is-loading .nvt-pis-loader {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.nvt-pis-loader-spinner {
	display: block;
	width: 32px;
	height: 32px;
	border: 3px solid rgba(0, 0, 0, 0.12);
	border-top-color: #222;
	border-radius: 50%;
	animation: nvt-pis-spin 0.7s linear infinite;
}

@keyframes nvt-pis-spin {
	to {
		transform: rotate(360deg);
	}
}

.nvt-pis-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.nvt-pis-view--static {
	width: 100%;
}

.nvt-pis-view {
	position: relative;
	width: 100%;
}

/* Owl Carousel defaults to display:none until .owl-loaded — always show ours on first paint. */
.nvt-pis-wrapper .nvt-pis-owl.owl-carousel {
	display: block;
	width: 100%;
	opacity: 1;
}

.nvt-pis-wrapper .nvt-pis-owl .item {
	width: 100%;
}

.nvt-pis-wrapper .nvt-pis-slide-image {
	display: block;
	width: 100%;
	height: auto;
}

/* Before Owl init: show only the first slide. */
.nvt-pis-wrapper .nvt-pis-owl:not(.owl-loaded) .item:not(:first-child) {
	display: none;
}

.nvt-pis-wrapper .nvt-pis-owl:not(.owl-loaded) .item:first-child {
	width: 100%;
}

/* Owl nav — visible on product hover only. */
.nvt-pis-wrapper .nvt-pis-owl .owl-nav {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	pointer-events: none;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
	color: #222;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease, background-color 0.2s ease;
}

.nvt-pis-wrapper.is-hovered .nvt-pis-owl .owl-nav button {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-prev {
	inset-inline-start: 8px;
	inset-inline-end: auto;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-next {
	inset-inline-end: 8px;
	inset-inline-start: auto;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	margin: 11px auto 0;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-prev::before {
	transform: rotate(-135deg);
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-next::before {
	transform: rotate(45deg);
}

[dir='rtl'] .nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-prev::before,
.nvt-pis-wrapper[dir='rtl'] .nvt-pis-owl .owl-nav button.owl-prev::before {
	transform: rotate(45deg);
}

[dir='rtl'] .nvt-pis-wrapper .nvt-pis-owl .owl-nav button.owl-next::before,
.nvt-pis-wrapper[dir='rtl'] .nvt-pis-owl .owl-nav button.owl-next::before {
	transform: rotate(-135deg);
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button:hover {
	background: #fff;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button.disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-nav button:focus-visible {
	outline: 2px solid #222;
	outline-offset: 2px;
}

.nvt-pis-wrapper .nvt-pis-owl .owl-dots {
	display: none;
}

/* Shop grid: color + size swatches on cards with the image slider. */
li.product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw_variations_form,
.wc-block-grid__product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw_variations_form {
	margin-top: 0.5rem;
}

li.product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw-shop-variations .value,
.wc-block-grid__product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw-shop-variations .value {
	padding: 0;
}

li.product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw-swatches-container.cfvsw-shop-container,
.wc-block-grid__product:has(.nvt-pis-wrapper[data-nvt-pis-variations]) .cfvsw-swatches-container.cfvsw-shop-container {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 4px;
}

li.product.nvt-pis-awaiting-color .cfvsw-swatches-container[swatches-attr*="size"] .cfvsw-swatches-option,
.wc-block-grid__product.nvt-pis-awaiting-color .cfvsw-swatches-container[swatches-attr*="size"] .cfvsw-swatches-option {
	cursor: not-allowed;
	opacity: 0.45;
}

.cfvsw-swatches-option.nvt-pis-swatch-unavailable {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.42;
}

.Prtm li.product {
	overflow:hidden;
}

a.added_to_cart.wc-forward {
    display: none;
}

.nvt-external-owl-nav{
	display: none;
}
ul.products li.product:hover .nvt-external-owl-nav{
		display: block;
	}
.owl-prev.nvt-owl-prev {
	position: absolute;
	top: 38%;
	right: 0;
	z-index: 9;
	background: #000;
	color: #FFF;
	border: 0;
}
.owl-next.nvt-owl-next {
	position: absolute;
	top: 38%;
	left: 0;
	z-index: 9;
	background: #000;
	color: #FFF;
	border: 0;
}