/* Start custom CSS for bdevs-breadcrumb-type, class: .elementor-element-5006156 */.title {
    color: #ffffff !important;
}

/* Для ссылки "Главная" */
.breadcrumb a {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for bdevs-area-project, class: .elementor-element-826dcde *//* Скрываем ненужные кнопки фильтрации */

.project__menu-nav button[data-filter=".modulnyj-ofis-6x2-5"],
.project__menu-nav button[data-filter=".modulnyj-ofis-6x5"],
.project__menu-nav button[data-filter=".bytovka-6x2-5"],
.project__menu-nav button[data-filter=".6x12"],
.project__menu-nav button[data-filter=".6x4"],
.project__menu-nav button[data-filter=".7x6"],
.project__menu-nav button[data-filter=".bytovka-6x5"],
.project__menu-nav button[data-filter=".bytovka-30m%c2%b2"]
{
    display: none !important;
}

/* Для мобильных устройств: всегда показываем информацию в карточках */
@media (max-width: 1024px) {
    /* Для планшетов и мобильных */
    .project__item-two {
        overflow: visible !important;
    }
    
    .project__content-two {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
    
    .project__thumb-two::after,
    .project__thumb-two .shape {
        opacity: 1 !important;
    }
    
    /* Если используется hover эффект через transform/transition */
    .project__item-two:hover .project__content-two,
    .project__item-two:active .project__content-two,
    .project__item-two:focus .project__content-two {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

/* Только для мобильных телефонов */
@media (max-width: 768px) {
    .project__item-two {
        min-height: 300px !important;
    }
    
    .project__content-two {
        position: relative !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0.7) !important;
        padding: 15px !important;
        margin-top: -60px !important;
    }
    
    .project__content-two .title {
        font-size: 18px !important;
        margin-bottom: 5px !important;
    }
    
    .project__content-two span {
        font-size: 14px !important;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .project__content-two {
        padding: 10px !important;
        margin-top: -50px !important;
    }
    
    .project__content-two .title {
        font-size: 16px !important;
    }
    
    .project__content-two span {
        font-size: 12px !important;
    }
}/* End custom CSS */