/* ===== Seidel Electric — Responsive Styles ===== */

@media (max-width: 768px) {

    /* NAV */
    .nav-desktop-links { display: none !important; }
    .nav-cta-desktop   { display: none !important; }
    .nav-hamburger     { display: flex !important; }

    /* HERO (index) */
    .hero-section  { height: auto !important; }
    .hero-content  { padding: 60px 24px 48px !important; min-height: auto !important; }
    .hero-title    { font-size: 52px !important; }
    .hero-badge    { margin-top: 24px !important; }

    /* 2-COL GRIDS → 1 COL */
    .split-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }

    /* SERVICE 3-COL → 1 COL */
    .svc-grid { grid-template-columns: 1fr !important; }

    /* TRUST STATS → 2×2 WRAP */
    .trust-flex { flex-wrap: wrap !important; }
    .trust-flex > div {
        width: 50% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        padding: 20px 12px !important;
        box-sizing: border-box !important;
    }

    /* ABOUT: OWNER HERO → STACK */
    .owner-hero-grid {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }
    .owner-hero-img { height: 280px !important; }
    .owner-hero-text {
        padding: 40px 24px 48px !important;
    }
    .owner-hero-text h1 { font-size: 40px !important; }

    /* 4-COL CREDENTIALS → 2-COL */
    .cred-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }

    /* PHOTO STRIP → 1-COL */
    .photo-grid {
        grid-template-columns: 1fr !important;
        height: auto !important;
    }
    .photo-grid img { height: 200px !important; }

    /* FOOTER → SINGLE COL */
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }

    /* SECTION PADDING */
    .sec-pad { padding: 56px 20px !important; }

    /* H2 SIZE */
    .h2-resp { font-size: 32px !important; }
}

@media (max-width: 480px) {
    .hero-title  { font-size: 40px !important; }
    .svc-grid    { grid-template-columns: 1fr !important; }
    .cred-grid   { grid-template-columns: 1fr !important; }
    .trust-flex > div { width: 100% !important; }
}