.pdp-gallery .pdp-gallery__container {
	position: relative;
	padding-bottom: 2rem;
}

@media not all and (min-width: 768px) {
	.pdp-gallery .pdp-gallery__container {
		margin-left: -12px;
		margin-right: -12px;
	}
}

@media (min-width: 1024px) {
	.pdp-gallery .pdp-gallery__container {
		padding-bottom: 0;
	}
}

.pdp-gallery .pdp-gallery__container .splide__pagination {
	bottom: -1.5rem;
}

.pdp-gallery .pdp-gallery__container .splide__pagination .splide__pagination__page.is-active {
	--tw-bg-opacity: 1;

	background-color: rgb(5 1 17 / var(--tw-bg-opacity, 1));
}

.pdp-gallery .pdp-gallery__container .splide__pagination .splide__pagination__page {
	opacity: 1;
}

.pdp-gallery .pdp-gallery__container x-product-flag {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 50;
}

.pdp-gallery .pdp-gallery__container x-product-flag .x-product-flag {
	position: relative;
	top: 0;
	left: 0;
}

@media (min-width: 1024px) {
	.pdp-gallery .pdp-gallery__items {
		visibility: visible;
	}
}

.pdp-gallery .pdp-gallery__items .splide__arrow {
	border-style: none;
	background-color: transparent;
}

.pdp-gallery .pdp-gallery__items .splide__arrow svg {
	fill: #fff;
}

@media (min-width: 1024px) {
	.pdp-gallery .pdp-gallery__items .splide__list {
		display: grid;
		gap: 1.25rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item:first-child {
		grid-column: span 2 / span 2;
	}

	.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item {
		grid-column: span 1 / span 1;
	}
}

.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item--image:not(.placeholder) {
	--tw-bg-opacity: 1;

	background-color: rgb(246 247 250 / var(--tw-bg-opacity, 1));
}

.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item--image {
	position: relative;
	overflow: hidden;
	padding-bottom: 85%;
}

@media (min-width: 1024px) {
	.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item--image {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0.25rem;
	}
}

.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item--image img {
	--tw-translate-y: -50%;

	position: absolute;
	top: 50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
		skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pdp-gallery .pdp-gallery__items .splide__list > .pdp-gallery__item.pdp-gallery__item--skeleton::before {
	top: 0;
}