/* All rules are scoped to the shortcode carousel. */
.wcpc {
	--wcpc-columns: var(--wcpc-mobile-columns);
	--gb-carousel-slides-per-view: var(--wcpc-columns);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.wcpc .wcpc__title {
	margin: 0 0 1em;
}

.wcpc .wcpc__viewport {
	cursor: grab;
	overflow: hidden !important;
	touch-action: pan-y;
	width: 100%;
}

.wcpc.wcpc--static .wcpc__viewport {
	cursor: default;
}

.wcpc.wcpc--dragging .wcpc__viewport {
	cursor: grabbing;
}

.wcpc.wcpc--dragging .wcpc__track {
	transition: none;
}

/* Internal-query markup is painted only after native widths and clones exist. */
.wcpc[data-wcpc-internal-query="true"]:not(.wcpc--native-layout-ready) .wcpc__track {
	visibility: hidden;
}

.wcpc .wcpc__track {
	align-items: stretch !important;
	display: flex;
	flex-wrap: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

/* WooCommerce and some themes add clearfix pseudo-elements to product lists. */
.wcpc .wcpc__track::before,
.wcpc .wcpc__track::after {
	content: none !important;
	display: none !important;
}

.wcpc.wcpc--native .wcpc__track {
	transition: transform 280ms ease;
}

.wcpc .wcpc__slide {
	align-self: stretch;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column;
	min-width: 0;
}

.wcpc .wcpc__product-list {
	box-sizing: border-box;
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100% !important;
	list-style: none;
	min-height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.wcpc .wcpc__product-list::before,
.wcpc .wcpc__product-list::after {
	content: none !important;
	display: none !important;
}

.wcpc .wcpc__product-list > li.product {
	align-self: stretch;
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	float: none !important;
	height: 100% !important;
	margin: 0 !important;
	max-width: 100% !important;
	min-height: 100%;
	width: 100% !important;
}

.wcpc .gb-carousel-items,
.wcpc .gb-carousel-items * {
	-webkit-user-select: none;
	user-select: none;
}

.wcpc .wcpc__product-list img {
	-webkit-user-drag: none;
	user-drag: none;
}

@media (min-width: 768px) {
	.wcpc {
		--wcpc-columns: var(--wcpc-tablet-columns);
		--gb-carousel-slides-per-view: var(--wcpc-columns);
	}
}

@media (min-width: 1024px) {
	.wcpc {
		--wcpc-columns: var(--wcpc-desktop-columns);
		--gb-carousel-slides-per-view: var(--wcpc-columns);
	}
}