/* CarTotalos Growth – area blocks, tools CTAs, FAQ, guide pages, catalog pages (RTL, mobile-first, uses ctp.css tokens).
   Global look: inside Growth blocks the ctp tokens follow the site's theme — Astra global palette (--ast-global-color-N),
   then the Elementor kit globals, then ctp.css defaults — and text uses the theme's own font (inherit). */
.ctp-area, .ctp-tools, .ctp-faq, .ctp-guide, .ctp-catalog, .ctp-breadcrumbs, .ctp-wrap, .ctp-showcase {
	--ctp-brand: var(--ast-global-color-0, var(--e-global-color-primary, #0b5cad));
	--ctp-ink: var(--ast-global-color-3, var(--e-global-color-text, #14202e));
	--ctp-surface: var(--ast-global-color-4, #f5f7fa);
	--ctp-bg: var(--ast-global-color-5, #ffffff);
	--ctp-line: var(--ast-global-color-6, #dde3ea);
	--ctp-font: inherit;
}
.ctp-area, .ctp-tools, .ctp-faq, .ctp-guide, .ctp-catalog, .ctp-breadcrumbs { direction: rtl; font-family: var(--ctp-font); color: var(--ctp-ink); line-height: 1.6; }
.ctp-area h2, .ctp-area h3, .ctp-tools__title, .ctp-faq h2, .ctp-guide h2, .ctp-guide h3, .ctp-catalog h1, .ctp-catalog h2 { font-family: inherit; color: var(--ast-global-color-2, inherit); }
.ctp-area { margin: 32px 0; padding: 20px; background: var(--ctp-surface); border: 1px solid var(--ctp-line); border-radius: var(--ctp-radius); }
.ctp-area h2 { margin: 0 0 .5em; font-size: 1.4rem; }
.ctp-area h3 { margin: 1.2em 0 .4em; font-size: 1.1rem; }
.ctp-area__stats ul, .ctp-area__pickup ul { margin: 0; padding-inline-start: 1.2em; }
.ctp-area__note, .ctp-source { color: var(--ctp-muted); font-size: .88em; }
.ctp-area__links { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.ctp-area__links li a, .ctp-area__links li { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 14px; border: 1px solid var(--ctp-line); border-radius: 999px; background: var(--ctp-bg); text-decoration: none; }
.ctp-area__links li a:focus-visible, .ctp-tools__link:focus-visible, .ctp-faq__q:focus-visible, .ctp-breadcrumbs a:focus-visible { outline: 3px solid var(--ctp-focus, #0a4585); outline-offset: 2px; }

.ctp-tools { margin: 24px 0; }
.ctp-tools__title { font-size: 1.2rem; margin: 0 0 12px; }
.ctp-tools__list { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); list-style: none; margin: 0; padding: 0; }
.ctp-tools__link { display: flex; flex-direction: column; gap: 4px; min-height: 44px; height: 100%; padding: 14px 16px; border: 1px solid var(--ctp-line); border-radius: var(--ctp-radius); background: var(--ctp-bg); box-shadow: var(--ctp-shadow); color: var(--ctp-ink); text-decoration: none; }
.ctp-tools__link:hover { border-color: var(--ctp-brand); }
.ctp-tools__label { font-weight: 700; color: var(--ctp-brand); }
.ctp-tools__hint { font-size: .9em; color: var(--ctp-muted); }

.ctp-faq { margin: 28px 0; }
.ctp-faq h2 { font-size: 1.3rem; }
.ctp-faq__item { border: 1px solid var(--ctp-line); border-radius: 10px; margin: 0 0 8px; background: var(--ctp-bg); }
.ctp-faq__q { cursor: pointer; min-height: 44px; padding: 12px 16px; font-weight: 600; list-style-position: inside; }
.ctp-faq__a { padding: 0 16px 12px; }

.ctp-guide table, .ctp-table { width: 100%; border-collapse: collapse; margin: 12px 0 20px; font-size: .95em; }
.ctp-guide th, .ctp-guide td, .ctp-table th, .ctp-table td { border: 1px solid var(--ctp-line); padding: 8px 10px; text-align: start; vertical-align: top; }
.ctp-guide thead th, .ctp-table thead th { background: var(--ctp-surface); }
.ctp-table-wrap, .ctp-guide .ctp-table-wrap { overflow-x: auto; }
.ctp-guide ol.ctp-steps { counter-reset: s; list-style: none; padding: 0; }
.ctp-guide ol.ctp-steps > li { counter-increment: s; position: relative; padding-inline-start: 44px; margin-bottom: 12px; }
.ctp-guide ol.ctp-steps > li::before { content: counter(s); position: absolute; inset-inline-start: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--ctp-brand); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.ctp-guide .ctp-note { padding: 12px 16px; border-inline-start: 4px solid var(--ctp-accent); background: var(--ctp-surface); border-radius: 6px; }

.ctp-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 12px 0; padding: 0; font-size: .92em; }
.ctp-breadcrumbs li + li::before { content: "›"; margin-inline-end: 6px; color: var(--ctp-muted); }
.ctp-wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px 32px; }
.ctp-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 8px; }
.ctp-facts dt { font-weight: 600; }
.ctp-facts dd { margin: 0; }
.ctp-catalog__makes { columns: 2 220px; list-style: none; padding: 0; }
.ctp-catalog__makes li { break-inside: avoid; padding: 6px 0; }
.ctp-catalog__count { color: var(--ctp-muted); font-size: .88em; margin-inline-start: 6px; }
.ctp-contact-list { list-style: none; padding: 0; margin: 0; }
.ctp-contact-list li { margin: 4px 0; }
.ctp-contact { display: inline-flex; align-items: center; min-height: 44px; }
.ctp-sell-fallback { margin: 16px 0; }
/* a11y: breadcrumb links were 17px high (WCAG 2.5.8 asks for at least 24px) */
.ctp-breadcrumbs a { display: inline-block; min-width: 24px; padding-block: 4px; text-align: center; }

/* "רכבים שקנינו" gallery + post (Growth\Showcase). Cards: photo on top, masked facts; 44px targets; RTL logical props. */
.ctp-showcase { direction: rtl; font-family: var(--ctp-font); color: var(--ctp-ink); line-height: 1.6; margin: 16px 0 32px; }
.ctp-showcase__intro { margin: 0 0 16px; color: var(--ctp-muted); }
.ctp-showcase__grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); list-style: none; margin: 0; padding: 0; }
.ctp-showcase__card article { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--ctp-line); border-radius: var(--ctp-radius); background: var(--ctp-bg); box-shadow: var(--ctp-shadow); overflow: hidden; }
.ctp-showcase__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: var(--ctp-surface); }
.ctp-showcase__noimg { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: 12px; background: var(--ctp-surface); color: var(--ctp-muted); text-align: center; font-weight: 600; }
.ctp-showcase__body { padding: 12px 16px 16px; }
.ctp-showcase__title { font-size: 1.1rem; margin: 0 0 8px; font-family: inherit; }
.ctp-showcase__title a { display: inline-block; min-height: 24px; color: var(--ctp-brand); text-decoration: none; }
.ctp-showcase__title a:hover { text-decoration: underline; }
.ctp-showcase__title a:focus-visible, .ctp-showcase__photo a:focus-visible { outline: 3px solid var(--ctp-focus, #0a4585); outline-offset: 2px; }
.ctp-showcase__facts { display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px; margin: 0; font-size: .95em; }
.ctp-showcase__facts dt { font-weight: 600; }
.ctp-showcase__facts dd { margin: 0; }
.ctp-showcase__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 24px 0 0; }
.ctp-showcase__empty p { margin: 0 0 12px; }
.ctp-showcase__headline { font-size: 1.5rem; margin: 8px 0 12px; font-family: inherit; }
.ctp-showcase__photos { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); margin: 16px 0; }
.ctp-showcase__photo { margin: 0; }
.ctp-showcase__photo:first-child { grid-column: 1 / -1; }
.ctp-showcase__photo img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ctp-showcase__photo a { display: block; }
.ctp-showcase__text { margin: 0 0 12px; }
.ctp-showcase__share { margin-top: 16px; }
/* consent section on the seller tracking page (inside .ctp-track) */
.ctp-showcase-consent { margin-top: var(--ctp-gap, 16px); }
.ctp-scc-check { display: flex; align-items: flex-start; gap: 10px; margin: 8px 0 4px; }
.ctp-scc-check input[type=checkbox] { flex: 0 0 auto; width: 24px; height: 24px; margin: 2px 0 0; accent-color: var(--ctp-brand); }
.ctp-scc-check label { cursor: pointer; min-height: 44px; }
.ctp-scc-msg { padding: 10px 12px; border-inline-start: 4px solid var(--ctp-ok, #1e7b3c); background: var(--ctp-surface, #f5f7fa); border-radius: 6px; }
.ctp-scc-msg:focus { outline: 3px solid var(--ctp-focus, #0a4585); outline-offset: 2px; }
.ctp-scc-err { color: var(--ctp-bad, #b3261e); font-weight: 600; }
