/* Auto bez Haczyka - style strony (v2, bez CSS autopan.pl). Mobile-first, 375 px bez poziomego scrolla.
   Kolory tylko z brand-booku: #082567 nagłówki, #245BC9 przyciski/linki, #00349B hover,
   #F7F7F7 tło bloków, #070707 tekst; markery: #B3261E czerwony, #B7791F żółty, #1E7F4F zielony. */

:root {
  --ja-navy: #082567;
  --ja-blue: #245BC9;
  --ja-blue-h: #00349B;
  --ja-bg: #F7F7F7;
  --ja-text: #070707;
  --ja-muted: #5a5f6b;
  --ja-line: #e4e7ee;
  --ja-cz: #B3261E;
  --ja-zo: #B7791F;
  --ja-zi: #1E7F4F;
  --ja-r: 16px;
  --ja-r-sm: 10px;
  --ja-cien: 0 10px 30px rgba(8, 37, 103, .08);
}

*, *::before, *::after { box-sizing: border-box; min-width: 0; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: #fff; color: var(--ja-text);
  font-family: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px; line-height: 1.55; overflow-x: hidden;
}
img, svg { max-width: 100%; }
a { color: var(--ja-blue); }
a:hover { color: var(--ja-blue-h); }
p { margin: 0 0 10px; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea { font: inherit; }
input[type=checkbox] { font-size: 16px; }
.ja-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; vertical-align: -4px; }
.ja-i--h { width: 22px; height: 22px; margin-right: 8px; color: var(--ja-blue); }
.ja-i--off { opacity: .3; }

