/* CARS24 V61.3 - private preview only. Jost, consistent site tokens and themes. */
.c24-popular{margin:14px 0 16px;padding:15px 16px 16px;border:1px solid var(--line,#343d48);border-radius:16px;background:var(--panel,#101419);color:var(--text,#f6f8fa);font-family:Jost,Arial,sans-serif}
.c24-popular__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-bottom:13px}
.c24-popular__head h2{font-size:15px;line-height:1.25;margin:0;font-weight:800;color:inherit}
.c24-popular__hint{font-size:11px;color:var(--muted,#9aaabd);margin:0;line-height:1.45}
.c24-popular__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.c24-popular__brand{appearance:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:64px;border:1px solid var(--line,#343d48);border-radius:11px;background:var(--bg,#0b0e12);color:inherit;padding:8px 4px;font:700 12px/1.3 Jost,Arial,sans-serif;word-break:normal;overflow-wrap:anywhere;text-align:center;transition:border-color .17s ease,background .17s ease,transform .17s ease}
.c24-popular__brand:hover{border-color:#f9a819;transform:translateY(-1px)}
.c24-popular__brand:focus-visible{outline:3px solid #ffb324;outline-offset:2px}
.c24-popular__brand[aria-pressed="true"]{background:rgba(255,171,22,.13);border-color:#f7a911;color:#f4a612}
.c24-popular__brand:disabled{opacity:.5;cursor:not-allowed}
.c24-popular__brand-name{font-size:inherit;display:block;max-width:100%}
.c24-popular__note{font-size:11px;margin:12px 0 0;color:var(--muted,#9aaabd)}
.c24-popular[hidden]{display:none!important}
html[data-c24-theme="light"] .c24-popular{background:#fff;color:#152638;border-color:#d7dfe9}
html[data-c24-theme="light"] .c24-popular__brand{background:#f8fafc;color:#152638;border-color:#d7dfe9}
html[data-c24-theme="light"] .c24-popular__brand[aria-pressed="true"]{background:#fff3dd;border-color:#f5a614;color:#a46a02}
html[data-c24-theme="light"] .c24-popular__hint,html[data-c24-theme="light"] .c24-popular__note{color:#66778b}
@media(max-width:840px){.c24-popular__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:470px){.c24-popular{padding:13px 11px;margin:12px 0 15px}.c24-popular__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.c24-popular__brand{min-height:60px;font-size:12px}.c24-popular__hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.c24-popular__brand{transition:none}}