:root{--navy:#0d2943;--navy2:#173e64;--blue:#2868ed;--orange:#f5821f;--bg:#f7f8fb;--card:#fff;--ink:#102238;--muted:#748397;--line:#e7ebf1;--green:#22a66f;--red:#e9505a;--shadow:0 8px 26px rgba(15,42,68,.08);--safe:env(safe-area-inset-bottom,0px)} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 36px));margin:auto} .topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(15,42,68,.06);backdrop-filter:blur(12px)}.topbar-inner{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}.brand-mark{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.brand-mark svg,.quick-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1.35}.brand-copy b{font-size:16px}.brand-copy small{font-size:9px;color:var(--muted)}.desktop-nav{display:flex;gap:24px;font-size:12px;font-weight:700}.desktop-nav a:hover{color:var(--blue)}.account-btn{border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800;background:#fff}.menu-btn{display:none;background:none;border:0;padding:7px}.menu-btn span{display:block;width:22px;height:2px;background:var(--navy);margin:4px;border-radius:2px}.mobile-drawer{position:absolute;top:66px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 44px rgba(15,42,68,.16);padding:8px}.mobile-drawer a{display:block;padding:12px 11px;border-radius:10px;font-size:12px;font-weight:750;border-bottom:1px solid #f2f4f7}.mobile-drawer a:last-child{border-bottom:0}.mobile-drawer a:hover{background:#f5f7fa} .hero-section{padding:18px 0 0}.hero-card{height:360px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(120deg,#0b2035,#173e64);box-shadow:0 18px 50px rgba(15,42,68,.15)}.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,39,.14),rgba(8,23,39,.48) 48%,rgba(8,23,39,.92) 100%)}.hero-content{position:relative;z-index:2;width:51%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:42px 48px;color:#fff}.hero-kicker{font-size:10px;color:#d7e7f8;font-weight:700;margin-bottom:8px}.hero-content h1{font-size:41px;line-height:1.35;margin:0 0 10px;font-weight:900}.hero-content h1 strong{color:#65a2ff}.hero-content p{font-size:13px;line-height:2;color:#e5eef8;max-width:470px;margin:0 0 18px}.hero-actions{display:flex;gap:8px}.hero-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 17px;border-radius:10px;font-size:11px;font-weight:800}.hero-btn.primary{background:var(--blue);color:#fff}.hero-btn.secondary{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;backdrop-filter:blur(8px)} .desktop-search{width:calc(100% - 80px);margin:-25px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 10px;box-shadow:0 13px 35px rgba(15,42,68,.12)}.desktop-search>span{color:var(--blue);font-size:21px}.desktop-search input{border:0;outline:0;height:39px;background:transparent;min-width:0}.desktop-search button{height:39px;border:0;border-radius:9px;padding:0 17px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}.search-results{position:absolute;top:calc(100% + 7px);right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 45px rgba(15,42,68,.18);padding:8px;max-height:330px;overflow:auto}.search-group-title{font-size:9px;color:var(--muted);font-weight:800;padding:6px}.search-result{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px}.search-result:hover{background:#f5f7fb}.search-result b{font-size:10px}.search-result small{display:block;font-size:8px;color:var(--muted)} .quick-section{padding:29px 0 9px}.section{padding:36px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.section-head h2{margin:0 0 2px;font-size:21px}.section-head p{margin:0;color:var(--muted);font-size:10px}.section-head>a{font-size:10px;color:var(--blue);font-weight:800;white-space:nowrap}.small-head{align-items:center}.small-head h2{font-size:17px}.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:120px;padding:13px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.18s;box-shadow:0 5px 18px rgba(15,42,68,.035)}.quick-card:hover{transform:translateY(-2px);border-color:#cdd9e7}.quick-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;margin-bottom:7px}.quick-icon svg{width:26px;height:26px}.q-green{background:#eaf9f2;color:#13a66b}.q-red{background:#fff0f1;color:#e8515b}.q-blue{background:#edf3ff;color:#2868ed}.q-purple{background:#f3edff;color:#7954df}.q-orange{background:#fff3e9;color:#f5821f}.q-cyan{background:#eaf9fb;color:#1ba9ba}.q-indigo{background:#edf0ff;color:#5368df}.q-gold{background:#fff7df;color:#e3a400}.quick-card b{font-size:10px;line-height:1.45}.quick-card small{font-size:7px;color:var(--muted);margin-top:3px} .market-section{background:#fff}.filter-summary{display:grid;grid-template-columns:minmax(0,2fr) auto 170px;gap:8px;align-items:center;margin-bottom:9px}.car-search{height:44px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:0 11px;background:#fff}.car-search>span{font-size:20px;color:var(--blue)}.car-search input{border:0;outline:0;width:100%;font-size:11px}.filter-toggle{height:44px;border:1px solid #cad7e6;background:#f8fbff;color:var(--navy);border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px}.filter-toggle span{color:var(--blue)}.filter-toggle b{font-size:10px}.filter-toggle em{font-style:normal;min-width:21px;height:21px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.filter-toggle i{font-style:normal;color:#7b8998;transition:.2s}.filter-toggle[aria-expanded="true"] i{transform:rotate(180deg)}#sortFilter{height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 10px;color:var(--ink);font-size:10px}.filter-panel{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:9px}.filter-label{display:block;font-size:9px;color:var(--muted);font-weight:800;margin-bottom:7px}.region-block{display:grid;grid-template-columns:120px minmax(260px,1fr) 1fr;align-items:center;gap:10px;margin-bottom:12px}.region-block .filter-label{margin:0}.scope-switch{display:grid;grid-template-columns:repeat(3,1fr);background:#eef2f7;padding:3px;border-radius:10px}.scope-switch button{height:34px;border:0;background:transparent;border-radius:8px;color:#6f7f91;font-size:9px;font-weight:800;cursor:pointer}.scope-switch button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(15,42,68,.08)}.region-selects{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.filter-grid label{display:flex;flex-direction:column;gap:5px}.filter-grid label>span{font-size:8px;color:var(--muted);font-weight:800}.filter-grid select,.filter-grid input,.region-selects select{height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 9px;outline:0;color:var(--ink);font-size:9px;min-width:0}.more-filters-toggle{margin:10px 0 0;border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800;cursor:pointer;padding:4px}.more-filters{margin-top:8px}.filter-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.filter-actions button{height:38px;border-radius:9px;padding:0 17px;font-size:9px;font-weight:850;cursor:pointer}.reset-filter{border:1px solid var(--line);background:#fff;color:#65768a}.apply-filter{border:0;background:var(--blue);color:#fff}.active-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 0 7px}.active-filters::-webkit-scrollbar{display:none}.filter-chip{border:1px solid #dbe5f1;background:#f5f9ff;color:#36526e;border-radius:30px;padding:5px 9px;white-space:nowrap;font-size:8px;font-weight:750}.result-line{display:flex;justify-content:space-between;align-items:center;margin:5px 0 9px}.result-line span{font-size:10px;font-weight:850;color:var(--navy)}.result-line small{font-size:7px;color:var(--muted)} .market-grid,.featured-row,.service-row,.business-row{display:grid;gap:11px}.market-grid{grid-template-columns:repeat(4,1fr)}.featured-row{grid-template-columns:repeat(4,1fr)}.car-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px rgba(15,42,68,.045);min-width:0}.car-img{aspect-ratio:16/10;background:#edf2f6;position:relative;overflow:hidden}.car-img img{width:100%;height:100%;object-fit:cover}.car-img-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:40px;background:linear-gradient(145deg,#edf3f8,#dfe8f1)}.fast{position:absolute;top:7px;right:7px;background:#e64f58;color:#fff;border-radius:20px;padding:3px 6px;font-size:6.5px;font-weight:900}.car-body{padding:9px}.car-title{font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-sub{font-size:7px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-price{font-size:10px;color:var(--blue);font-weight:900;margin-top:7px}.car-price small{font-size:6.5px;font-weight:600}.load-more{display:block;margin:14px auto 0;border:1px solid #d2dfec;background:#fff;color:var(--blue);height:38px;padding:0 18px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}.service-row{grid-template-columns:repeat(6,1fr)}.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 7px;text-align:center;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center}.service-icon{width:42px;height:42px;border-radius:12px;background:#eef4ff;display:grid;place-items:center;font-size:19px;margin-bottom:6px}.service-card b{font-size:9px}.service-card small{font-size:6.8px;color:var(--muted);line-height:1.55;margin-top:2px}.businesses-section{background:#f2f5f9}.business-row{grid-template-columns:repeat(3,1fr)}.business-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px;display:grid;grid-template-columns:64px 1fr;gap:9px;align-items:center}.business-photo{width:64px;height:60px;border-radius:11px;background:#edf2f6;display:grid;place-items:center;overflow:hidden;font-size:22px}.business-photo img{width:100%;height:100%;object-fit:cover}.business-card h3{font-size:10px;margin:0 0 3px}.business-card p{font-size:7.5px;color:var(--muted);margin:0}.badges{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.badge{font-size:6.5px;padding:2px 5px;background:#f1f5f9;border-radius:20px;color:#53657a}.badge.ok{background:#e8f8ef;color:#248256}.loading,.empty{grid-column:1/-1;background:#fff;border:1px dashed #d8e0e9;border-radius:13px;padding:25px;text-align:center;color:var(--muted);font-size:10px} .about-section{background:#edf3f9;padding:39px 0}.about-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:center}.about-copy>span{font-size:9px;color:var(--orange);font-weight:900}.about-copy h2{font-size:21px;line-height:1.65;margin:4px 0}.about-copy p{font-size:10px;color:var(--muted);line-height:2;margin:0}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.about-points div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 6px;text-align:center}.about-points b{display:block;font-size:10px}.about-points small{font-size:6.5px;color:var(--muted)}.footer{background:#0b2034;color:#d9e4ef;padding:30px 0 23px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.footer-grid>div{display:flex;flex-direction:column;gap:4px}.footer-grid b{font-size:15px}.footer-grid p,.footer-grid a{font-size:8px;color:#aebed0;margin:0}.bottom-nav{display:none} .modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:14px}.modal-bg{position:absolute;inset:0;background:rgba(6,19,32,.64);backdrop-filter:blur(2px)}.modal-card{position:relative;z-index:1;width:min(620px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:19px;padding:16px}.modal-close{position:sticky;top:0;float:left;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f7;font-size:20px;z-index:2}.modal-main-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;background:#eef2f7}.modal-title{font-size:18px;margin:11px 0 2px}.modal-price{font-size:14px;color:var(--blue);font-weight:900}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.spec{background:#f5f7fa;border-radius:9px;padding:8px}.spec small{display:block;font-size:7px;color:var(--muted)}.spec b{font-size:9px} @media(max-width:980px){.quick-grid{grid-template-columns:repeat(4,1fr)}.market-grid,.featured-row{grid-template-columns:repeat(3,1fr)}.service-row{grid-template-columns:repeat(4,1fr)}.business-row{grid-template-columns:repeat(2,1fr)}.region-block{grid-template-columns:110px 1fr}.region-selects{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){html{scroll-padding-top:62px}body{padding-bottom:calc(64px + var(--safe))}.shell{width:calc(100% - 18px)}.topbar-inner{height:58px;justify-content:space-between;gap:7px}.menu-btn{display:block;order:1}.brand{order:2;margin:0}.account-btn{order:3;width:35px;height:35px;border-radius:50%;font-size:0;padding:0;background:#f1f5fa;position:relative}.account-btn:after{content:"👤";position:absolute;inset:0;display:grid;place-items:center;font-size:16px}.desktop-nav{display:none}.brand-mark{width:36px;height:36px;border-radius:10px}.brand-mark svg{width:24px}.brand-copy b{font-size:14px}.brand-copy small{font-size:7px}.mobile-drawer{top:60px}.hero-section{padding-top:7px}.hero-card{height:177px;border-radius:16px}.hero-photo{background-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(8,23,39,.12),rgba(8,23,39,.56) 49%,rgba(8,23,39,.94))}.hero-content{width:68%;padding:13px 14px}.hero-kicker{font-size:7.2px;margin-bottom:3px}.hero-content h1{font-size:24px;line-height:1.28;margin-bottom:4px}.hero-content p{font-size:8.6px;line-height:1.65;margin-bottom:7px;max-width:240px}.hero-actions{gap:6px}.hero-btn{min-height:31px;border-radius:8px;padding:4px 9px;font-size:8px}.desktop-search{display:none}.quick-section{padding:13px 0 5px}.section{padding:22px 0}.section-head{margin-bottom:9px;align-items:center}.section-head h2,.small-head h2{font-size:15px}.section-head p{font-size:8px}.section-head>a{font-size:8.5px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-card{min-height:86px;border-radius:12px;padding:7px 2px}.quick-icon{width:40px;height:40px;border-radius:11px;margin-bottom:5px}.quick-icon svg{width:23px;height:23px}.quick-card b{font-size:9.6px;line-height:1.35}.quick-card small{display:none}.filter-summary{grid-template-columns:minmax(0,1fr) 88px 94px;gap:5px}.car-search{height:40px;border-radius:10px;padding:0 8px}.car-search input{font-size:9px}.filter-toggle{height:40px;border-radius:10px;padding:0 7px;gap:4px}.filter-toggle b{font-size:9px}.filter-toggle span{font-size:11px}.filter-toggle em{min-width:18px;height:18px;font-size:7px}#sortFilter{height:40px;border-radius:10px;padding:0 5px;font-size:8px}.filter-panel{border-radius:13px;padding:10px}.region-block{display:block;margin-bottom:9px}.region-block .filter-label{margin-bottom:6px}.scope-switch{margin-bottom:7px}.scope-switch button{height:34px;font-size:8.5px}.region-selects{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.filter-grid label>span{font-size:7.5px}.filter-grid select,.filter-grid input,.region-selects select{height:38px;font-size:8.5px;padding:0 7px}.more-filters-toggle{font-size:8.5px}.filter-actions{display:grid;grid-template-columns:1fr 1.5fr}.filter-actions button{height:39px;font-size:9px}.filter-chip{font-size:7.5px}.result-line span{font-size:9.5px}.result-line small{font-size:6.5px}.market-grid,.featured-row,.service-row,.business-row{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 0 3px}.market-grid::-webkit-scrollbar,.featured-row::-webkit-scrollbar,.service-row::-webkit-scrollbar,.business-row::-webkit-scrollbar{display:none}.market-grid .car-card,.featured-row .car-card{min-width:46%;scroll-snap-align:start}.car-card{border-radius:11px}.car-body{padding:7px}.car-title{font-size:9.2px}.car-sub{font-size:6.8px}.car-price{font-size:9px;margin-top:5px}.car-price small{font-size:6px}.fast{font-size:5.8px;padding:2px 5px;top:5px;right:5px}.load-more{font-size:8.5px;height:37px}.service-card{min-width:30%;min-height:88px;border-radius:11px;padding:7px 4px;scroll-snap-align:start}.service-icon{width:36px;height:36px;border-radius:10px;font-size:17px;margin-bottom:4px}.service-card b{font-size:8.4px}.service-card small{display:none}.business-card{min-width:83%;scroll-snap-align:start;grid-template-columns:59px 1fr;padding:8px}.business-photo{width:59px;height:55px}.business-card h3{font-size:9px}.business-card p{font-size:7px}.badge{font-size:6px}.about-section{padding:24px 0}.about-wrap{grid-template-columns:1fr;gap:11px}.about-copy h2{font-size:16px}.about-copy p{font-size:8px}.about-points div{padding:10px 3px}.about-points b{font-size:9px}.about-points small{font-size:6px}.footer{padding:23px 0 74px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:95;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:5px 2px calc(5px + var(--safe));box-shadow:0 -7px 22px rgba(15,42,68,.08)}.bottom-nav a{min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d8b9c;gap:1px}.bottom-nav a>span{font-size:18px}.bottom-nav small{font-size:7px;font-weight:800}.bottom-nav .active{color:var(--blue)}.bottom-main>span{width:36px;height:36px;margin-top:-18px;background:var(--blue);color:#fff!important;border-radius:50%;display:grid;place-items:center;font-size:21px!important;box-shadow:0 7px 16px rgba(40,104,237,.28)}.bottom-main small{color:var(--blue)}.modal{align-items:end;padding:6px}.modal-card{border-radius:18px 18px 8px 8px}.spec-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:360px){.hero-card{height:170px}.hero-content{width:71%;padding-inline:11px}.hero-content h1{font-size:22px}.quick-card b{font-size:8.8px}.quick-icon{width:37px;height:37px}.market-grid .car-card,.featured-row .car-card{min-width:48%}.filter-summary{grid-template-columns:minmax(0,1fr) 82px 88px}.filter-toggle b{font-size:8.2px}#sortFilter{font-size:7.5px}} .market-section{ position:relative; background:linear-gradient(180deg,#071827 0%,#0a2035 100%); color:#f7fbff; padding-top:48px; padding-bottom:42px; border-radius:30px 30px 0 0; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .market-section:before{ content:"";position:absolute;top:0;right:50%;transform:translate(50%,-1px); width:min(1180px,calc(100% - 36px));height:1px; background:linear-gradient(90deg,transparent,rgba(94,160,221,.32),transparent); } #services{background:#091d31;color:#f7fbff;padding-top:44px;padding-bottom:44px} .businesses-section{background:#071827!important;color:#f7fbff;padding-top:44px;padding-bottom:44px} .about-section{background:linear-gradient(180deg,#0a2035 0%,#071827 100%)!important;color:#f7fbff;padding:48px 0!important} .footer{background:#04111e!important;border-top:1px solid rgba(117,168,211,.12)} .market-section .section-head h2,#services .section-head h2,.businesses-section .section-head h2{ color:#fff;font-size:28px;line-height:1.35;letter-spacing:-.25px } .market-section .section-head p,#services .section-head p,.businesses-section .section-head p{ color:#b9cbe0;font-size:13px;line-height:1.9;margin-top:5px } .market-section .section-head>a,#services .section-head>a,.businesses-section .section-head>a{ color:#78aeff;font-size:12px } .market-section .filter-summary{margin-top:18px;margin-bottom:12px} .market-section .car-search, .market-section #sortFilter, .market-section .filter-toggle{ background:#102a43;border-color:#284966;color:#f8fbff;box-shadow:0 8px 24px rgba(0,0,0,.10) } .market-section .car-search>span,.market-section .filter-toggle span{color:#72a7ff} .market-section .car-search input{color:#fff;font-size:12px} .market-section .car-search input::placeholder{color:#8fa9c0} .market-section #sortFilter{color:#fff;font-size:11px} .market-section #sortFilter option{background:#102a43;color:#fff} .market-section .filter-toggle b{font-size:11px} .market-section .filter-toggle i{color:#a8bed2} .market-section .filter-panel{ background:#0d263f;border-color:#294b68;box-shadow:0 16px 40px rgba(0,0,0,.16) } .market-section .filter-label,.market-section .filter-grid label>span{color:#b8cadd;font-size:10px} .market-section .scope-switch{background:#081b2d} .market-section .scope-switch button{color:#9db4c9;font-size:10px} .market-section .scope-switch button.active{background:#173a5a;color:#fff;box-shadow:none} .market-section .filter-grid select,.market-section .filter-grid input,.market-section .region-selects select{ background:#122e49;border-color:#31516c;color:#fff;font-size:10.5px } .market-section .filter-grid input::placeholder{color:#7792aa} .market-section .filter-grid select option,.market-section .region-selects select option{background:#122e49;color:#fff} .market-section .more-filters-toggle{color:#78aeff;font-size:10.5px} .market-section .reset-filter{background:#102a43;border-color:#31516c;color:#c7d6e5} .market-section .apply-filter{background:#2f72ed;color:#fff} .market-section .filter-actions button{font-size:10.5px} .market-section .filter-chip{background:#112d48;border-color:#31516c;color:#dbe9f7;font-size:9.5px} .market-section .result-line span{color:#fff;font-size:13px;font-weight:850} .market-section .result-line small{color:#91a9bf;font-size:9px} .market-section .car-card{ background:#102a43;border-color:#294a66;box-shadow:0 10px 28px rgba(0,0,0,.16) } .market-section .car-card:hover{border-color:#47769c;transform:translateY(-2px)} .market-section .car-title{font-size:14px;color:#fff;font-weight:900;line-height:1.6} .market-section .car-sub{font-size:10.5px;color:#b5c8da;line-height:1.7;margin-top:4px} .market-section .car-price{font-size:14.5px;color:#70a8ff;margin-top:9px} .market-section .car-price small{font-size:9px;color:#b8cadd} .market-section .load-more{background:#102a43;border-color:#31516c;color:#89b8ff;font-size:11px} .market-section .empty,.market-section .loading{background:#0e2942;border-color:#31516c;color:#a9bfd2;font-size:11px} #services .service-card{ background:#102a43;border-color:#294a66;min-height:132px;box-shadow:0 10px 26px rgba(0,0,0,.12) } #services .service-icon{width:50px;height:50px;border-radius:15px;background:#163957;font-size:23px} #services .service-card b{font-size:13px;color:#fff;line-height:1.6} #services .service-card small{font-size:9.5px;color:#afc4d8;line-height:1.8} #services .loading,#services .empty{background:#102a43;border-color:#294a66;color:#a9bfd2;font-size:11px} .businesses-section .business-card{ background:#102a43;border-color:#294a66;box-shadow:0 10px 26px rgba(0,0,0,.13);padding:13px } .businesses-section .business-photo{width:76px;height:72px;background:#173752;border:1px solid #2c506d} .businesses-section .business-card h3{font-size:14px;color:#fff;line-height:1.55;margin-bottom:5px} .businesses-section .business-card p{font-size:10.5px;color:#b4c7da;line-height:1.75} .businesses-section .badge{font-size:8px;background:#173752;color:#c4d7e8;padding:4px 7px} .businesses-section .badge.ok{background:#103b35;color:#80e4bd} .businesses-section .loading,.businesses-section .empty{background:#102a43;border-color:#294a66;color:#a9bfd2;font-size:11px} .about-copy>span{color:#f7a14d!important;font-size:11px!important} .about-copy h2{color:#fff!important;font-size:29px!important;line-height:1.6!important} .about-copy p{color:#b7c9db!important;font-size:12.5px!important;line-height:2!important} .about-points div{background:#102a43!important;border-color:#294a66!important} .about-points b{color:#fff!important;font-size:13px!important} .about-points small{color:#9fb6ca!important;font-size:8.5px!important} .modal-card{background:#0c2238;color:#fff;border:1px solid #31516c} .modal-close{background:#18354f;color:#fff}.modal-title{font-size:21px}.modal-price{font-size:17px;color:#78aeff} .spec{background:#122e49}.spec small{font-size:9px;color:#9fb6ca}.spec b{font-size:11px;color:#fff} @media(max-width:767px){ .market-section{padding-top:30px;padding-bottom:28px;border-radius:22px 22px 0 0} #services,.businesses-section{padding-top:28px;padding-bottom:28px} .about-section{padding:30px 0!important} .market-section .section-head h2,#services .section-head h2,.businesses-section .section-head h2{font-size:20px} .market-section .section-head p,#services .section-head p,.businesses-section .section-head p{font-size:10.5px;line-height:1.75} .market-section .section-head>a,#services .section-head>a,.businesses-section .section-head>a{font-size:9.5px} .market-section .filter-summary{margin-top:12px} .market-section .car-search input{font-size:10px} .market-section #sortFilter{font-size:9px}.market-section .filter-toggle b{font-size:9.5px} .market-section .filter-label,.market-section .filter-grid label>span{font-size:8.8px} .market-section .scope-switch button{font-size:9px} .market-section .filter-grid select,.market-section .filter-grid input,.market-section .region-selects select{font-size:9.5px} .market-section .more-filters-toggle{font-size:9.5px}.market-section .filter-actions button{font-size:10px} .market-section .filter-chip{font-size:8.5px}.market-section .result-line span{font-size:11px}.market-section .result-line small{font-size:8px} .market-section .market-grid .car-card{min-width:52%} .market-section .car-body{padding:10px} .market-section .car-title{font-size:13px} .market-section .car-sub{font-size:9.2px;line-height:1.65} .market-section .car-price{font-size:12.5px;margin-top:7px}.market-section .car-price small{font-size:8px} #services .service-card{min-width:37%;min-height:112px;padding:10px 7px} #services .service-icon{width:46px;height:46px;font-size:21px} #services .service-card b{font-size:11px}#services .service-card small{display:block;font-size:8px;line-height:1.55} .businesses-section .business-card{min-width:88%;grid-template-columns:70px 1fr;padding:11px} .businesses-section .business-photo{width:70px;height:67px} .businesses-section .business-card h3{font-size:12px}.businesses-section .business-card p{font-size:9px}.businesses-section .badge{font-size:7.3px} .about-copy>span{font-size:10px!important}.about-copy h2{font-size:20px!important}.about-copy p{font-size:10.5px!important} .about-points b{font-size:11px!important}.about-points small{font-size:7.5px!important} .modal-title{font-size:19px}.modal-price{font-size:15px}.spec small{font-size:8.5px}.spec b{font-size:10.5px} } .quick-icon{width:54px;height:54px;border-radius:15px} .quick-icon svg{width:31px;height:31px;stroke-width:2} .quick-card b{font-size:12px;font-weight:850} .quick-card small{font-size:8.5px;line-height:1.6} .market-section .section-head h2,#services .section-head h2,.businesses-section .section-head h2{ font-size:31px;font-weight:900;letter-spacing:-.35px } .market-section .section-head p,#services .section-head p,.businesses-section .section-head p{ font-size:15px;line-height:2;color:#c4d5e6 } .market-section .section-head>a,#services .section-head>a,.businesses-section .section-head>a{ font-size:13px;font-weight:850 } .market-section .car-body{padding:14px 15px 16px} .market-section .car-title{ font-size:18px;font-weight:900;line-height:1.55;color:#fff; white-space:normal;overflow:visible;text-overflow:clip } .market-section .car-sub{ font-size:14px;font-weight:650;line-height:1.9;color:#d0deeb;margin-top:6px; white-space:normal;overflow:visible;text-overflow:clip } .market-section .car-price{ font-size:21px;font-weight:950;line-height:1.45;color:#82b5ff;margin-top:11px; letter-spacing:-.15px } .market-section .car-price small{font-size:13px;font-weight:750;color:#c9d9e8;margin-inline-start:3px} .market-section .fast{font-size:9px;padding:4px 8px} .market-section .result-line span{font-size:15px}.market-section .result-line small{font-size:11px} #featured .car-body{padding:11px 12px 13px} #featured .car-title{font-size:14px;font-weight:900} #featured .car-sub{font-size:11.5px;line-height:1.75} #featured .car-price{font-size:16px;margin-top:8px} #featured .car-price small{font-size:10px} #services .service-card{min-height:158px;padding:17px 10px} #services .service-icon{ width:66px;height:66px;border-radius:19px;font-size:31px;margin-bottom:10px; box-shadow:inset 0 0 0 1px rgba(121,181,255,.12) } #services .service-card b{font-size:16px;font-weight:900;line-height:1.65} #services .service-card small{font-size:12px;line-height:1.8;margin-top:4px;color:#c0d2e2} .businesses-section .business-card h3{font-size:16px;font-weight:900} .businesses-section .business-card p{font-size:12.5px;line-height:1.85} .businesses-section .badge{font-size:10px;padding:4px 8px} .about-copy>span{font-size:13px!important}.about-copy h2{font-size:32px!important}.about-copy p{font-size:15px!important} .about-points b{font-size:15px!important}.about-points small{font-size:11px!important} .modal-title{font-size:25px}.modal-price{font-size:22px;font-weight:900} .spec small{font-size:11px}.spec b{font-size:14px} @media(max-width:767px){ .quick-card{min-height:94px;padding:8px 2px} .quick-icon{width:46px;height:46px;border-radius:12px;margin-bottom:6px} .quick-icon svg{width:28px;height:28px} .quick-card b{font-size:11.2px;line-height:1.4} .market-section .section-head h2,#services .section-head h2,.businesses-section .section-head h2{ font-size:23px;line-height:1.35 } .market-section .section-head p,#services .section-head p,.businesses-section .section-head p{ font-size:13px;line-height:1.85;margin-top:4px } .market-section .section-head>a,#services .section-head>a,.businesses-section .section-head>a{font-size:11px} .market-section .market-grid .car-card{min-width:72%;border-radius:15px} .market-section .car-body{padding:13px 14px 15px} .market-section .car-title{font-size:17px;line-height:1.5} .market-section .car-sub{font-size:14px;line-height:1.9;margin-top:6px} .market-section .car-price{font-size:20px;line-height:1.5;margin-top:10px} .market-section .car-price small{font-size:12.5px} .market-section .fast{font-size:8px;padding:4px 7px;top:7px;right:7px} .market-section .result-line span{font-size:14px}.market-section .result-line small{font-size:10px} .market-section .load-more{font-size:12px;height:42px;padding:0 20px} .featured-row .car-card{min-width:58%} #featured .car-title{font-size:14.5px} #featured .car-sub{font-size:12px} #featured .car-price{font-size:16.5px} #featured .car-price small{font-size:10.5px} #services .service-card{min-width:46%;min-height:146px;padding:14px 9px} #services .service-icon{width:62px;height:62px;border-radius:18px;font-size:29px;margin-bottom:9px} #services .service-card b{font-size:15px;line-height:1.6} #services .service-card small{display:block;font-size:11.5px;line-height:1.75;margin-top:4px} .businesses-section .business-card{min-width:91%;grid-template-columns:82px 1fr;padding:13px} .businesses-section .business-photo{width:82px;height:78px} .businesses-section .business-card h3{font-size:15px} .businesses-section .business-card p{font-size:12px;line-height:1.8} .businesses-section .badge{font-size:9.5px} .about-copy>span{font-size:12px!important}.about-copy h2{font-size:23px!important}.about-copy p{font-size:13px!important;line-height:1.95!important} .about-points b{font-size:13px!important}.about-points small{font-size:10px!important} .modal-title{font-size:22px}.modal-price{font-size:20px}.spec small{font-size:10.5px}.spec b{font-size:13px} } @media(max-width:360px){ .quick-icon{width:43px;height:43px}.quick-icon svg{width:26px;height:26px}.quick-card b{font-size:10.4px} .market-section .market-grid .car-card{min-width:76%} .market-section .car-title{font-size:16px}.market-section .car-sub{font-size:13px}.market-section .car-price{font-size:18.5px} #services .service-card{min-width:49%}#services .service-icon{width:58px;height:58px;font-size:27px}#services .service-card b{font-size:14px}#services .service-card small{font-size:10.5px} } .car-meta{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center} .car-meta span{display:inline-flex;align-items:center;white-space:nowrap} .car-price strong{font:inherit;font-weight:950;color:inherit} .market-section .car-meta span:not(:last-child):after{content:"•";margin-inline-start:9px;color:#5f7b95;font-size:.75em} #featured .car-meta{gap:3px 7px} #featured .car-meta span:not(:last-child):after{content:"•";margin-inline-start:7px;color:#a3afbc;font-size:.7em} @media(max-width:767px){ .market-section .car-meta{gap:2px 7px} .market-section .car-meta span:not(:last-child):after{margin-inline-start:7px} } .topbar-inner{height:80px} .brand-mark{width:52px;height:52px;border-radius:15px} .brand-mark svg{width:32px;height:32px;stroke-width:2} .brand-copy b{font-size:21px;font-weight:900;line-height:1.35} .brand-copy small{font-size:11.5px;line-height:1.55;font-weight:600} .desktop-nav{font-size:13.5px} .account-btn{font-size:12.5px;padding:10px 15px} #featured .section-head h2{font-size:27px;font-weight:900;line-height:1.35} #featured .section-head p{font-size:14px;line-height:1.9;margin-top:4px} #featured .section-head>a{font-size:13px;font-weight:900} #featured .car-title{font-size:16px;line-height:1.55} #featured .car-sub{font-size:13px;line-height:1.8;margin-top:5px} #featured .car-price{font-size:19px;line-height:1.45;margin-top:9px;font-weight:950} #featured .car-price small{font-size:12px;font-weight:700} .market-section .filter-summary{grid-template-columns:minmax(0,2fr) auto 190px;gap:10px} .market-section .car-search,.market-section .filter-toggle,.market-section #sortFilter{height:50px;border-radius:14px} .market-section .car-search{padding:0 14px;gap:9px} .market-section .car-search>span{font-size:25px} .market-section .car-search input{font-size:14px;font-weight:600} .market-section .filter-toggle{padding:0 15px;gap:8px} .market-section .filter-toggle span{font-size:19px} .market-section .filter-toggle b{font-size:14px;font-weight:900} .market-section .filter-toggle em{min-width:25px;height:25px;font-size:10px} .market-section .filter-toggle i{font-size:14px} .market-section #sortFilter{font-size:13.5px;padding-inline:12px;font-weight:700} .market-section .filter-label,.market-section .filter-grid label>span{font-size:12px} .market-section .scope-switch button{font-size:12px;height:39px} .market-section .filter-grid select,.market-section .filter-grid input,.market-section .region-selects select{height:44px;font-size:12.5px} .market-section .more-filters-toggle{font-size:12.5px} .market-section .filter-actions button{height:43px;font-size:12.5px} .market-section .filter-chip{font-size:11px;padding:7px 11px} .footer-grid b{font-size:20px;font-weight:900} .footer-grid p,.footer-grid a{font-size:12.5px;line-height:1.9} .footer-grid>div{gap:7px} @media(max-width:767px){ html{scroll-padding-top:78px} body{padding-bottom:calc(82px + var(--safe))} .topbar-inner{height:72px;gap:9px} .brand{gap:10px} .brand-mark{width:50px;height:50px;border-radius:14px} .brand-mark svg{width:32px;height:32px} .brand-copy b{font-size:20px;line-height:1.3} .brand-copy small{font-size:10.5px;line-height:1.5;font-weight:650} .account-btn{width:44px;height:44px;border-width:1.5px} .account-btn:after{font-size:22px} .menu-btn{padding:7px 4px} .menu-btn span{width:31px;height:3px;margin:5px 3px} .mobile-drawer{top:74px;border-radius:18px;padding:9px} .mobile-drawer a{font-size:14px;padding:14px 12px} .quick-grid{gap:7px} .quick-card{min-height:100px;padding:8px 2px} .quick-icon{width:50px;height:50px;border-radius:14px;margin-bottom:7px} .quick-icon svg{width:30px;height:30px} .quick-card b{font-size:12.3px;line-height:1.45} #featured{padding-top:25px;padding-bottom:26px} #featured .section-head{margin-bottom:13px;align-items:flex-start} #featured .section-head h2{font-size:23px;line-height:1.35} #featured .section-head p{font-size:13.5px;line-height:1.8;margin-top:5px} #featured .section-head>a{font-size:12.5px;padding-top:3px} .featured-row{gap:10px} .featured-row .car-card{min-width:63%;border-radius:15px} #featured .car-body{padding:12px 13px 14px} #featured .car-title{font-size:16.5px;line-height:1.55;white-space:normal;overflow:visible} #featured .car-sub{font-size:13.5px;line-height:1.85;margin-top:6px;white-space:normal;overflow:visible} #featured .car-price{font-size:19.5px;line-height:1.5;margin-top:9px} #featured .car-price small{font-size:12px} .market-section .section-head h2,#services .section-head h2,.businesses-section .section-head h2{font-size:25px} .market-section .section-head p,#services .section-head p,.businesses-section .section-head p{font-size:14px;line-height:1.85} .market-section .section-head>a,#services .section-head>a,.businesses-section .section-head>a{font-size:12.5px} .market-section .filter-summary{grid-template-columns:minmax(0,1fr) 100px 108px;gap:6px;margin-top:15px} .market-section .car-search,.market-section .filter-toggle,.market-section #sortFilter{height:48px;border-radius:13px} .market-section .car-search{padding:0 9px;gap:6px} .market-section .car-search>span{font-size:23px} .market-section .car-search input{font-size:13px;min-width:0} .market-section .filter-toggle{padding:0 8px;gap:5px} .market-section .filter-toggle span{font-size:17px} .market-section .filter-toggle b{font-size:12.5px} .market-section .filter-toggle em{min-width:22px;height:22px;font-size:9px} .market-section .filter-toggle i{font-size:12px} .market-section #sortFilter{font-size:12px;padding:0 6px} .market-section .filter-panel{padding:13px;border-radius:16px} .market-section .filter-label,.market-section .filter-grid label>span{font-size:11.5px;line-height:1.6} .market-section .scope-switch button{font-size:11.5px;height:39px} .market-section .filter-grid select,.market-section .filter-grid input,.market-section .region-selects select{height:43px;font-size:12px;padding-inline:9px} .market-section .more-filters-toggle{font-size:12px;padding:7px 3px} .market-section .filter-actions button{height:43px;font-size:12px} .market-section .filter-chip{font-size:10.5px;padding:6px 10px} .market-section .result-line span{font-size:15px} .market-section .result-line small{font-size:11px} #services .service-card{min-width:48%;min-height:154px;padding:15px 10px} #services .service-icon{width:68px;height:68px;border-radius:19px;font-size:32px;margin-bottom:10px} #services .service-card b{font-size:16px} #services .service-card small{font-size:12px;line-height:1.75} .footer{padding:28px 0 96px} .footer-grid{gap:16px 22px} .footer-grid b{font-size:21px} .footer-grid p,.footer-grid a{font-size:13px;line-height:1.9} .bottom-nav{padding:7px 2px calc(7px + var(--safe));box-shadow:0 -8px 25px rgba(15,42,68,.11)} .bottom-nav a{min-height:55px;gap:3px} .bottom-nav a>span{font-size:26px;line-height:1} .bottom-nav small{font-size:11.5px;font-weight:850;line-height:1.35} .bottom-main>span{width:52px;height:52px;margin-top:-27px;font-size:31px!important;box-shadow:0 8px 20px rgba(40,104,237,.30)} .bottom-main small{font-size:11.5px} } @media(max-width:360px){ .brand-mark{width:46px;height:46px}.brand-mark svg{width:29px;height:29px} .brand-copy b{font-size:18px}.brand-copy small{font-size:9.5px} .account-btn{width:41px;height:41px}.account-btn:after{font-size:20px} .menu-btn span{width:28px} .quick-icon{width:47px;height:47px}.quick-icon svg{width:28px;height:28px}.quick-card b{font-size:11.5px} .featured-row .car-card{min-width:67%} .market-section .filter-summary{grid-template-columns:minmax(0,1fr) 92px 98px} .market-section .car-search input{font-size:12px} .market-section .filter-toggle b{font-size:11.5px} .market-section #sortFilter{font-size:11px} .bottom-nav small{font-size:10.5px} } .account-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px} .account-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .bottom-nav .nav-icon{display:grid;place-items:center} .bottom-nav .nav-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .bottom-nav .nav-plus svg{width:31px;height:31px;stroke-width:1.8} @media(max-width:767px){ .account-btn{font-size:0;padding:0} .account-text{display:none} .account-icon{width:24px;height:24px} .bottom-nav a>span.nav-icon{font-size:0} .bottom-nav .nav-icon svg{width:28px;height:28px} .bottom-nav .bottom-main>span.nav-icon{width:52px;height:52px;margin-top:-27px} .bottom-nav .bottom-main .nav-plus svg{width:34px;height:34px} } @media(max-width:767px){ .brand-copy b{font-size:21px} .brand-copy small{font-size:11px} #featured .section-head>a{font-size:13px} #services .service-icon{width:72px;height:72px;font-size:34px} .footer-grid b{font-size:22px} .footer-grid p,.footer-grid a{font-size:14px} .bottom-nav small,.bottom-main small{font-size:12.5px} } @media(max-width:360px){ .brand-copy b{font-size:19.5px}.brand-copy small{font-size:10px} .market-section .filter-toggle b{font-size:12px} .market-section #sortFilter{font-size:11.5px} .bottom-nav small,.bottom-main small{font-size:11.5px} #services .service-icon{width:68px;height:68px;font-size:32px} } .detail-gallery-v6{border-radius:16px;overflow:hidden;background:#eaf0f6;margin-bottom:10px} .detail-gallery-v6 .modal-main-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0} .modal-image-empty{aspect-ratio:16/9;display:grid;place-items:center;font-size:54px;background:#eaf0f6;color:#31516c} .modal-thumbs{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:1px;scrollbar-width:none}.modal-thumbs::-webkit-scrollbar{display:none} .modal-thumb{border:2px solid transparent;padding:0;border-radius:10px;overflow:hidden;background:transparent;flex:0 0 72px;height:54px}.modal-thumb.active{border-color:#2f76f0}.modal-thumb img{width:100%;height:100%;object-fit:cover;display:block} .detail-head-v6{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:14px 0}.detail-location-v6{font-size:14px;color:#a7b7c8;margin-top:5px}.modal-price small{font-size:.58em;font-weight:700} .detail-specs-v6 .spec{background:#14334e;border:1px solid #2a506d}.detail-specs-v6 .spec small{color:#9fb3c7}.detail-specs-v6 .spec b{color:#fff} .detail-block-v6,.seller-box-v6,.dealer-offer-v6{margin-top:16px;padding:16px;border-radius:15px;background:#102c45;border:1px solid #2b4e69}.detail-block-v6 h3,.dealer-offer-v6 h3{font-size:18px;margin:0 0 7px}.detail-block-v6 p,.dealer-offer-v6 p{font-size:14px;line-height:1.9;color:#b8c7d6;margin:0} .seller-head-v6{display:flex;align-items:center;gap:10px}.seller-avatar-v6{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf1fb;color:#14334e;font-size:22px}.seller-head-v6 small{display:block;color:#9fb3c7;font-size:12px}.seller-head-v6 b{display:block;font-size:17px;margin-top:2px}.seller-phone-v6{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;padding:11px 12px;border-radius:11px;background:#0a2136}.seller-phone-v6 span{font-size:13px;color:#9fb3c7}.seller-phone-v6 strong{direction:ltr;font-size:17px;color:#fff;letter-spacing:.3px} .contact-actions-v6{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-btn-v6{min-height:46px;border:1px solid #39617f;border-radius:11px;background:#173b59;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.detail-btn-v6.primary{background:#2f76f0;border-color:#2f76f0}.detail-btn-v6.offer{width:100%;background:#f5821f;border-color:#f5821f;color:#fff}.detail-btn-v6:disabled{opacity:.45;cursor:not-allowed} .dealer-offer-v6{background:linear-gradient(145deg,#102c45,#0a2136)}.dealer-badge-v6{display:inline-block;background:rgba(245,130,31,.16);border:1px solid rgba(245,130,31,.5);color:#ffb66f;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;margin-bottom:8px}.dealer-offer-head-v6{margin-bottom:12px} .offer-status-v6,.other-offers-v6,.offer-success-v6,.offer-error-v6{font-size:13px;line-height:1.8;border-radius:10px;padding:10px 11px;margin-bottom:10px}.offer-status-v6,.other-offers-v6{background:#0a2136;color:#b8c7d6}.offer-success-v6{background:rgba(39,176,118,.14);border:1px solid rgba(39,176,118,.45);color:#91e2bc}.offer-error-v6{background:rgba(224,73,83,.13);border:1px solid rgba(224,73,83,.42);color:#ff9aa2;margin-top:9px}.offer-status-v6 a{color:#7eafff;font-weight:900}.offer-field-v6{display:block;margin:9px 0}.offer-field-v6 span{display:block;font-size:12px;color:#b6c5d4;margin-bottom:5px}.offer-field-v6 input,.offer-field-v6 textarea{width:100%;box-sizing:border-box;background:#071d30;border:1px solid #345673;color:#fff;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px}.offer-field-v6 textarea{resize:vertical}.offer-chips-v6{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.offer-chips-v6 span{background:#173b59;border:1px solid #315979;color:#fff;padding:5px 8px;border-radius:8px;font-size:12px} @media(max-width:767px){ .modal-card{padding:13px 12px 18px;max-height:92vh} .detail-head-v6{display:block}.detail-head-v6 .modal-price{margin-top:7px} .detail-location-v6{font-size:14px}.detail-specs-v6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-specs-v6 .spec{padding:10px}.detail-specs-v6 .spec small{font-size:11px}.detail-specs-v6 .spec b{font-size:14px;line-height:1.6} .detail-block-v6,.seller-box-v6,.dealer-offer-v6{padding:14px}.detail-block-v6 h3,.dealer-offer-v6 h3{font-size:19px}.detail-block-v6 p,.dealer-offer-v6 p{font-size:14px}.seller-head-v6 small{font-size:12px}.seller-head-v6 b{font-size:18px}.seller-phone-v6 span{font-size:13px}.seller-phone-v6 strong{font-size:18px}.detail-btn-v6{font-size:14px;min-height:48px}.dealer-badge-v6{font-size:12px}.offer-field-v6 span{font-size:13px}.offer-field-v6 input,.offer-field-v6 textarea{font-size:15px} } .market-section .car-search{ display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:6px; align-items:center; padding:4px 5px 4px 10px; } .market-section .car-search input{ width:100%; min-width:0; height:36px; border:0; outline:0; background:transparent; color:#fff; caret-color:#fff; -webkit-appearance:none; appearance:none; } .market-section .car-search input::-webkit-search-decoration, .market-section .car-search input::-webkit-search-cancel-button, .market-section .car-search input::-webkit-search-results-button, .market-section .car-search input::-webkit-search-results-decoration{display:none} .market-section .car-search input::placeholder{color:#8fa9c0;opacity:1} .market-section .car-search-btn{ width:40px; height:40px; border:0; border-radius:10px; display:grid; place-items:center; background:#2f72ed; color:#fff; cursor:pointer; padding:0; -webkit-tap-highlight-color:transparent; } .market-section .car-search-btn:active{transform:scale(.96)} .market-section .car-search-btn svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; } .market-section .region-block-v2{ display:block; margin-bottom:14px; } .market-section .region-grid-v2{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; } .market-section .region-grid-v2 .filter-field, .market-section .filter-pair label{ display:flex; flex-direction:column; gap:6px; } .market-section .region-grid-v2 .filter-field>span, .market-section .filter-pair label>span{ color:#b8cadd; font-size:10px; font-weight:800; } .market-section .region-grid-v2 select, .market-section .filter-pair select, .market-section .filter-pair input{ width:100%; min-width:0; height:43px; border:1px solid #31516c; border-radius:10px; background:#122e49; color:#fff; outline:0; padding:0 11px; font-size:11px; } .market-section .filter-pair input::placeholder{color:#7792aa;opacity:1} .market-section .region-grid-v2 select option, .market-section .filter-pair select option{background:#122e49;color:#fff} .market-section .filter-pairs{ display:grid; gap:10px; } .market-section .filter-pair{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px; border:1px solid rgba(49,81,108,.55); border-radius:12px; background:rgba(8,27,45,.34); } .market-section .filter-actions{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:9px; margin-top:14px; } .market-section .filter-actions button{height:44px;border-radius:10px} @media(max-width:767px){ .market-section .filter-summary{ grid-template-columns:minmax(0,1fr) 88px 94px; align-items:center; } .market-section .car-search{height:44px;padding:2px 3px 2px 8px} .market-section .car-search input{font-size:12px;height:38px} .market-section .car-search-btn{width:38px;height:38px;border-radius:9px} .market-section .car-search-btn svg{width:22px;height:22px} .market-section .region-grid-v2{grid-template-columns:1fr} .market-section .filter-pairs{gap:9px} .market-section .filter-pair{gap:8px;padding:9px} .market-section .region-grid-v2 select, .market-section .filter-pair select, .market-section .filter-pair input{height:44px;font-size:12px} .market-section .region-grid-v2 .filter-field>span, .market-section .filter-pair label>span{font-size:11px} } @media(max-width:390px){ .market-section .filter-summary{ grid-template-columns:minmax(0,1fr) 82px 88px; } .market-section .filter-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} } .market-section{ background:linear-gradient(180deg,#f1f5fa 0%,#f8fafc 100%); color:var(--ink); border-radius:32px 32px 0 0; box-shadow:inset 0 1px 0 #fff; } .market-section:before{ background:linear-gradient(90deg,transparent,#cbd9e8,transparent); } #services{ background:#fff; color:var(--ink); border-top:1px solid #edf1f6; } .businesses-section{ background:#f5f7fa!important; color:var(--ink); border-top:1px solid #edf1f6; } .about-section{ background:#fff!important; color:var(--ink); border-top:1px solid #edf1f6; } .footer{ background:#f8fafc!important; color:var(--ink); border-top:1px solid #e2e8f0; } .market-section .section-head h2, #services .section-head h2, .businesses-section .section-head h2{ color:#101827; font-size:28px; letter-spacing:-.3px; } .market-section .section-head p, #services .section-head p, .businesses-section .section-head p{ color:#6d7b8d; font-size:14px; } .market-section .section-head>a, #services .section-head>a, .businesses-section .section-head>a{ color:#1769ff; font-size:13px; } .market-section .car-search, .market-section #sortFilter, .market-section .filter-toggle{ background:#fff; border-color:#dce4ee; color:#17243a; box-shadow:0 7px 22px rgba(15,42,68,.055); } .market-section .car-search input{ color:#17243a; caret-color:#1769ff; } .market-section .car-search input::placeholder{color:#8c99a8;opacity:1} .market-section #sortFilter{color:#17243a} .market-section #sortFilter option{background:#fff;color:#17243a} .market-section .filter-toggle span{color:#1769ff} .market-section .filter-toggle i{color:#8794a4} .market-section .filter-icon{ width:22px; height:22px; display:grid; place-items:center; flex:none; font-size:0; } .market-section .filter-icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .market-section .filter-panel{ background:#fff; border-color:#dfe6ef; box-shadow:0 18px 44px rgba(15,42,68,.08); } .market-section .filter-label, .market-section .filter-grid label>span, .market-section .region-grid-v2 .filter-field>span, .market-section .filter-pair label>span{color:#667589} .market-section .scope-switch{background:#eff3f8} .market-section .scope-switch button{color:#657489} .market-section .scope-switch button.active{ background:#fff; color:#1769ff; box-shadow:0 3px 10px rgba(15,42,68,.08); } .market-section .filter-grid select, .market-section .filter-grid input, .market-section .region-selects select, .market-section .region-grid-v2 select, .market-section .filter-pair select, .market-section .filter-pair input{ background:#fff; border-color:#dfe6ef; color:#17243a; } .market-section .filter-grid input::placeholder, .market-section .filter-pair input::placeholder{color:#98a4b2;opacity:1} .market-section .filter-grid select option, .market-section .region-selects select option, .market-section .region-grid-v2 select option, .market-section .filter-pair select option{background:#fff;color:#17243a} .market-section .filter-pair{ background:#f8fafc; border-color:#e1e7ef; } .market-section .more-filters-toggle{color:#1769ff} .market-section .reset-filter{background:#fff;border-color:#d9e2ec;color:#5d6c80} .market-section .apply-filter{background:#1769ff;color:#fff} .market-section .filter-chip{background:#eaf2ff;border-color:#cfdef8;color:#245898} .market-section .result-line span{color:#111827} .market-section .result-line small{color:#718096} .market-section .car-card{ background:#fff; border-color:#e0e7ef; border-radius:20px; box-shadow:0 10px 28px rgba(15,42,68,.075); } .market-section .car-card:hover{ border-color:#b7cbea; box-shadow:0 15px 36px rgba(15,42,68,.11); } .market-section .car-img{background:#edf2f7} .market-section .car-img-placeholder{ background:linear-gradient(145deg,#f5f8fb,#e6edf5); color:#8097ae; } .market-section .car-img-placeholder svg, .modal-image-empty svg{ width:64px; height:64px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; } .market-section .car-title{color:#111827} .market-section .car-sub{color:#69788b} .market-section .car-meta span:not(:last-child):after{color:#b1bdca} .market-section .car-price{color:#145fe9} .market-section .car-price small{color:#69788b} .market-section .fast{background:#ff5636;color:#fff} .market-section .load-more{ background:#fff; border-color:#cad8e8; color:#1769ff; box-shadow:0 7px 20px rgba(15,42,68,.05); } .market-section .empty,.market-section .loading{ background:#fff; border-color:#d6dfe9; color:#6d7b8d; } #services .service-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px} #services .service-card{ min-height:126px; padding:8px 4px; background:transparent; border:0; border-radius:18px; box-shadow:none; justify-content:flex-start; transition:transform .18s ease; } #services .service-card:hover{transform:translateY(-3px)} #services .service-icon{ width:82px; height:82px; margin-bottom:11px; border-radius:25px; background:var(--icon-bg,#edf3ff); color:var(--icon-color,#1769ff); box-shadow:inset 0 0 0 1px rgba(75,103,139,.055); } #services .service-icon svg, .businesses-section .business-fallback svg{ width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #services .service-card b{ color:#172033; font-size:14px; line-height:1.55; } #services .service-card small{display:none!important} #services .loading,#services .empty{ background:#f8fafc; border-color:#d9e2ec; color:#6d7b8d; } .tone-amber{--icon-bg:#fff4df;--icon-color:#d78400} .tone-blue{--icon-bg:#eaf2ff;--icon-color:#1769ff} .tone-yellow{--icon-bg:#fff7d9;--icon-color:#c58b00} .tone-navy{--icon-bg:#e9eef5;--icon-color:#213d5d} .tone-violet{--icon-bg:#f2edff;--icon-color:#7353d9} .tone-cyan{--icon-bg:#e5f8fb;--icon-color:#1398ab} .tone-orange{--icon-bg:#fff0e5;--icon-color:#e76c16} .tone-green{--icon-bg:#e7f8ef;--icon-color:#15945d} .businesses-section .business-row{gap:14px} .businesses-section .business-card{ background:#fff; border-color:#e0e7ef; border-radius:20px; padding:14px; grid-template-columns:82px minmax(0,1fr); gap:13px; box-shadow:0 9px 25px rgba(15,42,68,.065); } .businesses-section .business-photo{ position:relative; width:82px; height:82px; overflow:hidden; display:grid; place-items:center; border:0; border-radius:23px; background:#eef3f8; } .businesses-section .business-fallback{ width:100%; height:100%; display:grid; place-items:center; background:var(--icon-bg,#eaf2ff); color:var(--icon-color,#1769ff); } .businesses-section .business-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } .businesses-section .business-card h3{color:#111827;font-size:16px;margin-bottom:5px} .businesses-section .business-card p{color:#69788b;font-size:12.5px} .businesses-section .badge{background:#eef3f8;color:#53657a;font-size:10px} .businesses-section .badge.ok{background:#e7f8ef;color:#168257} .businesses-section .loading,.businesses-section .empty{ background:#fff; border-color:#d9e2ec; color:#6d7b8d; } .about-copy>span{color:#f5821f!important} .about-copy h2{color:#111827!important} .about-copy p{color:#69788b!important} .about-points div{ background:#f5f7fa!important; border-color:#e3e9f0!important; border-radius:18px; } .about-points b{color:#172033!important} .about-points small{color:#748397!important} .footer-grid b{color:#172033} .footer-grid p,.footer-grid a{color:#68788b} .footer-grid a:hover{color:#1769ff} .modal-card{background:#fff;color:#172033;border:1px solid #dfe6ef;box-shadow:0 24px 70px rgba(5,22,39,.22)} .modal-close{background:#eef2f7;color:#27384b} .modal-price{color:#145fe9} .detail-gallery-v6,.modal-image-empty{background:#eef3f8;color:#8097ae} .detail-location-v6{color:#718096} .detail-specs-v6 .spec{background:#f5f7fa;border-color:#e1e7ef} .detail-specs-v6 .spec small{color:#748397} .detail-specs-v6 .spec b{color:#172033} .detail-block-v6,.seller-box-v6,.dealer-offer-v6{ background:#f8fafc; border-color:#e1e7ef; } .detail-block-v6 p,.dealer-offer-v6 p{color:#637287} .seller-head-v6 small,.seller-phone-v6 span,.offer-field-v6 span{color:#6e7d90} .seller-phone-v6{background:#eef3f8} .seller-phone-v6 strong{color:#172033} .detail-btn-v6{background:#fff;border-color:#bfd0e2;color:#23405e} .detail-btn-v6.primary{background:#1769ff;border-color:#1769ff;color:#fff} .dealer-offer-v6{background:linear-gradient(145deg,#f8fbff,#eef5ff)} .dealer-badge-v6{background:#fff1e5;border-color:#ffd2ae;color:#c45b0d} .offer-status-v6,.other-offers-v6{background:#eaf1f8;color:#607187} .offer-success-v6{background:#e9f8f0;border-color:#b9e5cf;color:#18754d} .offer-error-v6{background:#fff0f1;border-color:#f3c4c8;color:#b8323d} .offer-status-v6 a{color:#1769ff} .offer-field-v6 input,.offer-field-v6 textarea{background:#fff;border-color:#cfdbe8;color:#172033} .offer-chips-v6 span{background:#eef3f8;border-color:#d8e1eb;color:#304960} @media(max-width:980px) and (min-width:768px){ #services .service-row{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:767px){ .market-section{border-radius:24px 24px 0 0} .market-section .section-head h2, #services .section-head h2, .businesses-section .section-head h2{font-size:23px} .market-section .section-head p, #services .section-head p, .businesses-section .section-head p{font-size:13px} .market-section .section-head>a, #services .section-head>a, .businesses-section .section-head>a{font-size:12px} .market-section .filter-icon{width:18px;height:18px} .market-section .filter-icon svg{width:18px;height:18px} .market-section .market-grid .car-card{min-width:72%;border-radius:18px} .market-section .car-img-placeholder svg{width:54px;height:54px} #services .service-row{display:flex;gap:8px;padding:2px 0 6px} #services .service-card{ min-width:29%; min-height:120px; padding:5px 2px; scroll-snap-align:start; } #services .service-icon{ width:72px; height:72px; border-radius:22px; margin-bottom:9px; } #services .service-icon svg{width:35px;height:35px} #services .service-card b{font-size:13px;line-height:1.5} .businesses-section .business-card{ min-width:86%; grid-template-columns:76px minmax(0,1fr); padding:12px; } .businesses-section .business-photo{width:76px;height:76px;border-radius:21px} .businesses-section .business-fallback svg{width:36px;height:36px} .businesses-section .business-card h3{font-size:15px} .businesses-section .business-card p{font-size:12px} .footer{padding-bottom:96px} } @media(max-width:390px){ #services .service-card{min-width:31%} #services .service-icon{width:68px;height:68px;border-radius:20px} #services .service-icon svg{width:33px;height:33px} } .businesses-section .business-card{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; min-height:0; text-align:center; } .businesses-section .business-photo{ width:96px; height:96px; flex:none; border-radius:27px; } .businesses-section .business-card>div:last-child{ width:100%; min-width:0; } .businesses-section .business-card h3, .businesses-section .business-card p{ overflow-wrap:anywhere; } .businesses-section .badges{justify-content:center} @media(max-width:767px){ #services .service-row{ gap:5px; padding:2px 0 5px; scroll-snap-type:x proximity; } #services .service-card{ flex:0 0 calc((100% - 15px)/4); min-width:calc((100% - 15px)/4); min-height:102px; padding:4px 1px; } #services .service-icon{ width:56px; height:56px; margin-bottom:7px; border-radius:18px; } #services .service-icon svg{width:29px;height:29px} #services .service-card b{font-size:12px;line-height:1.45} .businesses-section .business-row{gap:8px} .businesses-section .business-card{ flex:0 0 44%; min-width:44%; gap:8px; padding:11px 8px 12px; border-radius:18px; scroll-snap-align:start; } .businesses-section .business-photo{ width:84px; height:84px; border-radius:23px; } .businesses-section .business-fallback svg{width:38px;height:38px} .businesses-section .business-card h3{font-size:14px;line-height:1.5;margin-bottom:3px} .businesses-section .business-card p{font-size:11px;line-height:1.65} .businesses-section .badges{gap:3px;margin-top:6px} .businesses-section .badge{font-size:8.5px;padding:3px 6px} .market-section .market-grid{ --focus-card-width:60%; gap:8px; align-items:flex-start; padding:8px calc((100% - var(--focus-card-width))/2) 15px; scroll-padding-inline:calc((100% - var(--focus-card-width))/2); scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; } .market-section .market-grid .car-card{ flex:0 0 var(--focus-card-width); min-width:var(--focus-card-width); scroll-snap-align:center; scroll-snap-stop:always; transform:translateY(12px) scale(.84); transform-origin:center top; opacity:.68; z-index:1; border-radius:17px; transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease; will-change:transform; } .market-section .market-grid .car-card.is-near{ transform:translateY(7px) scale(.91); opacity:.88; z-index:2; } .market-section .market-grid .car-card.is-active{ transform:translateY(0) scale(1); opacity:1; z-index:3; border-color:#c7d6e8; box-shadow:0 15px 34px rgba(15,42,68,.14); } .market-section .market-grid .car-body{padding:10px 11px 12px} .market-section .market-grid .car-title{font-size:14.5px;line-height:1.5} .market-section .market-grid .car-sub{font-size:11.5px;line-height:1.7;margin-top:4px} .market-section .market-grid .car-price{font-size:16.5px;line-height:1.45;margin-top:7px} .market-section .market-grid .car-price small{font-size:10.5px} } @media(max-width:390px){ #services .service-card{ flex-basis:calc((100% - 15px)/4); min-width:calc((100% - 15px)/4); } #services .service-icon{width:52px;height:52px;border-radius:17px} #services .service-icon svg{width:27px;height:27px} #services .service-card b{font-size:11.5px} .businesses-section .business-card{flex-basis:45%;min-width:45%} .businesses-section .business-photo{width:78px;height:78px;border-radius:21px} .market-section .market-grid{--focus-card-width:62%} } @media(prefers-reduced-motion:reduce){ .market-section .market-grid .car-card{transition:none} } .businesses-section .business-row{grid-template-columns:repeat(4,minmax(0,1fr))} .businesses-section .business-card{ display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; overflow:hidden; text-align:right; border-radius:18px; } .businesses-section .business-photo{ width:100%; height:auto; aspect-ratio:16/10; border-radius:0; } .businesses-section .business-fallback svg{width:44px;height:44px} .businesses-section .business-card>div:last-child{padding:11px 12px 13px} .businesses-section .business-card h3{font-size:15px;line-height:1.55;margin:0 0 4px} .businesses-section .business-card p{font-size:11.5px;line-height:1.7;margin:0} .businesses-section .badges{justify-content:flex-start;margin-top:7px} @media(max-width:980px) and (min-width:768px){ .businesses-section .business-row{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:767px){ .businesses-section .business-row{gap:8px} .businesses-section .business-card{ flex:0 0 46%; min-width:46%; border-radius:16px; scroll-snap-align:start; } .businesses-section .business-photo{ width:100%; height:auto; aspect-ratio:16/10; border-radius:0; } .businesses-section .business-fallback svg{width:38px;height:38px} .businesses-section .business-card>div:last-child{padding:9px 10px 11px} .businesses-section .business-card h3{font-size:13.5px;line-height:1.5;margin-bottom:3px} .businesses-section .business-card p{font-size:10.5px;line-height:1.6} .businesses-section .badges{justify-content:flex-start;gap:3px;margin-top:6px} .businesses-section .badge{font-size:8px;padding:3px 5px} } @media(max-width:390px){ .businesses-section .business-card{flex-basis:47%;min-width:47%} } #mm-install-card{box-sizing:border-box;direction:rtl;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px auto;padding:14px 18px;width:min(1180px,calc(100% - 28px));border:1px solid #dce3ec;border-radius:18px;background:#f6f9fd;color:#132744;font:inherit} #mm-install-card[hidden],#mm-install-help[hidden]{display:none!important} #mm-install-card img{width:48px;height:48px;border-radius:12px;flex:none} #mm-install-card .mm-install-copy{flex:1;min-width:160px} #mm-install-card strong{display:block;font-size:14px} #mm-install-card p{margin:3px 0 0;font-size:12px;line-height:1.9} #mm-install-card button,#mm-install-help button{font:inherit;cursor:pointer;min-height:44px;border-radius:12px;padding:8px 14px} #mm-install-button{background:#132744;color:#fff;border:1px solid #132744;font-size:12px!important} #mm-install-dismiss{background:transparent;border:1px solid transparent;color:#536071;font-size:12px!important} #mm-install-card button:focus-visible,#mm-install-help button:focus-visible{outline:3px solid #f5821f;outline-offset:3px} #mm-install-help{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:20px;background:#091729a6;direction:rtl} #mm-install-help .mm-install-dialog{box-sizing:border-box;width:min(100%,420px);max-height:85vh;overflow:auto;background:#fff;color:#132744;padding:22px;border-radius:20px;font:inherit;box-shadow:0 12px 44px #13274433} #mm-install-help h2{font-size:18px;margin:0 0 12px} #mm-install-help p{line-height:2;font-size:14px} #mm-install-help button{background:#132744;color:#fff;border:0} @media(max-width:480px){#mm-install-card{gap:10px;padding:12px}#mm-install-button{flex:1}} [hidden]{display:none!important} .mm-notif-settings{padding:16px;border:1px solid var(--border,#dbe2eb);border-radius:12px;background:var(--panel,#fff);color:var(--text,#18263d);margin-block:12px;line-height:1.9;font-size:13px} .mm-notif-settings p{margin:8px 0}.mm-notif-settings small{display:block;margin-top:10px;opacity:.8} .mm-notif-button{font:inherit;font-size:12px;min-height:40px;border:1px solid var(--border,#d3dce9);border-radius:9px;padding:8px 12px;background:var(--panel-2,#f3f6fa);color:var(--text,#16243b);cursor:pointer} .mm-notif-button:disabled{opacity:.6;cursor:wait}.mm-notif-button:focus-visible{outline:2px solid #ec8b2c;outline-offset:2px} .mm-notif-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0} .mm-notif-item{padding:16px;margin-block:10px;background:var(--panel,#fff);color:var(--text,#17253b);border:1px solid var(--border,#dce3ee);border-radius:12px;overflow-wrap:anywhere;line-height:1.9} .mm-notif-item.unread{border-inline-start:4px solid #f5821f}.mm-notif-item p{margin:0 0 8px}.mm-notif-item time{font-size:12px;opacity:.7;display:block}.mm-notif-item button{margin-top:8px} .mm-notif-empty{padding:28px 14px;text-align:center;opacity:.8}.mm-notif-error{color:var(--red,#bb263e)} .mm-notification-toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));inset-inline:16px;max-width:430px;margin-inline:auto;z-index:240;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;background:var(--panel,#fff);color:var(--text,#17253b);box-shadow:0 6px 26px #0003;border:1px solid #f5821f;border-radius:12px;font:inherit;font-size:13px;line-height:1.7} .mm-notification-toast a{color:#c36310;font-weight:700}.mm-notification-toast button{margin-inline-start:auto} [data-mm-notification-count]{display:inline-block;border-radius:12px;padding:1px 6px;background:#e56e0d;color:white;font-size:11px} .garage-tabs{display:flex;gap:8px;margin-bottom:16px}.garage-tabs [aria-current="page"]{background:var(--orange,#f5821f);color:white;border-color:transparent} .mm-top-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mm-notif-settings[data-mm-push-active="1"]{border-color:#22965b} .mm-notif-button.mm-notif-enabled{background:#177b46;color:#fff;border-color:#177b46;font-weight:700} .mm-push-badge{display:inline-block;margin-inline-start:6px;padding:2px 7px;border-radius:20px;background:#177b46;color:#fff;font-size:11px} .bottom-nav a[href="messages.html"],.bottom-nav a[href="/messages.html"]{position:relative} .bottom-nav a.mm-notif-nav-active,.bottom-nav a.mm-notif-nav-active .nav-icon,.bottom-nav a.mm-notif-nav-active small{color:#177b46!important} .bottom-nav a>.mm-notif-nav-count{position:absolute;top:0;inset-inline-end:18%;min-width:17px;height:17px;line-height:17px;font-size:10px;padding:0 4px;pointer-events:none} #panelView .back-btn{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap} #mm-task-page{min-height:55vh;padding-block:8px 24px} .mm-task-content{display:block!important;position:static!important;max-height:none!important;margin:0!important;padding:18px;background:var(--panel,#fff);border:1px solid var(--border,#dbe2eb);border-radius:14px} .mm-task-content>div[style*="position:fixed"]{position:static!important;inset:auto!important;background:transparent!important;padding:0!important;display:block!important} .mm-task-content>div[style*="position:fixed"]>div{max-width:none!important;max-height:none!important;padding:0!important;border:0!important} .mm-home-banners{margin-block:22px 12px;overflow:hidden;border-radius:20px;border:0;background:#10253e;aspect-ratio:2/1} .mm-promo-frame{overflow:hidden}.mm-promo-slide{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;text-decoration:none;color:#fff;overflow:hidden} .mm-promo-slide>img{width:100%;height:auto;display:block;margin:0;padding:0}.mm-home-banners:focus-visible{outline:2px solid #ffad61;outline-offset:4px}.mm-promo-slide[class*="mm-promo-garage"],.mm-promo-slide[class*="mm-promo-services"],.mm-promo-slide[class*="mm-promo-sell"]{min-height:260px} .mm-promo-garage{background:linear-gradient(110deg,#243f5c,#10253e 70%)}.mm-promo-services{background:linear-gradient(110deg,#28675c,#123c42 70%)}.mm-promo-sell{background:linear-gradient(110deg,#985024,#452d27 70%)} .mm-promo-copy{padding:22px 34px;position:relative;z-index:1}.mm-promo-copy h2{font-size:clamp(20px,2.8vw,34px);line-height:1.6;color:#fff;margin:6px 0 8px}.mm-promo-copy p{font-size:14px;color:#e2eaf4;line-height:1.9;max-width:570px;margin:0 0 12px}.mm-promo-eyebrow{color:#ffbc77;font-size:12px;font-weight:700}.mm-promo-cta{display:inline-block;background:#fff;color:#173453;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:800} .mm-promo-art{display:flex;align-items:center;justify-content:center;flex:0 0 28%;height:100%;background:radial-gradient(circle,#ffffff20,transparent 68%)}.mm-promo-art img{width:clamp(80px,15vw,190px);height:auto;filter:drop-shadow(0 18px 22px #0005);transform:rotate(-8deg)} @media(max-width:600px){.mm-home-banners{margin-top:15px;border-radius:14px}.mm-promo-slide[class*="mm-promo-garage"],.mm-promo-slide[class*="mm-promo-services"],.mm-promo-slide[class*="mm-promo-sell"]{min-height:210px}.mm-promo-copy{padding:14px 16px}.mm-promo-copy h2{font-size:19px;line-height:1.7;margin:3px 0 5px}.mm-promo-copy p{font-size:11px;line-height:1.7;margin-bottom:8px}.mm-promo-art{flex-basis:23%;padding-left:12px}.mm-promo-art img{width:76px}.mm-promo-cta{font-size:10px;padding:5px 8px}.mm-promo-eyebrow{font-size:10px}} .mm-home-banners .mm-promo-frame,.mm-home-banners .mm-promo-slide{height:100%;min-height:0}.mm-home-banners .mm-promo-slide>img{height:100%;object-fit:contain}.mm-home-banners .mm-promo-art img{object-fit:contain} @media(max-width:400px){.mm-home-banners .mm-promo-copy p{display:none}} .brand-mark.mm-brand-mark,.mark.mm-brand-mark{padding:0;background:transparent;overflow:hidden} .mm-brand-icon{display:block;inline-size:100%;block-size:100%;object-fit:contain;border-radius:inherit;flex-shrink:0} .auth-logo{display:flex;align-items:center;justify-content:center;gap:10px} .auth-logo>.mm-brand-icon{inline-size:46px;block-size:46px;border-radius:12px} .footer .mm-support-phone{align-self:flex-start;font-size:16px;direction:ltr;unicode-bidi:isolate;text-decoration:underline;text-underline-offset:4px} .footer .mm-office-address{font:inherit;font-size:13px;line-height:1.9;font-style:normal;max-width:32ch} :root{--muted:#536273} .brand-copy small,.section-head p,.businesses-section .section-head p,.car-sub,.car-meta,.bottom-nav a{color:#536273} .section-head>a,.businesses-section .section-head>a,.car-price,.bottom-nav a.active{color:#1d5bd1} .market-section .market-grid .car-card,.market-section .market-grid .car-card.is-near{opacity:1} .car-img>img{position:absolute;inset:0;display:block} #heroPhoto>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center} .about-section#about{position:relative;background:linear-gradient(120deg,#112744 0%,#183e69 100%)!important;border:0;padding:52px 0!important;color:#fff;isolation:isolate} #about .about-wrap{gap:40px;grid-template-columns:1.3fr 1fr} #about .about-copy>span{display:inline-flex;align-items:center;gap:8px;color:#ffc07b!important;font-size:12px!important;letter-spacing:0} #about .about-copy>span:before{content:"";display:block;width:22px;height:3px;border-radius:3px;background:#f99b40} #about .about-copy h2{color:#fff!important;font-size:clamp(22px,2.7vw,32px)!important;line-height:1.7!important;margin:10px 0 12px} #about .about-copy p{max-width:58ch;color:#d0dfef!important;font-size:14px!important;line-height:2!important} #about .about-points{gap:12px} #about .about-points>div{padding:24px 10px!important;background:#ffffff0e!important;border:1px solid #ffffff24!important;border-radius:18px;box-shadow:0 8px 24px #06132914} #about .about-points b{color:#fff!important;font-size:15px!important;margin-top:12px} #about .about-points small{display:block;color:#d1dfed!important;font-size:11px!important;margin-top:5px} .mm-point-icon{display:grid;place-items:center;width:42px;height:42px;margin:auto;border-radius:13px;background:#78b6ff1f;color:#a9d2ff} .mm-point-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .mm-about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:23px} .mm-about-actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:700;color:#e4efff;border-radius:11px} .mm-about-actions a:first-child{background:#2b70ed;color:#fff;box-shadow:0 5px 16px #050e2024} .mm-about-actions a:hover{background:#ffffff16}.mm-about-actions a:first-child:hover{background:#165cdb} .mm-about-actions a:focus-visible,.footer a:focus-visible{outline:3px solid #f99b40;outline-offset:4px} body>.footer#contact{background:#0d2037!important;color:#d8e6f5;border-top:1px solid #ffffff18;padding:38px 0 30px} .footer#contact .footer-grid{gap:32px;grid-template-columns:minmax(0,2fr) 1fr 1fr 120px} .footer#contact .footer-grid>div{gap:8px;min-width:0} .footer#contact .mm-footer-heading{display:flex;align-items:center;gap:12px;margin-bottom:4px} .mm-footer-heading img{border-radius:13px;flex:none} .footer#contact .footer-grid b{color:#fff;font-size:23px} .footer#contact .footer-grid p{color:#afc4d9;font-size:12px;line-height:1.9} .footer#contact .footer-grid a,.footer#contact .mm-office-address{color:#e1ebf5!important;font-size:14px;line-height:1.9} .footer#contact .footer-grid a:hover{color:#8fc1ff!important} .footer#contact .mm-footer-links strong{font-size:13px;color:#fff;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid #ffffff20} .footer#contact .mm-footer-links a{min-height:36px;display:flex;align-items:center} .footer#contact .mm-support-phone{font-size:18px;font-weight:700;letter-spacing:.6px;text-decoration:none} .footer#contact a[href^="mailto:"]{font-size:14px!important;color:#9ac7ff!important} .footer#contact .footer-grid>.mm-enamad{align-self:start;border-radius:14px;min-width:100px;min-height:100px} .footer#contact .mm-enamad img{width:100px;min-height:100px;object-fit:contain} #mm-install-card{border-color:#cbdcf2;background:#eaf2fd;box-shadow:0 5px 20px #183e6908} #mm-install-button{background:#2468e7;border-color:#2468e7} @media(max-width:767px){ .about-section#about{padding:30px 0!important;border-radius:24px 24px 0 0} #about .about-wrap{grid-template-columns:1fr;gap:24px;padding-inline:12px} #about .about-copy h2{font-size:23px!important;line-height:1.7!important} #about .about-copy p{font-size:13px!important} #about .about-points{gap:8px} #about .about-points>div{padding:17px 5px!important;border-radius:15px} #about .about-points b{font-size:14px!important} #about .about-points small{font-size:10px!important} .mm-about-actions{gap:6px;margin-top:18px}.mm-about-actions a{font-size:11px;padding-inline:13px} body>.footer#contact{padding:28px 0 28px} .footer#contact .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding-inline:14px} .footer#contact .mm-footer-brand{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid #ffffff20} .footer#contact .footer-grid>.mm-enamad{grid-column:2;justify-self:end} .footer#contact .footer-grid a,.footer#contact .mm-office-address{font-size:13px} .footer#contact .mm-footer-links a{min-height:40px} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mm-promo-slide{animation:none!important;transition:none!important}}


.footer .footer-grid{grid-template-columns:2fr 1fr 1fr minmax(210px,auto);align-items:start}
.footer .mm-trustmarks{display:flex;gap:12px;align-items:center;justify-content:center;align-self:end;justify-self:end}
.mm-trustmarks>.mm-enamad,.mm-trustmarks>.mm-zarinpal{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:12px;width:108px;min-height:132px}
.mm-trustmarks a{display:block;max-width:100%}.mm-trustmarks img{display:block;max-width:100%;height:auto;object-fit:contain}
#zarinpal img{width:80px;max-height:108px}
@media(max-width:900px){.footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer .mm-trustmarks{grid-column:1/-1;justify-self:center;margin-top:12px}}

.mm-home-banners{position:relative}.mm-home-banners [hidden]{display:none!important}.mm-banner-controls{display:none!important}.mm-promo-slide:not([hidden]){animation:mm-banner-appear .4s ease}@keyframes mm-banner-appear{from{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){.mm-promo-slide:not([hidden]){animation:none}}

/* Homepage refinements — 20260927. Load after the shared home stylesheet. */
.mm-secondary-banners{margin-top:22px;margin-bottom:12px}
.businesses-section .business-row{grid-template-columns:repeat(auto-fill,minmax(140px,170px));gap:12px;align-items:stretch;justify-content:start}
.businesses-section .business-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;max-width:170px;border-radius:16px;overflow:hidden;text-align:right}
.businesses-section .business-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;flex:0 0 auto;border-radius:0;object-fit:cover}
.businesses-section .business-fallback{display:grid;place-items:center}
.businesses-section .business-fallback svg{width:40px;height:40px}
.businesses-section .business-card>div:last-child{padding:10px 11px 12px;min-width:0;flex:1}
.businesses-section .business-card h3{font-size:13px;line-height:1.65;margin:0 0 3px}
.businesses-section .business-card p{font-size:11px;line-height:1.75;margin:0}
.businesses-section .badges{margin-top:6px;gap:3px;flex-wrap:wrap}
.businesses-section .badges:empty{display:none}
.businesses-section .badge{font-size:9px;padding:2px 5px}
.footer .footer-grid .mm-trustmarks{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:252px;gap:12px;align-items:stretch}
.footer .mm-trustmarks>.mm-enamad,.footer .mm-trustmarks>.mm-zarinpal{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 120px;width:120px;height:172px;min-height:172px;padding:12px 9px;border-radius:16px}
.footer .mm-trust-art{display:flex;align-items:center;justify-content:center;width:100px;height:112px;flex:0 0 112px}
.footer .mm-trust-art a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.footer .mm-trust-art img{width:100px;height:100px;max-width:100%;object-fit:contain}
.footer .mm-trust-art iframe{display:block;border:0;width:100px;height:112px;flex:0 0 100px}
.footer .mm-trust-caption,.footer .mm-zarinpal-brand{display:flex;align-items:center;justify-content:center;height:24px;min-height:24px;margin:0;font-size:11px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;color:#304962}
.footer .mm-zarinpal-brand img{width:72px;height:24px;object-fit:contain}
/* Every public vehicle stays at its natural size, including after swiping. */
.market-section .market-grid .car-card,.market-section .market-grid .car-card.is-near,.market-section .market-grid .car-card.is-active,.market-section .market-grid .car-card:hover{transform:none;opacity:1;z-index:auto;will-change:auto;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px rgba(15,42,68,.06)}
.market-section .market-grid .car-body{display:flex;flex-direction:column;flex:1}
.market-section .market-grid .car-price{margin-top:auto;padding-top:9px}
@media(max-width:767px){
 .businesses-section .business-row{gap:10px;align-items:stretch;scroll-padding-inline:0}
 .businesses-section .business-card{flex:0 0 44%;width:44%;min-width:0;max-width:180px;min-height:0;padding:0}
 .businesses-section .business-photo{width:100%;height:auto;aspect-ratio:4/3;flex-basis:auto;border-radius:0}
 .businesses-section .business-card>div:last-child{padding:9px 10px 11px}
 .businesses-section .business-card h3{font-size:12px}
 .businesses-section .business-card p{font-size:10.5px}
 .market-section .market-grid{gap:12px;align-items:stretch;padding:3px 1px 14px;scroll-padding-inline:0;scroll-snap-type:x proximity}
 .market-section .market-grid .car-card{display:flex;flex-direction:column;flex:0 0 72%;width:72%;min-width:0;max-width:310px;scroll-snap-align:start;scroll-snap-stop:normal;transform:none;opacity:1}
 .market-section .market-grid .car-img{aspect-ratio:16/10;width:100%;height:auto}
 .market-section .market-grid .car-img img{width:100%;height:100%;object-fit:cover}
 .mm-secondary-banners{margin-top:14px}
}


/* Three complete preview cards fit across the mobile viewport. */
.view-all-cars{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;min-height:46px;margin:18px auto 0;padding:10px 24px;border:1px solid #cbdcf5;border-radius:13px;background:#edf4ff;color:#215ac0;font-size:14px;font-weight:800;text-decoration:none}
.view-all-cars:hover{background:#e1edff}.view-all-cars:focus-visible{outline:3px solid #2868ed;outline-offset:3px}
@media(max-width:767px){
 .market-section .market-grid,.businesses-section .business-row,#featuredGrid{gap:8px;padding:2px 0 10px;scroll-padding-inline:0;align-items:stretch}
 .market-section .market-grid .car-card,.businesses-section .business-card,#featuredGrid .car-card{box-sizing:border-box;flex:0 0 calc((100% - 16px)/3);width:calc((100% - 16px)/3);min-width:0;max-width:none;border-radius:12px;transform:none;opacity:1;scroll-snap-align:start}
 .market-section .market-grid .car-img,#featuredGrid .car-img{width:100%;height:auto;aspect-ratio:4/3}
 .market-section .market-grid .car-body,#featuredGrid .car-body{padding:7px 6px;display:flex;flex-direction:column;flex:1;gap:4px}
 .market-section .market-grid .car-title,#featuredGrid .car-title{font-size:11px;line-height:1.65;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.3em}
 .market-section .market-grid .car-meta,#featuredGrid .car-meta{display:flex;flex-direction:column;align-items:stretch;gap:2px;font-size:9px;line-height:1.7;white-space:normal;margin:0}
 .market-section .market-grid .car-meta span,#featuredGrid .car-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .market-section .market-grid .car-meta span:after,#featuredGrid .car-meta span:after{content:none}
 .market-section .market-grid .car-price,#featuredGrid .car-price{margin-top:auto;padding-top:4px;font-size:10px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
 .market-section .market-grid .car-price strong,#featuredGrid .car-price strong{font-size:11px}
 .market-section .market-grid .car-price small,#featuredGrid .car-price small{display:block;font-size:9px}
 .businesses-section .business-card>div:last-child{padding:7px 6px 9px;flex:0 0 auto}
 .businesses-section .business-card h3{font-size:11px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .businesses-section .business-card p{font-size:9px;line-height:1.8;overflow-wrap:anywhere}
 .businesses-section .business-photo{aspect-ratio:4/3}
 .businesses-section .badges{gap:2px}.businesses-section .badge{font-size:8px;padding:2px 4px}
 #featuredGrid .car-card{display:flex;flex-direction:column}
 .view-all-cars{width:100%;font-size:13px;margin-top:12px}
}


/* Readable text while retaining three complete cards on phones. */
.businesses-section .business-card h3{font-size:14px}.businesses-section .business-card p{font-size:12px}
@media(max-width:767px){
 .market-section .market-grid .car-title,#featuredGrid .car-title{font-size:13px;line-height:1.65;min-height:3.3em}
 .market-section .market-grid .car-meta,#featuredGrid .car-meta{font-size:11px;line-height:1.8;gap:3px;color:#52647b}
 .market-section .market-grid .car-meta span,#featuredGrid .car-meta span{white-space:normal;overflow:visible;text-overflow:clip}
 .market-section .market-grid .car-price strong,#featuredGrid .car-price strong{font-size:13px}
 .market-section .market-grid .car-price small,#featuredGrid .car-price small{font-size:11px}
 .businesses-section .business-card h3{font-size:13px}.businesses-section .business-card p{font-size:11px;line-height:1.8;color:#52647b}
 .businesses-section .badge{font-size:10px}
}


.vf-home-entry{margin-bottom:24px}.vf-home-cta{display:flex;align-items:center;gap:14px;width:100%;padding:17px 22px;background:#132744;color:#fff!important;border:1px solid #233e60;border-radius:14px;text-decoration:none;box-shadow:0 7px 20px #13274415}.vf-home-cta svg{width:32px;height:32px;flex-shrink:0;fill:none;stroke:#9ac4ff;stroke-width:1.7}.vf-home-cta b{font-family:inherit;font-size:17px;font-weight:700;line-height:1.6}.vf-home-cta span{margin-inline-start:auto;font-size:22px;color:#b8d6ff}.vf-home-cta:focus-visible{outline:3px solid #f5821f;outline-offset:3px}@media(max-width:760px){.vf-home-entry{margin-bottom:18px}.vf-home-cta{padding:14px 16px;border-radius:12px}.vf-home-cta b{font-size:15px}.vf-home-cta svg{width:27px}}

.vf-home-cta{font-family:inherit;text-align:start;opacity:1;cursor:default}
.vf-home-cta .vf-coming-soon{font-size:13px;line-height:1.8;white-space:nowrap;background:#284464;border:1px solid #46627e;color:#fff;border-radius:999px;padding:3px 11px}
@media(max-width:380px){.vf-home-cta{gap:9px}.vf-home-cta b{font-size:14px}.vf-home-cta .vf-coming-soon{font-size:11px;padding:3px 8px}}

/* Contrast and image geometry corrections from the measured audit. */
:root{--muted:#52647b}
#services .section-head p{color:#52647b}
.market-section .market-grid .car-img,#featuredGrid .car-img,.businesses-section .business-photo{position:relative;overflow:hidden}
.market-section .market-grid .car-img img,#featuredGrid .car-img img,.businesses-section .business-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}