/* Start:/local/templates/.default/components/bitrix/news/mit-reviews/bitrix/news.list/.default/style.css?17755593942808*/

    .mit-reviews-container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .mit-reviews-item {
        display: flex;
        flex-direction: row;
        margin: 30px 0;
        gap: 30px;
		background-color: #fafafa;
		padding: 10px;
		border-radius: 8px;
		border-top: 1px solid #f5f5f5;
    }

    .mit-reviews-image {
        flex-shrink: 0; /* Чтобы картинка не сжималась меньше заданного */
        width: 400px;
        position: relative;
        cursor: pointer;
    }

    .mit-reviews-image img {
        width: 100%; /* Убираем min-width 400, чтобы картинка могла сужаться */
        height: auto;
        display: block;
        border-radius: 8px; /* Опционально: скругление углов */
    }

    .mit-reviews-playbutton {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        z-index: 2;
    }

    .mit-reviews-playbutton::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 55%;
        transform: translate(-50%, -50%);
        border-style: solid;
        border-width: 15px 0 15px 25px; /* Увеличил треугольник для 80px кнопки */
        border-color: transparent transparent transparent #fff;
    }

    .mit-reviews-image:hover .mit-reviews-playbutton {
        background-color: rgba(255, 85, 0, .8);
        transition: 0.3s;
    }

    .mit-reviews-name {border-bottom: 1px solid #FF5500; margin-bottom: 10px;}
    .mit-reviews-name h4 {margin-bottom: 0;}
    .mit-reviews-name p {margin-bottom: 0; font-weight: bold;}
    .mit-reviews-quote {line-height: 1.5;}

    /* Адаптив для планшетов и телефонов */
    @media (max-width: 768px) {
        .mit-reviews-item {
            flex-direction: column-reverse; /* Картинка сверху, текст снизу */
            gap: 15px;
            margin: 20px 0;
        }

        .mit-reviews-image {
            width: 100%; /* Картинка на всю ширину экрана */
            max-width: 100%;
        }

        .mit-reviews-playbutton {
            width: 60px; /* Уменьшаем кнопку на мобилках */
            height: 60px;
        }

        .mit-reviews-playbutton::after {
            border-width: 10px 0 10px 18px;
        }

        /* Fancybox Mobile Fix */
        .fancybox-content {
            width: 100% !important;
            aspect-ratio: 16 / 9 !important;
            height: auto !important;
            padding: 0 !important;
        }
    }

/* End */
/* /local/templates/.default/components/bitrix/news/mit-reviews/bitrix/news.list/.default/style.css?17755593942808 */