/* ============================================
   COMPREHENSIVE MOBILE FIXES FOR ALL PAGES
   Real Estate Platform - Mobile Optimization
   ============================================ */

/* Base Mobile Styles - Apply to all mobile devices */
@media (max-width: 767px) {
    
    /* ============================================
       GLOBAL CONTAINER & LAYOUT FIXES
       ============================================ */
    
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Prevent horizontal scroll */
    body, html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    
    * {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* ============================================
       TYPOGRAPHY & SPACING FIXES
       ============================================ */
    
    h1 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.875rem !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
    }
    
    h4 {
        font-size: 1.125rem !important;
        line-height: 1.3 !important;
    }
    
    p {
        font-size: 0.9375rem !important;
        line-height: 1.6 !important;
    }
    
    /* ============================================
       FORM FIXES (Login, Register, Post-Ad, Contact)
       ============================================ */
    
    .login-page-section,
    .register-page-section,
    .post-ad-section,
    .legal-page-section {
        padding: 2rem 0 !important;
        min-height: auto !important;
    }

    /* Ensure Post Ad form is fully interactive on mobile */
    .post-ad-section,
    .post-ad-section *,
    .detailed-form,
    .detailed-form * {
        pointer-events: auto !important;
    }
    
    .login-form-container,
    .register-form-container,
    .legal-page-content {
        padding: 1.5rem 1rem !important;
        margin: 1rem 0 !important;
        max-width: 100% !important;
    }
    
    .form-group {
        margin-bottom: 1.25rem !important;
    }
    
    .form-group label {
        font-size: 0.9375rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="date"],
    textarea,
    select {
        width: 100% !important;
        padding: 0.875rem 1rem !important;
        font-size: 1rem !important;
        min-height: 48px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    textarea {
        min-height: 120px !important;
        resize: vertical !important;
    }
    
    select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%231f2937' d='M7 10L2 5h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 14px;
        padding-right: 2.5rem !important;
    }
    
    /* Form Grids - Convert to Single Column */
    form > div[style*="grid"],
    .form-grid,
    div[style*="grid-template-columns"] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
    
    /* ============================================
       POST AD PAGE - PROFESSIONAL MOBILE STYLING
       ============================================ */
    
    /* Post Ad Section - Professional Mobile Layout */
    .post-ad-section {
        padding: 1.5rem 0 !important;
        background: #f8f9fa !important;
    }
    
    .post-ad-section .container {
        padding: 0 1rem !important;
    }
    
    /* Form Header - Professional Mobile */
    .form-header {
        text-align: left !important;
        margin-bottom: 1.5rem !important;
        padding: 0 !important;
    }
    
    .form-header h2 {
        font-size: 1.75rem !important;
        font-weight: 700 !important;
        color: #1a1f3a !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .form-header p {
        font-size: 0.9375rem !important;
        color: #6b7280 !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Owner Notice Box - Mobile Optimized */
    .owner-notice-box {
        padding: 1rem !important;
        margin: 1rem 0 !important;
        border-radius: 10px !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .owner-notice-box i {
        font-size: 1.25rem !important;
        margin-top: 0 !important;
        align-self: flex-start !important;
    }
    
    .owner-notice-box h4 {
        font-size: 0.9375rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .owner-notice-box ul {
        padding-left: 1.25rem !important;
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
    
    .owner-notice-box li {
        margin-bottom: 0.5rem !important;
    }
    
    /* Progress Indicator - Professional Mobile */
    .progress-indicator {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0.25rem !important;
        padding: 1rem 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        margin-bottom: 1.5rem !important;
    }
    
    .progress-indicator::-webkit-scrollbar {
        display: none !important;
    }
    
    .progress-step {
        min-width: 70px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.25rem !important;
    }
    
    .step-number {
        width: 36px !important;
        height: 36px !important;
        font-size: 0.875rem !important;
        font-weight: 600 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #e5e7eb !important;
        color: #6b7280 !important;
        transition: all 0.3s ease !important;
    }
    
    .progress-step.active .step-number {
        background: #2563eb !important;
        color: white !important;
        box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
    }
    
    .step-label {
        font-size: 0.6875rem !important;
        font-weight: 500 !important;
        color: #6b7280 !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
    
    .progress-step.active .step-label {
        color: #2563eb !important;
        font-weight: 600 !important;
    }
    
    .progress-line {
        width: 20px !important;
        height: 2px !important;
        background: #e5e7eb !important;
        margin: 0 0.25rem !important;
        align-self: center !important;
        flex-shrink: 0 !important;
    }
    
    /* Form Actions Top - Mobile */
    .form-actions-top {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
        margin-bottom: 1.5rem !important;
        padding: 1rem !important;
        background: white !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    }
    
    .btn-save-draft {
        width: 100% !important;
        padding: 0.875rem 1rem !important;
        font-size: 0.9375rem !important;
        border-radius: 8px !important;
        min-height: 48px !important;
    }
    
    .auto-save-status {
        font-size: 0.875rem !important;
        color: #10b981 !important;
        text-align: center !important;
        padding: 0.5rem 0 !important;
    }
    
    /* Detailed Form - Professional Mobile */
    .detailed-form {
        background: white !important;
        padding: 1.5rem 1rem !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
        margin: 0 !important;
    }
    
    .form-step {
        padding: 0 !important;
    }
    
    .form-section {
        margin-bottom: 2rem !important;
        padding-bottom: 1.5rem !important;
        border-bottom: 1px solid #e5e7eb !important;
    }
    
    .form-section:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    
    /* Section Header - Mobile */
    .section-header {
        margin-bottom: 1.25rem !important;
        padding-bottom: 0.75rem !important;
        border-bottom: 2px solid #f3f4f6 !important;
    }
    
    .section-header h3 {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        color: #1a1f3a !important;
        margin-bottom: 0.5rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .section-header h3 i {
        color: #2563eb !important;
        font-size: 1.125rem !important;
    }
    
    .section-header p {
        font-size: 0.875rem !important;
        color: #6b7280 !important;
        margin: 0 !important;
    }
    
    /* Form Groups - Professional Mobile */
    .form-group {
        margin-bottom: 1.5rem !important;
    }
    
    .form-group label {
        font-size: 0.9375rem !important;
        font-weight: 600 !important;
        color: #1a1f3a !important;
        margin-bottom: 0.625rem !important;
        display: block !important;
    }
    
    .form-group small {
        font-size: 0.8125rem !important;
        color: #6b7280 !important;
        margin-top: 0.5rem !important;
        display: block !important;
        line-height: 1.5 !important;
    }
    
    /* Input with Counter - Mobile */
    .input-with-counter,
    .textarea-with-counter {
        position: relative !important;
    }
    
    .char-counter {
        position: absolute !important;
        bottom: 0.5rem !important;
        right: 0.75rem !important;
        font-size: 0.75rem !important;
        color: #9ca3af !important;
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 4px !important;
        pointer-events: none !important;
    }
    
    /* Price Input Wrapper - Mobile */
    .price-input-wrapper {
        position: relative !important;
        width: 100% !important;
    }
    
    .price-input-wrapper .currency-symbol {
        position: absolute !important;
        left: 1rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #6b7280 !important;
        font-weight: 600 !important;
        font-size: 0.9375rem !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }
    
    .price-input-wrapper input {
        padding-left: 4rem !important;
    }
    
    /* Step Navigation - Mobile */
    .step-navigation {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 0.75rem !important;
        margin-top: 2rem !important;
        padding-top: 1.5rem !important;
        border-top: 1px solid #e5e7eb !important;
    }
    
    .btn-next,
    .btn-prev,
    .btn-submit {
        width: 100% !important;
        padding: 1rem !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
    }
    
    .btn-next {
        background: linear-gradient(135deg, #2563eb 0%, #1a3a5f 100%) !important;
        color: white !important;
        border: none !important;
    }
    
    .btn-prev {
        background: white !important;
        color: #2563eb !important;
        border: 2px solid #2563eb !important;
    }
    
    .btn-submit {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
        color: white !important;
        border: none !important;
    }
    
    .btn-next:active,
    .btn-submit:active {
        transform: translateY(1px) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* Package Options Section - Mobile */
    .form-section[style*="background"] {
        padding: 1.25rem !important;
        border-radius: 10px !important;
        margin-top: 1.5rem !important;
    }
    
    /* Checkbox Labels - Mobile */
    .form-group label[style*="cursor: pointer"] {
        padding: 1rem !important;
        border-radius: 8px !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Info Boxes - Mobile */
    div[style*="background: #e3f2fd"],
    div[style*="background: #fff3cd"] {
        padding: 1rem !important;
        border-radius: 8px !important;
        font-size: 0.875rem !important;
        line-height: 1.6 !important;
    }
    
    /* Grid to Single Column - Mobile */
    div[style*="grid-template-columns: 1fr 1fr"] {
        display: block !important;
    }
    
    div[style*="grid-template-columns: 1fr 1fr"] > .form-group {
        margin-bottom: 1.25rem !important;
    }
    
    /* ============================================
       BUTTON FIXES
       ============================================ */
    
    /* Hide Post Ad button in navbar on mobile - MUST be hidden */
    .desktop-post-ad,
    .nav-right a[href*="post-ad"],
    .nav-right .btn-secondary[href*="post-ad"],
    a.btn-secondary[href*="post-ad"],
    .navbar .btn-secondary[href*="post-ad"],
    .nav-content .btn-secondary {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    button,
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-success,
    .btn-danger,
    .btn-warning,
    .btn-info {
        min-height: 48px !important;
        padding: 0.875rem 1.25rem !important;
        font-size: 1rem !important;
        border-radius: 8px !important;
        width: 100% !important;
        margin-bottom: 0.75rem !important;
        box-sizing: border-box !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }
    
    .btn:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Button Groups */
    .btn-group,
    div[style*="display: flex"][style*="gap"] {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    /* ============================================
       CARD & GRID FIXES
       ============================================ */
    
    .stats-grid,
    .properties-grid,
    .listings-grid,
    .listings-grid-responsive,
    .quick-actions-grid,
    .trust-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 0 !important;
    }
    
    .stat-card,
    .property-card,
    .listing-card,
    .listing-card-mini {
        width: 100% !important;
        margin: 0 !important;
        padding: 1.25rem !important;
        border-radius: 12px !important;
    }
    
    .stat-icon {
        width: 48px !important;
        height: 48px !important;
        font-size: 1.25rem !important;
    }
    
    .stat-content h3 {
        font-size: 1.5rem !important;
    }
    
    .stat-content p {
        font-size: 0.875rem !important;
    }
    
    /* ============================================
       TABLE FIXES (Admin, Dashboards)
       ============================================ */
    
    table {
        width: 100% !important;
        font-size: 0.875rem !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    
    thead {
        display: none !important;
    }
    
    tbody {
        display: block !important;
        width: 100% !important;
    }
    
    tr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        padding: 1rem !important;
        background: white !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    }
    
    td {
        display: block !important;
        width: 100% !important;
        padding: 0.5rem 0 !important;
        text-align: left !important;
        border: none !important;
    }
    
    td:before {
        content: attr(data-label) ": ";
        font-weight: 600;
        color: #6b7280;
        display: inline-block;
        width: 120px;
    }
    
    /* ============================================
       DASHBOARD SECTION FIXES
       ============================================ */
    
    .dashboard-section {
        margin-bottom: 2rem !important;
        padding: 1rem 0 !important;
    }
    
    .section-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    .section-header h2 {
        font-size: 1.375rem !important;
        margin: 0 !important;
    }
    
    .view-all {
        font-size: 0.9375rem !important;
        padding: 0.5rem 1rem !important;
    }

    /* ============================================
       LISTINGS (BUY / RENT / NEW PROJECT) PAGES
       ============================================ */

    .listings-page {
        padding-top: 1.5rem !important;
        padding-bottom: 2rem !important;
        min-height: auto !important;
    }

    .listings-header {
        margin-bottom: 1rem !important;
    }

    .listings-header h1,
    .listings-header h2,
    .listings-header-title {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .listings-header p {
        margin-bottom: 0.75rem !important;
    }

    .listings-toolbar {
        margin-bottom: 1rem !important;
    }

    /* When no results, reduce empty space */
    .listings-grid-responsive:empty,
    .listings-grid-responsive:not(:has(.listing-card)) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* ============================================
       IMAGE FIXES
       ============================================ */
    
    img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    .property-image-wrapper,
    .listing-image,
    .listing-image-mini {
        width: 100% !important;
        height: 200px !important;
        overflow: hidden !important;
    }
    
    /* ============================================
       MODAL & OVERLAY FIXES
       ============================================ */
    
    .modal,
    .modal-dialog {
        width: 95% !important;
        max-width: 95% !important;
        margin: 1rem auto !important;
    }
    
    .modal-content {
        padding: 1.5rem 1rem !important;
    }
    
    .modal-header {
        padding: 1rem !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .modal-body {
        padding: 1rem !important;
    }
    
    .modal-footer {
        padding: 1rem !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    /* ============================================
       NAVIGATION & SIDEBAR FIXES
       ============================================ */
    
    /* ============================================
       SELLER MOBILE MENU - PROFESSIONAL
       ============================================ */
    
    /* Mobile Menu Toggle Button in Header */
    .seller-mobile-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 10px !important;
        background: #f3f4f6 !important;
        border: none !important;
        color: #1a1f3a !important;
        font-size: 1.25rem !important;
        cursor: pointer !important;
        margin-right: 1rem !important;
        transition: all 0.2s ease !important;
        flex-shrink: 0 !important;
    }
    
    .seller-mobile-menu-btn:hover,
    .seller-mobile-menu-btn:active {
        background: #e5e7eb !important;
        transform: scale(0.95) !important;
    }
    
    .seller-mobile-menu-toggle {
        display: none !important;
    }
    
    /* Seller Sidebar - Hidden by default on mobile, slides in when active */
    .seller-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 85% !important;
        max-width: 320px !important;
        height: 100vh !important;
        background: white !important;
        z-index: 10005 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        visibility: hidden !important;
        /* Override any transform from seller-panel.css on mobile */
        transform: none !important;
    }
    
    .seller-sidebar.mobile-active {
        left: 0 !important;
        visibility: visible !important;
        transform: none !important;
    }
    
    /* Mobile Menu Overlay */
    .seller-mobile-menu-overlay {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 10004 !important;
        pointer-events: none !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }
    
    .seller-mobile-menu-overlay.active {
        display: block !important;
        pointer-events: auto !important;
        opacity: 1 !important;
    }
    
    /* Sidebar Header - Mobile */
    .seller-sidebar .sidebar-header {
        padding: 1.5rem 1.25rem !important;
        border-bottom: 2px solid #f3f4f6 !important;
        background: linear-gradient(135deg, #2563eb 0%, #1a3a5f 100%) !important;
        color: white !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }
    
    .seller-sidebar .sidebar-header h2 {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        margin: 0 0 0.5rem 0 !important;
        color: white !important;
    }
    
    .seller-sidebar .sidebar-header .user-name {
        font-size: 0.875rem !important;
        opacity: 0.9 !important;
        margin: 0 !important;
        color: white !important;
    }
    
    /* Sidebar Navigation - Mobile */
    .seller-sidebar .sidebar-nav {
        padding: 1rem 0.75rem !important;
    }
    
    .seller-sidebar .nav-item {
        display: flex !important;
        align-items: center !important;
        gap: 0.875rem !important;
        padding: 1rem 1.25rem !important;
        font-size: 1rem !important;
        font-weight: 500 !important;
        color: #1f2937 !important;
        text-decoration: none !important;
        border-radius: 10px !important;
        margin: 0.375rem 0 !important;
        transition: all 0.2s ease !important;
        position: relative !important;
        min-height: 52px !important;
        box-sizing: border-box !important;
    }
    
    .seller-sidebar .nav-item:hover,
    .seller-sidebar .nav-item:active {
        background: #f9fafb !important;
        color: #2563eb !important;
        transform: translateX(4px) !important;
    }
    
    .seller-sidebar .nav-item.active {
        background: linear-gradient(135deg, #2563eb 0%, #1a3a5f 100%) !important;
        color: white !important;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
    }
    
    .seller-sidebar .nav-item.active i {
        color: white !important;
    }
    
    .seller-sidebar .nav-item i {
        width: 24px !important;
        text-align: center !important;
        font-size: 1.125rem !important;
        color: #6b7280 !important;
        flex-shrink: 0 !important;
    }
    
    .seller-sidebar .nav-item.active i {
        color: white !important;
    }
    
    .seller-sidebar .nav-item span {
        flex: 1 !important;
    }
    
    /* Badge in nav items */
    .seller-sidebar .nav-item .badge {
        background: #ef4444 !important;
        color: white !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 12px !important;
        min-width: 20px !important;
        text-align: center !important;
    }
    
    .seller-sidebar .nav-item.active .badge {
        background: rgba(255, 255, 255, 0.3) !important;
        color: white !important;
    }
    
    /* Nav Divider */
    .seller-sidebar .nav-divider {
        height: 1px !important;
        background: #e5e7eb !important;
        margin: 1rem 1.25rem !important;
    }
    
    /* Logout item - special styling */
    .seller-sidebar .nav-item[onclick*="logoutForm"] {
        color: #dc3545 !important;
        border-top: 1px solid #f3f4f6 !important;
        margin-top: 0.5rem !important;
        padding-top: 1.25rem !important;
    }
    
    .seller-sidebar .nav-item[onclick*="logoutForm"]:hover {
        background: #fef2f2 !important;
        color: #b91c1c !important;
    }
    
    .seller-sidebar .nav-item[onclick*="logoutForm"] i {
        color: #dc3545 !important;
    }
    
    .seller-sidebar .nav-item[onclick*="logoutForm"]:hover i {
        color: #b91c1c !important;
    }
    
    
    /* Other sidebars - keep existing behavior */
    .sidebar,
    .buyer-sidebar,
    .admin-sidebar {
        width: 100% !important;
        position: relative !important;
        height: auto !important;
        margin-bottom: 1.5rem !important;
        border-right: none !important;
        border-bottom: 1px solid #e5e7eb !important;
        padding: 1rem 0 !important;
    }
    
    .seller-panel,
    .buyer-panel,
    .admin-panel {
        flex-direction: column !important;
        margin-top: 0 !important;
    }
    
    .seller-main,
    .buyer-main,
    .admin-main {
        margin-left: 0 !important;
        padding: 1rem !important;
        width: 100% !important;
    }
    
    /* Seller/Buyer/Admin Header - Mobile */
    .seller-header,
    .buyer-header,
    .admin-header {
        margin-bottom: 1.25rem !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }
    
    .seller-header h1,
    .buyer-header h1,
    .admin-header h1 {
        font-size: 1.5rem !important;
        margin: 0 !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .seller-header .header-actions {
        width: 100% !important;
        margin-top: 0.75rem !important;
    }
    
    .seller-header .header-actions .btn-primary {
        width: 100% !important;
        padding: 0.875rem 1rem !important;
        font-size: 0.9375rem !important;
        justify-content: center !important;
    }
    
    /* Seller/Buyer Dashboard Sections - Mobile */
    .stats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .stat-card {
        background: white !important;
        border-radius: 12px !important;
        padding: 1.25rem 1rem !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }
    
    .stat-card:active {
        transform: scale(0.98) !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
    }
    
    .stat-icon {
        width: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .stat-icon i {
        font-size: 1.5rem !important;
    }
    
    .stat-content h3 {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        color: #1a1f3a !important;
        margin: 0 0 0.25rem 0 !important;
        line-height: 1.2 !important;
    }
    
    .stat-content p {
        font-size: 0.8125rem !important;
        color: #6b7280 !important;
        margin: 0 !important;
        font-weight: 500 !important;
    }
    
    .stat-badge {
        display: inline-block !important;
        background: #ef4444 !important;
        color: white !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 8px !important;
        margin-top: 0.5rem !important;
    }
    
    .dashboard-section {
        background: white !important;
        border-radius: 12px !important;
        padding: 1.25rem 1rem !important;
        margin-bottom: 1.5rem !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    .section-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 1.25rem !important;
        padding-bottom: 0.75rem !important;
        border-bottom: 2px solid #f3f4f6 !important;
    }
    
    .section-header h2 {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        color: #1a1f3a !important;
        margin: 0 !important;
    }
    
    .section-header .view-all {
        font-size: 0.875rem !important;
        color: #2563eb !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    
    .listings-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .listing-card-mini {
        background: #f9fafb !important;
        border-radius: 10px !important;
        padding: 1rem !important;
        display: flex !important;
        gap: 1rem !important;
        border: 1px solid #e5e7eb !important;
    }
    
    .listing-image-mini {
        width: 100px !important;
        height: 100px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }
    
    .listing-image-mini img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    .listing-info-mini h4 {
        font-size: 0.9375rem !important;
        font-weight: 600 !important;
        margin: 0 0 0.5rem 0 !important;
        color: #1a1f3a !important;
    }
    
    .listing-info-mini h4 a {
        color: #1a1f3a !important;
        text-decoration: none !important;
    }
    
    .listing-location {
        font-size: 0.8125rem !important;
        color: #6b7280 !important;
        margin: 0 0 0.5rem 0 !important;
    }
    
    .listing-stats-mini {
        display: flex !important;
        gap: 1rem !important;
        font-size: 0.75rem !important;
        color: #9ca3af !important;
    }
    
    .dashboard-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .activity-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .activity-item {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1rem !important;
        background: #f9fafb !important;
        border-radius: 10px !important;
        border: 1px solid #e5e7eb !important;
    }
    
    .activity-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
        background: #e3f2fd !important;
        color: #2563eb !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .activity-content {
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .activity-content h4 {
        font-size: 0.9375rem !important;
        font-weight: 600 !important;
        color: #1a1f3a !important;
        margin: 0 0 0.25rem 0 !important;
    }
    
    .activity-content p {
        font-size: 0.8125rem !important;
        color: #6b7280 !important;
        margin: 0 0 0.25rem 0 !important;
    }
    
    .activity-time {
        font-size: 0.75rem !important;
        color: #9ca3af !important;
    }
    
    .status-badge {
        padding: 0.375rem 0.75rem !important;
        border-radius: 8px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        text-transform: capitalize !important;
    }
    
    .status-new {
        background: #dbeafe !important;
        color: #1e40af !important;
    }
    
    .status-pending {
        background: #fef3c7 !important;
        color: #92400e !important;
    }
    
    .status-confirmed {
        background: #d1fae5 !important;
        color: #065f46 !important;
    }
    
    .empty-state {
        text-align: center !important;
        padding: 2rem 1rem !important;
        color: #6b7280 !important;
        font-size: 0.9375rem !important;
    }
    
    .empty-state a {
        color: #2563eb !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    
    .sidebar-header {
        padding: 1rem !important;
        text-align: center !important;
    }
    
    .sidebar-nav {
        padding: 0.5rem 0 !important;
    }
    
    .nav-item {
        padding: 0.875rem 1rem !important;
        font-size: 0.9375rem !important;
        border-radius: 8px !important;
        margin: 0.25rem 0.5rem !important;
    }
    
    .nav-item i {
        width: 20px !important;
        text-align: center !important;
    }
    
    /* ============================================
       BADGE & LABEL FIXES
       ============================================ */
    
    .badge,
    .stat-badge,
    .label {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 4px !important;
    }
    
    /* ============================================
       SEARCH & FILTER FIXES
       ============================================ */
    
    .filters-sidebar {
        width: 100% !important;
        position: relative !important;
        margin-bottom: 1.5rem !important;
    }
    
    .filter-section {
        margin-bottom: 1.5rem !important;
        padding: 1rem !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
    }
    
    /* ============================================
       LISTINGS PAGE (Buy/Rent/New Project) - MOBILE
       Professional filter drawer & layout
       ============================================ */
    
    .listings-page {
        padding: 1rem 0 1.5rem 0 !important;
        background: #f3f4f6 !important;
    }
    
    .listings-container-wrapper {
        padding: 0 1rem !important;
    }
    
    .listings-header {
        margin-bottom: 1.25rem !important;
        padding: 0 !important;
    }
    
    .listings-header h2 {
        font-size: 1.5rem !important;
        margin-bottom: 0.4rem !important;
        line-height: 1.3 !important;
    }
    
    .listings-subtitle {
        font-size: 0.875rem !important;
        margin-top: 0.15rem !important;
        margin-bottom: 0.75rem !important;
        color: #6b7280 !important;
    }
    
    .listings-toolbar {
        margin-bottom: 1rem !important;
        padding: 0.5rem 0 0.75rem 0 !important;
    }
    
    /* Full-width mobile Filters button */
    .mobile-filters-toggle {
        width: 100% !important;
        padding: 0.9rem 1rem !important;
        font-size: 1rem !important;
        min-height: 48px !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%) !important;
        color: #fff !important;
        border: none !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        z-index: 100 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.25) !important;
    }
    
    .mobile-filters-toggle i {
        font-size: 1.1rem !important;
    }
    
    .mobile-filters-toggle:active {
        transform: translateY(1px) !important;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.35) !important;
    }
    
    /* Filter drawer */
    .filters-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        left: auto !important;
        width: 88% !important;
        max-width: 360px !important;
        height: 100vh !important;
        background: #f9fafb !important;
        z-index: 10003 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transition: right 0.28s ease-out !important;
        box-shadow: -6px 0 24px rgba(15, 23, 42, 0.2) !important;
        border-radius: 18px 0 0 18px !important;
    }
    
    /* Support both .mobile-active (our JS) and .active (fallback) */
    .filters-sidebar.mobile-active,
    .filters-sidebar.active {
        right: 0 !important;
        left: auto !important;
    }
    
    .filter-overlay {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.55) !important;
        z-index: 10002 !important;
        pointer-events: none !important;
    }
    
    .filter-overlay.active {
        display: block !important;
        pointer-events: auto !important;
    }
    
    /* Drawer header */
    .filters-header {
        padding: 1.15rem 1.25rem !important;
        border-bottom: 1px solid #e5e7eb !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        position: sticky !important;
        top: 0 !important;
        background: #ffffff !important;
        z-index: 10 !important;
    }
    
    .filters-header h3 {
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .filters-header h3 i {
        color: #1d4ed8 !important;
    }
    
    .clear-filters-btn {
        padding: 0.55rem 1rem !important;
        font-size: 0.85rem !important;
        border-radius: 999px !important;
        background: #eff6ff !important;
        color: #1d4ed8 !important;
        border: none !important;
        cursor: pointer !important;
        font-weight: 500 !important;
    }
    
    /* Individual filter cards */
    .filter-section {
        padding: 1.1rem 1.25rem !important;
        border-bottom: 1px solid #e5e7eb !important;
        background: #f9fafb !important;
    }
    
    .filter-section:nth-child(odd) {
        background: #ffffff !important;
    }
    
    .filter-section-header h4 {
        font-size: 0.98rem !important;
        font-weight: 600 !important;
        color: #0f172a !important;
        margin-bottom: 0.85rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .filter-section-header h4 i {
        color: #1d4ed8 !important;
        font-size: 1rem !important;
    }
    
    .filter-group {
        margin-bottom: 0 !important;
    }
    
    .filter-group input,
    .filter-group select {
        width: 100% !important;
        padding: 0.9rem 1rem !important;
        font-size: 0.95rem !important;
        min-height: 48px !important;
        border-radius: 10px !important;
        border: 1px solid #e5e7eb !important;
        background-color: #ffffff !important;
    }
    
    .filter-group input:focus,
    .filter-group select:focus {
        outline: none !important;
        border-color: #1d4ed8 !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
    }
    
    .price-inputs {
        display: flex !important;
        align-items: center !important;
        gap: 0.75rem !important;
    }
    
    .price-inputs input {
        flex: 1 !important;
    }
    
    .price-inputs span {
        font-size: 0.85rem !important;
        color: #6b7280 !important;
    }
    
    /* Checkbox / radio pills */
    .checkbox-label,
    .radio-label {
        padding: 0.8rem 0.85rem !important;
        border-radius: 10px !important;
        margin-bottom: 0.55rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.65rem !important;
        cursor: pointer !important;
        transition: background 0.18s ease, box-shadow 0.18s ease !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
    }
    
    .checkbox-label:hover,
    .radio-label:hover {
        background: #f3f4ff !important;
        box-shadow: 0 2px 8px rgba(148, 163, 184, 0.25) !important;
        border-color: #c7d2fe !important;
    }
    
    .checkbox-label input,
    .radio-label input {
        flex: 0 0 auto !important;
    }
    
    .checkbox-label span,
    .radio-label span {
        font-size: 0.9rem !important;
        color: #111827 !important;
    }
    
    /* Sticky apply button at bottom */
    .btn-apply-filters {
        position: sticky !important;
        bottom: 0 !important;
        width: 100% !important;
        padding: 0.85rem 1.25rem 1.15rem 1.25rem !important;
        background: linear-gradient(to top, #f3f4f6 0%, rgba(243, 244, 246, 0) 80%) !important;
        border-top: 1px solid #e5e7eb !important;
        margin: 0 !important;
    }
    
    .btn-apply-filters button {
        width: 100% !important;
        padding: 0.95rem 1.25rem !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        border-radius: 999px !important;
        min-height: 50px !important;
        background: linear-gradient(135deg, #1d4ed8 0%, #0f172a 100%) !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: 0 6px 18px rgba(37, 99, 235, 0.4) !important;
    }
    
    .btn-apply-filters button:active {
        transform: translateY(1px) !important;
        box-shadow: 0 3px 10px rgba(37, 99, 235, 0.4) !important;
    }
    
    .listings-container {
        margin-top: 1rem !important;
    }
    
    .results-info {
        margin-bottom: 0.75rem !important;
        padding: 0.5rem 0 !important;
        font-size: 0.85rem !important;
    }
    
    /* ============================================
       LISTING DETAIL PAGE FIXES
       ============================================ */
    
    .listing-detail-layout {
        display: block !important;
        padding: 1.5rem 1rem !important;
        background: #f8fafc !important;
    }
    
    .property-details-section {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .details-main {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
        order: 1 !important;
    }
    
    .details-sidebar {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
        order: 2 !important;
    }
    
    /* Move Similar Properties section to appear before footer on mobile */
    .sidebar-card:has(h3:contains("Similar Properties")),
    .sidebar-card h3:contains("Similar Properties") {
        /* Target the Similar Properties card */
    }
    
    /* Hide Similar Properties in sidebar on mobile */
    .details-sidebar .sidebar-card:has(h3:contains("Similar Properties")) {
        display: none !important;
    }
    
    /* Show Similar Properties before footer on mobile */
    .property-details-section::after {
        content: '';
        order: 3 !important;
    }
    
    /* Alternative: Use JavaScript-friendly approach with CSS */
    .similar-properties-mobile {
        display: none !important;
    }
    
    .listing-gallery-main-image {
        height: 240px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    
    .listing-gallery-thumbnails {
        display: flex !important;
        overflow-x: auto !important;
        gap: 0.5rem !important;
        -webkit-overflow-scrolling: touch;
    }
    
    .listing-gallery-thumbnail {
        min-width: 80px !important;
        height: 80px !important;
        flex-shrink: 0 !important;
    }

    /* Property header & price - compact on mobile */
    .listing-detail-header {
        display: block !important;
        margin-bottom: 1.25rem !important;
    }

    .listing-detail-image-container {
        margin-bottom: 1.25rem !important;
    }

    .listing-detail-info h1 {
        font-size: 1.5rem !important;
        margin-bottom: 0.75rem !important;
    }

    .listing-detail-price {
        font-size: 1.75rem !important;
        margin-bottom: 1rem !important;
    }

    .property-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }

    .share-buttons {
        justify-content: flex-start !important;
    }

    /* Specs and description spacing */
    .listing-specs-grid,
    .building-info-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.75rem !important;
    }

    .detail-card {
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    }

    .detail-card h3 {
        font-size: 1.125rem !important;
        margin-bottom: 0.75rem !important;
    }

    .detail-card p,
    .detail-card li {
        font-size: 0.9375rem !important;
        line-height: 1.6 !important;
    }

    /* Location map card */
    .listing-map-container,
    .property-location-map {
        height: 260px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    /* Contact agent card */
    .contact-agent-card {
        margin-top: 1.25rem !important;
        padding: 1.25rem !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important;
    }

    .contact-agent-card h3 {
        font-size: 1.25rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .contact-agent-card {
        position: relative !important;
        margin-top: 1.5rem !important;
    }
    
    /* Similar Properties - Hide in sidebar on mobile (handled by JS) */
    .details-sidebar .sidebar-card:last-child h3:contains("Similar Properties") {
        /* Will be hidden by JavaScript */
    }
    
    /* Mobile Similar Properties Section */
    .similar-properties-mobile-section {
        width: 100% !important;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    
    .similar-properties-mobile-section .sidebar-card {
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        padding: 1.5rem !important;
    }
    
    .similar-properties-mobile-section h3 {
        font-size: 1.5rem !important;
        margin-bottom: 1.25rem !important;
        color: #1a1f3a !important;
        border-bottom: 2px solid #e5e7eb !important;
        padding-bottom: 0.75rem !important;
    }
    
    /* Create mobile version of Similar Properties before footer */
    .property-details-section {
        position: relative !important;
    }
    
    /* Similar Properties styling for mobile */
    .similar-properties-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .similar-property-item {
        display: flex !important;
        gap: 1rem !important;
        padding: 1rem !important;
        background: #f9fafb !important;
        border-radius: 8px !important;
        border: 1px solid #e5e7eb !important;
    }
    
    .similar-property-item img {
        width: 100px !important;
        height: 100px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
    }
    
    .similar-property-info {
        flex: 1 !important;
    }
    
    .similar-property-info h4 {
        font-size: 0.9375rem !important;
        margin-bottom: 0.5rem !important;
        color: #1a1f3a !important;
    }
    
    .similar-property-price {
        font-size: 1.125rem !important;
        font-weight: 700 !important;
        color: #2563eb !important;
        margin-bottom: 0.25rem !important;
    }
    
    .similar-property-location {
        font-size: 0.875rem !important;
        color: #6b7280 !important;
    }
    
    .similar-property-location i {
        margin-right: 0.25rem !important;
    }
    
    /* ============================================
       LEGAL PAGES (Terms, Privacy, FAQ, Disclaimer)
       ============================================ */
    
    .legal-page-content {
        padding: 1.5rem 1rem !important;
    }
    
    .legal-section-content {
        margin-bottom: 2rem !important;
        padding: 1.25rem !important;
        background: white !important;
        border-radius: 8px !important;
    }
    
    .legal-section-content ul,
    .legal-section-content ol {
        padding-left: 1.5rem !important;
        margin: 1rem 0 !important;
    }
    
    .legal-section-content li {
        margin-bottom: 0.75rem !important;
        line-height: 1.6 !important;
    }
    
    /* FAQ Specific */
    .faq-search {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
    
    .faq-categories {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .faq-category-btn {
        width: 100% !important;
        padding: 0.875rem 1rem !important;
    }
    
    .faq-item {
        margin-bottom: 1rem !important;
    }
    
    /* ============================================
       ADMIN PANEL FIXES
       ============================================ */
    
    .admin-content {
        padding: 1rem !important;
    }
    
    .admin-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .admin-quick-actions {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    /* ============================================
       UTILITY CLASSES
       ============================================ */
    
    .text-center-mobile {
        text-align: center !important;
    }
    
    .hide-mobile {
        display: none !important;
    }
    
    .show-mobile {
        display: block !important;
    }
    
    .full-width-mobile {
        width: 100% !important;
    }

    /* Hide scroll-to-top button on mobile to avoid accidental jumps */
    .scroll-to-top-btn {
        display: none !important;
        pointer-events: none !important;
    }
    
    /* ============================================
       SPACING FIXES
       ============================================ */
    
    .mt-4, .my-4 {
        margin-top: 1.5rem !important;
    }
    
    .mb-4, .my-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .p-4 {
        padding: 1.5rem 1rem !important;
    }
    
    /* ============================================
       SOCIAL LOGIN BUTTONS
       ============================================ */
    
    .social-login-btn {
        width: 100% !important;
        margin-bottom: 0.75rem !important;
    }
    
    .social-login-btn:last-child {
        margin-bottom: 0 !important;
    }
    
    /* ============================================
       DEVELOPERS PAGE
       ============================================ */
    
    .developers-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .developer-card {
        width: 100% !important;
        padding: 1.25rem !important;
    }

    /* Developers page spacing */
    .developers-hero {
        padding: 2rem 0 1.5rem !important;
    }

    .developers-section {
        padding: 1.5rem 0 !important;
    }
    
    /* ============================================
       PACKAGES PAGE
       ============================================ */
    
    .packages-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .package-card {
        width: 100% !important;
        padding: 1.5rem 1.25rem !important;
    }
    
    /* ============================================
       INQUIRIES & VIEWINGS
       ============================================ */
    
    .inquiry-card,
    .viewing-card {
        width: 100% !important;
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* ============================================
       PROFILE PAGE
       ============================================ */
    
    .profile-form {
        padding: 1.5rem 1rem !important;
    }
    
    .profile-avatar {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto 1.5rem !important;
    }
    
    /* ============================================
       RESPONSIVE IMAGES
       ============================================ */
    
    .responsive-image {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    /* ============================================
       FIX HORIZONTAL SCROLL ISSUES
       ============================================ */
    
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    [class*="col-"] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    /* ============================================
       TOUCH-FRIENDLY ELEMENTS
       ============================================ */
    
    a, button, input, select, textarea {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }
    
    /* ============================================
       PRINT STYLES (Hide on Mobile Print)
       ============================================ */
    
    @media print {
        .no-print {
            display: none !important;
        }
    }
}

/* ============================================
   EXTRA SMALL DEVICES (320px - 374px)
   ============================================ */
@media (max-width: 374px) {
    h1 {
        font-size: 1.5rem !important;
    }
    
    h2 {
        font-size: 1.25rem !important;
    }
    
    .container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    
    .stat-card,
    .property-card {
        padding: 1rem !important;
    }
}

/* ============================================
   SMALL MOBILE DEVICES (375px - 479px)
   ============================================ */
@media (min-width: 375px) and (max-width: 479px) {
    .stats-grid,
    .properties-grid {
        gap: 1.25rem !important;
    }
}

/* ============================================
   TABLET PORTRAIT (768px - 1023px)
   ============================================ */
/* Desktop - Hide seller mobile menu button and keep sidebar visible */
@media (min-width: 768px) {
    .seller-sidebar {
        position: relative !important;
        left: 0 !important;
        width: 280px !important;
        max-width: none !important;
        height: auto !important;
        box-shadow: none !important;
        visibility: visible !important;
    }
    
    .seller-mobile-menu-btn,
    .seller-mobile-menu-toggle,
    .seller-mobile-menu-overlay {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .stats-grid,
    .properties-grid,
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
    
    .container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}