/* WOW Animation */
.wow {
    visibility: hidden;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Список партнерів */
.partners-list {
    padding: 1.25rem 0 2.5rem;
}

.partners-list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Обгортка партнера */
.partners-list .partner__wrap,
.partners-list__items .partner__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1rem;
    width: 40rem;
}

/* Позиціонування кожного 5-го елемента */
.partners-list .partner__wrap:nth-child(5n + 2),
.partners-list__items .partner__wrap:nth-child(5n + 2) {
    margin-left: auto;
    margin-right: auto;
    width: 40rem;
}

.partners-list .partner__wrap:nth-child(5n + 4),
.partners-list__items .partner__wrap:nth-child(5n + 4),
.partners-list .partner__wrap:nth-child(5n + 5),
.partners-list__items .partner__wrap:nth-child(5n + 5) {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.partners-list .partner__wrap:nth-child(5n + 4),
.partners-list__items .partner__wrap:nth-child(5n + 4) {
    padding-left: 6.5rem;
}

.partners-list .partner__wrap:nth-child(5n + 5),
.partners-list__items .partner__wrap:nth-child(5n + 5) {
    padding-right: 6.5rem;
}

/* Карточка партнера */
.partner {
    width: 14rem;
    text-align: center;
    cursor: pointer;
}

.partner:hover .partner__photo {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.partner:hover .partner__photo img {
    -webkit-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg);
}

.partner:hover .partner__name {
    color: #3FA2D9;
}

/* Пустой партнер (заглушка) */
.partner.empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default;
    align-items: flex-start;
}

.partner.empty img {
    width: 14rem;
}

/* Фото партнера */
.partner__photo {
    width: 14rem;
    height: 14rem;
    margin: 0 auto 1.5625rem;
    position: relative;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-clip-path: url(#clip-path-1);
    clip-path: url(#clip-path-1);
}

.partner__photo img {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top center;
}

.partner__photo svg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

/* Ім'я партнера */
.partner__name {
    color: #212322;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.0625rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 0.3125rem;
}

/* Місто */
.partner__city {
    text-align: center;
    color: #545859;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.03125rem;
}

/* Popup партнера */
.founder-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.founder-popup.active {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.founder-popup::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 1;
}

.founder-popup__content {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 1.25rem;
    max-width: 53.75rem;
    width: 100%;
    margin: auto;
    padding: 3.75rem;
}

.founder-popup__close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    z-index: 3;
}

.founder-popup__close img {
    width: 100%;
}

.founder-popup__content-inner {
    display: flex;
    gap: 3.75rem;
}

.founder-popup__left {
    min-width: 16.25rem;
}

.founder-popup__left .photo {
    width: 16.25rem;
    height: 16.25rem;
    margin-bottom: 1.875rem;
    -webkit-clip-path: url(#clip-path-1);
    clip-path: url(#clip-path-1);
}

.founder-popup__left .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Соцмережі в popup */
.socs {
    text-align: center;
}

.socs-ttl {
    margin-bottom: 1.25rem;
    color: #545859;
    font-size: 0.875rem;
    font-weight: 500;
}

.socs-items {
    display: flex;
    justify-content: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.socs-items a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(136, 139, 141, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.socs-items a:hover {
    background-color: #3FA2D9;
}

.socs-items a:hover svg path,
.socs-items a:hover svg rect {
    stroke: #fff;
}

.socs-items svg {
    width: 1.5rem;
}

/* Контент popup */
.founder-popup__right {
    flex: 1;
}

.founder-popup__right .name {
    margin-bottom: 1.875rem;
    color: #212322;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.09375rem;
}

.founder-popup__right .content p {
    margin-bottom: 1.25rem;
    color: #545859;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.03125rem;
}

.founder-popup__right .content p:last-child {
    margin-bottom: 0;
}

.btns {
    margin: 2.5rem 0;
}

/* Експертна інформація */
.expert-info {
    padding: 1.875rem;
    background-color: rgba(136, 139, 141, 0.1);
    border-radius: 0.9375rem;
}

.expert-ttl {
    margin-bottom: 0.625rem;
    color: #545859;
    font-size: 0.875rem;
    font-weight: 500;
}

.expert-info p {
    margin-bottom: 0.625rem;
    color: #212322;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
}

.expert-info p:last-child {
    margin-bottom: 0;
}

/* Адаптив для планшетів */
@media (max-width: 1024px) {
    .partners-list {
        padding: 5rem 0 7.5rem;
    }

    .partners-list .partner__wrap,
    .partners-list__items .partner__wrap:nth-child(5n + 2) {
        width: 20rem;
    }

    .founder-popup__content {
        padding: 2.5rem;
    }

    .founder-popup__content-inner {
        gap: 2.5rem;
    }
}

/* Адаптив для мобільних */
@media (max-width: 720px) {
    .partners-list {
        padding: 2.5rem 0 5rem;
    }

    .partners-list__items {
        gap: 2rem 1rem;
    }

    .partners-list__items .partner__wrap {
        width: calc(50% - 0.5rem) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .partners-list__items .partner {
        width: 100%;
    }

    .partners-list__items .partner__photo {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }

    .partners-list__items .partner__name {
        font-size: 0.9rem;
        letter-spacing: -0.03rem;
    }

    .partners-list__items .partner.empty {
        display: none;
    }

    /* Popup на мобільних */
    .founder-popup__content {
        padding: 1.25rem;
        margin: 1.25rem;
        max-height: calc(100vh - 2.5rem);
        overflow-y: auto;
    }

    .founder-popup__content-inner {
        flex-direction: column;
        gap: 1.875rem;
    }

    .founder-popup__left {
        min-width: auto;
    }

    .founder-popup__left .photo {
        width: 12rem;
        height: 12rem;
        margin: 0 auto 1.25rem;
    }

    .founder-popup__close {
        width: 2rem;
        height: 2rem;
        top: 0.625rem;
        right: 0.625rem;
    }

    .founder-popup__right .name {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }

    .btns {
        margin: 1.875rem 0;
    }
}