/* ---------- typografia ---------- */
.ja-h1 { font-size: 30px; line-height: 1.15; font-weight: 800; color: var(--ja-navy); margin: 0 0 14px; letter-spacing: -.01em; overflow-wrap: anywhere; }
.ja-h1--auto { font-size: 22px; margin-bottom: 10px; }
.ja-h2 { font-size: 21px; line-height: 1.25; font-weight: 800; color: var(--ja-navy); margin: 0 0 12px; display: flex; align-items: center; }
.ja-h2--sek { font-size: 26px; justify-content: center; text-align: center; margin-bottom: 8px; }
.ja-h3 { font-size: 16px; font-weight: 700; color: var(--ja-navy); margin: 16px 0 8px; display: flex; align-items: center; gap: 8px; }
.ja-lead { font-size: 18px; color: var(--ja-text); margin-bottom: 22px; max-width: 560px; }
.ja-sek-pod { text-align: center; color: var(--ja-muted); max-width: 640px; margin: 0 auto 26px; font-size: 16px; }
.ja-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ja-blue); margin: 0 0 10px; }
.ja-eyebrow--wynik { text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--ja-muted); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ja-muted { color: var(--ja-muted); font-size: 14px; }
.ja-center { text-align: center; }
.ja-mt { margin-top: 12px; }
.ja-link { color: var(--ja-blue); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.ja-link:hover { color: var(--ja-blue-h); }
.ja-link--sm { font-size: 14px; }
.ja-link--ikona { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.ja-link--ikona .ja-i { width: 18px; height: 18px; }
.ja-tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--ja-navy); background: #fff; border: 1px solid var(--ja-line); border-radius: 999px; padding: 3px 10px; }
.ja-tag--pelna { color: #fff; background: var(--ja-blue); border-color: var(--ja-blue); }

/* ---------- szapka ---------- */
.ja-top { background: #fff; border-bottom: 1px solid var(--ja-line); position: sticky; top: 0; z-index: 20; }
.ja-top-in { max-width: 1120px; margin: 0 auto; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ja-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ja-navy); }
.ja-logo img { height: 24px; width: auto; display: block; }
.ja-logo-sub { white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--ja-muted); padding-left: 10px; border-left: 1px solid var(--ja-line); line-height: 1.1; }
.ja-nav { display: flex; gap: 14px; }
.ja-nav a { font-size: 14px; font-weight: 700; color: var(--ja-navy); text-decoration: none; white-space: nowrap; }
.ja-nav a:hover { color: var(--ja-blue); }
.ja-nav .ja-nav-przyklad { display: none; }

/* ---------- układ ---------- */
.ja { display: block; }
.ja-sek { padding: 40px 16px; }
.ja-sek--szara { background: var(--ja-bg); }
.ja-wrap { max-width: 1120px; margin: 0 auto; }
.ja-wrap--waski { max-width: 760px; }
.ja-wrap--wynik { max-width: 820px; }
.ja-strona { padding: 24px 16px 48px; }

/* ---------- karty ---------- */
.ja-card { background: var(--ja-bg); border-radius: var(--ja-r); padding: 20px 16px; margin: 0 0 14px; }
.ja-body-wynik .ja-card, .ja-body-check .ja-card { background: #fff; border: 1px solid var(--ja-line); }

/* ---------- formularz ---------- */
.ja-form { margin: 0 0 12px; }
.ja-label { display: block; font-weight: 700; color: var(--ja-navy); margin-bottom: 6px; font-size: 15px; }
.ja-label--sm { font-weight: 700; font-size: 15px; }
.ja-row { display: flex; flex-direction: column; gap: 10px; }
.ja-input {
  width: 100%; font-size: 16px; padding: 14px 16px; line-height: 1.3;
  border: 1.5px solid #c9cfdb; border-radius: 12px; background: #fff; color: var(--ja-text);
}
.ja-input::placeholder { color: #8d93a1; }
.ja-input:focus { outline: none; border-color: var(--ja-blue); box-shadow: 0 0 0 4px rgba(36, 91, 201, .14); }
.ja-input--sm { padding: 12px 14px; }
.ja-hint { font-size: 13px; color: var(--ja-muted); margin-top: 8px; }
.ja-wklej-otworz { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; cursor: pointer; text-align: left; }
.ja-wklej { margin-top: 14px; padding: 16px; border: 1.5px solid #c9cfdb; border-radius: 12px; background: #fff; }
.ja-wklej-pole { display: block; margin: 10px 0 12px; min-height: 150px; resize: vertical; }
.ja-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 16px; font-weight: 700; padding: 13px 20px; border-radius: 12px; line-height: 1.25;
  border: 2px solid var(--ja-blue); background: var(--ja-blue); color: #fff; cursor: pointer;
  text-decoration: none; text-align: center; transition: background .15s, border-color .15s, transform .1s;
}
.ja-btn:hover { background: var(--ja-blue-h); border-color: var(--ja-blue-h); color: #fff; }
.ja-btn:active { transform: translateY(1px); }
.ja-btn:disabled { opacity: .6; cursor: default; }
.ja-btn--ghost { background: #fff; color: var(--ja-blue); }
.ja-btn--ghost:hover { background: #fff; color: var(--ja-blue-h); }
.ja-btn--full { width: 100%; }
.ja-btn--lg { padding: 15px 24px; font-size: 17px; }
.ja-btn--sm { padding: 9px 14px; font-size: 14px; }
.ja-btn--wa { background: var(--ja-zi); border-color: var(--ja-zi); }
.ja-btn--wa:hover { background: #166239; border-color: #166239; }
.ja-btn .ja-i { width: 18px; height: 18px; }
.ja-msg { font-size: 14px; margin-top: 8px; }
.ja-msg--ok { color: var(--ja-zi); font-weight: 600; }
.ja-msg--err { color: var(--ja-cz); }
.ja-alert { font-size: 15px; padding: 12px 14px; border-radius: var(--ja-r-sm); margin: 0 0 12px; }
.ja-alert--err { background: #fbeae9; color: var(--ja-cz); }
.ja-loader { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: var(--ja-navy); font-weight: 600; }
.ja-spin { width: 18px; height: 18px; border: 3px solid #c9d4ef; border-top-color: var(--ja-blue); border-radius: 50%; animation: ja-spin .8s linear infinite; flex: 0 0 auto; }
@keyframes ja-spin { to { transform: rotate(360deg); } }
.ja-dysk { font-size: 12px; color: var(--ja-muted); margin: 18px 0 0; }
.ja-zgoda { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; margin-bottom: 12px; cursor: pointer; line-height: 1.4; }
.ja-zgoda input { margin: 2px 0 0; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--ja-blue); }
.ja-kod-twoj { background: #e6f4ea; border: 1px solid var(--ja-zi); border-radius: var(--ja-r-sm); padding: 12px 14px; margin-bottom: 14px; font-size: 15px; }
.ja-kod-twoj p { margin: 0 0 4px; }

/* ---------- hero ---------- */
.ja-hero { padding: 36px 16px 40px; background: #fff; }
.ja-hero-in { display: grid; gap: 28px; }
.ja-hero-txt .ja-h1 { font-size: 32px; }
.ja-hero-linki { margin-top: 4px; }
.ja-row--hero .ja-btn { white-space: nowrap; }
.ja-hero-wiz { position: relative; max-width: 420px; }
.ja-wiz-karta { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r); padding: 18px; box-shadow: var(--ja-cien); }
.ja-wiz-top { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ja-wiz-n { font-size: 40px; font-weight: 900; color: var(--ja-navy); line-height: 1; white-space: nowrap; flex: 0 0 auto; }
.ja-wiz-n small { font-size: 14px; color: var(--ja-muted); font-weight: 600; }
.ja-wiz-lit { font-size: 15px; font-weight: 800; color: #fff; background: var(--ja-zi); border-radius: 8px; padding: 4px 9px; }
.ja-wiz-opis { display: flex; flex-direction: column; font-size: 13px; color: var(--ja-muted); line-height: 1.3; }
.ja-wiz-opis b { color: var(--ja-navy); font-size: 14px; }
.ja-wiz-lista { list-style: none; display: grid; gap: 9px; margin-bottom: 14px; }
.ja-wiz-lista li { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.ja-wiz-lista em { font-style: normal; color: var(--ja-muted); white-space: nowrap; }
.ja-wiz-pasek { height: 8px; border-radius: 4px; background: #dfe5f2; flex: 0 1 auto; }
.ja-wiz-rynek b { display: block; font-size: 13px; color: var(--ja-navy); margin-bottom: 6px; }
.ja-wiz-rynek .ja-pasek { margin: 0 0 4px; }
.ja-wiz-karta--2, .ja-wiz-karta--3 { display: flex; align-items: center; gap: 12px; padding: 12px 16px; margin-top: 10px; }
.ja-wiz-karta--2 .ja-i, .ja-wiz-karta--3 .ja-i { width: 28px; height: 28px; color: var(--ja-blue); }
.ja-wiz-karta--2 div, .ja-wiz-karta--3 div { display: flex; flex-direction: column; font-size: 12px; color: var(--ja-muted); }
.ja-wiz-karta--2 b, .ja-wiz-karta--3 b { color: var(--ja-navy); font-size: 14px; }

/* ---------- zaufanie ---------- */
.ja-zaufanie { padding: 28px 16px; }
.ja-zaufanie-lista { list-style: none; display: grid; gap: 18px; }
.ja-zaufanie-lista li { display: grid; grid-template-columns: 44px 1fr; gap: 4px 14px; align-items: center; }
.ja-zaufanie-lista .ja-ikona { grid-row: span 2; }
.ja-zaufanie-lista b { color: var(--ja-navy); font-size: 15px; }
.ja-zaufanie-lista span:not(.ja-ikona) { font-size: 14px; color: var(--ja-muted); }
.ja-ikona { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #fff; color: var(--ja-blue); border: 1px solid var(--ja-line); }
.ja-ikona .ja-i { width: 24px; height: 24px; }

/* ---------- jak to działa ---------- */
.ja-kroki { list-style: none; display: grid; gap: 18px; counter-reset: krok; }
.ja-kroki li { background: var(--ja-bg); border-radius: var(--ja-r); padding: 22px 18px 18px; position: relative; }
.ja-krok-n { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--ja-blue); color: #fff; font-weight: 900; font-size: 20px; margin-bottom: 12px; }
.ja-kroki .ja-h3 { margin: 0 0 6px; font-size: 18px; }
.ja-kroki p { margin: 0; color: var(--ja-text); font-size: 15px; }

/* ---------- raport: siatka ---------- */
.ja-raport-siatka { list-style: none; display: grid; gap: 12px; }
.ja-raport-el { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r); padding: 18px 16px 16px; display: flex; flex-direction: column; }
.ja-raport-el .ja-ikona { background: var(--ja-bg); border: 0; margin-bottom: 12px; }
.ja-raport-el .ja-h3 { margin: 0 0 6px; }
.ja-raport-el p { font-size: 14px; color: var(--ja-muted); margin: 0 0 12px; flex: 1 1 auto; }
.ja-raport-el .ja-tag { align-self: flex-start; }

/* ---------- przykład ---------- */
.ja-przyklad { background: var(--ja-navy); color: #fff; border-radius: 22px; padding: 28px 20px; display: grid; gap: 22px; overflow: hidden; }
.ja-przyklad .ja-h2 { color: #fff; font-size: 24px; }
.ja-przyklad p { color: #d7def0; font-size: 15px; margin-bottom: 18px; }
.ja-przyklad .ja-btn { background: #fff; border-color: #fff; color: var(--ja-navy); }
.ja-przyklad .ja-btn:hover { background: var(--ja-bg); border-color: var(--ja-bg); color: var(--ja-blue-h); }
.ja-przyklad-wiz { background: #fff; border-radius: var(--ja-r); padding: 16px; display: grid; gap: 10px; align-self: center; }
.ja-wiz-mini { display: flex; align-items: center; gap: 10px; }
.ja-wiz-mini i { display: block; height: 10px; border-radius: 5px; background: #dfe5f2; }
.ja-wiz-mini--gw .ja-i { width: 18px; height: 18px; color: var(--ja-zo); fill: var(--ja-zo); }

/* ---------- cennik / pakiety ---------- */
.ja-pakiety { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 6px 0 14px; }
.ja-pakiet { position: relative; background: #fff; border: 1.5px solid var(--ja-line); border-radius: var(--ja-r); padding: 20px 16px 16px; display: flex; flex-direction: column; }
.ja-pakiet--main { border-color: var(--ja-blue); box-shadow: 0 0 0 3px rgba(36, 91, 201, .12), var(--ja-cien); }
.ja-pakiet-badge { position: absolute; top: -12px; left: 16px; font-size: 12px; font-weight: 800; color: #fff; background: var(--ja-blue); border-radius: 999px; padding: 4px 12px; text-transform: uppercase; letter-spacing: .03em; }
.ja-pakiet-dla { font-size: 12px; font-weight: 700; color: var(--ja-muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
.ja-pakiet-nazwa { color: var(--ja-navy); font-size: 17px; margin-bottom: 8px; line-height: 1.25; }
.ja-pakiet-cena { font-size: 30px; font-weight: 900; color: var(--ja-navy); line-height: 1; margin-bottom: 6px; letter-spacing: -.01em; }
.ja-pakiet-sztuka { font-size: 14px; color: var(--ja-muted); margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ja-pakiet-rabat { display: inline-block; font-size: 12px; font-weight: 800; color: #fff; background: var(--ja-zi); border-radius: 6px; padding: 2px 7px; }
.ja-pakiet-opis { font-size: 14px; color: var(--ja-muted); margin: 0 0 14px; flex: 1 1 auto; }
.ja-pakiet .ja-btn { margin: 0; padding: 12px 14px; font-size: 15px; }
.ja-zgoda--platnosc { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 12px 14px; margin: 10px 0 6px; }
.ja-platnosc-stopka { font-size: 13px; margin-top: 10px; }

/* ---------- kod / kurs ---------- */
.ja-kod .ja-h2 { font-size: 22px; margin-bottom: 16px; }
.ja-kod-siatka { display: grid; gap: 18px; }
.ja-kod-siatka > div { background: var(--ja-bg); border-radius: var(--ja-r); padding: 18px 16px; }
.ja-kod-siatka .ja-muted { margin: -2px 0 10px; }
.ja-row--kod .ja-btn { padding: 11px 16px; white-space: nowrap; }

/* ---------- FAQ ---------- */
.ja-faq { display: grid; gap: 8px; }
.ja-faq-el { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 0 16px; }
.ja-faq-el summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 0; font-weight: 700; color: var(--ja-navy); font-size: 16px; }
.ja-faq-el summary::-webkit-details-marker { display: none; }
.ja-faq-el summary .ja-i { color: var(--ja-blue); transition: transform .2s; }
.ja-faq-el[open] summary .ja-i { transform: rotate(45deg); }
.ja-faq-el p { padding: 0 0 15px; margin: 0; font-size: 15px; color: var(--ja-text); }
.ja-cta-dol { padding-top: 28px; }
.ja-cta-dol .ja-h2 { justify-content: center; text-align: center; font-size: 24px; margin-bottom: 18px; }

/* ---------- stopka ---------- */
.ja-stopka { background: var(--ja-bg); border-top: 1px solid var(--ja-line); margin-top: 24px; padding: 32px 16px 20px; font-size: 14px; }
.ja-stopka-in { max-width: 1120px; margin: 0 auto; display: grid; gap: 24px; }
.ja-stopka-opis { color: var(--ja-muted); margin: 12px 0; max-width: 360px; }
.ja-stopka-katalog { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; text-decoration: none; }
.ja-stopka-h { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ja-navy); margin: 0 0 10px; }
.ja-stopka-lista { list-style: none; display: grid; gap: 8px; }
.ja-stopka-lista li { display: flex; align-items: center; gap: 8px; }
.ja-stopka-lista .ja-i { width: 18px; height: 18px; color: var(--ja-blue); }
.ja-stopka-lista a { color: var(--ja-text); text-decoration: none; }
.ja-stopka-lista a:hover { color: var(--ja-blue); text-decoration: underline; }
.ja-stopka-dol { max-width: 1120px; margin: 24px auto 0; padding-top: 16px; border-top: 1px solid var(--ja-line); display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: space-between; color: var(--ja-muted); font-size: 13px; }
.ja-logo--stopka img { height: 22px; }

/* ---------- wynik: baner przykładu ---------- */
.ja-baner { background: var(--ja-navy); color: #fff; padding: 16px; }
.ja-baner-in { display: flex; flex-direction: column; gap: 12px; }
.ja-baner-in div { display: flex; flex-direction: column; gap: 4px; }
.ja-baner-in b { font-size: 17px; }
.ja-baner-in span { font-size: 14px; color: #d7def0; }
.ja-baner .ja-btn { background: #fff; border-color: #fff; color: var(--ja-navy); align-self: flex-start; }
.ja-baner .ja-btn:hover { background: var(--ja-bg); border-color: var(--ja-bg); }
.ja-wynik > .ja-wrap { padding: 20px 16px 48px; }

/* ---------- wynik: szapka auta ---------- */
.ja-auto { display: flex; flex-direction: column; gap: 14px; }
.ja-auto-foto { width: 100%; max-height: 240px; object-fit: cover; border-radius: var(--ja-r-sm); display: block; }
.ja-dane { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 0 0 12px; font-size: 14px; }
.ja-dane div { display: flex; flex-direction: column; }
.ja-dane dt { color: var(--ja-muted); font-size: 12px; }
.ja-dane dd { margin: 0; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ja-auto-dol { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; }
.ja-cena { font-size: 26px; font-weight: 900; color: var(--ja-navy); margin: 0; }
.ja-cena small { font-size: 14px; font-weight: 600; color: var(--ja-muted); }
.ja-spis { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 12px; margin: 0 0 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ja-spis::-webkit-scrollbar { display: none; }
.ja-spis a { flex: 0 0 auto; font-size: 13px; font-weight: 700; color: var(--ja-navy); background: var(--ja-bg); border-radius: 999px; padding: 7px 12px; text-decoration: none; white-space: nowrap; }
.ja-spis a:hover { background: #e7edf9; color: var(--ja-blue-h); }

/* ---------- indeks ---------- */
.ja-indeks { display: flex; gap: 16px; align-items: center; border-left: 6px solid var(--ja-blue) !important; }
.ja-indeks--a, .ja-indeks--b { border-left-color: var(--ja-zi) !important; }
.ja-indeks--c { border-left-color: var(--ja-zo) !important; }
.ja-indeks--d, .ja-indeks--e { border-left-color: var(--ja-cz) !important; }
.ja-indeks-liczba { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; line-height: 1; }
.ja-indeks-n { font-size: 46px; font-weight: 900; color: var(--ja-navy); letter-spacing: -.02em; }
.ja-indeks-z { font-size: 13px; color: var(--ja-muted); }
.ja-indeks-lit { margin-top: 6px; font-size: 14px; font-weight: 800; color: #fff; background: var(--ja-navy); border-radius: 6px; padding: 3px 8px; }
.ja-indeks-txt { flex: 1 1 auto; }
.ja-indeks-txt .ja-h2 { margin-bottom: 4px; font-size: 17px; }
.ja-indeks-opis { font-size: 14px; }
.ja-indeks-sum { font-size: 14px; display: flex; align-items: center; gap: 14px; margin: 0; font-weight: 700; }
.ja-indeks-sum > span { display: inline-flex; align-items: center; gap: 5px; }
.ja-dot { display: inline-block; width: 11px; height: 11px; border-radius: 50%; flex: 0 0 auto; }
.ja-dot--cz { background: var(--ja-cz); }
.ja-dot--zo { background: var(--ja-zo); }
.ja-dot--zi { background: var(--ja-zi); }

/* ---------- ryzyka ---------- */
.ja-grupa { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ja-line); }
.ja-grupa:first-of-type { border-top: 0; padding-top: 0; }
.ja-licz { font-weight: 400; color: var(--ja-muted); font-size: 14px; }
.ja-ryzyka { list-style: none; }
.ja-ryzyko { background: var(--ja-bg); border-radius: var(--ja-r-sm); padding: 12px 14px; margin-bottom: 8px; border-left: 4px solid var(--ja-line); font-size: 15px; }
.ja-grupa--czerwony .ja-ryzyko { border-left-color: var(--ja-cz); }
.ja-grupa--zolty .ja-ryzyko { border-left-color: var(--ja-zo); }
.ja-grupa--zielony .ja-ryzyko { border-left-color: var(--ja-zi); }
.ja-ryzyko strong { display: block; margin-bottom: 4px; color: var(--ja-navy); }
.ja-ryzyko p { margin: 0 0 4px; }
.ja-co { font-size: 14px; }
.ja-cytat { font-style: italic; font-size: 13px; color: var(--ja-muted); }
.ja-pusty { font-size: 14px; color: var(--ja-muted); }
.ja-info summary { cursor: pointer; font-weight: 700; color: var(--ja-navy); margin-top: 10px; }

/* ---------- rynek ---------- */
.ja-rynek-big { font-size: 19px; font-weight: 800; color: var(--ja-navy); }
.ja-pasek { position: relative; height: 10px; border-radius: 5px; margin: 8px 0 6px;
  background: linear-gradient(90deg, var(--ja-zi), var(--ja-zo) 50%, var(--ja-cz)); }
.ja-pasek-mark { position: absolute; top: -4px; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: #fff; border: 3px solid var(--ja-navy); box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.ja-pasek-skala { display: flex; justify-content: space-between; font-size: 12px; color: var(--ja-muted); margin-bottom: 12px; }
.ja-oferty { list-style: none; }
.ja-oferty li { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; padding: 7px 0; border-top: 1px solid var(--ja-line); }
.ja-oferty a { color: var(--ja-blue); flex: 1 1 auto; overflow-wrap: anywhere; }
.ja-oferty span { white-space: nowrap; font-weight: 700; }
.ja-lista { padding-left: 22px; }
.ja-lista li { margin-bottom: 7px; }
.ja-lista--neg li { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }

/* ---------- wiadomość do sprzedającego ---------- */
.ja-wiad { border-color: #c9d4ef !important; }
.ja-wiad-tekst { width: 100%; font-size: 16px; line-height: 1.5; padding: 14px; border: 1.5px solid var(--ja-line); border-radius: var(--ja-r-sm); background: var(--ja-bg); color: var(--ja-text); resize: vertical; min-height: 220px; margin: 6px 0 12px; }
.ja-akcje--wiad { margin: 0 0 10px; }

/* ---------- checklista: karta i strona ---------- */
.ja-checkcard { display: flex; gap: 14px; align-items: flex-start; }
.ja-checkcard .ja-ikona { background: var(--ja-bg); border: 0; flex: 0 0 auto; }
.ja-checkcard .ja-h2 { margin-bottom: 6px; }
.ja-check-head { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.ja-check-auto { font-weight: 700; color: var(--ja-navy); font-size: 16px; }
.ja-akcje--check { margin: 0; }
.ja-check-grupa .ja-h2 { font-size: 19px; }
.ja-check-n { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 9px; background: var(--ja-blue); color: #fff; font-size: 15px; font-weight: 800; margin-right: 10px; flex: 0 0 auto; }
.ja-check-grupa--auto { border-color: var(--ja-blue) !important; }
.ja-check { list-style: none; }
.ja-check li { margin-bottom: 4px; }
.ja-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; padding: 7px 8px; border-radius: 8px; font-size: 15px; }
.ja-check label:hover { background: var(--ja-bg); }
.ja-check input { margin-top: 3px; width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--ja-blue); }
.ja-check input:checked + span { color: var(--ja-muted); text-decoration: line-through; }
.ja-print-only { display: none; }

/* ---------- pełna ---------- */
.ja-pelna { border-color: #c9d4ef !important; background: linear-gradient(180deg, #f3f6fd, #fff 160px) !important; }
.ja-pelna-head .ja-tag { margin-bottom: 10px; }
.ja-pelna-lista { list-style: none; display: grid; gap: 6px; margin: 4px 0 16px; font-size: 15px; }
.ja-pelna-lista li { display: flex; gap: 8px; align-items: flex-start; }
.ja-pelna-lista .ja-i { color: var(--ja-zi); margin-top: 2px; }
.ja-pelna .ja-btn--full { margin: 8px 0 6px; }
.ja-pelna-przyklad { margin-bottom: 8px; }
.ja-gwiazdki { display: flex; align-items: center; gap: 2px; }
.ja-gwiazdki .ja-i { width: 22px; height: 22px; color: #c9cfdb; fill: #c9cfdb; }
.ja-gwiazdki .ja-i.is-on { color: var(--ja-zo); fill: var(--ja-zo); }
.ja-gwiazdki .ja-muted { font-size: 14px; margin-left: 8px; }
.ja-cena-stan { font-size: 17px; }
.ja-kwota { font-weight: 800; color: var(--ja-navy); white-space: nowrap; }
.ja-werdykt { background: var(--ja-bg); border-radius: var(--ja-r-sm); padding: 14px 16px; margin-top: 16px; border-left: 4px solid var(--ja-blue); }
.ja-werdykt .ja-h3 { margin-top: 0; }
.ja-mam-kod { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ja-line); }
.ja-mam-kod summary { cursor: pointer; font-weight: 700; color: var(--ja-navy); font-size: 15px; }
.ja-mam-kod .ja-muted { margin: 6px 0 8px; }

/* ---------- regulamin ---------- */
.ja-regulamin h1 { font-size: 26px; color: var(--ja-navy); margin: 0 0 8px; }
.ja-regulamin h2 { font-size: 18px; color: var(--ja-navy); margin: 20px 0 8px; }
.ja-regulamin ol { padding-left: 20px; }
.ja-regulamin li { margin-bottom: 7px; font-size: 15px; overflow-wrap: anywhere; }

/* ---------- most, subskrypcja, akcje ---------- */
.ja-most { border-left: 6px solid var(--ja-navy) !important; }
.ja-most-txt { font-size: 16px; font-weight: 700; color: var(--ja-navy); }
.ja-sub-row { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.ja-akcje { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; }
.ja-akcje--srodek { align-items: center; }
.ja-akcje-h { margin-top: 24px; }
.ja-licznik { font-size: 14px; color: var(--ja-muted); }

/* ---------- desktop ---------- */
@media (min-width: 600px) {
  .ja-sek { padding: 56px 24px; }
  .ja-h1 { font-size: 40px; }
  .ja-hero-txt .ja-h1 { font-size: 40px; }
  .ja-h1--auto { font-size: 28px; }
  .ja-h2--sek { font-size: 32px; }
  .ja-card { padding: 24px; }
  .ja-row { flex-direction: row; }
  .ja-row .ja-input { flex: 1 1 auto; }
  .ja-row .ja-btn { flex: 0 0 auto; }
  .ja-auto { flex-direction: row; align-items: flex-start; }
  .ja-auto-foto { width: 260px; max-height: 190px; flex: 0 0 auto; }
  .ja-auto-info { flex: 1 1 auto; }
  .ja-dane { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .ja-spis { flex-wrap: wrap; overflow: visible; }
  .ja-sub-row { flex-direction: row; }
  .ja-sub-row .ja-input { flex: 1 1 50%; }
  .ja-akcje { flex-direction: row; flex-wrap: wrap; }
  .ja-indeks-n { font-size: 58px; }
  .ja-pakiety { grid-template-columns: repeat(2, 1fr); }
  .ja-zaufanie-lista { grid-template-columns: repeat(2, 1fr); }
  .ja-raport-siatka { grid-template-columns: repeat(2, 1fr); }
  .ja-kod-siatka { grid-template-columns: 1fr 1fr; }
  .ja-nav .ja-nav-przyklad { display: inline; }
  .ja-nav { gap: 22px; }
  .ja-stopka-in { grid-template-columns: 1.4fr 1fr 1fr; }
  .ja-baner-in { flex-direction: row; align-items: center; justify-content: space-between; }
  .ja-baner .ja-btn { white-space: nowrap; flex: 0 0 auto; align-self: center; }
  .ja-check-head { flex-direction: row; justify-content: space-between; align-items: flex-end; }
  .ja-wynik > .ja-wrap { padding: 28px 24px 56px; }
  .ja-strona { padding: 28px 24px 56px; }
}
@media (min-width: 960px) {
  .ja-hero { padding: 64px 24px 72px; }
  .ja-hero-in { grid-template-columns: 1.15fr 1fr; align-items: center; gap: 48px; }
  .ja-hero-txt .ja-h1 { font-size: 48px; }
  .ja-hero-wiz { justify-self: end; width: 100%; }
  .ja-kroki { grid-template-columns: repeat(3, 1fr); }
  .ja-raport-siatka { grid-template-columns: repeat(3, 1fr); }
  .ja-zaufanie-lista { grid-template-columns: repeat(4, 1fr); }
  .ja-przyklad { grid-template-columns: 1.2fr 1fr; padding: 40px; align-items: center; }
  .ja-pakiety { grid-template-columns: repeat(3, 1fr); }
  .ja-wiz-karta { padding: 22px; }
}

/* ---------- druk (checklista) ---------- */
@media print {
  .ja-top, .ja-stopka, .ja-noprint, .ja-akcje--check { display: none !important; }
  body { font-size: 12px; color: #000; }
  .ja-strona { padding: 0; }
  .ja-card { border: 1px solid #bbb !important; border-radius: 6px; padding: 10px 12px; margin-bottom: 10px; break-inside: avoid; page-break-inside: avoid; }
  .ja-h1 { font-size: 20px; margin-bottom: 4px; }
  .ja-check-grupa .ja-h2 { font-size: 14px; margin-bottom: 6px; }
  .ja-check-n { width: 20px; height: 20px; font-size: 11px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .ja-check label { padding: 3px 0; font-size: 12px; }
  .ja-check input { width: 14px; height: 14px; }
  .ja-print-only { display: block; }
  .ja-dysk { font-size: 10px; }
}

.ja-stopka-znaki{display:block;font-size:11px;color:#6b7280;margin-top:6px;max-width:720px;line-height:1.4}

/* ---------- NAZWA1027: konwersja - chipy, licznik, drabina, czat, gwarancja, teaser, darmowa ---------- */
.ja-sprawdzimy { margin: 10px 0 0; font-size: 13px; color: var(--ja-muted); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ja-sprawdzimy b { color: var(--ja-navy); margin-right: 2px; }
.ja-chip { display: inline-block; background: #fff; border: 1px solid var(--ja-line); border-radius: 999px; padding: 3px 10px; color: var(--ja-navy); font-weight: 600; }
.ja-licznik { display: inline-block; margin-left: 14px; font-size: 14px; color: var(--ja-muted); }
.ja-drabina { list-style: none; display: grid; gap: 16px; counter-reset: none; }
.ja-drabina-el { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r); padding: 20px 18px; display: flex; flex-direction: column; gap: 6px; }
.ja-drabina-el--nasz { border: 2px solid var(--ja-blue); box-shadow: 0 8px 24px rgba(36,91,201,.12); }
.ja-drabina-etap { font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--ja-blue); }
.ja-drabina-el .ja-h3 { margin: 0; }
.ja-drabina-kto { margin: 0; font-size: 13px; color: var(--ja-muted); }
.ja-drabina-el > p:not(.ja-drabina-kto) { margin: 4px 0 6px; font-size: 15px; }
.ja-drabina-meta { margin: 0 0 10px; display: grid; gap: 6px; font-size: 14px; }
.ja-drabina-meta div { display: grid; grid-template-columns: 56px 1fr; gap: 8px; }
.ja-drabina-meta dt { color: var(--ja-muted); }
.ja-drabina-meta dd { margin: 0; color: var(--ja-text); font-weight: 600; }
.ja-drabina-el .ja-btn { margin-top: auto; }
.ja-drabina-stopka { font-size: 13px; margin-top: 14px; }
.ja-gpt { display: grid; gap: 10px; }
.ja-gpt-naglowek { display: none; }
.ja-gpt-wiersz { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 14px 16px; display: grid; gap: 8px; font-size: 14px; }
.ja-gpt-co { font-weight: 800; color: var(--ja-navy); font-size: 15px; }
.ja-gpt-wiersz .ja-gpt-my { display: flex; gap: 8px; align-items: flex-start; color: var(--ja-text); }
.ja-gpt-wiersz .ja-gpt-my .ja-i { color: var(--ja-blue); flex: 0 0 auto; margin-top: 2px; }
.ja-gpt-czat { color: var(--ja-muted); padding-left: 28px; }
.ja-gpt-lbl { font-weight: 700; }
.ja-gpt-uczciwie { margin: 16px auto 0; font-size: 14px; max-width: 640px; text-align: center; }
.ja-gwarancja { display: flex; gap: 10px; align-items: flex-start; max-width: 720px; margin: 18px auto 0; font-size: 14px; color: var(--ja-text); background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 12px 14px; }
.ja-gwarancja .ja-i { color: var(--ja-blue); flex: 0 0 auto; margin-top: 1px; }
.ja-teaser { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 0; padding: 12px 14px; background: var(--ja-bg); border-radius: var(--ja-r-sm); font-size: 14px; color: var(--ja-navy); font-weight: 600; }
.ja-teaser .ja-i { color: var(--ja-blue); flex: 0 0 auto; margin-top: 1px; }
.ja-darmowa { border: 2px solid var(--ja-blue); border-radius: var(--ja-r); padding: 16px; margin: 0 0 20px; background: #fff; }
.ja-darmowa .ja-h3 { margin: 0 0 4px; }
.ja-darmowa .ja-row--kod { margin-top: 10px; }
.ja-darmowa .ja-zgoda { margin-top: 10px; font-size: 13px; }
.ja-darmowa-info { font-size: 12px; margin: 6px 0 0; }
@media (min-width: 760px) {
  .ja-drabina { grid-template-columns: repeat(3, 1fr); }
  .ja-gpt-naglowek { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 12px; padding: 0 16px; font-size: 13px; font-weight: 800; color: var(--ja-muted); text-transform: uppercase; letter-spacing: .03em; }
  .ja-gpt-naglowek .ja-gpt-my { color: var(--ja-blue); }
  .ja-gpt-wiersz { grid-template-columns: 150px 1fr 1fr; gap: 12px; align-items: start; }
  .ja-gpt-czat { padding-left: 0; }
  .ja-gpt-lbl { display: none; }
}

/* ---------- KONW1027b: bramka e-mail, podobne auta, szapka pełnej, partnerzy, nav ---------- */
.ja-nav-sprawdz { font-weight: 800; }
.ja-blur { filter: blur(7px); pointer-events: none; user-select: none; opacity: .75; position: relative; }
.ja-zajawka .ja-h2 .ja-dot { margin-right: 8px; }
.ja-bramka { border: 2px solid var(--ja-blue); background: #fff; box-shadow: 0 10px 30px rgba(36,91,201,.14); }
.ja-bramka .ja-row--kod { margin-top: 12px; }
.ja-bramka .ja-zgoda { margin-top: 12px; font-size: 13px; }
.ja-bramka-info { font-size: 12px; margin: 8px 0 0; }
.ja-bramka-reszta { font-size: 13px; margin: 12px 0 0; }
.ja-podobne { margin-top: 18px; border-top: 1px solid var(--ja-line); padding-top: 14px; }
.ja-podobne .ja-h3 { margin: 0 0 4px; }
.ja-podobne-lista { list-style: none; display: grid; gap: 12px; margin: 12px 0; }
.ja-podobne-el { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); overflow: hidden; display: grid; grid-template-columns: 120px 1fr; }
.ja-podobne-el img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 96px; background: var(--ja-line); }
.ja-podobne-txt { padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.ja-podobne-txt b { color: var(--ja-navy); }
.ja-podobne-cena { font-weight: 800; color: var(--ja-navy); font-size: 16px; }
.ja-podobne-cena small { font-weight: 600; color: var(--ja-muted); font-size: 12px; }
.ja-podobne-txt .ja-btn { align-self: flex-start; margin-top: 4px; }
.ja-szapka-pelnej { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 12px 14px; margin: 0 0 16px; }
.ja-rek { margin: 0 0 8px; font-weight: 800; font-size: 16px; color: var(--ja-navy); }
.ja-rek-lbl { color: var(--ja-muted); font-weight: 600; }
.ja-rek--tak { color: #1E7F4F; } .ja-rek--nie { color: #9b2c2c; } .ja-rek--sprawdz { color: #7a5a00; }
.ja-szapka-ceny { margin: 0; display: grid; gap: 6px; font-size: 14px; }
.ja-szapka-ceny div { display: grid; grid-template-columns: 130px 1fr; gap: 8px; }
.ja-szapka-ceny dt { color: var(--ja-muted); } .ja-szapka-ceny dd { margin: 0; font-weight: 700; color: var(--ja-navy); }
.ja-krok-lista { list-style: none; display: grid; gap: 10px; margin: 0 0 8px; }
.ja-krok-lista li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 10px 12px; font-size: 14px; }
.ja-dane-siatka { list-style: none; display: grid; gap: 12px; }
@media (min-width: 600px) { .ja-dane-siatka { grid-template-columns: repeat(2, 1fr); } .ja-podobne-lista { grid-template-columns: repeat(3, 1fr); } .ja-podobne-el { grid-template-columns: 1fr; } .ja-podobne-el img { height: 140px; } }
@media (min-width: 960px) { .ja-dane-siatka { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 599px) { .ja-nav-sprawdz { display: none; } }

/* ---------- RAPORT1027: ogłoszenie a fakty, koszty, stan a przebieg, zwrot, podziel się ---------- */
.ja-zwrot { margin: 10px 0 0; padding-top: 10px; border-top: 1px dashed var(--ja-line); font-size: 14px; font-weight: 700; color: var(--ja-navy); }
.ja-tabela-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 12px; }
.ja-tabela { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); overflow: hidden; }
.ja-tabela th, .ja-tabela td { padding: 8px 10px; text-align: left; vertical-align: top; border-top: 1px solid var(--ja-line); }
.ja-tabela thead th { border-top: 0; background: var(--ja-bg); color: var(--ja-muted); font-weight: 600; font-size: 13px; }
.ja-tabela tfoot th { background: var(--ja-bg); color: var(--ja-navy); font-weight: 800; }
.ja-td-kwota { text-align: right !important; white-space: nowrap; font-weight: 700; color: var(--ja-navy); }
.ja-status, .ja-kiedy { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ja-status--brak_dowodu { background: #fff4d6; color: #7a5a00; }
.ja-status--potwierdzone { background: #e3f5ea; color: #1E7F4F; }
.ja-status--sprzeczne { background: #fde3e3; color: #9b2c2c; }
.ja-kiedy--przed_zakupem { background: #fde3e3; color: #9b2c2c; }
.ja-kiedy--wkrotce { background: #fff4d6; color: #7a5a00; }
.ja-kiedy--pozniej { background: var(--ja-bg); color: var(--ja-muted); }
.ja-przebieg { margin: 8px 0 0; padding: 8px 10px; border-radius: var(--ja-r-sm); font-size: 14px; background: var(--ja-bg); }
.ja-przebieg--adekwatny { background: #e3f5ea; } .ja-przebieg--watpliwy { background: #fff4d6; }
/* telefon: tabele jako karty (bez przewijania poziomego), podtytuł marki nie nachodzi na menu */
@media (max-width: 599px) {
  .ja-logo-sub { display: none; }
  .ja-tabela { font-size: 13px; }
  .ja-tabela thead { display: none; }
  .ja-tabela, .ja-tabela tbody, .ja-tabela tfoot { display: block; }
  .ja-tabela tr { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 8px 10px; border-top: 1px solid var(--ja-line); }
  .ja-tabela tbody tr:first-child { border-top: 0; }
  .ja-tabela td, .ja-tabela th { display: block; padding: 0; border: 0; }
  .ja-tabela--deklaracje td:nth-child(1) { font-weight: 700; color: var(--ja-navy); }
  .ja-tabela--deklaracje td:nth-child(3), .ja-tabela--koszty td:nth-child(2) { grid-column: 1 / -1; color: var(--ja-muted); }
  .ja-tabela--koszty td:nth-child(1) { font-weight: 600; }
  .ja-tabela tfoot tr { background: var(--ja-bg); }
  .ja-tabela tfoot th { font-weight: 800; color: var(--ja-navy); }
  .ja-td-kwota { text-align: right !important; }
}

/* RAPORT1027b: rejestry skradzionych CZ/RO/HU */
.ja-rejestry { list-style: none; margin: 0 0 8px; display: grid; gap: 8px; }
.ja-rejestry-el { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 8px 12px; font-size: 14px; }
.ja-rejestry-kraj { font-weight: 800; color: var(--ja-navy); min-width: 70px; }
.ja-rejestry-nazwa { color: var(--ja-muted); flex: 1 1 200px; }
.ja-status--rej-brak { background: #e3f5ea; color: #1E7F4F; }
.ja-status--rej-wpis { background: #fde3e3; color: #9b2c2c; }
.ja-status--rej-blad, .ja-status--rej-recznie { background: var(--ja-bg); color: var(--ja-muted); }
.ja-rejestry-info { font-size: 13px; }

/* UA1027: przełącznik języka */
.ja-jezyk { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--ja-muted); margin-right: 4px; }
.ja-jezyk a { color: var(--ja-muted); text-decoration: none; } .ja-jezyk a.is-on { color: var(--ja-navy); text-decoration: underline; }
.ja-jezyk-sep { color: var(--ja-line); }
@media (max-width: 599px) { .ja-nav { gap: 10px; font-size: 13px; } .ja-jezyk { font-size: 12px; margin-right: 0; } }
.ja-szapka-rek dd { color: #1E7F4F; font-size: 16px; } .ja-szapka-rek small { color: var(--ja-muted); font-weight: 500; font-size: 12px; }

/* CV1028: karta partnera carVertical */
.ja-cv { background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); padding: 14px 16px; margin: 0 0 10px; display: grid; gap: 8px; }
.ja-cv-logo { height: 22px; width: auto; }
.ja-cv-txt { margin: 0; font-size: 14px; }
.ja-cv-kod { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.ja-cv-kod code { font-family: ui-monospace, Menlo, monospace; font-weight: 800; font-size: 15px; background: var(--ja-bg); border: 1px dashed var(--ja-blue); border-radius: 6px; padding: 2px 8px; user-select: all; }
.ja-cv .ja-btn--primary { justify-self: start; }
.ja-cv-uwaga { font-size: 13px; }

/* CV1028b: podpowiedzi w kartach ryzyk + partner w szapce i stopce */
.ja-podp { display: inline-flex; align-items: center; gap: 6px; margin: 6px 8px 0 0; font-size: 13px; font-weight: 700; text-decoration: none; border-radius: 8px; padding: 5px 9px; }
.ja-podp--cv { background: #eef4ff; color: #0040ff; } .ja-podp--cv img { height: 13px; width: auto; }
.ja-podp--pelna { background: var(--ja-bg); color: var(--ja-navy); }
.ja-top-partner { display: none; align-items: center; gap: 6px; font-size: 12px; color: var(--ja-muted); text-decoration: none; margin-left: auto; margin-right: 14px; }
.ja-top-partner img { height: 13px; width: auto; }
@media (min-width: 900px) { .ja-top-partner { display: inline-flex; } }
.ja-stopka-partner img { height: 26px; width: auto; display: block; background: #fff; border-radius: 8px; padding: 6px 10px; }
.ja-stopka-partner-txt { font-size: 13px; margin: 8px 0 0; color: var(--ja-muted); }

/* ---------- PRAWO1030: baner cookies, polityka, informacja dla sprzedających ---------- */
.ja-cookie { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000; max-width: 720px; margin: 0 auto;
  background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); box-shadow: 0 8px 30px rgba(8, 37, 103, .18);
  padding: 14px 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.ja-cookie[hidden] { display: none; }
.ja-cookie-txt { margin: 0; flex: 1 1 260px; font-size: 14px; line-height: 1.45; }
.ja-cookie-btn { display: flex; gap: 8px; flex: 0 0 auto; }
.ja-cookie-btn .ja-btn { padding: 9px 14px; font-size: 14px; }
@media (max-width: 480px) {
  .ja-cookie { left: 8px; right: 8px; bottom: 8px; padding: 12px; }
  .ja-cookie-btn { width: 100%; }
  .ja-cookie-btn .ja-btn { flex: 1 1 0; padding: 9px 8px; }
}
.ja-dok-jezyk { background: #f4f6fb; border-radius: var(--ja-r-sm); padding: 10px 12px; font-size: 14px; }
.ja-skrot { background: #f4f6fb; border-radius: var(--ja-r-sm); padding: 4px 16px 8px; margin: 12px 0 8px; }
.ja-skrot ul, .ja-polityka ul { padding-left: 20px; }
.ja-skrot li, .ja-polityka ul li { margin-bottom: 6px; font-size: 15px; overflow-wrap: anywhere; }
.ja-dysk--sprzedawca { margin-top: 8px; }

/* ---------- PELNA1031: granica targu, koszt wejścia, Czego nie robimy, zapis do PDF ---------- */
.ja-fraza { margin: 10px 0 0; padding-top: 10px; border-top: 1px dashed var(--ja-line); }
.ja-fraza-h { margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--ja-muted); }
.ja-fraza-tekst { margin: 0 0 8px; font-size: 14px; line-height: 1.45; color: var(--ja-navy); }
.ja-kw-uwaga { display: block; margin-top: 2px; font-size: 12px; line-height: 1.35; color: var(--ja-muted); font-weight: 400; }
.ja-tabela--wejscie .ja-td-kwota { white-space: nowrap; }
.ja-nie-robimy { margin-top: 24px; padding: 18px 20px; background: #fff; border: 1px solid var(--ja-line); border-radius: var(--ja-r-sm); }
.ja-nie-robimy .ja-h3 { margin-top: 0; }
.ja-nie-robimy p { margin: 10px 0 0; }
.ja-jak-lista { display: grid; gap: 10px; margin: 0 0 8px; }
.ja-jak-lista dt { font-weight: 700; color: var(--ja-navy); }
.ja-jak-lista dd { margin: 2px 0 0; }
@media print {
  .ja-baner, .ja-spis, .ja-checkcard, .ja-wynik .ja-btn, .ja-cookie, .ja-akcje, .ja-akcje-h, .ja-licznik, .ja-obs, .ja-sub, .ja-krok, .ja-most, .ja-bramka, .ja-wiad, .ja-podobne, .ja-kod-twoj, .ja-mam-kod { display: none !important; }
  .ja-wynik form { display: none !important; }
  .ja-wynik .ja-card { break-inside: auto; page-break-inside: auto; }
  .ja-wynik .ja-tabela tr, .ja-szapka-pelnej { break-inside: avoid; page-break-inside: avoid; }
  .ja-wynik .ja-h3 { break-after: avoid; page-break-after: avoid; }
  .ja-rek, .ja-indeks, .ja-tabela th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* PRAWO1101 */
.ja-zgody { margin: 10px 0 6px; }
.ja-zgody .ja-zgoda--platnosc { margin: 0 0 8px; }
@media print {
  .ja-regulamin { break-inside: auto !important; page-break-inside: auto !important; border: 0 !important; }
  .ja-regulamin h2 { break-after: avoid; page-break-after: avoid; }
}