body.es-cars-context {
    --es-cars-bg: #ffffff;
    --es-cars-panel: #f8f8fa;
    --es-cars-panel-soft: #fafafa;
    --es-cars-text: #1a1a1a;
    --es-cars-muted: #64646c;
    --es-cars-border: #e7e7eb;
    --es-cars-purple: #6738c2;
    --es-cars-purple-hover: #592eac;
    --es-cars-purple-soft: #f6f1fc;
    --es-cars-orange: #fb5a02;
    --es-cars-orange-hover: #e95000;
    --es-cars-warning: #fff7ed;
    --es-cars-warning-border: #ffd4b8;
    --es-cars-radius: 14px;
    --es-cars-page-max: 1180px;
    background: var(--es-cars-bg) !important;
    color: var(--es-cars-text);
}

body.es-cars-context .site { background: var(--es-cars-bg); }
body.es-cars-context .site-main article {
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
}
body.es-cars-context .es-cars-canvas {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 64px !important;
    overflow: visible !important;
    background: var(--es-cars-bg);
    color: var(--es-cars-text);
    font-family: "Heebo", system-ui, sans-serif;
    font-size: 18px;
    line-height: 1.65;
    direction: rtl;
}

.es-cars-shell { width: min(100%, var(--es-cars-page-max)); max-width: var(--es-cars-page-max) !important; margin-inline: auto !important; padding-inline: 18px !important; box-sizing: border-box; }
body.es-cars-context article.es-cars-shell { padding-inline: 18px !important; }
.es-cars-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding-block: 18px 12px; color: var(--es-cars-muted); font-size: 15px; }
.es-cars-breadcrumbs a { color: var(--es-cars-purple); text-decoration: none; }
.es-cars-breadcrumbs a:hover { color: var(--es-cars-orange); }
.es-cars-kicker { display: inline-block; color: var(--es-cars-purple); font-size: 15px; font-weight: 800; letter-spacing: .03em; }

.es-cars-archive-hero { padding: 22px 18px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: var(--es-cars-bg); }
.es-cars-archive-hero h1,
.es-cars-single__header h1 { margin: 4px 0 8px; color: var(--es-cars-text); font-size: clamp(34px, 9vw, 54px); line-height: 1.05; letter-spacing: -.025em; }
.es-cars-archive-hero p { max-width: 760px; margin: 0; color: var(--es-cars-muted); font-size: 18px; }

