*,:before,:after{box-sizing:border-box;margin:0}:root{--container-max:1280px;--color-brand-yellow:#ffc80d;--color-brand-yellow-hover:#f0bb00;--color-brand-yellow-light:#fff4cc;--color-brand-dark:#2f2f2f;--color-brand-dark-hover:#1a1a1a;--color-brand-blue:#0067f5;--color-brand-blue-hover:#05c;--color-white:#fff;--color-black:#000;--color-black-50:#2f2f2f;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f5;--color-gray-200:#e5e8eb;--color-gray-300:#c8cdd0;--color-gray-350:#979797;--color-gray-400:#8b949a;--color-gray-500:#6b7278;--color-gray-600:#4a5056;--color-gray-700:#2e3338;--color-gray-800:#1a1d20;--color-gray-900:#0d0f10;--color-success:#23e5db;--color-error:#f44;--color-info:#4a90d9;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-topbar:var(--color-gray-100);--bg-header:var(--color-white);--text-primary:#2f2f2f;--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-400);--text-inverse:var(--color-white);--border-color:var(--color-gray-200);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-base:10px;--border-radius-lg:15px;--border-radius-xl:24px;--border-radius-full:9999px;--font-primary:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Poppins", var(--font-primary);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5625rem;--text-2xl:2.1875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-header:0 2px 8px #0000000f;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out);--transition-med:.3s var(--ease-out);--transition-slow:.5s var(--ease-out);--header-height:clamp(56px, 7.5vh, 72px);--container-padding:0 var(--space-6);--fluid-gap:clamp(.45rem, .7vh + .35vw, 1rem);--fluid-pad:clamp(.4rem, .55vh + .45vw, 1.25rem);--fluid-pad-sm:clamp(.3rem, .4vh + .3vw, .75rem);--fluid-text-xs:clamp(.6rem, .45vw + .65vh, .75rem);--fluid-text-sm:clamp(.7rem, .5vw + .75vh, .875rem);--fluid-text-md:clamp(.8rem, .55vw + .85vh, 1rem);--fluid-text-lg:clamp(.9rem, .65vw + .95vh, 1.125rem);--fluid-text-xl:clamp(1.05rem, .8vw + 1.15vh, 1.5625rem);--fluid-icon:clamp(22px, 1.6vw + 2.2vh, 45px);--fluid-icon-inner:clamp(12px, .9vw + 1.2vh, 25px);--fluid-avatar:clamp(28px, 1.8vw + 2vh, 40px);--fluid-chart:clamp(120px, 7vw + 10vh, 200px);--fluid-area-chart:clamp(150px, 20vh + 2vw, 260px);--fluid-sidebar-width:clamp(220px, 18vw, 280px);--fluid-list-gap:clamp(.28rem, .55vh + .2vw, .75rem);--fluid-control-h:clamp(38px, 4.8vh + .4vw, 48px);--fluid-control-h-sm:clamp(28px, 3.6vh + .3vw, 36px);--fluid-control-pad-x:clamp(.65rem, .5vw + .4vh, 1rem);--fluid-btn-pad-y:clamp(.4rem, .55vh + .15vw, .75rem);--fluid-btn-pad-x:clamp(.85rem, .8vw + .3vh, 1.35rem);--fluid-row-pad-y:clamp(.35rem, .55vh + .15vw, .75rem);--fluid-textarea-min:clamp(88px, 14vh, 140px);--fluid-modal-max-h:min(92dvh, 920px);--fluid-modal-pad:clamp(.85rem, 2vh + .5vw, 2rem);--fluid-thumb:clamp(120px, 18vh + 4vw, 200px);--fluid-empty-min:clamp(180px, 36vh, 50vh)}@media (width>=2000px){:root{--header-height:80px;--fluid-gap:1.15rem;--fluid-pad:1.5rem;--fluid-pad-sm:.85rem;--fluid-text-xs:.82rem;--fluid-text-sm:.95rem;--fluid-text-md:1.1rem;--fluid-text-lg:1.25rem;--fluid-text-xl:1.7rem;--fluid-icon:50px;--fluid-icon-inner:27px;--fluid-avatar:46px;--fluid-chart:270px;--fluid-area-chart:320px;--fluid-sidebar-width:310px;--fluid-list-gap:.8rem;--fluid-control-h:50px;--fluid-control-h-sm:38px;--fluid-textarea-min:160px;--fluid-thumb:220px;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-md:1.1rem;--text-lg:1.25rem;--text-xl:1.7rem;--text-2xl:2.3rem}html{font-size:17px}}@media (width>=2560px){:root{--header-height:86px;--fluid-gap:1.3rem;--fluid-pad:1.7rem;--fluid-text-xs:.9rem;--fluid-text-sm:1.05rem;--fluid-text-md:1.2rem;--fluid-text-lg:1.4rem;--fluid-text-xl:1.85rem;--fluid-icon:56px;--fluid-icon-inner:30px;--fluid-avatar:52px;--fluid-chart:300px;--fluid-area-chart:360px;--fluid-sidebar-width:340px;--fluid-control-h:52px;--fluid-control-h-sm:40px}html{font-size:18px}}@media (height<=900px){:root{--header-height:clamp(52px, 7vh, 64px);--fluid-gap:clamp(.4rem, .6vh + .3vw, .85rem);--fluid-pad:clamp(.35rem, .5vh + .4vw, 1rem);--fluid-area-chart:clamp(140px, 18vh + 2vw, 220px);--fluid-chart:clamp(110px, 6vw + 9vh, 180px)}}@media (height<=750px){:root{--header-height:clamp(48px, 8vh, 56px);--fluid-gap:.4rem;--fluid-pad:.45rem;--fluid-pad-sm:.3rem;--fluid-chart:clamp(90px, 16vh, 130px);--fluid-area-chart:clamp(110px, 20vh, 150px);--fluid-icon:clamp(20px, 3.5vh, 28px);--fluid-icon-inner:clamp(11px, 2vh, 14px);--fluid-avatar:clamp(24px, 4vh, 32px);--fluid-text-xs:.6rem;--fluid-text-sm:.7rem;--fluid-text-md:.8rem;--fluid-text-lg:.9rem;--fluid-text-xl:1.05rem;--fluid-control-h:clamp(34px, 5.2vh, 40px);--fluid-control-h-sm:clamp(26px, 4vh, 30px);--fluid-btn-pad-y:.35rem;--fluid-row-pad-y:.3rem;--fluid-textarea-min:clamp(72px, 12vh, 100px);--fluid-modal-pad:clamp(.65rem, 1.5vh, 1.1rem);--fluid-thumb:clamp(96px, 16vh, 140px);--fluid-empty-min:clamp(140px, 32vh, 40vh);--fluid-list-gap:.22rem}}@media (height<=600px){:root{--header-height:48px;--fluid-chart:clamp(72px, 18vh, 100px);--fluid-area-chart:clamp(88px, 22vh, 120px);--fluid-icon:18px;--fluid-icon-inner:10px;--fluid-avatar:24px;--fluid-gap:.3rem;--fluid-pad:.35rem;--fluid-control-h:34px;--fluid-control-h-sm:26px;--fluid-textarea-min:68px;--fluid-modal-max-h:96dvh;--fluid-empty-min:clamp(120px, 40vh, 36vh)}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body{height:100%}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;height:100%;min-height:100dvh;display:flex}.page-shell{gap:var(--fluid-gap);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}::selection{background:var(--color-brand-yellow-light);color:var(--text-primary)}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.input-field{align-items:center;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-black-50);border-radius:var(--border-radius-md);padding:0 var(--fluid-control-pad-x);height:var(--fluid-control-h);min-height:var(--fluid-control-h);width:100%;display:flex}.input-field__icon{object-fit:contain;flex-shrink:0;width:18px;max-width:18px;height:18px}.search-box__input-group img,.search-box__icon,.car-comparison__search-box img,.car-reviews__search-input img,.new-cars__search-box .search-box__input-group img,.used-cars__search-box .search-box__input-group img{object-fit:contain;width:18px;max-width:18px;height:18px;margin-right:var(--space-2);flex-shrink:0;display:block}.brand-logo{object-fit:contain;flex-shrink:0;width:32px;max-width:32px;height:32px}.input-field__input{width:100%;height:100%;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none}.input-field__input::placeholder{color:var(--color-gray-400)}.container{width:min(100%, var(--container-max));box-sizing:border-box;margin-inline:auto}@media (width>=1440px){.container{max-width:1280px}}@media (width<=1439px){.container{max-width:1200px}}@media (width<=1365px){.container{max-width:1100px;padding-inline:24px}}@media (width<=1024px){.container{max-width:100%;padding-inline:20px}}@media (width<=768px){.container{padding-inline:16px}}@media (width<=480px){.container{padding-inline:12px}}.main-content{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}
