/* Logos Slider – front (shortcode) */

.logos-slider-wrapper {
	overflow: hidden;
	width: 100%;
}

.logos-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.logos-slider-track {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 2rem;
	will-change: transform;
}

.logos-slider-item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
}

/* Desktop: 6 widocznych */
@media (min-width: 1024px) {
	.logos-slider-item {
		width: calc((100% - 10rem) / 6);
		min-width: 120px;
		max-width: 180px;
		height: 70px;
	}
}

/* Tablet: 4 widocznych */
@media (min-width: 768px) and (max-width: 1023px) {
	.logos-slider-item {
		width: calc((100% - 6rem) / 4);
		min-width: 100px;
		max-width: 160px;
		height: 56px;
	}
}

/* Mobile: 3 widocznych */
@media (min-width: 480px) and (max-width: 767px) {
	.logos-slider-item {
		width: calc((100% - 4rem) / 3);
		min-width: 90px;
		max-width: 140px;
		height: 50px;
	}
}

/* Małe mobile: 2 widoczne */
@media (max-width: 479px) {
	.logos-slider-item {
		width: calc((100% - 2rem) / 2);
		min-width: 80px;
		max-width: 120px;
		height: 44px;
	}
}

.logos-slider-item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}