/* Стиль для скрытого контейнера (добавляется JS) */
.portfolio-card.hidden {
  display: none !important;
}
/* End */
.portfolio-card:hover .Content-card::before {
    opacity: 1;
}
.Content-card {
    position: relative !important;
    border-radius: 16px !important;
    z-index: 1 !important;
}

.Content-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;
    border-radius: 16px;
    box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 15px -6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}


.Communication-card:hover::before {
    opacity: 1;
}

.Communication-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;
    border-radius: 16px;
    box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 15px -6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

@media (min-width: 961px) {
    .portfolio-card:hover img {
        transition: transform 0.3s ease-in-out;
        transform: scale(1.05);
    }
    .portfolio-card img {
        transition: transform 0.3s ease-in-out;
        transform-origin: center;
        width: 100%; /* Важно для корректного масштабирования */
        height: auto;
    }
}

.nav__item:hover {
    border-bottom: 2px solid #767676; 
}

.link-footer:hover {
    color: #171717;
}
/* Стили для активного таба (добавляется JS) */
.portfolio-tab .tn-atom.active {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
/* End */