/*!
 * CarManual Site Kit — styles for the entry sections the plugin renders.
 * Design tokens live in the Elementor kit; this file styles the markup produced
 * by the {{cm-block:...}} template markers.
 */

/* ==== Entry sections rendered by CarManual Site Kit ==================== */

.elementor .cm-sec { background-color: #FFFFFF; border-top: 1px solid #E6EAF0; padding-block: 44px; width: 100%; }
.elementor .cm-sec__in { max-width: 1160px; margin-inline: auto; padding-inline: 20px; display: flex; flex-direction: column; gap: 18px; }
.elementor .cm-sec--specs, .elementor .cm-sec--models, .elementor .cm-sec--official, .elementor .cm-sec--popular { background-color: #F6F7F9; }
.elementor .cm-sec--disclaimer { padding-block: 26px; }
.elementor .cm-sec__title { font-family: "Archivo", sans-serif; font-weight: 700; font-size: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem); line-height: 1.2; color: #0E1116; margin: 0; }
.elementor .cm-sec__title--stacked { margin-top: 14px; }
.elementor .cm-sec__title--stacked:first-child { margin-top: 0; }
.elementor .cm-sec__lede { margin: -8px 0 0; color: #545D6B; font-size: 1rem; max-width: 68ch; }
.elementor .cm-sec__sub { font-family: "Archivo", sans-serif; font-weight: 700; font-size: 1.0625rem; color: #0E1116; margin: 10px 0 -4px; }

/* Label and value pairs */
.elementor .cm-facts { margin: 0; }
.elementor .cm-fact { margin: 0; }
.elementor .cm-fact__k, .elementor .cm-fact__v { margin: 0; }
.elementor .cm-facts--grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1px; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 14px; overflow: hidden; }
.elementor .cm-facts--grid .cm-fact { background-color: #FFFFFF; padding: 14px 16px; box-shadow: 0 0 0 1px #DDE2E9; }
.elementor .cm-facts--grid .cm-fact__k { font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: #545D6B; margin-bottom: 4px; }
.elementor .cm-facts--grid .cm-fact__v { font-size: 1.0625rem; font-weight: 600; color: #0E1116; font-variant-numeric: tabular-nums; }
.elementor .cm-facts--tight .cm-fact { display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 2px 0; }
.elementor .cm-facts--tight .cm-fact__k { font-size: 0.875rem; color: #545D6B; min-width: 88px; }
.elementor .cm-facts--tight .cm-fact__v { font-size: 0.875rem; color: #1D222A; font-weight: 600; }
.elementor .cm-facts--hero { display: flex; flex-wrap: wrap; gap: 10px 28px; }
.elementor .cm-facts--hero .cm-fact__k { font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: #545D6B; margin-bottom: 2px; }
.elementor .cm-facts--hero .cm-fact__v { font-size: 1rem; font-weight: 600; color: #0E1116; }
.elementor .cm-fact__v a { color: #0052CC; text-decoration: none; }
.elementor .cm-fact__v a:hover { text-decoration: underline; }

/* Cards */
.elementor .cm-cards { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.elementor .cm-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.elementor .cm-card { display: flex; flex-direction: column; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 14px; overflow: hidden; }
.elementor .cm-card__media { display: block; text-decoration: none; }
.elementor .cm-card__img { display: block; width: 100%; height: 170px; object-fit: cover; }
.elementor .cm-card__icon { display: block; width: 64px; height: 64px; object-fit: contain; margin: 18px 18px 0; }
.elementor .cm-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px; flex: 1 1 auto; }
.elementor .cm-card__eyebrow { margin: 0; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: #545D6B; }
.elementor .cm-card__title { font-family: "Archivo", sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 1.3; margin: 0; color: #0E1116; }
.elementor .cm-card__title a { color: #0E1116; text-decoration: none; }
.elementor .cm-card__title a:hover { color: #0052CC; }
.elementor .cm-card__note { margin: 0; font-size: 0.9375rem; color: #545D6B; }
.elementor .cm-card__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; }

/* Buttons — these selectors have to outrank the kit's `.elementor-kit-5 a` link colour */
.elementor .cm-sec .cm-btn, .elementor .cm-hero-text .cm-btn, .elementor .cm-actions .cm-btn, .elementor .cm-card__actions .cm-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 13px 22px; border-radius: 10px;
  background-color: #0066F5; color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 1rem;
  line-height: 1.25; text-decoration: none; transition: background-color 150ms;
}
.elementor .cm-sec .cm-btn:hover, .elementor .cm-hero-text .cm-btn:hover, .elementor .cm-actions .cm-btn:hover, .elementor .cm-card__actions .cm-btn:hover,
.elementor .cm-sec .cm-btn:focus, .elementor .cm-hero-text .cm-btn:focus, .elementor .cm-actions .cm-btn:focus, .elementor .cm-card__actions .cm-btn:focus {
  background-color: #0052CC; color: #FFFFFF;
}
.elementor .cm-sec .cm-btn--ghost, .elementor .cm-hero-text .cm-btn--ghost, .elementor .cm-actions .cm-btn--ghost, .elementor .cm-card__actions .cm-btn--ghost {
  background-color: #FFFFFF; color: #0E1116; border: 1px solid #848E9D;
}
.elementor .cm-sec .cm-btn--ghost:hover, .elementor .cm-hero-text .cm-btn--ghost:hover, .elementor .cm-actions .cm-btn--ghost:hover, .elementor .cm-card__actions .cm-btn--ghost:hover,
.elementor .cm-sec .cm-btn--ghost:focus, .elementor .cm-hero-text .cm-btn--ghost:focus, .elementor .cm-actions .cm-btn--ghost:focus, .elementor .cm-card__actions .cm-btn--ghost:focus {
  background-color: #FFFFFF; border-color: #0066F5; color: #0052CC;
}

/* Buttons (legacy, lower priority) */
.elementor .cm-actions .cm-btn--ghost, .elementor .cm-card__actions .cm-btn--ghost, .elementor .cm-sec .cm-btn--ghost { background-color: #FFFFFF; color: #0E1116; border: 1px solid #848E9D; }
.elementor .cm-sec .cm-btn--ghost:hover, .elementor .cm-sec .cm-btn--ghost:focus { background-color: #FFFFFF; border-color: #0066F5; color: #0052CC; }
.elementor .cm-card__actions .cm-btn { min-height: 42px; padding: 10px 16px; font-size: 0.9375rem; }
.elementor .cm-btn__ext { font-size: 0.875em; }
.elementor .cm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.elementor .cm-sec__in > .cm-btn, .elementor .cm-sec__in > .cm-toc, .elementor .cm-sec__in > .cm-note { align-self: flex-start; }

/* Severity, stated in a word and a shape as well as a colour */
.elementor .cm-sev { display: inline-flex; align-items: center; gap: 8px; padding: 4px 14px 4px 4px; border: 1px solid; border-radius: 999px; font-family: "Archivo", sans-serif; font-size: 0.8125rem; font-weight: 700; }
.elementor .cm-sev__mark { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #FFFFFF; font-size: 0.75rem; line-height: 1; }
.elementor .cm-sev--critical { color: #8E1D16; background-color: #FDECEA; border-color: #F0C2BC; }
.elementor .cm-sev--critical .cm-sev__mark { background-color: #B3261E; }
.elementor .cm-sev--caution { color: #7A4300; background-color: #FFF4E5; border-color: #EFD2A6; }
.elementor .cm-sev--caution .cm-sev__mark { background-color: #A65B00; }
.elementor .cm-sev--information { color: #0052CC; background-color: #EAF2FF; border-color: #C3D8F8; }
.elementor .cm-sev--information .cm-sev__mark { background-color: #0066F5; }
.elementor .cm-sev--lg { font-size: 0.9375rem; padding: 6px 18px 6px 6px; }
.elementor .cm-sev--lg .cm-sev__mark { width: 28px; height: 28px; font-size: 0.875rem; }

/* Can you keep driving? */
.elementor .cm-answer { background-color: #FFFFFF; border: 1px solid #DDE2E9; border-inline-start-width: 6px; border-radius: 12px; padding: 16px 18px; }
.elementor .cm-answer--no { border-inline-start-color: #B3261E; }
.elementor .cm-answer--caution { border-inline-start-color: #A65B00; }
.elementor .cm-answer--yes { border-inline-start-color: #17683C; }
.elementor .cm-answer__q { margin: 0 0 6px; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: #545D6B; }
.elementor .cm-answer__a { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-family: "Archivo", sans-serif; font-size: 1.0625rem; font-weight: 600; color: #0E1116; }
.elementor .cm-answer__mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; color: #FFFFFF; font-size: 0.8125rem; }
.elementor .cm-answer--no .cm-answer__mark { background-color: #B3261E; }
.elementor .cm-answer--caution .cm-answer__mark { background-color: #A65B00; }
.elementor .cm-answer--yes .cm-answer__mark { background-color: #17683C; }

/* PDF preview */
.elementor .cm-pdf { border-top: 1px solid #DDE2E9; }
.elementor .cm-pdf__toggle { list-style: none; cursor: pointer; padding: 12px 18px; font-family: "Archivo", sans-serif; font-weight: 600; color: #0052CC; }
.elementor .cm-pdf__toggle::-webkit-details-marker { display: none; }
.elementor .cm-pdf__toggle::before { content: "\25B8"; margin-inline-end: 8px; }
.elementor .cm-pdf[open] .cm-pdf__toggle::before { content: "\25BE"; }
.elementor .cm-pdf__frame { width: 100%; aspect-ratio: 1 / 1.3; max-width: 100%; background-color: #F6F7F9; }
.elementor .cm-pdf__frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.elementor .cm-pdf__fallback { margin: 0; padding: 12px 18px 16px; font-size: 0.875rem; color: #545D6B; }
.elementor .cm-sec--pdf .cm-pdf { border-top: 0; border: 1px solid #DDE2E9; border-radius: 14px; overflow: hidden; background-color: #FFFFFF; }

/* Table of contents */
.elementor .cm-toc { background-color: #F6F7F9; border: 1px solid #DDE2E9; border-radius: 14px; padding: 18px 22px; }
.elementor .cm-toc__title { margin: 0 0 10px; font-family: "Archivo", sans-serif; font-size: 0.8125rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; color: #545D6B; }
.elementor .cm-toc__list { margin: 0; padding-inline-start: 1.3em; display: grid; gap: 7px; }
.elementor .cm-toc__item--h3 { margin-inline-start: 1em; font-size: 0.9375rem; }
.elementor .cm-toc a { color: #1D222A; text-decoration: none; }
.elementor .cm-toc a:hover { color: #0052CC; text-decoration: underline; }

/* Models grouped by year */
.elementor .cm-yeargroup { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: baseline; padding-block: 16px; border-top: 1px solid #E6EAF0; }
.elementor .cm-yeargroup:first-child { border-top: 0; padding-top: 0; }
.elementor .cm-yeargroup__year { margin: 0; font-family: "Archivo", sans-serif; font-weight: 700; font-size: 1.25rem; color: #0E1116; font-variant-numeric: tabular-nums; }
.elementor .cm-linklist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.elementor .cm-linklist a { color: #1D222A; text-decoration: none; font-weight: 500; }
.elementor .cm-linklist a:hover { color: #0052CC; text-decoration: underline; }

/* Marks, notes and small print */
.elementor .cm-brandline { display: flex; align-items: center; gap: 12px; }
.elementor .cm-brandline__logo { max-height: 40px; width: auto; object-fit: contain; }
.elementor .cm-brandline__name { font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.9375rem; color: #545D6B; text-decoration: none; }
.elementor .cm-brandline__name:hover { color: #0052CC; }
.elementor .cm-brandmark { display: inline-flex; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 16px; padding: 18px 24px; }
.elementor .cm-brandmark__img { max-width: 190px; max-height: 92px; width: auto; height: auto; object-fit: contain; }
.elementor .cm-lightmark { display: inline-flex; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 20px; padding: 24px; }
.elementor .cm-lightmark__img { width: 120px; height: 120px; object-fit: contain; }
.elementor .cm-lede { margin: 0; font-size: 1.0625rem; line-height: 1.6; color: #1D222A; max-width: 64ch; }
.elementor .cm-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 0.9375rem; color: #545D6B; }
.elementor .cm-meta a { color: #545D6B; text-decoration: none; }
.elementor .cm-meta a:hover { color: #0052CC; text-decoration: underline; }
.elementor .cm-verified { margin: 0; font-size: 0.875rem; color: #545D6B; }
.elementor .cm-official__host { margin: 0; font-size: 0.9375rem; color: #545D6B; }
.elementor .cm-disclaimer { background-color: #F6F7F9; border: 1px solid #DDE2E9; border-radius: 12px; padding: 16px 18px; }
.elementor .cm-disclaimer p { margin: 0; font-size: 0.875rem; line-height: 1.6; color: #545D6B; }
.elementor .cm-disclaimer strong { color: #1D222A; }
.elementor .cm-note { background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 12px; padding: 16px 18px; }
.elementor .cm-note--warn { background-color: #FFF4E5; border-color: #EFD2A6; }
.elementor .cm-note__label { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-family: "Archivo", sans-serif; font-weight: 700; color: #7A4300; }
.elementor .cm-note p { margin: 0 0 8px; color: #1D222A; }
.elementor .cm-note p:last-child { margin-bottom: 0; }

/* Hero of a single entry */
.elementor .cm-hero-media img:not(.cm-lightmark__img):not(.cm-brandmark__img) { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; border-radius: 16px; }
.elementor .cm-lightmark .cm-lightmark__img { width: 160px; height: 160px; object-fit: contain; }
.elementor .cm-brandmark .cm-brandmark__img { max-width: 190px; max-height: 92px; width: auto; height: auto; object-fit: contain; }
.elementor .cm-hero-grid:not(:has(.cm-hero-media img)) { grid-template-columns: minmax(0, 1fr); }
/* A logo or a warning light symbol only needs as much column as it occupies */
.elementor .cm-hero-grid:has(.cm-lightmark), .elementor .cm-hero-grid:has(.cm-brandmark) { grid-template-columns: minmax(0, 1fr) auto; }
.elementor .cm-hero-media:not(:has(img)) { display: none; }
.elementor .cm-content-band:not(:has(p, ul, ol, h2, h3, h4, figure, table, blockquote, img)) { display: none; }

@media (max-width: 1024px) {
  .elementor .cm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .elementor .cm-sec { padding-block: 32px; }
  .elementor .cm-sec__in { padding-inline: 16px; gap: 14px; }
  .elementor .cm-yeargroup { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .elementor .cm-facts--grid { grid-template-columns: minmax(0, 1fr); }
  .elementor .cm-cards, .elementor .cm-cards--2 { grid-template-columns: minmax(0, 1fr); }
  .elementor .cm-sec__in > .cm-btn { align-self: stretch; justify-content: center; }
  .elementor .cm-actions .cm-btn { flex: 1 1 auto; justify-content: center; }
}

/* Blocks that sit in a hero column should fill it */
.elementor .cm-hero-text .cm-answer, .elementor .cm-hero-text .cm-facts, .elementor .cm-hero-text .cm-actions, .elementor .cm-hero-text .cm-lede, .elementor .cm-hero-text .cm-meta { width: 100%; }
.elementor .cm-hero-media .cm-brandmark, .elementor .cm-hero-media .cm-lightmark { margin-inline-start: auto; }
.elementor .cm-card__icon--wide { width: auto; max-width: 180px; height: 60px; }
/* A card template used on its own page still reads as a card */
.elementor .cm-card + .cm-card { margin-top: 18px; }

/* ==== Country selector and country sections =========================== */

.elementor .cm-geo { position: relative; }
.elementor .cm-geo > summary { list-style: none; cursor: pointer; }
.elementor .cm-geo > summary::-webkit-details-marker { display: none; }
.elementor .cm-geo__trigger { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #DDE2E9; border-radius: 999px; background-color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.9375rem; color: #0E1116; white-space: nowrap; }
.elementor .cm-geo__trigger:hover { border-color: #848E9D; }
.elementor .cm-geo[open] .cm-geo__trigger { border-color: #0066F5; }
.elementor .cm-geo__globe { font-size: 1rem; line-height: 1; }
.elementor .cm-geo__panel { position: absolute; inset-inline-end: 0; top: calc(100% + 8px); z-index: 60; width: 280px; max-width: calc(100vw - 24px); max-height: min(70vh, 540px); overflow-y: auto; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 14px; box-shadow: 0 18px 40px rgba(14, 17, 22, 0.14); padding: 14px; }
.elementor .cm-geo__title { margin: 0 0 8px; font-family: "Archivo", sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #545D6B; }
.elementor .cm-geo__list { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.elementor .cm-geo__option { display: block; padding: 8px 10px; border-radius: 8px; font-size: 0.9375rem; color: #1D222A; text-decoration: none; }
.elementor .cm-geo__option:hover, .elementor .cm-geo__option:focus-visible { background-color: #F6F7F9; color: #0052CC; }
.elementor .cm-geo__option[aria-current="true"] { background-color: #EAF2FF; color: #0052CC; font-weight: 700; }
.elementor .cm-geo__option[aria-current="true"]::after { content: " \2713"; }
.elementor .cm-geo__all { display: inline-block; padding-top: 8px; border-top: 1px solid #E9EDF2; width: 100%; font-size: 0.875rem; color: #0052CC; text-decoration: none; }
.elementor .cm-geo__all:hover { text-decoration: underline; }

.elementor .cm-geo-region { display: block; width: 100%; transition: opacity 140ms ease; }
.elementor .cm-geo-region[data-cm-loading] { opacity: 0.45; }

.elementor .cm-geo-eyebrow { margin: 0; font-family: "Archivo", sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.elementor .cm-geo-eyebrow a { color: #545D6B; text-decoration: none; }
.elementor .cm-geo-eyebrow a:hover { color: #0052CC; }
.elementor .cm-geo-heading { font-family: "Archivo", sans-serif; font-weight: 800; font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem); line-height: 1.1; letter-spacing: -0.025em; color: #0E1116; margin: 0; }

.elementor .cm-geo-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.elementor .cm-geo-card a { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 14px 16px; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 12px; text-decoration: none; }
.elementor .cm-geo-card a:hover { border-color: #0066F5; }
.elementor .cm-geo-card__name { font-family: "Archivo", sans-serif; font-weight: 600; color: #0E1116; }
.elementor .cm-geo-card__code { font-size: 0.75rem; letter-spacing: 0.08em; color: #545D6B; font-variant-numeric: tabular-nums; }

/* The home page hero */
.elementor .cm-home-hero { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.elementor .cm-home-hero h1 { font-family: "Archivo", sans-serif; font-weight: 800; font-size: clamp(2rem, 1.5rem + 2.4vw, 3.25rem); line-height: 1.05; letter-spacing: -0.03em; color: #0E1116; margin: 0; max-width: 20ch; }

@media (max-width: 1024px) {
  .elementor .cm-geo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .elementor .cm-geo__panel { width: min(300px, calc(100vw - 24px)); }
  .elementor .cm-geo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .elementor .cm-geo__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.elementor .cm-geo-note { padding-block: 16px; background-color: #EAF2FF; border-top: 0; }
.elementor .cm-geo-note__text { margin: 0; font-size: 0.9375rem; color: #1D222A; }
.elementor .cm-geo-note__globe { margin-inline-end: 4px; }
.elementor .cm-geo-note strong { font-family: "Archivo", sans-serif; }
.elementor .cm-geo-note a { color: #0052CC; }

/* ==== Search ========================================================== */

.elementor .cm-search-head { background-color: #F6F7F9; padding-block: 34px; }
.elementor .cm-search-title { font-family: "Archivo", sans-serif; font-weight: 800; font-size: clamp(1.5rem, 1.2rem + 1.6vw, 2.25rem); line-height: 1.1; letter-spacing: -0.02em; color: #0E1116; margin: 0; }
.elementor .cm-search-form { width: 100%; max-width: 620px; }
.elementor .cm-search-count { margin: 0; font-size: 0.9375rem; color: #545D6B; font-variant-numeric: tabular-nums; }

.elementor .cm-chip-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.elementor .cm-chip-filter { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #DDE2E9; border-radius: 999px; background-color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.9375rem; color: #1D222A; text-decoration: none; white-space: nowrap; }
.elementor .cm-chip-filter:hover { border-color: #848E9D; color: #0052CC; }
.elementor .cm-chip-filter.is-on { background-color: #0066F5; border-color: #0066F5; color: #FFFFFF; }
.elementor .cm-chip-filter__n { font-size: 0.8125rem; color: #545D6B; font-variant-numeric: tabular-nums; }
.elementor .cm-chip-filter.is-on .cm-chip-filter__n { color: #C9DDFF; }

.elementor .cm-search-tips { margin: 0; padding-inline-start: 1.2em; color: #545D6B; font-size: 0.9375rem; display: grid; gap: 4px; }
.elementor .cm-search-tips em { color: #1D222A; font-style: normal; font-weight: 600; }

.elementor .cm-pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.elementor .cm-pagination a, .elementor .cm-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid #DDE2E9; border-radius: 10px; background-color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.9375rem; color: #1D222A; text-decoration: none; }
.elementor .cm-pagination a:hover { border-color: #0066F5; color: #0052CC; }
.elementor .cm-pagination .current { background-color: #0066F5; border-color: #0066F5; color: #FFFFFF; }

/* Brand, year and model picker */
.elementor .cm-finder { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: end; width: 100%; }
.elementor .cm-finder[data-cm-loading] { opacity: 0.6; }
.elementor .cm-finder__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.elementor .cm-finder__label { font-family: "Archivo", sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #545D6B; }
.elementor .cm-finder__select { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid #848E9D; border-radius: 10px; background-color: #FFFFFF; font-family: "Mukta", sans-serif; font-size: 1rem; color: #1D222A; }
.elementor .cm-finder__select:disabled { background-color: #F6F7F9; color: #7A8493; }
.elementor .cm-finder__select:focus-visible { outline: 2px solid #0066F5; outline-offset: 1px; }
.elementor .cm-finder__go { white-space: nowrap; }

@media (max-width: 860px) {
  .elementor .cm-finder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .elementor .cm-finder__go { grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 560px) {
  .elementor .cm-finder { grid-template-columns: minmax(0, 1fr); }
  .elementor .cm-chip-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; }
  .elementor .cm-chip-filters::-webkit-scrollbar { display: none; }
}