/* Отзывы: слайдер историй.
   Вынесено из встроенного <style> страниц 06.10.2026 (общий блок посадочных); цвета — переменные темы. */
    /* Слайдер «Истории тех, кто попробовал» — инлайн (перенос из psihologonline.css),
       чтобы не трогать общий index.css. Фон секции .testimonials остаётся тёмным (index). */
    #reviews .lp200-slider { max-width: 720px; margin: 0 auto; padding: 0 1.5rem; }
    #reviews .lp200-slider-viewport { overflow: hidden; border-radius: 24px; box-shadow: 0 12px 32px var(--c-gray-1000-a25, rgba(0,0,0,0.25)); }
    #reviews .lp200-slider-track { display: flex; transition: transform 0.35s ease; }
    @media (prefers-reduced-motion: reduce) { #reviews .lp200-slider-track { transition: none; } }
    #reviews .lp200-slide { flex: 0 0 100%; box-sizing: border-box; padding: 2.25rem 1.75rem; background: var(--c-white, #fff); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; }
    #reviews .lp200-slide-text { color: var(--text-primary); line-height: 1.65; font-size: 1.05rem; margin: 0; }
    #reviews .lp200-slide-author { color: var(--text-secondary); font-size: 0.9rem; font-weight: 600; }
    #reviews .lp200-slider-controls { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
    #reviews .lp200-slider-btn { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--dusty-lavender); background: var(--c-white, #fff); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
    #reviews .lp200-slider-btn svg { width: 20px; height: 20px; stroke: var(--deep-plum); }
    #reviews .lp200-slider-btn:hover { background: var(--light-lavender); }
    #reviews .lp200-slider-count { color: var(--c-white, #fff); font-weight: 600; min-width: 64px; text-align: center; }
    /* Десктоп/планшет — фоновое фото секции (как на /psihologonline), засветлённое белой вуалью 50%;
       на светлом фоне заголовок и счётчик делаем тёмными. Мобила остаётся с тёмным фоном index. */
    @media (min-width: 769px) {
        #reviews.testimonials {
            background-image: linear-gradient(var(--c-gray-0-a50, rgba(255, 255, 255, 0.5)), var(--c-gray-0-a50, rgba(255, 255, 255, 0.5))), url("/images/lp200/reviews-bg.jpg");
            background-size: cover;
            background-position: center;
        }
        #reviews .section-header h2 { color: var(--deep-plum); }
        #reviews .section-header p { color: var(--warm-gray); }
        #reviews .lp200-slider-count { color: var(--deep-plum); }
    }