/* ==========================================================================
   KRISHNA CONSTRUCTION - MOBILE FIRST RESPONSIVE & CLAMP STYLES (AUDITED)
   Breakpoints: 320px, 360px, 375px, 390px, 412px, 414px, 480px, 576px, 768px, 820px, 1024px, 1280px, 1440px, 1920px
   ========================================================================== */

/* Fluid Typography Clamp */
h1.hero-heading {
    font-size: clamp(2.2rem, 5vw + 1rem, 4rem) !important;
}

h2.section-title {
    font-size: clamp(1.85rem, 3vw + 1rem, 3.25rem) !important;
}

/* Touch Targets Minimum Height */
button, .btn, input, select, textarea {
    min-height: 48px;
}

.submit-btn-lg {
    min-height: 54px !important;
}

/* Prevent Bottom Navigation Content Overlap on Mobile */
@media (max-width: 991.98px) {
    body {
        padding-bottom: 75px !important;
    }

    .hero-buttons .btn {
        width: 100%;
    }

    .trust-badges-row {
        justify-content: center;
    }

    .config-card {
        padding: 1.5rem !important;
    }

    .timeline-step {
        margin-bottom: 1rem;
    }
}

/* Extra Small Mobile (320px - 375px) */
@media (max-width: 375px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .stat-number {
        font-size: 1.5rem !important;
    }

    .hero-glass-card {
        padding: 1.25rem !important;
    }
}

/* Small Tablets / Large Phones (576px - 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hero-buttons {
        flex-direction: row;
    }
}

/* Tablets (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1023.98px) {
    .hero-section {
        padding-top: 130px;
    }
}

/* Desktop & Ultra-wide (1024px+) */
@media (min-width: 992px) {
    .hero-section {
        min-height: 100vh;
    }

    .sticky-mobile-bottom-bar {
        display: none !important;
    }
}