@media (prefers-reduced-motion: reduce) {
  .hm-btn { transition: none; }
}

@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: flex;
        width: auto;
    }
    
    .site-nav-btns {
        display: none;
    }
    
    .mobile-menu {
        width: 100%;
        max-width: none;
    }

    .footer-links-block {
        flex-wrap: wrap;
        gap: 1em;
    }

    .links-block-middle {
        flex-wrap: wrap;
    }

    .links-block-right {
        align-items: flex-start;
    }

    .footer-all-right {
        flex-wrap: wrap;
        gap: 1em;
    }
}

@media (max-width: 480px) {
    .tooltip {
        /* background: rgba(242, 242, 242, 0.15); */
        backdrop-filter: blur(10px);
        font-size: 11px;
        padding: 5px 10px;
    }

    .site-footer {
        gap: 3em;
    }

    .footer-mail {
        font-size: 16px;   
    }

    .footer-links-block {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 1em;
    }

    .links-block-middle {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .links-block-right {
        align-items: flex-start;
    }

    .footer-all-right {
        flex-wrap: wrap;
        gap: 1em;
    }
}