.dru-footer {
    background: #090909;
    margin-top: 60px;
}

.dru-footer__inner {
    display: flex;
    align-items: center;
    gap: 40px;
    min-height: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.dru-footer__brand {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.dru-footer__logo img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.dru-footer__legal {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dru-footer__legal a {
    font-family: var(--font);
    font-size: 15px;
    line-height: 19.5px;
    color: #7e7e7e;
    transition: color .15s ease;
}
.dru-footer__legal a:hover { color: #f4f6ef; }

.dru-footer__menu {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.dru-footer__menu .dru-nav__link {
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
    transition: color .15s ease;
}
.dru-footer__menu .dru-nav__link:hover {
    color: #6bb022;
}

.dru-footer__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.dru-footer__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 56px;
    padding: 0 22px;
    border-radius: 15px;
    font-family: var(--font);
    font-size: 15px;
    line-height: 19.5px;
    white-space: nowrap;
    transition: border-color .15s ease, background .15s ease;
}

.dru-footer__btn--outline {
    border: 1px solid #373737;
    color: #f4f6ef;
    background: transparent;
}
.dru-footer__btn--outline:hover { border-color: #6bb022; }
.dru-footer__btn--outline img { flex: none; }

.dru-footer__btn--solid {
    background: #6bb022;
    color: #090909;
    border: 1px solid #6bb022;
}
.dru-footer__btn--solid:hover { opacity: .88; }

@media (max-width: 1240px) {
    .dru-footer__inner { flex-wrap: wrap; gap: 24px; }
    .dru-footer__menu { order: 3; flex-basis: 100%; justify-content: flex-start; gap: 24px; }
}

@media (max-width: 700px) {
    .dru-footer__actions { flex-wrap: wrap; }
    .dru-footer__btn { padding: 0 16px; font-size: 13px; }
    .dru-footer__btn--outline img { width: 28px; height: 28px; }
    .dru-footer__logo img { width: 56px; height: 56px; }
    .dru-footer__legal a { font-size: 13px; }
}