@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_ae896cdb-module__Lo9MPa__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}.montserrat_ae896cdb-module__Lo9MPa__variable{--font-montserrat:"Montserrat","Montserrat Fallback"}
:root{--background:#fff;--foreground:#000;--active-red:#bf1725;--icon-red:#f82f45;--icon-blue:#193f76;--text-gray:#666;--border-color:#f0f0f0}.otobix-header.scrolled{box-shadow:0 4px 30px #0000001f}.float{color:#fff;text-align:center;z-index:9999;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:transform .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #0003}.float:hover{color:#fff;transform:scale(1.1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-montserrat),sans-serif;color:var(--foreground);background:var(--background);overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1440px;margin:0 auto;padding:0 12px}.otobix-header{z-index:9999;background:#fff;border-bottom:1px solid #f0f0f0;transition:box-shadow .3s;position:sticky;top:0;box-shadow:0 2px 20px #0000000f}.otobix-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:70px;margin:0 auto;padding:0 20px;display:flex}.otobix-logo a{align-items:center;display:flex}.otobix-logo img{object-fit:contain;width:auto;height:52px}.otobix-nav{flex:1;justify-content:center;display:flex}.otobix-menu{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.otobix-menu>li{position:relative}.otobix-menu>li>a{color:#2d2d2d;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:8px 13px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.otobix-menu>li.active>a,.otobix-menu>li:hover>a{color:#f82f45;background:#f82f450d}.nav-caret{color:#999;font-size:10px;line-height:1;transition:transform .2s;display:inline-block}.otobix-dropdown{opacity:0;visibility:hidden;background:#fff;border:1px solid #f0f0f0;border-radius:12px;min-width:200px;margin:0;padding:12px 8px 8px;list-style:none;transition:all .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 10px 40px #0000001f}.has-dropdown:hover .otobix-dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.otobix-dropdown li a{color:#444;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.otobix-dropdown li a:hover{color:#f82f45;background:#f82f4512}.otobix-header-right{align-items:center;gap:12px;display:flex}.otobix-city-btn{cursor:pointer;color:#193f76;white-space:nowrap;background:#f7f8fa;border:1.5px solid #e8e8e8;border-radius:50px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;display:flex}.otobix-call-btn{background:#000;border-radius:50px;align-items:center;gap:7px;padding:9px 18px;font-size:12.5px;font-weight:700;display:flex;box-shadow:0 4px 15px #0003;color:#fff!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffffffc;background-clip:padding-box;border:1px solid #ffffff4d;border-radius:24px;outline:0;flex-direction:column;width:100%;max-width:1100px;max-height:94vh;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000080}.modal-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.modal-header h5{color:#193f76;margin:0;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.modal-close:hover{color:#000;transform:scale(1.1)}.modal-body{scrollbar-width:thin;padding:15px 20px 25px;overflow-y:auto}.city-search-container{max-width:420px;margin:10px auto 25px}.city-search-container .input-group{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;padding:0 10px;transition:all .3s;display:flex}.city-search-container input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-size:14px;font-weight:500}.city-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;padding:5px;display:grid}.city-item{cursor:pointer;background:#fff;border:1px solid #f5f5f5;border-radius:12px;flex-direction:column;align-items:center;padding:12px 5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none!important;display:flex!important}.city-item:hover{border-color:#f82f45;transform:translateY(-5px);box-shadow:0 10px 20px -5px #00000014}.city-item img{object-fit:cover;border:3px solid #f1f1f1;border-radius:50%;margin-bottom:8px;transition:all .3s;width:80px!important;height:80px!important}.city-item:hover img{border-color:#f82f45;transform:scale(1.04)}.city-item h6{color:#193f76;text-align:center;margin:0;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:700;line-height:1.2}@media (max-width:1024px){.city-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:640px){.city-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.city-item{padding:12px 8px}.city-item img{width:65px!important;height:65px!important}.city-item h6{font-size:13px}.modal-content{max-height:95vh;margin:10px}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.city-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.city-item{padding:15px 10px}.city-item img{width:70px!important;height:70px!important}.city-item h6{font-size:13px}.modal-content{max-height:95vh;margin:10px}}.otobix-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;display:none}.otobix-hamburger span{background:#193f76;border-radius:10px;width:100%;height:2.5px;transition:all .3s}.mobile-nav-drawer{z-index:10001;background:#fff;flex-direction:column;width:280px;height:100vh;padding:60px 20px 20px;transition:right .3s;display:flex;position:fixed;top:0;right:-300px;box-shadow:-5px 0 20px #0000001a}.mobile-nav-drawer.open{right:0}.mobile-nav-overlay{z-index:10000;background:#0006;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{display:block}@media (max-width:1024px){.otobix-nav{display:none}.otobix-hamburger{display:flex}.otobix-call-btn .call-text{display:none}.otobix-call-btn{padding:9px}}@media (max-width:640px){.city-label{text-overflow:ellipsis;max-width:80px;overflow:hidden}.otobix-logo img{height:38px}.otobix-header-inner{height:60px}}.main-content{background-color:#f1f4f8;min-height:calc(100vh - 60px)}.page-container{align-items:flex-start;gap:24px;max-width:1400px;margin:0 auto;padding:24px 20px;display:flex}.sidebar{background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;width:270px;height:calc(100vh - 100px);display:flex;position:sticky;top:20px;overflow:hidden;box-shadow:0 1px 4px #00000014}.sidebar-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex}.sidebar-main-title{color:#111827;letter-spacing:-.3px;font-size:15px;font-weight:800}.sidebar-count{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-scroll-content{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;flex-grow:1;padding:14px 18px;overflow-y:auto}.sidebar-scroll-content::-webkit-scrollbar{width:4px}.sidebar-scroll-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.filter-section{border-bottom:1px solid #f3f4f6;margin-bottom:20px;padding-bottom:18px}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:10px;font-weight:800}.select-wrapper{position:relative}.filter-select{color:#374151;cursor:pointer;appearance:none;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 32px 9px 12px;font-size:12.5px;font-weight:600;transition:border-color .15s,box-shadow .15s}.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.select-arrow{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.selected-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.selected-tag{color:#fff;background:#2563eb;border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:11px;font-weight:700;display:inline-flex}.selected-tag button{cursor:pointer;color:#fff;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.tags-container{flex-wrap:wrap;gap:6px;display:flex}.filter-tag{color:#4b5563;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.filter-tag:hover{border-color:var(--active-red);color:var(--active-red)}.filter-tag.active{background:var(--active-red);color:#fff;border-color:var(--active-red)}.slider{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:4px;outline:none;width:100%;height:4px;margin:8px 0 6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #2563eb66}.slider::-moz-range-thumb{cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px}.range-display{color:#111827;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.range-display .badge{color:#2563eb;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.range-labels{color:#9ca3af;justify-content:space-between;font-size:10px;font-weight:600;display:flex}.sidebar-footer{background:#fff;border-top:1px solid #f0f0f0;padding:14px 18px}.filter-actions{gap:8px;display:flex}.btn-reset,.btn-apply{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-reset{color:#dc2626;background:#fee2e2}.btn-reset:hover{background:#fecaca}.btn-apply{color:#fff;background:#2563eb}.btn-apply:hover{background:#1d4ed8}.car-grid-container{flex-grow:1;min-width:0}.grid-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.grid-title{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800}.grid-subtitle{color:#6b7280;margin-top:3px;font-size:13px}.car-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.car-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}.car-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.car-image-container{background:#f3f4f6;height:190px;position:relative;overflow:hidden}.car-img{object-fit:cover;width:100%;height:100%;display:block}.placeholder-img{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;font-weight:600;display:flex}.car-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.img-count{color:#fff;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:10px}.car-info{padding:16px}.car-name{color:#111827;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14.5px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.car-variant{color:#6b7280;font-size:13px;font-weight:500}.car-meta{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.meta-pill{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.car-location{color:#9ca3af;margin-bottom:12px;font-size:11px;font-weight:600}.car-footer{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.car-price{color:var(--active-red);letter-spacing:-.5px;font-size:17px;font-weight:800}.btn-view{color:#fff;cursor:pointer;background:#193f76;border:none;border-radius:7px;padding:7px 14px;font-size:11.5px;font-weight:700;transition:background .15s}.btn-view:hover{background:#0f2a52}.loading-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:14px;font-weight:600;display:flex}.spin-icon{color:#2563eb;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:40px;display:flex}.empty-icon{color:#d1d5db}.empty-state h3{color:#374151;font-size:18px;font-weight:700}.empty-state p{color:#9ca3af;font-size:13px}.pagination-wrapper{border-top:1px solid #f0f0f0;flex-direction:column;align-items:center;gap:10px;margin-top:36px;padding:24px 0;display:flex}.pagination-info{color:#6b7280;font-size:13px;font-weight:600}.pagination{align-items:center;gap:6px;display:flex}.page-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 8px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb59}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn.nav{color:#6b7280}.page-dots{color:#9ca3af;padding:0 4px;font-size:14px}@media (max-width:1024px){.page-container{flex-direction:column}.sidebar{width:100%;height:auto;position:static}}.cdm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.18s cdm-fade;display:flex;position:fixed;inset:0}@keyframes cdm-fade{0%{opacity:0}to{opacity:1}}.cdm-modal{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:780px;max-height:88vh;animation:.22s cdm-up;display:flex;position:relative;overflow-y:auto;box-shadow:0 32px 80px #0000004d}@keyframes cdm-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cdm-modal--form{max-width:480px}.cdm-close{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.cdm-close:hover{background:#000c}.cdm-gallery{aspect-ratio:16/9;background:#111;border-radius:20px 20px 0 0;flex-shrink:0;width:100%;position:relative;overflow:hidden}.cdm-gallery-main{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block}.cdm-no-image{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.cdm-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cdm-nav:hover{background:#000c}.cdm-nav--left{left:14px}.cdm-nav--right{right:14px}.cdm-photo-count{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.cdm-thumbs{scrollbar-width:thin;scrollbar-color:#444 transparent;background:#111;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.cdm-thumb{cursor:pointer;opacity:.5;background:#333;border:2.5px solid #0000;border-radius:8px;flex-shrink:0;width:72px;height:52px;padding:0;transition:border-color .15s,opacity .15s;overflow:hidden}.cdm-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cdm-thumb:hover{opacity:.85}.cdm-thumb--active{opacity:1;border-color:#3b82f6}.cdm-details{flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}.cdm-car-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cdm-car-title{color:#111827;letter-spacing:-.4px;font-size:18px;font-weight:800;line-height:1.3}.cdm-variant{color:#6b7280;font-size:14px;font-weight:500}.cdm-dealer-info{color:#6b7280;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.cdm-price{color:var(--active-red);letter-spacing:-.6px;white-space:nowrap;font-size:20px;font-weight:900}.cdm-specs{background:#f3f4f6;border:1px solid #f3f4f6;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;display:grid;overflow:hidden}.spec-item{background:#fff;align-items:center;gap:10px;padding:10px 12px;display:flex}.spec-item-icon{color:#2563eb;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.spec-item-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.spec-item-value{color:#111827;margin-top:1px;font-size:12.5px;font-weight:700}.cdm-actions{gap:12px;display:flex}.cdm-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.cdm-btn-secondary:hover{background:#f3f4f6}.cdm-btn-interested{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 14px #16a34a4d}.cdm-btn-interested:hover{transform:translateY(-2px);box-shadow:0 6px 20px #16a34a73}.ip-screen{flex-direction:column;gap:18px;min-height:420px;padding:36px 36px 32px;display:flex}.ip-back{margin-bottom:-4px}.ip-back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:700;transition:color .15s;display:inline-flex}.ip-back-btn:hover{color:#111827}.ip-heart-icon{color:#e11d48}.ip-success-icon{color:#16a34a}.ip-success{text-align:center;justify-content:center;align-items:center;gap:24px}.ip-screen h3{color:#111827;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.ip-screen>p{color:#6b7280;margin:0;font-size:13.5px;line-height:1.6}.ip-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600}.ip-field{flex-direction:column;gap:7px;display:flex}.ip-field label{color:#374151;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.ip-input{color:#111827;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.ip-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}.ip-hint{color:#9ca3af;margin:-4px 0;font-size:11.5px}.ip-actions{gap:10px;margin-top:auto;padding-top:8px;display:flex}.ip-btn-outlined{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;padding:12px;font-size:13.5px;font-weight:700;transition:all .15s}.ip-btn-outlined:hover{background:#f3f4f6}.ip-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;flex:1.5;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.ip-btn-primary:hover{background:#1d4ed8}.ip-btn-success{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 48px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #16a34a33}.ip-btn-success:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a4d}.ip-saved-card{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.ip-saved-row{color:#111827;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.ip-car-chip{color:#1d4ed8;background:#eff6ff;border-radius:20px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:700}@media (max-width:1024px){.page-container{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.sidebar{flex-direction:column;width:100%;height:auto;position:static}.sidebar-scroll-content{max-height:400px}.car-grid-container{width:100%;min-width:0}.car-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}}@media (max-width:640px){.page-container{padding:10px}.car-grid-container{padding:0}.grid-title{font-size:18px}.grid-subtitle{font-size:12px}.car-grid{grid-template-columns:1fr;gap:14px}.car-image-container{height:200px}.sidebar-scroll-content{max-height:320px}.filter-title{font-size:9.5px}.cdm-overlay{padding:0}.cdm-modal{border-radius:0;max-width:100%;height:100dvh;max-height:100%}.cdm-modal--form{max-width:100%;height:100dvh}.cdm-gallery{aspect-ratio:auto;height:55vw;min-height:180px}.cdm-nav{width:38px;height:38px}.cdm-thumbs{padding:8px 12px}.cdm-thumb{width:56px;height:42px}.cdm-details{gap:16px;padding:16px}.cdm-car-title{font-size:16px}.cdm-price{font-size:20px}.cdm-specs{grid-template-columns:1fr 1fr}.cdm-actions{flex-direction:column}.cdm-btn-secondary{order:2}.cdm-btn-interested{order:1}.ip-screen{padding:24px 20px 28px}.pagination{gap:4px}.page-btn{min-width:34px;height:34px;font-size:12px}}@media (max-width:380px){.cdm-specs{grid-template-columns:1fr}.cdm-gallery{height:50vw}}body.city-modal-active main,body.city-modal-active section,body.city-modal-active .otobix-header,body.city-modal-active footer,body.city-modal-active .float{filter:blur(8px)contrast(.9);pointer-events:none;transition:filter .4s}body.city-modal-active .modal-overlay{filter:none!important;pointer-events:auto!important}body.city-modal-active{overflow:hidden}
