.wephar-mobile-logo-slider {
	display: none;
}

@media (max-width: 767px) {
	/* Keep the Bricks/Splide desktop slider untouched, but replace it visually on mobile. */
	#brxe-cbvwdf {
		display: none !important;
	}

	.wephar-mobile-logo-slider {
		display: block;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		touch-action: pan-x;
	}

	.wephar-mobile-logo-slider::-webkit-scrollbar {
		display: none;
	}

	.wephar-mobile-logo-slider__track {
		display: flex;
		width: max-content;
		will-change: transform;
	}

	.wephar-mobile-logo-slider__group {
		display: flex;
		flex: 0 0 auto;
		gap: 12px;
		padding-right: 12px;
	}

	.wephar-mobile-logo-slider__column {
		display: grid;
		flex: 0 0 calc((100vw - 44px) / 2);
		grid-template-rows: repeat(3, 44px);
		gap: 12px;
		scroll-snap-align: start;
	}

	.wephar-mobile-logo-slider__logo {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
	}

	.wephar-mobile-logo-slider__logo img {
		display: block;
		width: auto;
		max-width: 100%;
		height: 100%;
		object-fit: contain;
	}

}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.wephar-mobile-logo-slider__track {
		transform: none !important;
	}
}