/*иконки для видео*/
.tn-atom__video-play-icon circle {
    fill: #ffffff !important; /* Цвет фона иконки */
}
.tn-atom__video-play-icon path {
  fill: #242424 !important; /* Цвет стрелки */
}

/* табы в виде кнопок */
/* Настройки для десктопа (экран шире 1120px) */

/* Применяем правила к обоим блокам сразу */
#rec1826334191 .t1281__tab,
#rec1875007381 .t1281__tab {
    margin-right: 8px !important;
    border-radius: 20px !important; /* Скругляем каждый таб */
    border: 1px solid #222 !important; /* Фиксируем границу */
    box-sizing: border-box;
}

/* Убираем отступ у последних элементов в обоих блоках */
#rec1826334191 .t1281__tab:last-child,
#rec1875007381 .t1281__tab:last-child {
    margin-right: 0 !important;
}

/* Настройки для десктопа (экран шире 1120px) */
@media screen and (min-width: 1120px) {
    #rec1826334191 .t1281__wrapper,
    #rec1875007381 .t1281__wrapper {
        display: flex !important;
        flex-wrap: nowrap !important; /* Только в одну линию */
        justify-content: center !important;
        width: 100% !important;
    }

    #rec1826334191 .t1281__tab,
    #rec1875007381 .t1281__tab {
        width: auto !important; /* Убираем фиксированную ширину 25% и 50% */
        flex: 1 1 auto; /* Равномерно распределяем место */
    }
}

/* Чистим штатные стили Тильды */
#rec1826334191 .t1281__tab_active:after,
#rec1875007381 .t1281__tab_active:after {
    display: none !important;
}

#rec1826334191 .t1281__item,
#rec1875007381 .t1281__item {
    padding: 0 !important;
}

/*галерея в мобилках по три картинки*/

@media screen and (max-width: 640px) {
    /* Применяем ко всем блокам серии Т603 */
    .t603__tile {
        width: 33.33% !important;
        max-width: 33.33% !important;
        flex-basis: 33.33% !important;
        box-sizing: border-box !important;
    }
    
    /* Исправляем контейнер для корректного выравнивания */
    .t603__container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}



/*КОД добавляем иконку звонка в прилипающую шапку на мобилке*/
@media screen and (max-width: 640px) {
    /* Находим главный контейнер, где лежат иконка, лого и бургер */
    #rec2053554071 .t-menu-popover__mainwrapper {
        display: flex !important;
        justify-content: center !important; /* Логотип строго по центру */
        align-items: center !important;
        position: relative !important; /* Для абсолютного позиционирования боков */
        width: 100% !important;
        padding: 0 15px !important; /* Отступы по бокам */
        box-sizing: border-box !important;
    }

    /* Наша иконка телефона — прижимаем к левому краю */
    #rec2053554071 .custom-phone-wrapper {
        position: absolute !important;
        left: 15px !important; /* Отступ слева */
        top: 50% !important;
        transform: translateY(-50%) !important; /* Центрируем по вертикали */
        z-index: 10 !important;
        padding-left: 0 !important; /* Убираем старый паддинг */
    }

    /* Логотип в центре — убираем лишние flex-свойства */
    #rec2053554071 .t-menu-popover__centerwrapper {
        flex: 0 0 auto !important;
        justify-content: center !important;
        display: flex !important;
    }

    /* Бургер-меню — прижимаем к правому краю */
    #rec2053554071 .t-menu-popover__rightwrapper {
        position: absolute !important;
        right: 15px !important; /* Отступ справа */
        top: 50% !important;
        transform: translateY(-50%) !important; /* Центрируем по вертикали */
        z-index: 10 !important;
    }
}
    /* Стиль для нашей новой обертки иконки */
    .custom-phone-wrapper {
        display: flex;
        align-items: center;
        padding-left: 15px;
        min-width: 40px;
        z-index: 10;
    }
    
    /* Скрываем на десктопе, если блок случайно покажется */
    @media screen and (min-width: 641px) {
        .custom-phone-wrapper { display: none !important; }
    }