/* ============================================================================
   LISTINGS MOBILE ENHANCEMENTS
   2-Column Grid Layout for Mobile Devices
   ============================================================================ */

@media (max-width: 768px) {
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 640px) {
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* Adjust card sizing for mobile 2-column */
@media (max-width: 768px) {
    .listing-card {
        border-radius: 8px !important;
    }
    
    .listing-image {
        aspect-ratio: 1 / 1 !important;
    }
    
    .listing-card-content {
        padding: 10px !important;
    }
    
    .listing-price {
        font-size: 0.95rem !important;
    }
    
    .listing-title {
        font-size: 0.9rem !important;
        line-height: 1.2 !important;
    }
    
    .listing-meta-small {
        font-size: 0.8rem !important;
    }
}