.footer__white { background: #fff; border-top: 1px solid #e2e8f0; }
.footer__color { background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); color: var(--text-light); padding: 4px 0; min-height: 8px; }
.footer__content { max-width: 1280px; margin: 0 auto; padding: 40px 48px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }

/* Logo */
.footer__logo { display: flex; align-items: center; gap: 12px; font: 700 22px/26px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--text-dark); letter-spacing: -0.5px; text-decoration: none; transition: var(--transition); cursor: pointer; background: none; padding-left: 0; flex-shrink: 0; }
.footer__logo::before { content: ''; display: inline-block; width: 36px; height: 36px; background: url(/pages/alga_landing/i/logo.svg) no-repeat 50% / contain; flex-shrink: 0; }
.footer__logo:hover { transform: scale(1.05); }

.footer__contacts { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.footer__contact { font: 400 16px/24px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; padding: 0 0 0 36px; position: relative; cursor: pointer; color: var(--main-color); text-decoration: none; transition: var(--transition); display: inline-flex; align-items: center; }
.footer__contact:hover { color: var(--secondary-color); transform: translateX(-4px); }
.footer__contact:before { content: ''; background: no-repeat 50% / 20px; width: 28px; height: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.8; }
.footer__contact--phone:before { background-image: url(/pages/alga_landing/i/phone.svg); }
.footer__contact--mail:before { background-image: url(/pages/alga_landing/i/mail.svg); }
.footer__info { display: flex; flex-direction: column; }
.footer__links { display: flex; gap: 32px; flex-wrap: wrap; }
.footer__link { font: 400 15px/20px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--main-color); cursor: pointer; text-decoration: none; transition: var(--transition); position: relative; }
.footer__link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--main-color); transition: var(--transition); }
.footer__link:hover { color: var(--secondary-color); }
.footer__link:hover::after { width: 100%; }

/* HOVER */
@media (hover: hover) {
    .footer__contact:hover { transform: translateX(-4px); }
    .footer__link:hover { text-decoration: none; }
}

/* MEDIA QUERY */
@media screen and (max-width: 1024px) {
    .footer__content { padding: 32px 32px; gap: 30px; }
}

@media screen and (max-width: 768px) {
    .footer__content { padding: 28px 24px; flex-direction: column; align-items: stretch; gap: 20px; text-align: center; }
    .footer__contacts { align-items: center; }
    .footer__links { justify-content: center; gap: 20px; }
    .footer__contact { font-size: 15px; padding: 0 0 0 32px; }
    .footer__contact:before { width: 24px; height: 24px; background-size: 18px; }
    .footer__logo { font-size: 18px; line-height: 22px; gap: 10px; justify-content: center; margin: 0 auto; }
    .footer__logo::before { width: 30px; height: 30px; }
}

@media screen and (max-width: 425px) {
    .footer__content { padding: 20px 16px; }
    .footer__links { flex-direction: column; align-items: center; gap: 12px; }
    .footer__link { font-size: 14px; }
    .footer__contact { font-size: 14px; padding: 0 0 0 28px; }
    .footer__logo { font-size: 16px; line-height: 20px; gap: 8px; }
    .footer__logo::before { width: 26px; height: 26px; }
}