@media (max-width: 1024px) {
    .logo-section img {
        height: 45px !important;
        width: 45px !important;
        max-width: 45px !important;
        min-height: unset !important;
        object-fit: contain !important;
    }
    .top-nav {
        min-height: unset !important;
        height: auto !important;
        max-height: 70px !important;
    }
    .logo-section {
        max-height: 60px !important;
        overflow: visible !important;
    }
}
@media (max-width: 768px) {
    .hero-section {
        min-height: unset !important;
        padding-top: 70px !important;
    }
    .hero-content {
        grid-template-columns: 1fr !important;
        padding: 1.5rem 1rem !important;
    }
    .hero-left { padding: 1rem !important; }
    .hero-main-title { font-size: 1.6rem !important; line-height: 1.3 !important; }
    .hero-right { padding: 0 1rem 1.5rem !important; }
    .cta-card { padding: 1.5rem !important; }
    .hero-buttons {
        flex-direction: column !important;
        gap: 0.75rem !important;
        align-items: flex-start !important;
        padding: 0 1rem 1.5rem !important;
    }
    .discover-solutions-btn, .cta-button-primary, .hero-buttons a {
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .services-grid, .service-cards-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    h1 { font-size: clamp(1.4rem, 5vw, 2rem) !important; }
    h2 { font-size: clamp(1.2rem, 4vw, 1.8rem) !important; }
    .mobile-menu-toggle, #modern-chatbot-widget,
    [style*="position: fixed"], [style*="position:fixed"] {
        max-width: unset !important;
    }
    #modern-chatbot-widget {
        right: 16px !important;
        bottom: 80px !important;
        width: auto !important;
        max-width: unset !important;
    }
}
@media (max-width: 480px) {
    .hero-main-title { font-size: 1.4rem !important; }
    .top-nav { padding: 0.2rem 0.75rem !important; }
    .company-info h1 { font-size: 0.7rem !important; }
    .company-info .tagline { font-size: 0.65rem !important; padding: 2px 6px !important; }
}

/* ── 9. SERVICE CARDS (Tailwind grid fix) ───────────────────── */
.grid {
    display: grid !important;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* ── 10. EXCLUSIVE BUSINESS SOLUTIONS GRID ─────────────────── */
.tejvij-services-grid {
    display: grid !important;
    gap: 2rem !important;
    grid-template-columns: 1fr !important;
}
@media (min-width: 768px) {
    .tejvij-services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (min-width: 1024px) {
    .tejvij-services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}