/* ===== SEO SECTION ===== */
        .seo-section { background: var(--color-white); padding: 40px 16px !important; }
        .seo-wrapper { max-width: 900px; margin: 0 auto; }
        .seo-header { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
        .seo-header h3 { font-size: 20px; font-weight: 700; color: var(--color-text-heading); }
        .seo-content h4 { font-size: 15px; font-weight: 700; color: var(--color-brand-green); margin: 20px 0 10px; }
        .seo-content p { font-size: 13px; color: var(--color-text-secondary); line-height: 1.7; margin-bottom: 10px; }

/* ===== DESKTOP BREAKPOINT ===== */
@media (min-width: 900px) {
    
    /* SEO desktop */
            .seo-section { padding: 60px 40px; }
            .seo-content h4 { font-size: 16px !important; }
            .seo-content p { font-size: 14px; }

}