.tapirulan-products-carousel {
	--carousel-columns: 4;
	--carousel-gap: 30px;
	--carousel-gaps-width: 90px;
	--carousel-tablet-columns: 3;
	--carousel-tablet-gaps-width: 60px;
	position: relative;
	width: 100%;
}

.tapirulan-product-recommendations {
	width: 100%;
}

.tapirulan-products-grid {
	--grid-columns: 4;
	--grid-tablet-columns: 3;
	display: grid;
	gap: 42px 30px;
	grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
	width: 100%;
}

.tapirulan-product-recommendations__group {
	margin-top: 45px;
}

.tapirulan-product-recommendations__title {
	margin: 0 0 35px;
}

.tapirulan-products-carousel__track {
	display: flex;
	gap: var(--carousel-gap);
	overflow-x: auto;
	padding: 0 1px 12px;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.tapirulan-products-carousel__track::-webkit-scrollbar {
	display: none;
}

.tapirulan-product-card {
	box-sizing: border-box;
	flex: 0 0 calc((100% - var(--carousel-gaps-width)) / var(--carousel-columns));
	min-width: 0;
	scroll-snap-align: start;
}

.woocommerce ul.products li.product.tapirulan-shop-product,
.woocommerce-page ul.products li.product.tapirulan-shop-product {
	float: none;
	margin-bottom: 42px;
}

.tapirulan-shop-product .tapirulan-product-card {
	display: flex;
	flex: initial;
	flex-direction: column;
	height: 100%;
	scroll-snap-align: none;
	width: 100%;
}

.tapirulan-shop-product .tapirulan-product-card__image img {
	margin: 0;
}

.tapirulan-products-grid .tapirulan-product-card {
	flex: initial;
	scroll-snap-align: none;
}

.tapirulan-product-card__image {
	align-items: center;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	line-height: 0;
	overflow: visible;
	position: relative;
	width: 100%;
}

.tapirulan-product-card--opera .tapirulan-product-card__image {
	background: #eeeeee;
}

.tapirulan-product-card__badge {
	background: #222831;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	left: 10px;
	line-height: 1;
	padding: 8px 10px;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
	z-index: 2;
}

.tapirulan-product-card__thumbnail {
	display: block;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.tapirulan-product-card--opera .tapirulan-product-card__thumbnail {
	aspect-ratio: auto !important;
	background: #fff;
	border: 7px solid #fff;
	border-radius: 0 !important;
	box-shadow: 1px 1px 4px 0 #999;
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0 !important;
	max-height: 87%;
	max-width: 87%;
	object-fit: initial;
	padding: 0;
	vertical-align: top;
	width: auto;
}

.tapirulan-product-card--square .tapirulan-product-card__thumbnail {
	max-height: 75%;
}

.tapirulan-product-card--borderless .tapirulan-product-card__thumbnail {
	border: 0;
}

@media (min-width: 1000px) {
	.single-product div.product.tapirulan-single-product--opera .woocommerce-product-gallery {
		box-sizing: border-box;
		min-width: 0;
		max-width: 100%;
	}

	.single-product div.product.tapirulan-single-product--opera .ct-product-gallery-container {
		align-items: center;
		aspect-ratio: 4 / 3;
		background: #eeeeee;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		min-width: 0;
		overflow: hidden;
		width: 100%;
	}

	.single-product div.product.tapirulan-single-product--opera .ct-product-gallery-container figure {
		align-items: center;
		background: transparent;
		border: 0;
		box-shadow: none;
		box-sizing: border-box;
		display: flex;
		height: 100% !important;
		justify-content: center;
		margin: 0;
		max-width: none;
		max-height: none;
		overflow: visible;
		width: 100%;
	}

	.single-product div.product.tapirulan-single-product--opera .woocommerce-product-gallery img {
		aspect-ratio: auto !important;
		background: #fff;
		border: 15px solid #fff;
		box-shadow: 1px 1px 4px 0 #999;
		box-sizing: border-box;
		display: block;
		height: auto !important;
		max-height: 87% !important;
		max-width: 87% !important;
		object-fit: contain !important;
		width: 87% !important;
	}

	.single-product div.product.tapirulan-single-product--vertical .woocommerce-product-gallery img,
	.single-product div.product.tapirulan-single-product--square .woocommerce-product-gallery img {
		height: 87% !important;
		width: auto !important;
	}

	.single-product div.product.tapirulan-single-product--borderless .woocommerce-product-gallery img {
		border: 0;
	}
}

.tapirulan-product-card__details {
	align-items: start;
	border-top: 1px solid #e5e5e5;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 18px;
	padding-top: 10px;
}

.tapirulan-product-card__title {
	font-size: 16px;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

.tapirulan-product-card__price {
	border-left: 1px solid #e5e5e5;
	font-size: 13px;
	line-height: 1.25;
	padding-left: 16px;
	white-space: nowrap;
}

.tapirulan-product-card__title a,
.tapirulan-product-card__price a,
.tapirulan-product-card__author {
	color: inherit;
	text-decoration: none;
}

.tapirulan-product-card__author {
	color: #999;
	display: block;
	font-size: 14px;
	margin-top: 16px;
}

.tapirulan-products-carousel__button {
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	color: #222;
	cursor: pointer;
	display: flex;
	font-size: 20px;
	height: 40px;
	justify-content: center;
	padding: 0;
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	z-index: 2;
}

.tapirulan-products-carousel__button--prev {
	left: -20px;
}

.tapirulan-products-carousel__button--next {
	right: -20px;
}

.tapirulan-products-carousel__button:disabled {
	cursor: default;
	opacity: 0;
	pointer-events: none;
}

.tapirulan-products-carousel__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.tapirulan-products-grid__pagination {
	margin-top: 46px;
}

.tapirulan-products-grid__pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tapirulan-products-grid__pagination a,
.tapirulan-products-grid__pagination span {
	align-items: center;
	background: #f1f1f1;
	color: #222;
	display: inline-flex;
	justify-content: center;
	min-height: 40px;
	min-width: 40px;
	padding: 8px 12px;
	text-decoration: none;
}

.tapirulan-products-grid__pagination .current,
.tapirulan-products-grid__pagination a:hover,
.tapirulan-products-grid__pagination a:focus {
	background: #222;
	color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
	.tapirulan-product-card {
		flex-basis: calc(
			(100% - var(--carousel-tablet-gaps-width)) /
			var(--carousel-tablet-columns)
		);
	}

	.tapirulan-products-grid {
		grid-template-columns: repeat(var(--grid-tablet-columns), minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.tapirulan-products-carousel {
		--carousel-gap: 20px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.tapirulan-product-card {
		flex-basis: 100%;
	}

	.tapirulan-products-grid {
		gap: 34px;
		grid-template-columns: minmax(0, 1fr);
	}

	.tapirulan-products-carousel__button--prev {
		left: 0;
	}

	.tapirulan-products-carousel__button--next {
		right: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tapirulan-products-carousel__track {
		scroll-behavior: auto;
	}
}