/* Mobile Loan Whitespace Reduction - Remove excess padding and margins */

@media (max-width: 768px) {
    /* GLOBAL CONTAINER SPACING REDUCTION */
    .container,
    .main-container {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* STEP CONTENT SPACING */
    .step-content {
        padding: 0.5rem 0 !important;
        margin: 0 !important;
        min-height: auto !important;
    }

    /* FORM CARD SPACING */
    .form-card {
        padding: 1rem !important;
        margin: 0.5rem 0 !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }

    /* FORM SECTION SPACING */
    .form-section {
        padding: 1rem !important;
        margin: 0 !important;
    }

    /* LEFT SECTION SPACING */
    .left-section {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* RIGHT PANEL SPACING */
    .right-panel {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* LOAN APPLICATION LAYOUT */
    .loan-application-layout {
        gap: 0.5rem !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* TWO COLUMN LAYOUT */
    .two-column-layout {
        gap: 0.5rem !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-direction: column !important;
    }

    /* FORM GROUP SPACING */
    .form-group {
        margin-bottom: 1rem !important;
    }

    /* FORM CONTENT SPACING */
    .form-content {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* HOME LOAN CONTAINER SPACING */
    .home-loan-container {
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    /* HIDE LARGE SPACING ELEMENTS */
    .form-header p,
    .product-header p,
    .home-loan-header p {
        margin-bottom: 0.5rem !important;
    }

    /* FEATURES LIST SPACING */
    .features-list {
        margin: 0.5rem 0 !important;
        padding: 0.5rem !important;
    }

    .features-list ul {
        margin: 0 !important;
        padding-left: 1rem !important;
    }

    .features-list li {
        margin-bottom: 0.25rem !important;
    }

    /* APPLICATION FORM SPACING */
    .application-form {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* BUTTON SPACING */
    .continue-button,
    .apply-button,
    .submit-button {
        margin: 1rem 0 0.5rem 0 !important;
    }

    /* STEP INDICATOR SPACING */
    .step-indicator {
        margin-bottom: 0.5rem !important;
    }

    /* MOBILE FORM SECTION SPACING */
    .mobile-form-section {
        padding: 0.5rem !important;
        margin: 0 !important;
    }

    /* OTP INPUT CONTAINER SPACING */
    .otp-input-container {
        margin: 1rem 0 !important;
    }

    /* PHONE INPUT GROUP SPACING */
    .phone-input-group,
    .input-container {
        margin: 0.5rem 0 !important;
    }

    /* RECAPTCHA GROUP SPACING */
    .recaptcha-group {
        margin: 0.5rem 0 !important;
    }

    /* CAPTCHA GROUP SPACING */
    .captcha-group {
        margin: 0.5rem 0 !important;
    }

    /* CONSENT TEXT SPACING */
    .consent-text {
        margin: 0.5rem 0 !important;
        padding: 0.5rem !important;
    }

    .consent-text p {
        margin-bottom: 0.25rem !important;
        font-size: 0.75rem !important;
        line-height: 1.2 !important;
    }

    /* STEP NAVIGATION SPACING */
    .step-navigation {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* LOAN AMOUNT GRID SPACING */
    .loan-amount-grid {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* CITY GRID SPACING */
    .city-grid {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* TIMELINE GRID SPACING */
    .timeline-grid {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* EMPLOYMENT OPTIONS SPACING */
    .employment-options {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* BANK GRID SPACING */
    .bank-grid {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* OFFERS GRID SPACING */
    .offers-grid {
        gap: 0.5rem !important;
        margin: 0.5rem 0 !important;
    }

    /* HIDE EMPTY MOBILE HEADER BUTTONS */
    .mobile-header-buttons {
        display: none !important;
    }

    /* REDUCE MAIN CONTENT TOP MARGIN */
    .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* FORM TITLES SPACING */
    .form-section h2,
    .form-content h2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
    }

    /* FORM SUBTITLES SPACING */
    .form-subtitle {
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
    }

    /* ERROR MESSAGE SPACING */
    .error-message {
        margin-top: 0.25rem !important;
        margin-bottom: 0 !important;
    }

    /* RESEND SECTION SPACING */
    .resend-section {
        margin: 0.5rem 0 !important;
    }

    /* TIMER SPACING */
    .timer {
        margin-top: 0.25rem !important;
    }
}