/* Сгенерировано из инлайн-блоков buhgalter.ftp.md при переносе в тему. Правки — здесь. */

/* ---- лента партнёров (перенесено из инлайна шаблона ftp-версии) ---- */
.infinite-slider-wrapper {
		background: var(--smoke-color);
		padding: 60px 0;
		overflow: hidden;
		position: relative;
	}

	.infinite-slider-wrapper::before,
	.infinite-slider-wrapper::after {
		content: '';
		position: absolute;
		top: 0;
		width: 100px;
		height: 100%;
		z-index: 2;
		pointer-events: none;
	}

	.infinite-slider-wrapper::before {
		left: 0;
		background: linear-gradient(to right, #f5f5f5, transparent);
	}

	.infinite-slider-wrapper::after {
		right: 0;
		background: linear-gradient(to left, #f5f5f5, transparent);
	}

	.infinite-slider-track {
		display: flex;
		width: fit-content;
		gap: 40px;
		will-change: transform;
	}

	.slider-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		border: none;
		background: #fff;
		box-shadow: 0 2px 12px rgba(0,0,0,0.15);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s, box-shadow 0.2s;
		pointer-events: all;
	}

	.slider-btn:hover {
		background: var(--theme-color, #1a73e8);
		box-shadow: 0 4px 18px rgba(0,0,0,0.2);
	}

	.slider-btn:hover svg {
		stroke: #fff;
	}

	.slider-btn--prev { left: 12px; }
	.slider-btn--next { right: 12px; }

	.slider-btn svg {
		width: 20px;
		height: 20px;
		stroke: #555;
		fill: none;
		stroke-width: 2.5;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: stroke 0.2s;
	}

	.partner-item {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 200px;
		height: 120px;
		padding: 20px 30px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		flex-shrink: 0;
	}

	.partner-item:hover {
		transform: translateY(-5px);
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	}

	.partner-item img {
		/* WordPress ставит логотипу width="800" height="400": без width:auto атрибут растягивал логотип до 800px
		   (в оригинале атрибутов нет, ширина — по пропорциям от max-height). */
		width: auto;
		max-width: 100%;
		max-height: 80px;
		object-fit: contain;
		filter: grayscale(100%);
		opacity: 0.7;
		transition: all 0.3s ease;
	}

	.partner-item:hover img {
		filter: grayscale(0%);
		opacity: 1;
	}

	@media (max-width: 768px) {
		.infinite-slider-track {
			animation-duration: 30s;
			gap: 20px;
		}

		.partner-item {
			min-width: 150px;
			height: 100px;
			padding: 15px 20px;
		}

		.partner-item img {
			max-height: 60px;
		}
	}