/* Responsive v3 */
@media (max-width: 1200px) {
    .categories-grid { grid-template-columns: repeat(3,1fr) !important; }
    .listings-grid { grid-template-columns: repeat(3,1fr) !important; }
}
@media (max-width: 992px) {
    .navbar-center { display: none !important; }
    .mobile-search { display: block !important; }
    .categories-grid { grid-template-columns: repeat(2,1fr) !important; gap: 10px !important; }
    .listings-grid { grid-template-columns: repeat(2,1fr) !important; }
    .steps-grid { grid-template-columns: 1fr !important; }
    .testimonials-grid { grid-template-columns: 1fr !important; }
    .app-content { grid-template-columns: 1fr !important; text-align: center; }
    .footer-grid { grid-template-columns: repeat(2,1fr) !important; }
    .mobile-menu-btn { display: block !important; }
    .navbar-right .btn span { display: none; }
    .ilan-grid { grid-template-columns: 1fr !important; }
    .search-layout { grid-template-columns: 1fr !important; }
    .ilan-grid .ilan-right { display: none; }
    .category-card { padding: 16px 14px !important; gap: 12px !important; }
    .cat-icon { width: 42px !important; height: 42px !important; font-size: 1.05rem !important; border-radius: 12px !important; }
    .cat-title { font-size: 0.88rem !important; }
    .cat-desc { font-size: 0.72rem !important; }
}
@media (max-width: 768px) {
    .top-bar-left span:nth-child(2) { display: none; }
    .stats-cards { grid-template-columns: repeat(2,1fr) !important; }
    .footer-grid { grid-template-columns: 1fr !important; }
    .cities-grid { grid-template-columns: repeat(3,1fr) !important; }
    .container { padding: 0 16px; }
    .admin-layout { flex-direction: column; }
    .sidebar { width: 100% !important; padding: 12px 16px !important; border-right: none !important; border-bottom: 1px solid #334155; }
    .sidebar-menu { flex-direction: row !important; overflow-x: auto; }
    .sidebar-item { white-space: nowrap; }
    .sidebar-item span { display: inline !important; }
}
@media (max-width: 480px) {
    .categories-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    .category-card { padding: 14px 16px !important; gap: 14px !important; border-radius: 14px !important; }
    .cat-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; font-size: 1.1rem !important; }
    .cat-title { font-size: 0.95rem !important; }
    .cat-desc { font-size: 0.78rem !important; }
    .cat-arrow { font-size: 0.85rem !important; display: block !important; }
    .listings-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
    .hero-section { padding: 50px 0 !important; }
    .step-card { padding: 28px 20px !important; }
    .section-header h2 { font-size: 1.3rem !important; }
    .section-header p { font-size: 0.85rem !important; }
    .section-header { margin-bottom: 20px !important; }
    .categories-section { padding: 24px 0 40px !important; }
    .gallery-slide { height: 280px !important; }
    .cities-grid { grid-template-columns: repeat(2,1fr) !important; gap: 8px !important; }
    .city-card { padding: 12px 8px !important; }
    .city-card span { font-size: 0.82rem !important; }
    .stats-cards { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .footer-bottom-content { flex-direction: column !important; gap: 10px !important; text-align: center !important; }
    .footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .footer { padding: 40px 0 0 !important; }
    .search-results > div { grid-template-columns: 1fr !important; }
    .how-it-works { padding: 40px 0 !important; }
    .testimonials-section { padding: 40px 0 !important; }
    .app-section { padding: 50px 0 !important; }
}

/* Mobile Search */
.mobile-search {
    display: none;
    padding: 10px 16px;
    background: var(--card-bg);
    border-bottom: 1px solid var(--border);
}
.mobile-search form { display: flex; gap: 8px; }
.mobile-search input {
    flex: 1; padding: 10px 14px; border: 1px solid var(--border); border-radius: 50px;
    font-size: 0.9rem; outline: none; font-family: inherit; background: var(--gray-100); color: var(--text);
}
.mobile-search button { background: var(--primary-gradient); color: white; border: none; width: 42px; border-radius: 50%; cursor: pointer; }