/* ==========================================================================
           5. FOOTER STYLES
           ========================================================================== */
           .container-max { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
        footer {
            background-color: var(--footer-bg);
            color: var(--footer-text);
            padding: 80px 0 30px 0;
            border-top: 4px solid var(--brand-green);
        }
        .footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 0.8fr; gap: 60px; margin-bottom: 60px; }
        .footer-info .logo-brand { margin-bottom: 20px; display: inline-block; }
        .footer-info p { color: #aaaaaa; font-size: 14px; max-width: 320px; }
        
        .footer-menu-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .footer-menu-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1s; margin-bottom: 15px; color: var(--brand-green); }
        .footer-menu li { margin-bottom: 10px; font-size: 14px; list-style:none;}
        
}
        .footer-menu a { color: #cccccc; }
        .footer-menu a:hover { color: #ffffff; padding-left: 4px; }

        .footer-social-list { display: flex; flex-direction: column; gap: 12px; }
        .footer-social-list a { font-size: 14px; color: #cccccc; display: flex; align-items: center; gap: 8px; }
        .footer-social-list a:hover { color: var(--brand-green); }

        .copyright-bar { border-top: 1px solid #222; padding-top: 30px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #666666; }
         @media (max-width: 991px) {
             .footer-grid { grid-template-columns: 1fr; gap: 40px; }
        }
         @media (max-width: 576px) {
             .copyright-bar { flex-direction: column; gap: 15px; text-align: center; }
        }