.es-cars-filters { display: grid; grid-template-columns: 1fr; gap: 12px; margin-block: 18px 26px; padding: 18px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: var(--es-cars-panel); }
.es-cars-filters label { display: grid; gap: 6px; color: var(--es-cars-text); font-size: 15px; font-weight: 700; }
.es-cars-filters input,
.es-cars-filters select { width: 100%; min-height: 48px; padding: 9px 11px; border: 1px solid var(--es-cars-border); border-radius: 9px; background: #fff; color: var(--es-cars-text); font: inherit; box-sizing: border-box; }
.es-cars-filters input:focus,
.es-cars-filters select:focus { outline: 3px solid color-mix(in srgb, var(--es-cars-purple) 22%, transparent); border-color: var(--es-cars-purple); }
.es-cars-filters__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.es-cars-filters__actions button,
.es-cars-contact a { min-height: 48px; padding: 11px 20px; border: 0; border-radius: 10px; background: var(--es-cars-purple); color: #fff !important; font: inherit; font-weight: 800; text-decoration: none !important; cursor: pointer; }
.es-cars-filters__actions button:hover,
.es-cars-contact a:hover { background: var(--es-cars-purple-hover); }
.es-cars-filters__actions a { color: var(--es-cars-purple); font-weight: 700; }

.es-cars-results-head { display: flex; gap: 15px; align-items: baseline; justify-content: space-between; margin-block: 10px 14px; }
.es-cars-results-head h2 { margin: 0; color: var(--es-cars-text); font-size: 25px; }
.es-cars-results-head span { color: var(--es-cars-muted); }
.es-cars-results-head a { color: var(--es-cars-purple); }
.es-cars-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.es-cars-hub-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.es-cars-hub-card { display: grid; gap: 5px; padding: 20px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: #fff; box-shadow: 0 8px 28px rgba(28, 20, 38, .05); text-decoration: none !important; }
.es-cars-hub-card:hover { border-color: var(--es-cars-purple); }
.es-cars-hub-card__eyebrow { color: var(--es-cars-purple); font-size: 14px; font-weight: 800; }
.es-cars-hub-card__title { color: var(--es-cars-text); font-size: 25px; font-weight: 900; line-height: 1.15; }
.es-cars-hub-card__count { color: var(--es-cars-muted); font-size: 15px; }
.es-cars-card { display: flex !important; max-width: none !important; min-width: 0; flex-direction: column; overflow: hidden; padding: 0 !important; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: #fff; box-shadow: 0 8px 28px rgba(28, 20, 38, .06); }
.es-cars-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--es-cars-panel); text-decoration: none; }
.es-cars-card__image { display: block; width: 100%; height: 100% !important; object-fit: cover; transition: transform .25s ease; }
.es-cars-card:hover .es-cars-card__image { transform: scale(1.02); }
.es-cars-card__placeholder { display: grid; height: 100%; place-items: center; color: var(--es-cars-muted); }
.es-cars-card__body { display: flex; flex: 1; flex-direction: column; padding: 17px; }
.es-cars-card__brand { color: var(--es-cars-purple); font-size: 14px; font-weight: 800; }
.es-cars-card__title { margin: 3px 0 5px; font-size: 25px; line-height: 1.15; }
.es-cars-card__title a { color: var(--es-cars-text) !important; text-decoration: none !important; }
.es-cars-card__price { margin: 2px 0 12px; color: var(--es-cars-orange); font-size: 31px; font-weight: 900; line-height: 1.1; }
.es-cars-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.es-cars-chips li { padding: 6px 10px; border: 1px solid var(--es-cars-border); border-radius: 9px; background: var(--es-cars-panel-soft); color: var(--es-cars-text); font-size: 15px; }
.es-cars-chips li span { color: var(--es-cars-muted); }
.es-cars-card__link { align-self: flex-start; margin-top: auto; padding-top: 17px; color: var(--es-cars-purple) !important; font-weight: 800; text-decoration: none !important; }

.es-cars-single__header { display: grid; gap: 18px; align-items: end; padding: 20px 18px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: #fff; }
.es-cars-single__commercial { display: flex; flex-direction: column; align-items: flex-start; }
.es-cars-status { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: #eaf8ef; color: #176b38; font-size: 15px; font-weight: 800; }
.es-cars-status--sold { background: var(--es-cars-warning); color: #9a3b00; }
.es-cars-single__price { margin: 8px 0 0; color: var(--es-cars-orange); font-size: clamp(38px, 11vw, 58px); font-weight: 900; line-height: 1; }
.es-cars-gallery-public { margin-top: 16px; }
.es-cars-gallery-public__main { overflow: hidden; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: var(--es-cars-panel); }
.es-cars-gallery-public__main img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #f2f2f4; }
.es-cars-gallery-public__thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.es-cars-gallery-public__thumb { overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 10px; background: none; cursor: pointer; }
.es-cars-gallery-public__thumb.is-active { border-color: var(--es-cars-orange); }
.es-cars-gallery-public__thumb img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.es-cars-contact { display: flex; flex-direction: column; gap: 14px; margin-top: 16px; padding: 18px; border-radius: var(--es-cars-radius); background: var(--es-cars-purple-soft); }
.es-cars-contact div { display: grid; gap: 2px; }
.es-cars-contact strong { color: var(--es-cars-text); font-size: 22px; }
.es-cars-contact span { color: var(--es-cars-muted); }
.es-cars-contact a { display: inline-flex; align-items: center; justify-content: center; }
.es-cars-specifications,
.es-cars-copy,
.es-cars-opinion,
.es-cars-sold-note { margin-top: 18px; padding: 18px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: var(--es-cars-panel); }
.es-cars-specifications h2,
.es-cars-copy h2,
.es-cars-opinion h2 { margin: 0 0 14px; color: var(--es-cars-text); font-size: 27px; }
.es-cars-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 0; border: 1px solid var(--es-cars-border); border-radius: 11px; background: var(--es-cars-border); }
.es-cars-spec-grid div { min-width: 0; padding: 13px 11px; background: #fff; }
.es-cars-spec-grid dt { color: var(--es-cars-muted); font-size: 14px; }
.es-cars-spec-grid dd { margin: 3px 0 0; color: var(--es-cars-text); font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }
.es-cars-copy__body { color: var(--es-cars-text); font-size: 19px; }
.es-cars-copy__body > :first-child { margin-top: 0; }
.es-cars-copy__body > :last-child { margin-bottom: 0; }
.es-cars-opinion { border-inline-start: 5px solid var(--es-cars-purple); background: var(--es-cars-purple-soft); }
.es-cars-opinion p { margin: 0; color: var(--es-cars-text); font-size: 19px; }
.es-cars-sold-note { border-color: var(--es-cars-warning-border); background: var(--es-cars-warning); }
.es-cars-sold-note strong { color: #9a3b00; font-size: 23px; }
.es-cars-sold-note p { margin: 4px 0 9px; }
.es-cars-sold-note a { color: var(--es-cars-purple); font-weight: 800; }
.es-cars-empty { padding: 30px 18px; border: 1px solid var(--es-cars-border); border-radius: var(--es-cars-radius); background: var(--es-cars-panel); text-align: center; }
.es-cars-empty h2 { margin: 0; color: var(--es-cars-text); }
.es-cars-pagination { margin-top: 24px; }
.es-cars-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }
.es-cars-pagination .page-numbers { min-width: 42px; min-height: 42px; display: inline-grid; place-items: center; padding: 5px 10px; border: 1px solid var(--es-cars-border); border-radius: 8px; color: var(--es-cars-purple); text-decoration: none; }
.es-cars-pagination .current { border-color: var(--es-cars-purple); background: var(--es-cars-purple); color: #fff; }

@media (min-width: 700px) {
    .es-cars-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .es-cars-filters__actions { grid-column: 1 / -1; }
    .es-cars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .es-cars-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .es-cars-single__header { grid-template-columns: minmax(0, 1fr) auto; }
    .es-cars-single__commercial { align-items: flex-end; }
    .es-cars-contact { flex-direction: row; align-items: center; justify-content: space-between; }
    .es-cars-gallery-public__thumbs { grid-template-columns: repeat(5, 1fr); }
    .es-cars-spec-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1020px) {
    .es-cars-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .es-cars-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .es-cars-hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .es-cars-archive-hero,
    .es-cars-single__header,
    .es-cars-specifications,
    .es-cars-copy,
    .es-cars-opinion,
    .es-cars-sold-note { padding: 24px; }
}
