/* Katalog EV – elektromobilni.pl
 * Zmienne kolorów nadpisywane z ustawień wtyczki (inline style).
 */
.evc {
	--evc-primary: #000dd5;
	--evc-primary-dark: #002c5a;
	--evc-accent: #1bafa1;
	--evc-ink: #212226;
	--evc-muted: #5f6b7a;
	--evc-border: #e3e8f2;
	--evc-tint: #ebf2ff;
	--evc-panel: #f5f5f7;
	--evc-amber: #d97706;
	--evc-red: #dc2626;
	--evc-radius: 14px;
	--evc-radius-sm: 9px;
	--evc-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 16px rgba(15, 23, 42, .05);
	--evc-shadow-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 12px 32px rgba(15, 23, 42, .10);
	font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	color: var(--evc-ink);
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
.evc *, .evc *::before, .evc *::after { box-sizing: border-box; }
.evc a { color: var(--evc-primary); text-decoration: none; }
.evc a:hover { color: var(--evc-primary-dark); }
.evc img { max-width: 100%; height: auto; display: block; }
.evc button, .evc input, .evc select { font-family: inherit; font-size: inherit; }
.evc [hidden] { display: none !important; }
.evc .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.evc-i { width: 18px; height: 18px; flex: 0 0 auto; }
.evc .evc-h2 { font-size: clamp(20px, 2.4vw, 26px); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; margin: 0; color: var(--evc-ink); }
.evc .evc-sub { color: var(--evc-muted); margin: 4px 0 0; font-size: 14px; }
.evc-note { color: var(--evc-muted); font-size: 12.5px; margin: 28px 0 0; padding-top: 14px; border-top: 1px solid var(--evc-border); }
.evc-fineprint { color: var(--evc-muted); font-size: 12.5px; margin: 10px 0 0; }
.evc :focus-visible { outline: 2px solid var(--evc-primary); outline-offset: 2px; border-radius: 6px; }

/* ---------- przyciski ---------- */
.evc .evc-btn {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--evc-primary); color: #fff; border: 1px solid var(--evc-primary);
	padding: 10px 18px; border-radius: 999px; font-weight: 500; font-size: 14px; line-height: 1.2;
	cursor: pointer; transition: background .15s, border-color .15s, color .15s, box-shadow .15s; text-decoration: none;
}
.evc .evc-btn:hover { background: var(--evc-primary-dark); border-color: var(--evc-primary-dark); color: #fff; }
.evc .evc-btn--ghost { background: #fff; color: var(--evc-ink); border-color: var(--evc-border); }
.evc .evc-btn--ghost:hover { background: var(--evc-panel); color: var(--evc-ink); border-color: #cbd5e1; }
.evc .evc-btn .evc-i { width: 16px; height: 16px; }
.evc .evc-linkbtn { background: none; border: 0; padding: 0; color: var(--evc-primary); cursor: pointer; text-decoration: underline; }

/* ========================================================== KATALOG */
.evc-filters { margin: 0 0 18px; }
.evc-filters__top { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.evc-search {
	flex: 1 1 280px; display: flex; align-items: center; gap: 10px; min-width: 0;
	background: #fff; border: 1px solid var(--evc-border); border-radius: 999px; padding: 0 16px; height: 48px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .04); transition: border-color .15s, box-shadow .15s;
}
.evc-search:focus-within { border-color: var(--evc-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--evc-primary) 18%, transparent); }
.evc-search .evc-i { color: var(--evc-muted); }
.evc .evc-search input { border: 0 !important; outline: 0; background: transparent; flex: 1; min-width: 0; height: 100%; padding: 0; margin: 0; box-shadow: none !important; font-size: 15px; color: var(--evc-ink); }
.evc-sort { display: flex; align-items: center; gap: 8px; color: var(--evc-muted); font-size: 13px; }
.evc .evc-sort select, .evc .evc-field select, .evc .evc-vselect select {
	appearance: none; -webkit-appearance: none;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	border: 1px solid var(--evc-border); border-radius: 10px; height: 44px; padding: 0 38px 0 14px; color: var(--evc-ink);
	font-size: 14px; cursor: pointer; width: 100%; margin: 0; box-shadow: none; line-height: 1.2; max-width: none;
}
.evc .evc-sort select { width: auto; border-radius: 999px; height: 48px; }
.evc select:focus { border-color: var(--evc-primary); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--evc-primary) 18%, transparent); }
.evc-filters__toggle { display: none !important; height: 48px; }
.evc-badge-count { background: var(--evc-primary); color: #fff; border-radius: 999px; font-size: 11px; min-width: 20px; height: 20px; display: inline-grid; place-items: center; padding: 0 6px; }

.evc-filters__more { margin-top: 12px; padding: 16px; background: var(--evc-panel); border: 1px solid var(--evc-border); border-radius: var(--evc-radius); }
.evc-filters__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.evc-field { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.evc-field > span { font-size: 12px; font-weight: 500; color: var(--evc-muted); text-transform: uppercase; letter-spacing: .04em; }
.evc-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; }
.evc-chip, .evc-seg label { position: relative; margin: 0; cursor: pointer; }
.evc-chip input, .evc-seg input { position: absolute; opacity: 0; pointer-events: none; }
.evc-chip span, .evc-seg span {
	display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px;
	background: #fff; border: 1px solid var(--evc-border); font-size: 13.5px; color: var(--evc-ink); transition: all .15s; white-space: nowrap;
}
.evc-chip span .evc-i { width: 16px; height: 16px; color: var(--evc-muted); }
.evc-chip:hover span, .evc-seg label:hover span { border-color: #cbd5e1; }
.evc-chip input:checked + span { background: var(--evc-ink); border-color: var(--evc-ink); color: #fff; }
.evc-chip input:checked + span .evc-i { color: #fff; }
.evc-chip--curve input:checked + span { background: var(--evc-accent); border-color: var(--evc-accent); }
.evc-chip--test input:checked + span { background: var(--evc-primary); border-color: var(--evc-primary); }
.evc-chip input:focus-visible + span, .evc-seg input:focus-visible + span { outline: 2px solid var(--evc-primary); outline-offset: 2px; }
.evc-seg { display: inline-flex; background: #fff; border: 1px solid var(--evc-border); border-radius: 999px; padding: 3px; gap: 2px; }
.evc-seg span { border: 0; height: 30px; background: transparent; }
.evc-seg input:checked + span { background: var(--evc-ink); color: #fff; }
.evc .evc-reset { background: none; border: 0; color: var(--evc-primary); cursor: pointer; padding: 6px 4px; margin-left: auto; font-size: 13.5px; font-weight: 500; }
.evc .evc-reset:hover { text-decoration: underline; }

.evc-resultbar { display: flex; justify-content: space-between; align-items: center; margin: 4px 2px 14px; color: var(--evc-muted); font-size: 14px; }
.evc-resultbar strong { color: var(--evc-ink); font-weight: 600; }

.evc-brandbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 0 0 14px; font-size: 14px; color: var(--evc-muted); }
.evc-brand-desc { margin: 0 0 18px; max-width: 72ch; }

/* ---------- siatka kart ---------- */
.evc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 18px; }
.evc-grid--compact { grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.evc-card {
	position: relative; display: flex; flex-direction: column; background: #fff;
	border: 1px solid var(--evc-border); border-radius: var(--evc-radius); overflow: hidden;
	box-shadow: var(--evc-shadow); transition: box-shadow .2s, transform .2s, border-color .2s;
}
.evc-card:hover { box-shadow: var(--evc-shadow-hover); transform: translateY(-2px); border-color: #cbd5e1; }
.evc-card:focus-within { border-color: var(--evc-primary); }
.evc-card__media { position: relative; display: block; aspect-ratio: 16 / 10; background: linear-gradient(180deg, #f1f5f9, #e8eef5); overflow: hidden; color: var(--evc-ink); }
.evc-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.evc-card:hover .evc-card__media img { transform: scale(1.03); }
.evc-ph { width: 100%; height: 100%; display: block; color: var(--evc-ink); }
.evc-card__flags { position: absolute; left: 10px; top: 10px; right: 10px; display: flex; gap: 6px; flex-wrap: wrap; }
.evc-flag {
	display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; letter-spacing: .01em;
	padding: 4px 9px 4px 8px; border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--evc-ink);
	box-shadow: 0 1px 3px rgba(15, 23, 42, .12); backdrop-filter: blur(4px);
}
.evc-flag .evc-i { width: 14px; height: 14px; }
.evc-flag--curve { color: var(--evc-accent); }
.evc-flag--test { color: var(--evc-primary); }
.evc-flag--new { background: var(--evc-amber); color: #fff; }
.evc-card__body { padding: 14px 16px 14px; display: flex; flex-direction: column; flex: 1; }
.evc-card__brand { font-size: 11.5px; font-weight: 600; color: var(--evc-muted); text-transform: uppercase; letter-spacing: .08em; }
.evc .evc-card__title { font-size: 18px; font-weight: 600; line-height: 1.25; margin: 2px 0 6px; letter-spacing: -.01em; }
.evc .evc-card__title a { color: var(--evc-ink); }
.evc .evc-card__title a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.evc-card__price { font-size: 16px; font-weight: 600; color: var(--evc-ink); display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; font-variant-numeric: tabular-nums; }
.evc-card__from { font-size: 12.5px; font-weight: 400; color: var(--evc-muted); }
.evc-card__stats { list-style: none; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed var(--evc-border); display: grid; grid-template-columns: 1fr; gap: 6px; font-size: 13.5px; color: #334155; }
.evc-card__stats li { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; font-variant-numeric: tabular-nums; }
.evc-card__stats .evc-i { width: 16px; height: 16px; color: var(--evc-muted); }
.evc-card__foot { margin-top: auto; padding-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--evc-muted); }
.evc-card__foot span + span::before { content: '·'; margin-right: 8px; }

.evc-pc { font-size: 11.5px; font-weight: 600; padding: 2px 7px; border-radius: 999px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.evc-pc.is-down { background: #dcfce7; color: #166534; }
.evc-pc.is-up { background: #fee2e2; color: #991b1b; }

.evc-empty { text-align: center; padding: 48px 16px; background: var(--evc-panel); border: 1px dashed var(--evc-border); border-radius: var(--evc-radius); color: var(--evc-muted); }
.evc-empty p { margin: 4px 0; }
.evc-more-wrap { display: flex; justify-content: center; margin-top: 24px; }
.evc .evc-more { padding: 12px 26px; }

/* ========================================================== STRONA MODELU */
.evc-single { margin: 0 0 32px; }
.evc-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--evc-muted); margin: 0 0 16px; }
.evc-crumbs a { color: var(--evc-muted); }
.evc-crumbs a:hover { color: var(--evc-primary); }
.evc-crumbs [aria-current] { color: var(--evc-ink); font-weight: 500; }

.evc-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.evc-hero--nogal { grid-template-columns: 1fr; }
.evc-gallery__main { position: relative; margin: 0; aspect-ratio: 16 / 10; border-radius: var(--evc-radius); overflow: hidden; background: linear-gradient(180deg, #f1f5f9, #e5ecf4); }
.evc-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.evc .evc-gallery__nav {
	position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%;
	border: 0; background: rgba(255, 255, 255, .92); color: var(--evc-ink); font-size: 24px; line-height: 1; cursor: pointer;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .18); display: grid; place-items: center; padding: 0 0 3px; opacity: 0; transition: opacity .2s;
}
.evc-gallery:hover .evc-gallery__nav, .evc-gallery__nav:focus-visible { opacity: 1; }
.evc-gallery__prev { left: 12px; }
.evc-gallery__next { right: 12px; }
.evc-gallery__thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.evc .evc-thumb { flex: 0 0 76px; height: 54px; padding: 0; border: 2px solid transparent; border-radius: 9px; overflow: hidden; cursor: pointer; background: var(--evc-panel); opacity: .72; transition: opacity .15s, border-color .15s; }
.evc .evc-thumb img { width: 100%; height: 100%; object-fit: cover; }
.evc .evc-thumb.is-active, .evc .evc-thumb:hover { opacity: 1; border-color: var(--evc-primary); }

.evc-eyebrow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; color: var(--evc-muted); font-weight: 500; text-transform: uppercase; letter-spacing: .06em; }
.evc-eyebrow a { color: var(--evc-primary); font-weight: 600; }
.evc-price { margin: 12px 0 18px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.evc-price__label { font-size: 12.5px; color: var(--evc-muted); }
.evc-price__value { font-size: clamp(26px, 3.4vw, 34px); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.evc-price__value small { font-size: 15px; font-weight: 500; color: var(--evc-muted); letter-spacing: 0; }
.evc-price .evc-pc { font-weight: 500; font-size: 12px; margin-top: 4px; }
.evc-notice { margin: 14px 0; padding: 12px 14px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px; color: #9a3412; font-size: 14px; }

.evc-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.evc-kpi { background: var(--evc-panel); border: 1px solid var(--evc-border); border-radius: 12px; padding: 12px 14px; margin: 0; }
.evc-kpi dt { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--evc-muted); font-weight: 500; margin: 0; }
.evc-kpi dt .evc-i { width: 16px; height: 16px; color: var(--evc-primary); }
.evc-kpi dd { margin: 4px 0 0; font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.25; }
.evc-hero__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; align-items: center; }
.evc .evc-pill { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 500; border: 1px solid var(--evc-border); background: #fff; color: var(--evc-ink); }
.evc .evc-pill .evc-i { width: 16px; height: 16px; }
.evc .evc-pill--curve { border-color: color-mix(in srgb, var(--evc-accent) 35%, #fff); background: color-mix(in srgb, var(--evc-accent) 7%, #fff); color: color-mix(in srgb, var(--evc-accent) 80%, #000); }
.evc .evc-pill--test { border-color: color-mix(in srgb, var(--evc-primary) 30%, #fff); background: color-mix(in srgb, var(--evc-primary) 6%, #fff); color: var(--evc-primary-dark); }
.evc .evc-pill:hover { filter: brightness(.97); }

.evc-subnav {
	position: sticky; top: var(--evc-sticky-top, 0px); z-index: 5; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;
	margin: 30px 0 6px; padding: 8px 0; background: rgba(255, 255, 255, .94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--evc-border);
}
.evc-subnav::-webkit-scrollbar { display: none; }
.evc .evc-subnav a { white-space: nowrap; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 500; color: var(--evc-muted); }
.evc .evc-subnav a:hover { color: var(--evc-ink); background: var(--evc-panel); }
.evc .evc-subnav a.is-active { color: var(--evc-ink); background: var(--evc-panel); box-shadow: inset 0 0 0 1px var(--evc-border); }

.evc-section { padding: 28px 0 8px; scroll-margin-top: 70px; }
.evc-section__head { margin-bottom: 16px; }
.evc-section__head--row { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.evc-desc { font-size: 16px; line-height: 1.7; max-width: 76ch; }
.evc-desc > :first-child { margin-top: 0; }

/* tabela wersji */
.evc-table-wrap { overflow-x: auto; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); background: #fff; -webkit-overflow-scrolling: touch; }
.evc .evc-table { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; border: 0; font-variant-numeric: tabular-nums; }
.evc .evc-table th, .evc .evc-table td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--evc-border); text-align: left; vertical-align: middle; background: none; }
.evc .evc-table thead th { font-size: 12px; font-weight: 600; color: var(--evc-muted); text-transform: uppercase; letter-spacing: .04em; background: var(--evc-panel); white-space: nowrap; cursor: pointer; user-select: none; position: sticky; top: 0; }
.evc .evc-table thead th[aria-sort="ascending"]::after { content: ' ↑'; }
.evc .evc-table thead th[aria-sort="descending"]::after { content: ' ↓'; }
.evc .evc-table .num { text-align: right; white-space: nowrap; }
.evc .evc-table tbody tr { cursor: pointer; transition: background .12s; }
.evc .evc-table tbody tr:hover { background: var(--evc-panel); }
.evc .evc-table tbody tr:last-child th, .evc .evc-table tbody tr:last-child td { border-bottom: 0; }
.evc .evc-table tbody th { font-weight: 500; display: flex; align-items: center; gap: 10px; min-width: 220px; }
.evc .evc-table tbody tr.is-selected { background: color-mix(in srgb, var(--evc-primary) 6%, #fff); }
.evc .evc-table tbody tr.is-selected th { color: var(--evc-primary-dark); }
.evc-radio { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #cbd5e1; flex: 0 0 auto; transition: all .15s; }
.is-selected .evc-radio { border-color: var(--evc-primary); box-shadow: inset 0 0 0 3px #fff; background: var(--evc-primary); }
.evc-unit { text-transform: none; letter-spacing: 0; font-weight: 400; }
.evc-tag { font-size: 11px; background: #f1f5f9; color: var(--evc-muted); padding: 2px 7px; border-radius: 999px; }
.evc .evc-table td .evc-pc { margin-left: 6px; }
.evc-versions.is-collapsed tr.is-extra { display: none; }
.evc .evc-expand { margin-top: 12px; }

/* dane techniczne */
.evc-vselect { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--evc-muted); margin: 0; min-width: min(100%, 360px); }
.evc-vselect select { flex: 1; }
.evc-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 16px; }
.evc-spec { border: 1px solid var(--evc-border); border-radius: var(--evc-radius); padding: 6px 18px 10px; background: #fff; }
.evc .evc-spec h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--evc-muted); font-weight: 600; margin: 12px 0 4px; }
.evc-spec dl { margin: 0; }
.evc-row { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid #f1f5f9; font-size: 14px; }
.evc-row:last-child { border-bottom: 0; }
.evc-row dt { color: #475569; margin: 0; font-weight: 400; }
.evc-row dd { margin: 0; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.evc-row.is-empty { display: none; }

/* ładowanie */
.evc-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: 10px; margin: 0 0 18px; }
.evc-fact { background: var(--evc-panel); border: 1px solid var(--evc-border); border-radius: 12px; padding: 12px 14px; margin: 0; }
.evc-fact dt { font-size: 12px; color: var(--evc-muted); display: flex; gap: 6px; align-items: center; margin: 0; }
.evc-fact dt .evc-i { width: 15px; height: 15px; }
.evc-fact dd { margin: 3px 0 0; font-weight: 600; font-size: 16px; font-variant-numeric: tabular-nums; }
.evc-fact.is-empty { display: none; }
.evc-curve { border: 1px solid color-mix(in srgb, var(--evc-accent) 28%, var(--evc-border)); border-radius: var(--evc-radius); padding: 18px; background: linear-gradient(180deg, color-mix(in srgb, var(--evc-accent) 4%, #fff), #fff 140px); margin: 0 0 18px; }
.evc-curve__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.evc .evc-curve__head h3 { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 17px; font-weight: 600; }
.evc-curve__head h3 .evc-i { color: var(--evc-accent); width: 22px; height: 22px; }
.evc-curve__stats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.evc-curve__card { background: #fff; border: 1px solid var(--evc-border); border-radius: 12px; padding: 10px 14px; min-width: 200px; }
.evc-curve__name { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--evc-muted); margin-bottom: 4px; }
.evc-curve__name i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.evc-curve__nums { display: flex; gap: 22px; }
.evc-curve__nums div { display: flex; flex-direction: column; }
.evc-curve__nums strong { font-size: 22px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--evc-ink); }
.evc-curve__nums span { font-size: 12px; color: var(--evc-muted); }
.evc-curve__chart { background: #fff; border-radius: 12px; overflow: hidden; }
.evc .evc-times h3 { font-size: 15px; font-weight: 600; margin: 8px 0 10px; }
.evc-facts--times { margin-bottom: 0; }

/* testy */
.evc-tests { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.evc .evc-test { display: flex; flex-direction: column; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); overflow: hidden; background: #fff; color: var(--evc-ink); transition: box-shadow .2s, transform .2s; box-shadow: var(--evc-shadow); }
.evc .evc-test:hover { box-shadow: var(--evc-shadow-hover); transform: translateY(-2px); color: var(--evc-ink); }
.evc-test__media { aspect-ratio: 16 / 9; background: var(--evc-panel); overflow: hidden; display: block; }
.evc-test__media img { width: 100%; height: 100%; object-fit: cover; }
.evc-test__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; }
.evc-test__date { font-size: 12px; color: var(--evc-muted); }
.evc-test__title { font-weight: 600; font-size: 16px; line-height: 1.35; }
.evc-test__ex { font-size: 13.5px; color: #475569; }
.evc-test__more { display: inline-flex; align-items: center; gap: 6px; color: var(--evc-primary); font-weight: 500; font-size: 14px; margin-top: 4px; }
.evc-test__more .evc-i { width: 16px; height: 16px; }

.evc-brandlinks { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 26px; font-size: 14px; color: var(--evc-muted); }
.evc .evc-brandlinks a { padding: 6px 12px; border: 1px solid var(--evc-border); border-radius: 999px; color: var(--evc-ink); font-size: 13.5px; background: #fff; }
.evc .evc-brandlinks a:hover { border-color: var(--evc-primary); color: var(--evc-primary); }
.evc .evc-brandlinks .evc-brandlinks__all { border: 0; color: var(--evc-primary); }

/* ========================================================== KARTA W ARTYKULE */
.evc-box { display: grid; grid-template-columns: 200px 1fr; gap: 0; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); overflow: hidden; margin: 28px 0; background: #fff; box-shadow: var(--evc-shadow); }
.evc-box__media { background: var(--evc-panel); display: block; min-height: 100%; }
.evc-box__media img, .evc-box__media .evc-ph { width: 100%; height: 100%; object-fit: cover; }
.evc-box__body { padding: 16px 20px; display: flex; flex-direction: column; gap: 6px; }
.evc-box__kicker { font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--evc-primary); font-weight: 600; }
.evc .evc-box__title { font-size: 19px; font-weight: 600; color: var(--evc-ink); line-height: 1.25; }
.evc-box__stats { list-style: none; margin: 6px 0 4px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.evc-box__stats li { display: flex; flex-direction: column; margin: 0; padding: 0; }
.evc-box__stats span { font-size: 11.5px; color: var(--evc-muted); }
.evc-box__stats strong { font-size: 15px; font-variant-numeric: tabular-nums; }
.evc .evc-box__cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 14px; margin-top: auto; }
.evc-box__cta .evc-i { width: 16px; height: 16px; }

/* ========================================================== RESPONSYWNOŚĆ */
@media (max-width: 900px) {
	.evc-hero { grid-template-columns: 1fr; gap: 18px; }
	.evc-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.evc-filters__toggle { display: inline-flex !important; }
	.evc-filters__more { display: none; }
	.evc-filters__more.is-open { display: block; }
	.evc-sort span { display: none; }
	.evc-filters__top { flex-wrap: wrap; }
	.evc-search { flex-basis: 100%; }
	.evc-sort { flex: 1; }
	.evc .evc-sort select { width: 100%; }
	.evc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.evc-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 14px; }
	.evc-box { grid-template-columns: 1fr; }
	.evc-box__media { aspect-ratio: 16 / 9; }
	.evc .evc-table tbody th { min-width: 180px; }
	.evc-section__head--row { align-items: stretch; }
	.evc-vselect { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.evc *, .evc *::before, .evc *::after { transition: none !important; }
}
@media print {
	.evc-subnav, .evc-filters, .evc-gallery__thumbs, .evc-gallery__nav, .evc-more-wrap { display: none !important; }
	.evc-versions.is-collapsed tr.is-extra { display: table-row; }
}

/* ---------- odporność na style przycisków motywu (np. Twenty Twenty-One) ---------- */
.evc button.evc-btn:not(#evc-x), .evc a.evc-btn:not(#evc-x) { background: var(--evc-primary); color: #fff; border: 1px solid var(--evc-primary); padding: 10px 18px; border-radius: 999px; font-weight: 500; font-size: 14px; line-height: 1.2; text-decoration: none; }
.evc button.evc-btn:not(#evc-x):hover, .evc a.evc-btn:not(#evc-x):hover { background: var(--evc-primary-dark); border-color: var(--evc-primary-dark); color: #fff; }
.evc .evc-btn--ghost:not(#evc-x) { background: #fff !important; color: var(--evc-ink) !important; border-color: var(--evc-border) !important; }
.evc .evc-btn--ghost:not(#evc-x):hover { background: var(--evc-panel) !important; }
.evc .evc-more:not(#evc-x) { padding: 12px 26px; }
.evc .evc-filters__toggle:not(#evc-x) { height: 48px; }
.evc button.evc-gallery__nav:not(#evc-x) { background: rgba(255, 255, 255, .92); color: var(--evc-ink); border: 0; padding: 0 0 3px; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; }
.evc button.evc-thumb:not(#evc-x) { background: var(--evc-panel); padding: 0; border: 2px solid transparent; border-radius: 9px; }
.evc button.evc-thumb.is-active:not(#evc-x), .evc button.evc-thumb:not(#evc-x):hover { border-color: var(--evc-primary); }
.evc button.evc-reset:not(#evc-x), .evc button.evc-linkbtn:not(#evc-x) { background: none; border: 0; color: var(--evc-primary); padding: 6px 4px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.evc input[type=search]:not(#evc-x) { background: transparent; border: 0; padding: 0; outline: 0; box-shadow: none; }

/* obrazy wypełniające kontenery o stałych proporcjach (odporne na reguły img motywu) */
.evc .evc-card__media > img, .evc .evc-card__media > .evc-ph,
.evc .evc-gallery__main > img, .evc .evc-gallery__main > .evc-ph,
.evc .evc-test__media > img, .evc .evc-test__media > .evc-ph { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; }
.evc .evc-test__media { position: relative; }
.evc .evc-card__flags { z-index: 2; }

/* ---------- układ zależny od szerokości kolumny treści motywu (container queries) ---------- */
.evc-single, .evc-catalog { container-type: inline-size; }
@container (max-width: 820px) {
	.evc-hero { grid-template-columns: 1fr; gap: 18px; }
	.evc-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (max-width: 520px) {
	.evc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.evc-price__value { font-size: 26px; }
}
@container (max-width: 640px) {
	.evc-filters__toggle { display: inline-flex !important; }
	.evc-filters__more { display: none; }
	.evc-filters__more.is-open { display: block; }
	.evc-search { flex-basis: 100%; }
	.evc-sort { flex: 1; }
	.evc .evc-sort select { width: 100%; }
}
/* listy definicji – motywy często dodają wcięcia dd/dt */
.evc dl:not(#evc-x), .evc dd:not(#evc-x), .evc dt:not(#evc-x) { padding-left: 0; margin-left: 0; }
.evc .evc-kpi dd:not(#evc-x) { margin-top: 4px; }
.evc .evc-fact dd:not(#evc-x) { margin-top: 3px; }
.evc .evc-pill, .evc .evc-btn { width: auto; }

/* testy – układ poziomy w szerszej kolumnie */
@container (min-width: 560px) {
	.evc .evc-test { flex-direction: row; }
	.evc .evc-test .evc-test__media { flex: 0 0 38%; aspect-ratio: auto; min-height: 170px; }
	.evc-tests { grid-template-columns: 1fr; }
}

/* ========================================================== KOLORYSTYKA elektromobilni.pl
 * Niebieski #000DD5 – przyciski, linki, nagłówki sekcji (jak na portalu); granat #002C5A – najechanie;
 * turkus #1BAFA1 – krzywe ładowania; jasny błękit #EBF2FF – wyróżnienia; #F5F5F7 – pola (jak wyszukiwarka portalu).
 */
.evc .evc-h2 { color: var(--evc-primary); font-weight: 700; }
.evc .evc-card__title a:hover { color: var(--evc-primary); }
.evc-card:hover { border-color: color-mix(in srgb, var(--evc-primary) 30%, var(--evc-border)); }
.evc .evc-search { background: var(--evc-panel); border-color: transparent; box-shadow: none; }
.evc .evc-search:focus-within { background: #fff; border-color: var(--evc-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--evc-primary) 15%, transparent); }
.evc-filters__more { background: var(--evc-tint); border-color: color-mix(in srgb, var(--evc-primary) 12%, var(--evc-tint)); }
.evc .evc-chip input:checked + span, .evc .evc-seg input:checked + span { background: var(--evc-primary); border-color: var(--evc-primary); }
.evc-flag--test { color: var(--evc-primary); }
.evc-flag--new, .evc-mini--new { background: var(--evc-primary-dark) !important; color: #fff !important; }
.evc-kpi { background: var(--evc-tint); border-color: transparent; }
.evc-kpi dt .evc-i { color: var(--evc-primary); }
.evc .evc-table tbody tr.is-selected { background: var(--evc-tint); }
.evc .evc-table tbody tr.is-selected th { color: var(--evc-primary); }
.evc-eyebrow a { color: var(--evc-primary); }
.evc-price__value { color: var(--evc-primary-dark); }
.evc .evc-pill--test { background: var(--evc-tint); border-color: transparent; color: var(--evc-primary); }
.evc .evc-subnav a.is-active { background: var(--evc-tint); color: var(--evc-primary); box-shadow: none; }
.evc-box__kicker { color: var(--evc-primary); }

/* ========================================================== STRONA STARTOWA: NAGŁÓWEK + WYSZUKIWARKA + MARKI
   Układ jak elektromobilni.pl/katalog-samochodow/samochody-elektryczne/ */
.evc-brands { container-type: inline-size; }
.evc .evc-landing { display: block; text-align: center; max-width: 920px; margin: 0 auto 32px; }
.evc .evc-landing__title { font-size: clamp(26px, 4.2cqi, 41.6px); font-weight: 600; line-height: 1.2; color: #333; margin: 0 0 16px; letter-spacing: -.005em; }
.evc-landing__intro { font-size: 16px; line-height: 1.65; color: #555; margin: 0 auto 26px; max-width: 760px; }
.evc-finder__form { max-width: 720px; margin: 0 auto; }
.evc .evc-finder__form .evc-search { display: flex; width: 100%; max-width: 100%; box-sizing: border-box; }
.evc .evc-search--xl { height: 58px; background: #fff; border: 1px solid #d9dde6; border-radius: 999px; padding: 0 8px 0 22px; box-shadow: 0 6px 22px rgba(20, 30, 60, .07); }
.evc .evc-search--xl:focus-within { background: #fff; border-color: var(--evc-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--evc-primary) 14%, transparent), 0 6px 22px rgba(20, 30, 60, .07); }
.evc .evc-search--xl input { font-size: 17px; }
.evc .evc-search--xl > .evc-i { width: 22px; height: 22px; color: var(--evc-primary); }
.evc button.evc-search__clear:not(#evc-x) { background: var(--evc-panel); border: 0; border-radius: 50%; width: 40px; height: 40px; padding: 0; display: grid; place-items: center; color: var(--evc-muted); cursor: pointer; }
.evc-search__clear .evc-i { width: 16px; height: 16px; }
.evc-landing__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; align-items: center; margin: 14px 0 0; font-size: 13.5px; color: var(--evc-muted); }
.evc-landing__meta > span { display: inline-flex; align-items: center; gap: 6px; }
.evc-landing__meta strong { color: var(--evc-ink); font-weight: 600; }
.evc-landing__meta .evc-i { width: 15px; height: 15px; }
.evc-landing__curve .evc-i { color: var(--evc-accent); }
.evc .evc-landing__all { color: var(--evc-primary); font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
.evc .evc-landing__all:hover { text-decoration: underline; }
.evc-landing__all .evc-i { width: 15px; height: 15px; }

.evc-results { margin: 0 0 32px; }
.evc-results__brands { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.evc-results__label { font-size: 13px; color: var(--evc-muted); margin-right: 4px; }
.evc .evc-chiplink { display: inline-flex; gap: 6px; align-items: baseline; padding: 8px 14px; border-radius: 999px; background: var(--evc-tint); color: var(--evc-primary); font-weight: 600; font-size: 14px; }
.evc .evc-chiplink small { font-weight: 400; color: var(--evc-muted); font-size: 12px; }
.evc .evc-chiplink:hover { background: var(--evc-primary); color: #fff; }
.evc .evc-chiplink:hover small { color: rgba(255, 255, 255, .8); }
.evc mark { background: color-mix(in srgb, var(--evc-accent) 22%, transparent); color: inherit; padding: 0 1px; border-radius: 3px; }
.evc-card__mono { position: absolute; inset: 0; display: grid; place-items: center; font-size: 48px; font-weight: 700; color: color-mix(in srgb, var(--evc-primary) 25%, transparent); }

/* Siatka logo marek – szare tło #F5F5F7, białe kafelki 8 px, 6 kolumn */
.evc .evc-brandlist { display: block; margin: 0; background: #f5f5f7; border-radius: 12px; padding: clamp(14px, 3cqi, 30px); }
.evc-logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
.evc .evc-brand {
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center;
	background: #fff; border-radius: 8px; padding: 0 15px 15px; color: #757575; text-decoration: none;
	transition: box-shadow .2s, transform .2s;
}
.evc .evc-brand:hover, .evc .evc-brand:focus-visible { box-shadow: 0 8px 24px rgba(20, 30, 60, .10); transform: translateY(-2px); color: var(--evc-primary); }
.evc-brand__logo { width: 100%; height: 130px; display: flex; align-items: center; justify-content: center; }
.evc .evc-brand__logo img { width: auto !important; height: auto !important; max-width: 78% !important; max-height: 64% !important; object-fit: contain; display: block; margin: 0 auto; box-shadow: none; border-radius: 0; }
.evc .evc-brand__mono { font-size: 19px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b9bfcb; line-height: 1.15; padding: 0 4px; overflow-wrap: anywhere; }
.evc .evc-brand:hover .evc-brand__mono { color: var(--evc-primary); }
.evc-brand__name { font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 2.3px; line-height: 1.35; }
@container (max-width: 1000px) { .evc-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 760px)  { .evc-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .evc-brand__logo { height: 110px; } }
@container (max-width: 520px)  {
	.evc-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.evc-brand__logo { height: 96px; }
	.evc-brand__name { font-size: 12px; letter-spacing: 1.6px; }
	.evc-landing__intro { font-size: 15px; }
	.evc .evc-search--xl { height: 52px; padding-left: 16px; }
	.evc .evc-search--xl input { font-size: 16px; }
}
.evc-brandbar .evc-back { font-weight: 600; }
.evc input[type=search]::-webkit-search-cancel-button, .evc input[type=search]::-webkit-search-decoration { -webkit-appearance: none; display: none; }
.evc-catalog--brand .evc-card__brand { display: none; }

/* „Dane aktualne na dzień” */
.evc-asof { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--evc-muted); }
.evc-asof strong { color: var(--evc-ink); font-weight: 600; }
.evc-asof .evc-i { width: 15px; height: 15px; color: var(--evc-primary); }
.evc-asof--light, .evc-asof--light strong { color: #fff; }
.evc-asof--light { background: rgba(255, 255, 255, .14); padding: 4px 10px; border-radius: 999px; }
.evc-asof--light .evc-i { color: #fff; }
.evc-price .evc-asof { margin-top: 6px; }

/* trzy warstwy danych na karcie modelu */
.evc-src { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: 999px; vertical-align: 2px; white-space: nowrap; }
.evc-src--m { background: color-mix(in srgb, var(--evc-accent) 16%, #fff); color: color-mix(in srgb, var(--evc-accent) 70%, #000); }
.evc-src--e { background: var(--evc-panel); color: var(--evc-muted); border: 1px dashed #c6ccd8; }
.evc-practice { margin: 0 0 20px; padding: 16px 18px 6px; border-radius: var(--evc-radius); background: var(--evc-tint); }
.evc .evc-practice h3 { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--evc-primary-dark); }
.evc-practice .evc-fact { background: #fff; border-color: transparent; }
.evc-practice .evc-fact small { font-size: 11px; color: var(--evc-muted); }
.evc-practice .evc-facts { margin-bottom: 8px; }
.evc .evc-practice__cta { display: inline-block; margin-left: 6px; font-weight: 600; }

/* Szablon strony wtyczki (gdy Elementor/motyw nie pokazuje treści strony) */
.evc-page { width: 100%; }
.evc-page__inner { max-width: 1240px; margin: 0 auto; padding: 28px 16px 56px; box-sizing: border-box; }
.evc-page__title { font-family: 'Poppins', sans-serif; font-size: clamp(26px, 3.4vw, 38px); font-weight: 600; line-height: 1.2; color: #212226; margin: 0 0 18px; }

/* ---------- Tabela „Wersje i ceny” bez przewijania w poziomie (1.8) ---------- */
.evc-table-wrap--fit { overflow: visible; container-type: inline-size; }
.evc .evc-table-wrap--fit .evc-versions { table-layout: auto; }
.evc .evc-table-wrap--fit .evc-versions thead th { white-space: normal; line-height: 1.25; vertical-align: bottom; padding: 10px 10px; }
.evc .evc-table-wrap--fit .evc-versions thead th .evc-unit { display: block; font-weight: 500; text-transform: none; letter-spacing: 0; }
.evc .evc-table-wrap--fit .evc-versions tbody th { display: table-cell; min-width: 0; padding: 12px 10px 12px 14px; }
.evc .evc-table-wrap--fit .evc-versions tbody th .evc-radio { display: inline-block; vertical-align: -2px; margin-right: 8px; }
.evc .evc-table-wrap--fit .evc-versions td { padding: 12px 10px; }
.evc .evc-table-wrap--fit .evc-versions .evc-vname { overflow-wrap: break-word; }
.evc .evc-table-wrap--fit .evc-versions tbody th { width: 30%; }
@container (max-width: 980px) {
	.evc .evc-table-wrap--fit .evc-versions { font-size: 13px; }
	.evc .evc-table-wrap--fit .evc-versions thead th { font-size: 10.5px; padding: 9px 6px; }
	.evc .evc-table-wrap--fit .evc-versions td { padding: 10px 6px; }
	.evc .evc-table-wrap--fit .evc-versions td .evc-pc { display: table; margin: 3px 0 0 auto; }
}
/* wąsko: każda wersja jako karta z parami „etykieta – wartość” */
@container (max-width: 620px) {
	.evc .evc-table-wrap--fit .evc-versions, .evc .evc-table-wrap--fit .evc-versions tbody { display: block; }
	.evc .evc-table-wrap--fit .evc-versions thead { display: none; }
	.evc .evc-table-wrap--fit .evc-versions tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 14px; padding: 12px 14px; border-bottom: 1px solid var(--evc-border); }
	.evc .evc-table-wrap--fit .evc-versions tbody tr:last-child { border-bottom: 0; }
	.evc .evc-table-wrap--fit .evc-versions tbody th { grid-column: 1 / -1; padding: 0 0 6px; border: 0; font-size: 14.5px; width: auto; }
	.evc .evc-table-wrap--fit .evc-versions td { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 4px 0; border: 0; text-align: right; font-size: 13.5px; white-space: normal; }
	.evc .evc-table-wrap--fit .evc-versions td::before { content: attr(data-label); color: var(--evc-muted); font-size: 12px; text-align: left; }
	.evc .evc-table-wrap--fit .evc-versions td.evc-c-price { grid-column: 1 / -1; font-weight: 600; font-size: 15px; justify-content: flex-end; }
	.evc .evc-table-wrap--fit .evc-versions td.evc-c-price::before { margin-right: auto; font-weight: 400; }
	.evc .evc-table-wrap--fit .evc-versions td .evc-pc { display: inline-block; margin-left: 6px; }
}
@container (max-width: 380px) {
	.evc .evc-table-wrap--fit .evc-versions tbody tr { grid-template-columns: 1fr; }
}
.evc .evc-table-wrap--fit .evc-versions.is-collapsed tbody tr.is-extra { display: none; }

/* ========================================================== ZMIANY CEN MIESIĄC DO MIESIĄCA (1.8) */
.evc-pchg { margin: 36px 0 8px; container-type: inline-size; }
.evc-pchg__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 24px; margin-bottom: 14px; }
.evc .evc-pchg .evc-h2 { margin: 0 0 4px; }
.evc-pchg__period { margin: 0; color: var(--evc-muted); font-size: 14px; }
.evc-pchg__period strong { color: var(--evc-ink); font-weight: 600; }
.evc .evc-pchg__totals { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.evc .evc-pchg__totals li { margin: 0; padding: 6px 12px; border-radius: 999px; background: var(--evc-panel); font-size: 13px; color: var(--evc-muted); }
.evc-pchg__totals strong { color: var(--evc-ink); }
.evc .evc-pchg__totals li.is-down { background: color-mix(in srgb, var(--evc-accent) 14%, #fff); color: color-mix(in srgb, var(--evc-accent) 60%, #000); }
.evc .evc-pchg__totals li.is-up { background: #fdeceb; color: #a1281e; }
.evc-pchg__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 10px; align-items: start; }
.evc-pchg__brand { background: #fff; border: 1px solid var(--evc-border); border-radius: 10px; overflow: hidden; }
.evc-pchg__brand[open] { grid-column: 1 / -1; border-color: color-mix(in srgb, var(--evc-primary) 35%, var(--evc-border)); }
.evc-pchg__brand > summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; }
.evc-pchg__brand > summary::-webkit-details-marker { display: none; }
.evc-pchg__brand > summary:hover { background: var(--evc-panel); }
.evc-pchg__name { font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: 13.5px; color: var(--evc-ink); }
.evc-pchg__badges { display: inline-flex; gap: 5px; }
.evc-pchg__b { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
.evc-pchg__b.is-down { background: color-mix(in srgb, var(--evc-accent) 16%, #fff); color: color-mix(in srgb, var(--evc-accent) 60%, #000); }
.evc-pchg__b.is-up { background: #fdeceb; color: #a1281e; }
.evc-pchg__rng { margin-left: auto; font-size: 13px; color: var(--evc-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.evc-pchg__more { width: 9px; height: 9px; border-right: 2px solid var(--evc-muted); border-bottom: 2px solid var(--evc-muted); transform: rotate(45deg) translateY(-3px); transition: transform .15s; flex: 0 0 auto; }
.evc-pchg__brand[open] .evc-pchg__more { transform: rotate(-135deg) translateY(-2px); }
.evc-pchg__detail { padding: 0 14px 14px; }
.evc .evc-pchg__table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 0; font-variant-numeric: tabular-nums; border: 0; }
.evc .evc-pchg__table th, .evc .evc-pchg__table td { padding: 8px 6px; border: 0; border-bottom: 1px solid var(--evc-border); text-align: left; background: none; vertical-align: top; }
.evc .evc-pchg__table thead th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--evc-muted); font-weight: 600; }
.evc .evc-pchg__table .num { text-align: right; white-space: nowrap; }
.evc .evc-pchg__table tbody tr:last-child td { border-bottom: 0; }
.evc .evc-pchg__table a { color: var(--evc-ink); font-weight: 500; }
.evc .evc-pchg__table a:hover { color: var(--evc-primary); }
.evc-pchg__ver { color: var(--evc-muted); font-size: 12.5px; }
.evc-pchg__note { margin: 8px 0 0; font-size: 12.5px; color: var(--evc-muted); }
.evc .evc-pchg__link { display: inline-block; margin-top: 8px; font-size: 13.5px; font-weight: 600; color: var(--evc-primary); }
.evc-pchg__same { margin: 14px 0 0; font-size: 13.5px; color: var(--evc-muted); }
.evc-pchg__same strong { color: var(--evc-ink); font-weight: 600; }
.evc-pchg__src { margin: 6px 0 0; font-size: 12px; color: var(--evc-muted); }
.evc-pchg__none { color: var(--evc-muted); }
@container (max-width: 560px) {
	.evc .evc-pchg__table thead { display: none; }
	.evc .evc-pchg__table tr { display: grid; grid-template-columns: 1fr auto auto; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--evc-border); }
	.evc .evc-pchg__table td { border: 0; padding: 0; }
	.evc .evc-pchg__table td:first-child { grid-column: 1 / -1; }
	.evc .evc-pchg__table td:nth-child(2) { color: var(--evc-muted); text-decoration: line-through; }
}

/* ========================================================== WYKRES HISTORII CEN (1.8) */
.evc-pchart__cmp { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--evc-muted); }
.evc .evc-pchart__cmp select { min-width: 220px; max-width: 100%; height: 40px; border: 1px solid var(--evc-border); border-radius: 999px; padding: 0 14px; background: #fff; font-size: 14px; color: var(--evc-ink); }
.evc-pchart__kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px; }
.evc-pchart__kpi { background: var(--evc-panel); border-radius: 10px; padding: 10px 14px; }
.evc-pchart__kpi span { display: block; font-size: 12px; color: var(--evc-muted); }
.evc-pchart__kpi strong { font-size: 16.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.evc-pchart__kpi strong.is-down { color: color-mix(in srgb, var(--evc-accent) 70%, #000); }
.evc-pchart__kpi strong.is-up { color: #b42318; }
.evc-pchart__box { position: relative; background: #fff; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); padding: 12px 12px 4px; }
.evc-pchart__legend { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: var(--evc-ink); margin: 0 0 6px 4px; }
.evc-pchart__lg { display: inline-flex; align-items: center; gap: 6px; }
.evc-pchart__lg i { width: 18px; height: 3px; border-radius: 2px; display: inline-block; }
.evc-pchart__lg i.is-band { height: 10px; opacity: .14; }
.evc .evc-pchart__lg a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.evc-pchart__plot { width: 100%; }
.evc-pchart__svg { display: block; overflow: visible; }
.evc-pchart__grid { stroke: var(--evc-border); stroke-width: 1; }
.evc-pchart__ax { fill: var(--evc-muted); font-size: 11.5px; font-family: inherit; }
.evc-pchart__guide { stroke: var(--evc-muted); stroke-width: 1; stroke-dasharray: 3 3; }
.evc-pchart__tip { position: absolute; z-index: 3; pointer-events: none; background: #fff; border: 1px solid var(--evc-border); border-radius: 10px; box-shadow: 0 8px 24px rgba(20, 30, 60, .12); padding: 8px 12px; font-size: 13px; min-width: 190px; }
.evc-pchart__tip strong { display: block; margin-bottom: 4px; }
.evc-pchart__tip span { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.evc-pchart__tip span i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.evc-pchart__tip span.is-sub { color: var(--evc-muted); font-size: 12px; padding-left: 16px; }
.evc-pchart__tip em { font-style: normal; color: var(--evc-muted); }
.evc-pchart__more { margin-top: 12px; }
.evc-pchart__more > summary { cursor: pointer; font-weight: 600; font-size: 14px; color: var(--evc-primary); }
.evc-pchart__tablewrap { margin-top: 10px; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); overflow-x: auto; background: #fff; }
.evc .evc-pchart__table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; border: 0; font-variant-numeric: tabular-nums; }
.evc .evc-pchart__table th, .evc .evc-pchart__table td { padding: 8px 10px; border: 0; border-bottom: 1px solid var(--evc-border); text-align: left; background: none; }
.evc .evc-pchart__table thead th { background: var(--evc-panel); font-size: 11.5px; text-transform: uppercase; color: var(--evc-muted); letter-spacing: .04em; }
.evc .evc-pchart__table .num { text-align: right; white-space: nowrap; }
.evc .evc-pchart__table tr.is-sum th, .evc .evc-pchart__table tr.is-sum td { font-weight: 600; background: var(--evc-tint); }
.evc .evc-pchart__table tbody th { font-weight: 500; min-width: 160px; }
@container (max-width: 640px) {
	.evc-pchart__kpis { grid-template-columns: 1fr; gap: 0; background: var(--evc-panel); border-radius: 10px; padding: 4px 12px; }
	.evc-pchart__kpi { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 7px 0; background: none; border-radius: 0; }
	.evc-pchart__kpi + .evc-pchart__kpi { border-top: 1px solid var(--evc-border); }
	.evc-pchart__kpi strong { font-size: 14.5px; white-space: nowrap; }
	.evc-pchart__cmp { width: 100%; flex-wrap: wrap; }
	.evc .evc-pchart__cmp select { width: 100%; }
}

/* ---------- Zdjęcia samochodów: całe auto w ramce (contain), bez przycinania (1.9) ---------- */
.evc .evc-card__media > img,
.evc .evc-gallery__main > img,
.evc .evc-box__media > img,
.evc .evc-box__media img { object-fit: contain !important; padding: 5% 6%; box-sizing: border-box; background: transparent; }
.evc .evc-thumb img { object-fit: contain !important; padding: 2px; box-sizing: border-box; background: #fff; }
.evc .evc-card__media, .evc .evc-gallery__main { background: linear-gradient(180deg, #f7f9fc 0%, #eef2f8 100%); }
.evc .evc-card:hover .evc-card__media img { transform: scale(1.04); }

/* ==========================================================================
   RWD 1.9 – tablety i telefony (układ zależny od szerokości kolumny katalogu)
   tablet: 600–1023 px · telefon: < 600 px
   ========================================================================== */
.evc-single, .evc-catalog, .evc-brands { container-type: inline-size; }
.evc img { max-width: 100%; }

/* --- siatka kart: desktop 3–4, tablet 3, telefon lista --- */
@container (min-width: 600px) and (max-width: 1023px) {
	.evc-grid, .evc-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
	.evc-card__body { padding: 12px 13px; }
	.evc .evc-card__title { font-size: 16.5px; }
	.evc-card__price { font-size: 15px; }
	.evc-card__stats { font-size: 12.5px; gap: 4px; margin-top: 10px; padding-top: 10px; }
	.evc-flag { font-size: 10.5px; padding: 3px 7px; }
	.evc-flag .evc-i { width: 12px; height: 12px; }
}
@container (max-width: 599px) {
	.evc-grid, .evc-grid--compact { grid-template-columns: 1fr; gap: 10px; }
	.evc-card { display: grid; grid-template-columns: minmax(118px, 40%) 1fr; align-items: stretch; }
	.evc-card:hover { transform: none; }
	.evc-card__media { aspect-ratio: auto; min-height: 128px; height: 100%; }
	.evc .evc-card__media > img { padding: 8% 6%; }
	.evc-card__flags { left: 6px; top: 6px; right: 6px; gap: 4px; }
	.evc-flag { font-size: 0; padding: 4px; gap: 0; }          /* na telefonie same ikony */
	.evc-flag .evc-i { width: 13px; height: 13px; }
	.evc-flag--new { font-size: 10px; padding: 2px 6px; }
	.evc-card__body { padding: 10px 12px 10px; }
	.evc-card__brand { font-size: 10.5px; }
	.evc .evc-card__title { font-size: 16px; margin: 1px 0 3px; }
	.evc-card__price { font-size: 14.5px; }
	.evc-card__stats { display: flex; flex-wrap: wrap; gap: 3px 12px; margin-top: 8px; padding-top: 8px; font-size: 12.5px; }
	.evc-card__stats .evc-i { width: 14px; height: 14px; }
	.evc-card__stats li { gap: 4px; }
	.evc-card__foot { padding-top: 6px; font-size: 11.5px; }
	.evc .evc-ph { position: absolute; inset: 0; }
}

/* --- strona modelu --- */
@container (min-width: 640px) and (max-width: 1023px) {
	.evc-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }   /* tablet: zdjęcie obok danych */
	.evc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.evc-kpi { padding: 10px 12px; }
	.evc-kpi dd { font-size: 15.5px; }
	.evc-price__value { font-size: 30px; }
}
@container (max-width: 639px) {
	.evc-hero { grid-template-columns: 1fr; gap: 14px; }
	.evc-gallery__main { aspect-ratio: 16 / 10; }
	.evc .evc-thumb { flex-basis: 64px; height: 46px; }
	.evc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.evc-kpi { padding: 10px 12px; }
	.evc-kpi dd { font-size: 15px; }
	.evc-hero__links { gap: 6px; margin-top: 14px; }
	.evc .evc-pill { padding: 8px 12px; font-size: 13px; min-height: 40px; }
	.evc-subnav { margin: 20px -16px 4px; padding: 6px 16px; }
	.evc .evc-subnav a { padding: 9px 12px; font-size: 13.5px; }
	.evc-section { margin-top: 28px; }
	.evc .evc-h2 { font-size: 21px; }
	.evc-gallery__nav { width: 40px; height: 40px; }
}

/* --- czytelność i cele dotyku na ekranach dotykowych --- */
@container (max-width: 1023px) {
	.evc-crumbs a, .evc .evc-back, .evc .evc-landing__all, .evc .evc-pchg__link { display: inline-flex; align-items: center; min-height: 40px; }
	.evc .evc-brandlinks a { min-height: 40px; display: inline-flex; align-items: center; }
	.evc .evc-pchart__more > summary { min-height: 44px; display: flex; align-items: center; }
}
@media (pointer: coarse) {
	.evc-crumbs a, .evc .evc-back, .evc .evc-landing__all, .evc .evc-pchg__link, .evc .evc-hero__all { display: inline-flex; align-items: center; min-height: 40px; }
	.evc-crumbs { gap: 2px 8px; margin-bottom: 8px; }
	.evc .evc-brandlinks a, .evc .evc-chiplink { min-height: 40px; display: inline-flex; align-items: center; }
	.evc .evc-pchart__more > summary, .evc-pchg__brand > summary { min-height: 44px; display: flex; align-items: center; }
	.evc input[type=checkbox], .evc input[type=radio] { min-width: 20px; min-height: 20px; }
	.evc select, .evc .evc-search { min-height: 44px; }
	.evc-gallery__nav { opacity: 1 !important; }
}
.evc-src { font-size: 11px; }
@container (max-width: 599px) { .evc-card__brand { font-size: 11px; } .evc-brand__name { font-size: 11px; } }
@container (min-width: 600px) and (max-width: 980px) {
	.evc .evc-table-wrap--fit .evc-versions thead th { font-size: 11px; }
}

/* --- strona startowa: siatka marek gęściej na telefonie --- */
@container (max-width: 520px) {
	.evc-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.evc .evc-brand { padding: 0 6px 10px; }
	.evc-brand__logo { height: 72px; }
	.evc-brand__name { font-size: 10.5px; letter-spacing: 1px; }
	.evc .evc-brand__mono { font-size: 12.5px; letter-spacing: .02em; overflow-wrap: normal; word-break: normal; hyphens: manual; }
	.evc .evc-brandlist { padding: 10px; border-radius: 10px; }
	.evc .evc-landing__title { font-size: 24px; }
	.evc-landing__meta { gap: 4px 14px; }
}
@container (max-width: 330px) {
	.evc-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (min-width: 521px) {
	.evc .evc-brand__mono { overflow-wrap: normal; word-break: normal; font-size: clamp(13px, 2.2cqi, 19px); }
}

/* --- filtry katalogu na tablecie i telefonie --- */
@container (min-width: 600px) and (max-width: 1023px) {
	.evc-filters__grid, .evc-filters__more .evc-fgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (max-width: 599px) {
	.evc-filters__top { gap: 8px; }
	.evc-resultbar { flex-wrap: wrap; gap: 6px 12px; }
}

/* --- historia cen / zmiany cen --- */
@container (max-width: 599px) {
	.evc-pchg__list { grid-template-columns: 1fr; gap: 8px; }
	.evc-pchg__brand > summary { padding: 10px 12px; }
	.evc-pchg__head { align-items: flex-start; }
}

/* ==========================================================================
   2.0 – powrót do katalogu, partner, porównania, trendy rynkowe
   ========================================================================== */
/* przycisk powrotu */
.evc-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 12px; }
.evc .evc-backbtn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 16px 8px 12px; border-radius: 999px; background: var(--evc-tint); color: var(--evc-primary); font-weight: 600; font-size: 14px; text-decoration: none; transition: background .15s, color .15s; }
.evc .evc-backbtn:hover, .evc .evc-backbtn:focus-visible { background: var(--evc-primary); color: #fff; }
.evc .evc-backbtn .evc-i { width: 18px; height: 18px; }
.evc-bottombar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 36px 0 8px; padding-top: 20px; border-top: 1px solid var(--evc-border); }
.evc-brandbar .evc-partner { margin-left: auto; }

/* partner katalogu */
.evc-partner { display: inline-flex; align-items: center; gap: 10px; }
.evc-partner__label { font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--evc-muted); font-weight: 500; }
.evc-partner__logo { display: inline-flex; align-items: center; background: #fff; border-radius: 8px; padding: 4px 8px; }
.evc .evc-partner__logo img { height: 30px !important; width: auto !important; max-width: 140px; display: block; }
.evc-partner--hero { display: flex; justify-content: center; margin: 14px auto 0; }
.evc-partner--hero .evc-partner__logo { padding: 6px 10px; box-shadow: 0 1px 4px rgba(20, 30, 60, .08); }
.evc-partner--hero .evc-partner__logo img { height: 36px !important; }
.evc-partner--bottom .evc-partner__logo img { height: 34px !important; }

/* wybór modelu i wersji (porównania) */
.evc-picker { display: grid; gap: 10px; }
.evc-picker__row { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: flex-end; }
.evc-picker__search { flex: 1 1 220px; }
.evc .evc-picker__search input { width: 100%; height: 42px; border: 1px solid var(--evc-border) !important; border-radius: 999px; padding: 0 16px !important; background: #fff !important; font-size: 14px; }
.evc-picker__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.evc-picker__chip { position: relative; cursor: pointer; }
.evc-picker__chip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.evc-picker__chip span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--evc-border); background: #fff; font-size: 13px; color: var(--evc-ink); }
.evc-picker__chip input:checked + span { background: var(--evc-primary); border-color: var(--evc-primary); color: #fff; }
.evc-picker__chip input:focus-visible + span { outline: 2px solid var(--evc-primary); outline-offset: 2px; }
.evc-picker__sel { display: flex; flex-direction: column; gap: 4px; flex: 1 1 220px; min-width: 0; font-size: 12px; color: var(--evc-muted); }
.evc .evc-picker__sel select { width: 100%; height: 42px; border: 1px solid var(--evc-border); border-radius: 10px; padding: 0 12px; background: #fff; font-size: 14px; color: var(--evc-ink); }
.evc .evc-picker__sel select:disabled { opacity: .55; }
.evc button.evc-picker__add:not(#evc-x) { height: 42px; white-space: nowrap; }
.evc button.evc-picker__add:not(#evc-x):disabled { opacity: .45; cursor: not-allowed; }

/* historia cen – wersja i porównanie */
.evc-pchart__hint { color: var(--evc-muted); font-weight: 400; }
.evc-pchart__kpis.has-cmp { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.evc-pchart__kpi.is-cmp { background: color-mix(in srgb, var(--evc-accent) 10%, #fff); }
.evc-pchart__kpi.is-cmp span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evc-pchart__kpi em { font-style: normal; font-size: 12.5px; font-weight: 500; color: var(--evc-muted); display: block; }
.evc-pchart__lg i.is-dash { height: 0; border-top: 2px dashed; background: none !important; opacity: .7; }
.evc-pchart__cmpbox { margin-top: 12px; padding: 14px; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); background: var(--evc-panel); }
.evc-pchart__cmphead { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 14.5px; }
.evc .evc-pchart__table tr.is-selected th, .evc .evc-pchart__table tr.is-selected td { background: color-mix(in srgb, var(--evc-primary) 7%, #fff); color: var(--evc-primary-dark); }

/* dane techniczne – wskaźniki i porównywarka */
.evc-spec--ratio { background: var(--evc-tint); border-color: transparent; }
.evc-spec-note { margin-top: 10px; }
.evc-scmp { margin-top: 22px; padding: 18px; border: 1px solid var(--evc-border); border-radius: var(--evc-radius); background: #fff; container-type: inline-size; }
.evc .evc-scmp__head h3 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: var(--evc-primary-dark); }
.evc-scmp__head .evc-sub { margin: 0 0 12px; }
.evc-scmp__out { margin-top: 16px; }
.evc-scmp__diff { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; margin-bottom: 10px; cursor: pointer; }
.evc-scmp__wrap { overflow-x: auto; border: 1px solid var(--evc-border); border-radius: 10px; -webkit-overflow-scrolling: touch; }
.evc .evc-scmp__table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; font-size: 13.5px; font-variant-numeric: tabular-nums; border: 0; min-width: 520px; }
.evc .evc-scmp__table th, .evc .evc-scmp__table td { padding: 9px 12px; border: 0; border-bottom: 1px solid var(--evc-border); text-align: left; vertical-align: top; background: #fff; }
.evc .evc-scmp__table thead th { position: relative; vertical-align: bottom; background: var(--evc-panel); min-width: 150px; padding-right: 30px; }
.evc .evc-scmp__table thead th.evc-scmp__p { min-width: 0; color: var(--evc-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.evc .evc-scmp__table tbody th { font-weight: 400; color: var(--evc-muted); min-width: 150px; }
.evc .evc-scmp__table th:first-child, .evc .evc-scmp__table td:first-child { position: sticky; left: 0; z-index: 1; box-shadow: 1px 0 0 var(--evc-border); }
.evc .evc-scmp__table thead th:first-child { z-index: 2; }
.evc-scmp__m { display: block; font-weight: 700; color: var(--evc-ink); }
.evc .evc-scmp__m a { color: var(--evc-ink); }
.evc .evc-scmp__m a:hover { color: var(--evc-primary); }
.evc-scmp__v { display: block; font-size: 12.5px; color: var(--evc-muted); font-weight: 400; }
.evc-scmp__tag { display: inline-block; margin-top: 4px; font-size: 11px; font-weight: 600; color: var(--evc-primary); background: var(--evc-tint); border-radius: 999px; padding: 1px 8px; }
.evc button.evc-scmp__rm:not(#evc-x) { position: absolute; top: 6px; right: 6px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: #fff; color: var(--evc-muted); font-size: 16px; line-height: 1; padding: 0; cursor: pointer; }
.evc button.evc-scmp__rm:not(#evc-x):hover { background: #fdeceb; color: #a1281e; }
.evc .evc-scmp__table td.is-self, .evc .evc-scmp__table th.is-self { background: color-mix(in srgb, var(--evc-primary) 4%, #fff); }
.evc .evc-scmp__table td.is-best { font-weight: 700; color: color-mix(in srgb, var(--evc-accent) 65%, #000); }
.evc .evc-scmp__table td.is-best::after { content: ' ★'; font-size: 11px; color: var(--evc-accent); }
.evc .evc-scmp__table tr.evc-scmp__g th { background: var(--evc-panel); color: var(--evc-primary-dark); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; position: static; box-shadow: none; }
.evc-scmp__wrap.only-diff tr.is-same { display: none; }

/* strona główna – moduły */
.evc-landing__modules { display: grid; gap: 8px; margin: 8px 0 34px; }
.evc-landing__modules .evc-pchg { margin-top: 0; }
.evc-landing__brands-title { margin: 0 0 14px; }
.evc-landing__seo { margin: 30px auto 0; max-width: 860px; font-size: 15px; line-height: 1.7; color: #3a3f4a; }

/* trendy rynkowe */
.evc-trends { margin: 26px 0 0; container-type: inline-size; }
.evc-trends__head { margin-bottom: 14px; }
.evc .evc-trends .evc-h2 { margin: 0 0 4px; }
.evc-trends__head .evc-sub { margin: 0; }
.evc-trends__period { margin: 4px 0 0; font-size: 13.5px; color: var(--evc-muted); }
.evc-trends__period strong { color: var(--evc-ink); font-weight: 600; }
.evc-trends__kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.evc-trend { background: #fff; border: 1px solid var(--evc-border); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.evc-trend__l { font-size: 12.5px; color: var(--evc-muted); }
.evc-trend__l small { font-size: 11px; display: block; }
.evc-trend__v { font-size: 22px; font-weight: 700; color: var(--evc-primary-dark); font-variant-numeric: tabular-nums; line-height: 1.2; }
.evc-trend__v small { font-size: 13px; font-weight: 500; color: var(--evc-muted); }
.evc-trend__v.is-down, .evc-trend__d.is-down { color: color-mix(in srgb, var(--evc-accent) 70%, #000); }
.evc-trend__v.is-up, .evc-trend__d.is-up { color: #b42318; }
.evc-trend__d { font-size: 12.5px; font-weight: 600; color: var(--evc-muted); }
.evc-trend__s { font-size: 12.5px; color: var(--evc-muted); overflow: hidden; text-overflow: ellipsis; }
.evc .evc-trend__s a { color: var(--evc-primary); font-weight: 600; }
.evc-trends__panels { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 10px; margin-top: 10px; align-items: start; }
.evc-trends__panel { background: #fff; border: 1px solid var(--evc-border); border-radius: 12px; padding: 14px; min-width: 0; }
.evc .evc-trends__panel h3 { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: var(--evc-ink); }
.evc .evc-trends__panel h4 { margin: 14px 0 8px; font-size: 13px; font-weight: 600; color: var(--evc-muted); }
.evc-trends__legend { display: flex; gap: 14px; font-size: 12px; color: var(--evc-muted); margin-bottom: 6px; }
.evc-trends__legend i { display: inline-block; width: 16px; height: 3px; border-radius: 2px; margin-right: 5px; vertical-align: middle; }
.evc-trends__legend i.is-a { background: var(--evc-primary); }
.evc-trends__legend i.is-b { background: var(--evc-accent); }
.evc-trends__svg { width: 100%; height: 120px; display: block; background: linear-gradient(var(--evc-border) 1px, transparent 1px) 0 0 / 100% 25%; }
.evc-trends__svg polyline { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.evc-trends__svg polyline.is-a { stroke: var(--evc-primary); }
.evc-trends__svg polyline.is-b { stroke: var(--evc-accent); stroke-dasharray: 6 4; }
.evc-trends__axis { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--evc-muted); margin: 4px 0 8px; }
.evc .evc-trends__mini { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 0; border: 0; font-variant-numeric: tabular-nums; }
.evc .evc-trends__mini th, .evc .evc-trends__mini td { padding: 5px 4px; border: 0; border-top: 1px solid var(--evc-border); text-align: left; background: none; font-weight: 400; }
.evc .evc-trends__mini thead th { color: var(--evc-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .03em; border-top: 0; }
.evc .evc-trends__mini .num { text-align: right; white-space: nowrap; }
.evc .evc-trends__bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.evc .evc-trends__bars li { display: grid; grid-template-columns: minmax(84px, 38%) 1fr auto; gap: 8px; align-items: center; margin: 0; font-size: 13px; }
.evc-trends__bl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evc-trends__bl small { color: var(--evc-muted); font-size: 11px; }
.evc-trends__bar { height: 8px; background: var(--evc-panel); border-radius: 999px; overflow: hidden; }
.evc-trends__bar i { display: block; height: 100%; background: var(--evc-primary); border-radius: 999px; }
.evc-trends__bv { font-variant-numeric: tabular-nums; color: var(--evc-ink); font-weight: 600; font-size: 12.5px; }
.evc-trends__avg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.evc-trends__avg div { background: var(--evc-tint); border-radius: 10px; padding: 8px 10px; }
.evc-trends__avg dt { font-size: 11.5px; color: var(--evc-muted); margin: 0; }
.evc .evc-trends__avg dd { margin: 2px 0 0; font-weight: 700; font-size: 15px; color: var(--evc-primary-dark); }
.evc-trends__note, .evc-trends__src { font-size: 12px; color: var(--evc-muted); margin: 8px 0 0; }

/* tablet / telefon */
@container (max-width: 1023px) {
	.evc-trends__panels { grid-template-columns: 1fr 1fr; }
	.evc-trends__panel--chart { grid-column: 1 / -1; }
}
@container (max-width: 820px) {
	.evc-pchart__kpis.has-cmp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 640px) {
	.evc-trends__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.evc-trend { padding: 10px 12px; }
	.evc-trend__v { font-size: 18px; }
	.evc-trends__panels { grid-template-columns: 1fr; }
	.evc-trends__avg { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.evc-pchart__kpis.has-cmp { grid-template-columns: 1fr; }
	.evc-topbar .evc-partner__label { display: none; }
	.evc-scmp { padding: 14px; }
	.evc .evc-scmp__table { font-size: 12.5px; }
	.evc .evc-scmp__table tbody th { min-width: 118px; }
	.evc .evc-scmp__table thead th { min-width: 130px; }
	.evc-picker__sel { flex-basis: 100%; }
	.evc button.evc-picker__add:not(#evc-x) { width: 100%; }
}
@container (max-width: 320px) {
	.evc-trends__kpis { grid-template-columns: 1fr; }
}
.evc .evc-picker__chips label.evc-picker__chip { display: inline-flex; margin: 0; padding: 0; width: auto; }
.evc .evc-picker label { margin: 0; }

/* 2.0.1 – metodologia i większe logo partnera */
.evc-method { margin: 40px 0 0; padding: 26px 0 0; border-top: 1px solid var(--evc-border); container-type: inline-size; }
.evc .evc-method .evc-h2 { margin: 0 0 14px; }
.evc-method__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 28px; }
.evc .evc-method h3 { font-size: 15px; font-weight: 700; color: var(--evc-ink); margin: 0 0 6px; }
.evc .evc-method p, .evc .evc-method li { font-size: 13.5px; line-height: 1.6; color: #4a5160; margin: 0 0 14px; }
.evc .evc-method ul { margin: 0 0 14px; padding-left: 18px; }
.evc .evc-method li { margin-bottom: 6px; }
.evc-method__body { font-size: 14px; line-height: 1.65; color: #4a5160; max-width: 900px; }
@container (max-width: 900px) { .evc-method__grid { grid-template-columns: 1fr 1fr; } }
@container (max-width: 600px) { .evc-method__grid { grid-template-columns: 1fr; } }
.evc-partner { gap: 14px; }
.evc-partner__label { font-size: 13px; letter-spacing: .1em; font-weight: 600; }
.evc .evc-partner__logo img { height: 44px !important; max-width: 200px; }
.evc-partner__logo { padding: 6px 12px; border-radius: 10px; }
.evc-partner--hero { margin-top: 20px; }
.evc-partner--hero .evc-partner__label { font-size: 14.5px; }
.evc-partner--hero .evc-partner__logo { padding: 8px 16px; }
.evc .evc-partner--hero .evc-partner__logo img { height: 64px !important; max-width: 260px; }
.evc .evc-partner--bottom .evc-partner__logo img { height: 52px !important; }
@container (max-width: 520px) {
	.evc-partner--hero { flex-direction: column; gap: 8px; }
	.evc .evc-partner--hero .evc-partner__logo img { height: 56px !important; }
}

/* 2.0.2 – wyrównanie paneli trendów, wykres średniej ceny */
.evc-trends__kpis { align-items: stretch; }
.evc-trend { height: 100%; box-sizing: border-box; }
.evc-trends__panels { align-items: stretch; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.evc-trends__panel { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.evc-trends__chart { position: relative; height: 150px; margin: 6px 0 0; }
.evc-trends__chart .evc-trends__svg { position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(var(--evc-border) 1px, transparent 1px) 0 0 / 100% 25%; }
.evc-trends__svg polygon.is-area { fill: var(--evc-primary); opacity: .08; }
.evc-trends__pt { position: absolute; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: #fff; border: 2px solid var(--evc-primary); box-sizing: border-box; }
.evc-trends__pt.is-last { background: var(--evc-primary); }
.evc-trends__mini { margin-top: auto !important; }
.evc .evc-trends__mini th small { color: var(--evc-muted); font-size: 11px; }
.evc-trend__l small { min-height: 1.3em; }
.evc-trends__panel h3 { min-height: 1.3em; }
@container (max-width: 1023px) {
	.evc-trends__panels { grid-template-columns: 1fr 1fr; }
	.evc-trends__panel--chart { grid-column: 1 / -1; }
}
@container (max-width: 640px) {
	.evc-trends__panels { grid-template-columns: 1fr; }
}
@container (max-width: 640px) {
	.evc-trend__l small { display: none; }
	.evc-trend__v small { display: block; font-size: 12px; }
}

/* 2.0.3 – testy redakcji: mniejsze, pełniejsze zdjęcie (3:2, bez mocnego kadrowania) */
.evc .evc-tests { grid-template-columns: 1fr; gap: 12px; }
.evc .evc-test, .evc .evc-test:hover { flex-direction: row; align-items: center; gap: 0; }
.evc .evc-test .evc-test__media { flex: 0 0 260px; width: 260px; aspect-ratio: 3 / 2; min-height: 0; height: auto; margin: 12px 0 12px 12px; border-radius: 10px; align-self: center; }
.evc .evc-test .evc-test__media > img { object-fit: cover; object-position: center 60%; border-radius: 10px; }
.evc .evc-test .evc-test__body { padding: 14px 18px; min-width: 0; }
@container (max-width: 640px) {
	.evc .evc-test .evc-test__media { flex-basis: 132px; width: 132px; aspect-ratio: 4 / 3; margin: 10px 0 10px 10px; }
	.evc .evc-test .evc-test__body { padding: 10px 12px; gap: 3px; }
	.evc .evc-test .evc-test__title { font-size: 14.5px; }
	.evc .evc-test .evc-test__ex { display: none; }
}
.evc-titlebar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin: 0 0 18px; }
.evc-titlebar .evc-page__title { margin: 0; }
.evc .evc-partner--title .evc-partner__logo img { height: 48px !important; }
@media (max-width: 600px) {
	.evc-titlebar { gap: 8px; }
	.evc .evc-partner--title .evc-partner__label { font-size: 11px; }
	.evc .evc-partner--title .evc-partner__logo img { height: 36px !important; }
}
.evc-picker__info { margin: -2px 0 0; font-size: 12.5px; color: var(--evc-primary-dark); }
.evc-scmp__how { margin: -4px 0 12px; }

/* 2.0.4 */
/* zmiany cen: po rozwinięciu producenta bez szarego zakresu % */
.evc-pchg__brand[open] .evc-pchg__rng { visibility: hidden; }
/* przeciętny elektryk: nazwy od góry, wartości w jednej linii (na dole kafelka) */
.evc-trends__avg { align-items: stretch; }
.evc-trends__avg div { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.evc-trends__avg dt { line-height: 1.3; }
.evc .evc-trends__avg dd { margin-top: auto; white-space: nowrap; line-height: 1.2; }
/* szybkie filtry pod wyszukiwarką */
.evc-quick { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 14px 0 0; }
.evc-quick__label { font-size: 13px; color: var(--evc-muted); margin-right: 2px; }
.evc .evc-quick__chip { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--evc-border); background: #fff; color: var(--evc-ink); font-size: 14px; font-weight: 500; text-decoration: none; transition: border-color .15s, background .15s, color .15s; }
.evc .evc-quick__chip .evc-i { width: 16px; height: 16px; color: var(--evc-accent); }
.evc .evc-quick__chip small { font-size: 12px; font-weight: 600; color: var(--evc-muted); background: var(--evc-panel); border-radius: 999px; padding: 1px 7px; }
.evc .evc-quick__chip:hover, .evc .evc-quick__chip:focus-visible { border-color: var(--evc-primary); background: var(--evc-tint); color: var(--evc-primary); }
@container (max-width: 520px) {
	.evc-quick__label { width: 100%; text-align: center; }
	.evc .evc-quick__chip { padding: 0 12px; font-size: 13.5px; }
}

/* 2.0.5 – dane techniczne w dwóch równych kolumnach, ładowanie w tej samej sekcji */
.evc .evc-specs { display: block; columns: 2; column-gap: 16px; }
.evc .evc-specs > .evc-spec { break-inside: avoid; -webkit-column-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 16px; box-sizing: border-box; }
@container (max-width: 640px) { .evc .evc-specs { columns: 1; } }
.evc-charge { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--evc-border); scroll-margin-top: 90px; }
.evc .evc-charge__h { margin: 0 0 14px; font-size: 20px; font-weight: 700; color: var(--evc-primary-dark); }
.evc .evc-charge__h span { font-size: 14px; font-weight: 400; color: var(--evc-muted); }
.evc .evc-charge__h strong { color: var(--evc-ink); font-weight: 600; }
.evc .evc-charge .evc-practice { margin-top: 0; }

/* 2.0.6 – ładowanie w siatce danych technicznych, rozwijana porównywarka */
.evc-dane__tools { display: flex; justify-content: flex-end; margin: -6px 0 14px; }
.evc .evc-cmp-toggle:not(#evc-x) { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; border-color: var(--evc-primary) !important; color: var(--evc-primary) !important; font-weight: 600; }
.evc .evc-cmp-toggle .evc-i { width: 18px; height: 18px; transform: rotate(90deg); transition: transform .3s ease; }
.evc .evc-cmp-toggle.is-open .evc-i { transform: rotate(-90deg); }
.evc .evc-cmp-toggle:not(#evc-x):hover { background: var(--evc-tint) !important; }
.evc .evc-scmp { display: grid; grid-template-rows: 1fr; margin: 0 0 18px; padding: 0; border: 1px solid color-mix(in srgb, var(--evc-primary) 30%, var(--evc-border)); background: #fff; transition: grid-template-rows .35s ease, opacity .3s ease, margin .35s ease, border-color .35s ease; opacity: 1; }
.evc .evc-scmp.is-collapsed { grid-template-rows: 0fr; opacity: 0; margin: 0; border-color: transparent; border-width: 0; }
.evc-scmp__inner { min-height: 0; overflow: hidden; }
.evc-scmp__pad { padding: 18px; }
.evc .evc-scmp.is-collapsed .evc-scmp__pad { visibility: hidden; transition: visibility 0s .35s; }
.evc-spec--practice { background: var(--evc-tint); border-color: transparent; }
.evc-spec--practice dd .evc-src { margin-left: 4px; }
.evc-charge-anchor { scroll-margin-top: 90px; }
@container (max-width: 640px) {
	.evc-dane__tools { justify-content: stretch; }
	.evc .evc-cmp-toggle:not(#evc-x) { width: 100%; justify-content: center; }
	.evc-scmp__pad { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .evc .evc-scmp { transition: none; } }
.evc-spec-note + .evc-charge-anchor + .evc-curve { margin-top: 14px; }
.evc .evc-specs > .evc-spec:not(:has(.evc-row:not(.is-empty))) { display: none; }

/* 2.0.7 – dane techniczne: dwie kolumny równej wysokości */
.evc .evc-specs.evc-specs--cols { columns: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.evc-specs__col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.evc .evc-specs--cols .evc-spec { display: block; width: auto; margin: 0; break-inside: auto; }
.evc .evc-specs--cols .evc-specs__col > .evc-spec { flex: 1 1 auto; }
.evc .evc-specs--cols .evc-specs__col > .evc-spec:not(:has(.evc-row:not(.is-empty))) { display: none; }
@container (max-width: 640px) {
	.evc .evc-specs.evc-specs--cols { grid-template-columns: 1fr; }
}
.evc-spec--charge .evc-row[data-row] + .evc-row:not([data-row]) { border-top: 1px dashed var(--evc-border); }
.evc-spec--charge dd .evc-src { margin-left: 4px; }
/* wiersze rozkładają się równo w rozciągniętym kafelku – bez pustego miejsca na dole */
.evc .evc-specs--cols .evc-spec { display: flex; flex-direction: column; }
.evc .evc-specs--cols .evc-spec > dl { flex: 1 1 auto; display: flex; flex-direction: column; margin: 0; }
.evc .evc-specs--cols .evc-spec > dl > .evc-row:not(.is-empty) { flex: 1 1 auto; display: flex; align-items: center; }
.evc .evc-specs--cols .evc-spec > dl > .evc-row > dd { margin-left: auto; }

/* 2.0.9 – nawigacja powrotu nad tytułem */
.evc-titlebar .evc-backnav { flex: 1 1 100%; order: -1; }
.evc-backnav { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.evc .evc-backbtn--home { background: #fff; border: 1px solid var(--evc-border); color: var(--evc-ink); }
.evc .evc-backbtn--home:hover, .evc .evc-backbtn--home:focus-visible { background: var(--evc-tint); border-color: var(--evc-primary); color: var(--evc-primary); }
.evc-titlebar { row-gap: 14px; }
@media (max-width: 600px) {
	.evc .evc-backnav .evc-backbtn { font-size: 13px; padding: 7px 12px 7px 10px; min-height: 38px; }
}
.evc .evc-backbtn[hidden] { display: none !important; }

/* 2.0.10 – historia cen: porównanie rozwijane z przycisku (jak w danych technicznych) */
.evc .evc-cmp-btn:not(#evc-x) { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; border-color: var(--evc-primary) !important; color: var(--evc-primary) !important; font-weight: 600; }
.evc .evc-cmp-btn .evc-i { width: 18px; height: 18px; transform: rotate(90deg); transition: transform .3s ease; }
.evc .evc-cmp-btn.is-open .evc-i { transform: rotate(-90deg); }
.evc .evc-cmp-btn:not(#evc-x):hover { background: var(--evc-tint) !important; }
.evc .evc-collapse { display: grid; grid-template-rows: 1fr; margin: 0 0 14px; border: 1px solid color-mix(in srgb, var(--evc-primary) 30%, var(--evc-border)); border-radius: var(--evc-radius); background: var(--evc-panel); opacity: 1; transition: grid-template-rows .35s ease, opacity .3s ease, margin .35s ease; }
.evc .evc-collapse.is-collapsed { grid-template-rows: 0fr; opacity: 0; margin: 0; border-width: 0; }
.evc-collapse__inner { min-height: 0; overflow: hidden; }
.evc-collapse__pad { padding: 16px 18px; }
.evc .evc-collapse.is-collapsed .evc-collapse__pad { visibility: hidden; transition: visibility 0s .35s; }
.evc .evc-pchart__cmpbox { padding: 0; margin-top: 0; }
.evc-pchart__cmpbox .evc-fineprint { margin: 0 0 10px; }
@container (max-width: 640px) {
	.evc .evc-cmp-btn:not(#evc-x) { width: 100%; justify-content: center; }
	.evc-collapse__pad { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .evc .evc-collapse { transition: none; } }
.evc-pchart__head { align-items: center; }
.evc-pchart__head .evc-h2 { margin-bottom: 0; }
@container (max-width: 640px) { .evc-pchart__head { flex-direction: column; align-items: stretch; gap: 10px; } }
.evc .evc-quick__chip--adv { background: var(--evc-primary); border-color: var(--evc-primary); color: #fff; }
.evc .evc-quick__chip--adv .evc-i { color: #fff; }
.evc .evc-quick__chip--adv:hover, .evc .evc-quick__chip--adv:focus-visible { background: var(--evc-primary-dark); border-color: var(--evc-primary-dark); color: #fff; }
.evc-versions tbody tr.is-from-link { box-shadow: inset 4px 0 0 var(--evc-accent); }

/* ---------- 2.1.1: przycisk / baner „Dobór EV” ([ev_dobor_przycisk], blok evc/dobor-przycisk) ---------- */
.evc.evc-advbtn-wrap { margin: 1.2em 0; container-type: inline-size; }
.evc .evc-advbtn { display: flex; }
.evc .evc-advbtn.is-srodek { justify-content: center; }
.evc .evc-advbtn.is-prawo { justify-content: flex-end; }
.evc .evc-advbtn__btn, .evc .evc-advbtn__btn:visited { padding: 13px 22px; font-size: 15px; font-weight: 600; gap: 10px; color: #fff; text-decoration: none !important; box-shadow: 0 6px 18px -8px color-mix(in srgb, var(--evc-primary) 70%, transparent); }
.evc .evc-advbtn__btn.evc-btn--ghost, .evc .evc-advbtn__btn.evc-btn--ghost:visited { color: var(--evc-primary); border-color: var(--evc-primary); box-shadow: none; }
.evc .evc-advbtn__btn.evc-btn--ghost:hover { background: var(--evc-tint); color: var(--evc-primary); }
.evc .evc-advbtn__btn .evc-i { width: 18px; height: 18px; flex: 0 0 auto; }
.evc .evc-advbtn__btn:hover svg:last-child { transform: translateX(3px); }
.evc .evc-advbtn__btn svg:last-child { transition: transform .15s; }
.evc .evc-advbtn--baner { align-items: center; gap: 18px 28px; padding: 22px 26px; border-radius: var(--evc-radius); border: 1px solid #d6e2fb; background: linear-gradient(120deg, var(--evc-tint), #fff 70%); font-family: inherit; }
.evc .evc-advbtn--baner.is-srodek { flex-direction: column; text-align: center; }
.evc .evc-advbtn--baner.is-prawo { flex-direction: row-reverse; }
.evc-advbtn__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.evc-advbtn__kicker { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--evc-accent); }
.evc-advbtn__h { font-size: 20px; line-height: 1.25; color: var(--evc-primary); font-weight: 700; }
.evc-advbtn__p { font-size: 14.5px; line-height: 1.5; color: var(--evc-ink); max-width: 62ch; }
.evc .evc-advbtn--baner.is-srodek .evc-advbtn__p { margin: 0 auto; }
.evc-advbtn--baner .evc-advbtn__btn { flex: 0 0 auto; }
@container (max-width: 680px) {
	.evc .evc-advbtn--baner, .evc .evc-advbtn--baner.is-prawo { flex-direction: column; align-items: flex-start; text-align: left; }
	.evc .evc-advbtn--baner.is-srodek { align-items: center; text-align: center; }
}
@container (max-width: 460px) {
	.evc .evc-advbtn--baner, .evc .evc-advbtn--baner.is-prawo, .evc .evc-advbtn--baner.is-srodek { align-items: stretch; padding: 18px; }
	.evc .evc-advbtn__btn { justify-content: center; width: 100%; box-sizing: border-box; }
	.evc .evc-advbtn__h { font-size: 18px; }
}

/* 2.1.4 – strony narzędzi (dobór EV, zasady): tytuł i partner wyśrodkowane */
.evc-titlebar--center { flex-direction: column; align-items: center; text-align: center; }
.evc-titlebar--center .evc-backnav { align-self: stretch; }
.evc-titlebar--center .evc-page__title { text-wrap: balance; }
.evc-titlebar--center .evc-partner { justify-content: center; }

/* 2.2.0 – SEO: opis modelu i najczęstsze pytania */
.evc .evc-desc--auto { max-width: none; }
.evc .evc-desc--auto .evc-h2 { margin: 0 0 10px; }
.evc .evc-desc--auto p { margin: 0 0 10px; max-width: 92ch; font-size: 15.5px; line-height: 1.7; color: var(--evc-ink); }
.evc .evc-desc--auto p:last-child { margin-bottom: 0; }
.evc .evc-desc--auto a { color: var(--evc-primary); }
.evc-faq { display: block; }
.evc .evc-faq__item { border: 1px solid var(--evc-border); border-radius: 12px; background: #fff; margin: 0 0 8px; overflow: hidden; }
.evc .evc-faq__item summary { list-style: none; cursor: pointer; padding: 14px 44px 14px 18px; position: relative; }
.evc .evc-faq__item summary::-webkit-details-marker { display: none; }
.evc .evc-faq__item summary::after { content: ''; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--evc-primary); border-bottom: 2px solid var(--evc-primary); transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.evc .evc-faq__item[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.evc .evc-faq__item summary h3 { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--evc-ink); }
.evc .evc-faq__item[open] summary h3 { color: var(--evc-primary); }
.evc .evc-faq__item p { margin: 0; padding: 0 18px 16px; font-size: 15px; line-height: 1.65; color: var(--evc-ink); }

/* 2.2.1 – artykuł SEO o modelu (treść generowana do Rank Math) */
.evc .evc-art { max-width: none; font-size: 15.5px; line-height: 1.7; }
.evc .evc-art::after { content: ''; display: table; clear: both; }
.evc .evc-art h2 { font-size: 22px; line-height: 1.3; color: var(--evc-primary); margin: 26px 0 10px; }
.evc .evc-art > p:first-of-type { margin-top: 0; }
.evc .evc-art h3 { font-size: 16.5px; margin: 18px 0 6px; color: var(--evc-ink); }
.evc .evc-art p, .evc .evc-art ul { max-width: 92ch; margin: 0 0 12px; }
.evc .evc-art ul { padding-left: 20px; }
.evc .evc-art li { margin: 0 0 4px; }
.evc .evc-art a { color: var(--evc-primary); }
.evc .evc-art__fig { float: right; width: min(42%, 420px); margin: 0 0 16px 24px; padding: 10px; background: #fff; border: 1px solid var(--evc-border); border-radius: 14px; }
.evc .evc-art__fig img { width: 100%; height: auto; display: block; object-fit: contain; }
.evc .evc-art__fig figcaption { font-size: 12.5px; color: var(--evc-muted); margin-top: 6px; text-align: center; }
@media (max-width: 700px) { .evc .evc-art__fig { float: none; width: auto; margin: 0 0 14px; } }
.evc .evc-art__toc { background: var(--evc-tint); border-radius: 12px; padding: 12px 18px; margin: 0 0 16px; max-width: 560px; }
.evc .evc-art__toc p { margin: 0 0 4px; }
.evc .evc-art__toc ol { margin: 0; padding-left: 20px; font-size: 14.5px; }
.evc .evc-art__toc li { margin: 2px 0; }
.evc .evc-art h2[id] { scroll-margin-top: 90px; }

/* --- 2.2.6: strona główna – przyciski pod wyszukiwarką, data pod szybkimi filtrami --- */
.evc-landing__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 22px 0 4px; }
.evc .evc-landing__btn:not(#evc-x) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 26px !important; border-radius: 999px; font-size: 15px; font-weight: 600; text-decoration: none; }
.evc .evc-landing__btn .evc-i { width: 18px; height: 18px; }
.evc .evc-landing__btn--adv:not(#evc-x) { background: var(--evc-primary); border: 1px solid var(--evc-primary); color: #fff; box-shadow: 0 6px 18px rgba(0, 13, 213, .22); }
.evc .evc-landing__btn--adv:not(#evc-x):hover, .evc .evc-landing__btn--adv:not(#evc-x):focus-visible { background: var(--evc-primary-dark); border-color: var(--evc-primary-dark); color: #fff; }
.evc .evc-landing__btn--all:not(#evc-x) { background: #fff !important; border: 1.5px solid var(--evc-primary) !important; color: var(--evc-primary) !important; box-shadow: none; }
.evc .evc-landing__btn--all:not(#evc-x):hover, .evc .evc-landing__btn--all:not(#evc-x):focus-visible { background: var(--evc-tint) !important; color: var(--evc-primary) !important; }
.evc-landing .evc-quick { margin-top: 14px; }
.evc-landing .evc-landing__meta { margin-top: 12px; }
@media (max-width: 560px) {
	.evc-landing__actions { flex-direction: column; align-items: stretch; max-width: 360px; margin-left: auto; margin-right: auto; }
}

/* --- 2.2.7: metodologia – liczba kolumn wg sekcji z panelu --- */
.evc-method__grid--n1 { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
.evc-method__grid--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@container (max-width: 600px) { .evc-method__grid--n2 { grid-template-columns: 1fr; } }