/* ===== БАЗОВЫЕ СТИЛИ ===== */
        * { box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', Arial, sans-serif;
            background: #f4f4f8;
            color: #2f2f2f;
            margin: 0;
        }
        img { max-width: 100%; display: block; }
        a { text-decoration: none; color: inherit; }

        .main {
            /* чуть меньше отступ сверху, т.к. появился большой hero‑баннер */
            margin: 16px auto 60px;
            padding: 0 20px;
            min-height: 60vh;
        }

        /* ====== ПОДВАЛ ====== */
        .footer {
            background: #fff;
            margin-top: 40px;
            box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
        }
        .footer-wrap {
            max-width: 1280px;
            margin: 0 auto;
            display: flex;
            gap: 40px;
            padding: 40px 20px;
            flex-wrap: wrap;
        }
        .footer-col { flex: 1; min-width: 180px; }
        .footer-col h4 { margin-bottom: 12px; color: #7e22ce; font-size: 16px; }
        .footer-col a, .footer-col p { display: block; color: #666; font-size: 14px; margin-bottom: 6px; }
        .footer-col a:hover { color: #7e22ce; }
        .footer-bottom {
            border-top: 1px solid #eee;
            padding: 16px 20px;
            text-align: center;
            font-size: 13px;
            color: #aaa;
        }

        @media (max-width: 768px) {
            .main {
                margin: 12px auto 70px;
                padding: 0 12px;
            }
        }