.home-wrapper{--primary:#0a0e27;--primary-soft:#1a1f3a;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f133;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--telegram:#08c;--surface:#fff;--surface-elevated:#fafafa;--surface-dim:#f5f5f7;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-warning:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001f;--shadow-colored:0 8px 32px var(--accent-glow);--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f0f2f5 0%,#e8ebf0 100%);width:100%;min-height:100vh;padding-bottom:140px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.home-wrapper input[type=text]:focus,.home-wrapper input[type=password]:focus,.home-wrapper input[type=tel]:focus,.home-wrapper input[type=number]:focus{box-shadow:none;border-color:#0000}.home-header{-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:100;background:linear-gradient(#0a0e27 0%,#0a0e27d9 100%);border-bottom:1px solid #ffffff14;border-bottom-right-radius:22px;border-bottom-left-radius:22px;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-container{max-width:1200px;margin:0 auto;padding:16px 20px 24px}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--gradient-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f166}.brand-logo:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);animation:3s ease-in-out infinite logoShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes logoShine{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}.brand-logo i{color:#fff;z-index:1;font-size:22px;position:relative}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-name{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 8px #0003;font-size:24px;font-weight:900;line-height:1}.brand-tagline{color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:500}.header-actions{gap:8px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex;position:relative}.notification-dot{background:var(--danger);border:2px solid #0a0e27cc;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:10px;right:10px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ef4444b3}50%{opacity:.8;box-shadow:0 0 0 6px #ef444400}}.location-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;align-items:center;gap:10px;padding:12px 16px;transition:all .3s;display:flex}.location-icon{background:var(--gradient-primary);color:#fff;border-radius:25px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex;box-shadow:0 4px 12px #6366f14d}.location-text{color:#fff;flex:1;font-size:15px;font-weight:600}.location-arrow{color:#fff9;font-size:14px}.search-section{margin-top:-8px;padding:0 20px 24px}.search-wrapper{animation:.6s cubic-bezier(.34,1.56,.64,1) .1s backwards fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid #ffffff4d;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.search-input-group{align-items:center;gap:12px;padding:16px 20px;display:flex}.search-icon-wrap{background:#f5f5f7cc;justify-content:center;align-items:center;visibility:visible!important;opacity:1!important;border-radius:25px!important;flex-shrink:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:flex!important}.search-icon{color:var(--text-tertiary);font-size:18px}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.filter-btn{color:#fff;cursor:pointer;background:#0a0e27e6;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:18px;visibility:visible!important;opacity:1!important;border-radius:25px!important;flex-shrink:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:flex!important}.category-img-slider{scrollbar-width:none;gap:12px;padding:20px;display:flex;overflow-x:auto}.category-img-slider::-webkit-scrollbar{display:none}.category-img-slider img{object-fit:cover;cursor:pointer;border-radius:18px;flex-shrink:0;min-width:140px;height:140px;transition:transform .2s}.category-img-slider img:active{transform:scale(.95)}.section{margin-top:10px;padding:0 8px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.listings-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:768px){.listings-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.listings-grid{grid-template-columns:repeat(4,1fr)}}.home-listing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff2e;flex-direction:column;display:flex;overflow:hidden}.listing-image{width:100%;height:130px;position:relative;overflow:hidden}.listing-image img{object-fit:cover;width:100%;height:100%}.wishlist-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff40;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.wishlist-btn:hover{background:#fff6}.wishlist-btn i{color:inherit;filter:drop-shadow(0 2px 4px #0000004d);font-size:15px;transition:color .2s}.listing-content{flex-direction:column;flex:1;padding:12px;display:flex}.listing-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.listing-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:11px;font-weight:600;overflow:hidden}.listing-meta{color:var(--text-tertiary);margin-bottom:10px;font-size:9px}.listing-contact{gap:5px;margin-top:auto;display:flex}.contact-btn{border-radius:var(--radius-xs);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.contact-btn.telegram{color:var(--telegram);background:#0088cc1a}.contact-btn.phone{color:var(--success);background:#22c55e1a}.view-toggle{background:#ffffff80;border:1px solid #fff3;border-radius:8px;gap:2px;padding:2px;display:flex}.view-toggle button{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle button.active{color:var(--text-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.listings-list{flex-direction:column;gap:12px;display:flex}.listings-list .home-listing-card{flex-direction:row;height:120px}.listings-list .listing-image{flex-shrink:0;width:120px;height:100%}.listings-list .listing-content{justify-content:space-between;padding:12px 16px}.listings-list .listing-title{white-space:normal;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box}.listings-list .listing-subtitle{display:block}@media (max-width:480px){.search-input-group{align-items:center!important;gap:8px!important;padding:12px 16px!important;display:flex!important}.search-icon-wrap,.filter-btn{visibility:visible!important;opacity:1!important;flex-shrink:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;display:flex!important}}@media (max-width:768px){.mobile-view .search-icon-wrap,.mobile-view .filter-btn{visibility:visible!important;opacity:1!important;flex-shrink:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;display:flex!important}}@media (max-width:360px){.search-input-group{gap:6px!important;padding:10px 14px!important}.search-icon-wrap,.filter-btn{visibility:visible!important;opacity:1!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex!important}}.location-dropdown{z-index:1001;transform-origin:100% 0;background:#111827;border:1px solid #ffffff1a;border-radius:16px;min-width:260px;max-height:350px;padding:8px;animation:.2s cubic-bezier(.2,0,.13,1.5) dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 40px #00000080}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.location-option{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.location-option:hover,.location-option.active{background:#ffffff1a}.location-option img{object-fit:cover;background:#f0f0f0;border-radius:50%;width:32px;height:32px}.location-option span{font-size:14px;font-weight:500}.location-dropdown::-webkit-scrollbar{width:4px}.location-dropdown::-webkit-scrollbar-track{background:0 0}.location-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}