/* footer.css — shared footer styling. Verified byte-identical across all 9 pages
   (the footer *markup* differs slightly on the master page and
   fire-fighting-parts.html, which keep their own footer HTML inline, but they
   reuse these same CSS classes). */

        /* SECTION 11 — FOOTER */
        footer {
            background: rgba(255, 255, 255, 0.4);
            padding: 80px 0 30px;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1.5fr;
            gap: 40px;
            margin-bottom: 60px;
        }

        .footer-col h4 {
            font-size: 1.2rem;
            margin-bottom: 25px;
            color: var(--primary-text);
        }

        .footer-links li {
            margin-bottom: 15px;
        }

        .footer-links a {
            color: var(--secondary-text);
            transition: var(--transition);
        }

        .footer-links a:hover {
            color: var(--primary-accent);
        }

        .footer-bottom {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            color: var(--secondary-text);
            font-size: 0.9rem;
        }