/*! Othrs WooCommerce - Upsell Carousel 1.0.1 | (c) Muda Pty Ltd | GPL2 */
.carusel_block > ul { display: flex !important; width: 100% !important; }

#carusel_poduct_sells { position: relative; width: 100%; box-sizing: border-box; }
#carusel_poduct_sells * { box-sizing: inherit; }
#carusel_poduct_sells .glide__track { overflow: hidden; }
#carusel_poduct_sells ul.glide__slides {
	position: relative; width: 100%; list-style: none; padding: 0; margin: 0 !important;
	display: flex !important; flex-wrap: nowrap !important; max-width: none !important;
	white-space: nowrap; overflow: hidden; touch-action: pan-y;
	backface-visibility: hidden; transform-style: preserve-3d; will-change: transform;
}
#carusel_poduct_sells ul.glide__slides > li {
	margin: 0 !important; margin-right: var(--othrs-upc-gap, 10px) !important; padding: 0 !important;
	display: block; flex-shrink: 0; white-space: normal;
	user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
}
#carusel_poduct_sells ul li .woocommerce-loop-product__title { white-space: normal; line-height: normal; max-width: none !important; }
#carusel_poduct_sells ul li a { user-select: none; -webkit-user-drag: none; }
#carusel_poduct_sells.glide--swipeable { cursor: grab; }
#carusel_poduct_sells.glide--dragging { cursor: grabbing; }

#carusel_poduct_sells .glide__arrows { -webkit-touch-callout: none; user-select: none; }
#carusel_poduct_sells .glide__arrow {
	position: absolute; top: 50%; z-index: 2; display: flex; justify-content: center; align-items: center;
	width: 40px; height: 40px; padding: 9px 12px; line-height: 1; cursor: pointer; opacity: 1;
	color: #fff; background-color: #333; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50px;
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.1); transform: translateY(-50%);
	transition: .6s all;
}
#carusel_poduct_sells .glide__arrow:hover { border-color: #fff; opacity: .8; }
#carusel_poduct_sells .glide__arrow:focus { outline: none; }
#carusel_poduct_sells .glide__arrow:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
#carusel_poduct_sells .glide__arrow--left { left: 2em; }
#carusel_poduct_sells .glide__arrow--right { right: 2em; }
#carusel_poduct_sells .glide__arrow img { width: 14px; height: auto; display: block; }

@media (min-width: 768px) {
	#carusel_poduct_sells:hover .glide__arrow--left { left: 0.2em; }
	#carusel_poduct_sells:hover .glide__arrow--right { right: 0.2em; }
}
@media (prefers-reduced-motion: reduce) {
	#carusel_poduct_sells .glide__arrow { transition: none; }
}