/* Wyszukiwarka samochodów na wynajem - styl jak nowa strona główna.
   Wszystko pod .rnw, żeby nie ruszać reszty serwisu. Motyw Hello stylizuje
   przyciski, linki i pola (różowe #c36) - stąd jawne reguły poniżej. */

.rnw {
  --f: #645BFF; --f2: #4F45F0; --f-jasny: #EFECFF; --lawenda: #F4F2FF; --tlo2: #F7F6FC;
  --tekst: #0F0E1A; --szary: #5E5D70; --szary2: #8A88A0; --ramka: #ECEAF6; --ramka2: #E2E0F0;
  --cien: 0 1px 2px rgba(15,14,26,.04), 0 12px 32px rgba(60,40,160,.06);
  font-family: "Poppins", sans-serif; color: var(--tekst); line-height: 1.5;
}
.rnw *, .rnw *::before, .rnw *::after { box-sizing: border-box; }
/* body: mocniej niż kolor linków z kitu Elementora (.elementor-kit-12 a) */
body .rnw a { color: inherit; text-decoration: none; }
.rnw p { margin: 0; }
.rnw h1, .rnw h2, .rnw h3 { margin: 0; font-family: "Poppins", sans-serif; color: var(--tekst); }
.rnw button { font-family: inherit; border: 0; background: none; color: inherit; padding: 0; margin: 0; cursor: pointer; text-transform: none; letter-spacing: normal; line-height: inherit; border-radius: 0; }
/* Po kliknięciu przycisk zostaje w :focus - każda klasa przycisku niżej
   ma :focus w kolorach zwykłego stanu, inaczej ta reguła zdejmuje jej tło. */
.rnw button:hover, .rnw button:focus { background: none; color: inherit; }
.rnw button:focus-visible, .rnw a:focus-visible, .rnw .rnw-pole:focus-visible { outline: 3px solid rgba(100,91,255,.35); outline-offset: 2px; }
.rnw [hidden] { display: none !important; }
.rnw-ikona { width: 18px; height: 18px; flex: 0 0 auto; }
.rnw-kontener { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

.rnw-h1 { font-size: clamp(30px, 3.2vw, 46px); font-weight: 600; letter-spacing: -1.4px; line-height: 1.1; }
.rnw-h1 span { color: var(--f); }
.rnw-h2 { font-size: clamp(22px, 2.2vw, 30px); font-weight: 600; letter-spacing: -.6px; line-height: 1.2; }
.rnw-h3 { font-size: 20px; font-weight: 600; letter-spacing: -.3px; line-height: 1.3; }
.rnw-lead { font-size: 16px; color: var(--szary); line-height: 1.65; }
.rnw-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--f); }
.rnw-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; color: var(--f) !important; }

/* przyciski */
.rnw .rnw-przycisk { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 22px; border-radius: 14px; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s; }
.rnw .rnw-przycisk--glowny, .rnw .rnw-przycisk--glowny:focus { background: var(--f); color: #fff !important; box-shadow: 0 10px 24px rgba(100,91,255,.28); }
.rnw .rnw-przycisk--glowny:hover { background: var(--f2); color: #fff !important; }
.rnw .rnw-przycisk--obrys, .rnw .rnw-przycisk--obrys:focus { background: #fff; color: var(--tekst) !important; border: 1px solid var(--ramka2); }
.rnw .rnw-przycisk--obrys:hover { background: var(--f-jasny); }
.rnw .rnw-przycisk--nieaktywny, .rnw .rnw-przycisk--nieaktywny:focus { background: #EEEDF3; color: var(--szary2); cursor: not-allowed; }
.rnw .rnw-przycisk-maly, .rnw .rnw-przycisk-maly:focus { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--ramka2); font-size: 14px; font-weight: 600; color: var(--tekst); }
.rnw .rnw-przycisk-maly:hover { background: var(--f-jasny); }

/* hero z wyszukiwarką */
.rnw-hero { padding: 16px 20px 0; }
.rnw-hero-panel { max-width: 1360px; margin: 0 auto; background: var(--lawenda); border-radius: 36px; padding: 44px 56px 40px; }
.rnw-hero-gora { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 22px; }
.rnw-hero-tekst { max-width: 760px; display: flex; flex-direction: column; gap: 12px; }
.rnw-chipy { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.rnw .rnw-chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 999px; background: #fff; border: 1.5px solid transparent; font-size: 14px; font-weight: 600; color: var(--tekst); transition: border-color .2s, color .2s; }
.rnw .rnw-chip span { font-size: 12px; font-weight: 600; color: var(--szary2); }
.rnw .rnw-chip:hover { border-color: #C9C4FF; }
.rnw .rnw-chip--aktywny { border-color: var(--f); color: var(--f); }
.rnw .rnw-chip--aktywny span { color: var(--f); }

.rnw-szukaj { background: #fff; border-radius: 24px; padding: 20px; box-shadow: 0 24px 60px rgba(60,40,160,.10); margin: 0; display: block; }
.rnw-pola { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.rnw .rnw-pole { width: 100%; height: 52px; margin: 0; padding: 0 16px; border: 1px solid var(--ramka2); border-radius: 12px; background-color: #fff; font-family: inherit; font-size: 15px; font-weight: 500; color: var(--tekst); box-shadow: none; line-height: normal; transition: border-color .2s, box-shadow .2s; }
.rnw select.rnw-pole { -webkit-appearance: none; appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5D70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; text-overflow: ellipsis; }
.rnw select.rnw-pole:invalid, .rnw select.rnw-pole.rnw-puste { color: var(--szary2); }
.rnw select.rnw-pole option { color: var(--tekst); }
.rnw .rnw-pole:hover { border-color: #C9C4FF; }
.rnw .rnw-pole:focus { border-color: var(--f); box-shadow: 0 0 0 4px var(--f-jasny); outline: none; }
.rnw .rnw-pole:disabled { background-color: #F7F7FA; color: #B5B3C4; cursor: not-allowed; }
.rnw textarea.rnw-pole { height: auto; min-height: 110px; padding: 14px 16px; resize: vertical; line-height: 1.5; }
.rnw .rnw-pole::placeholder { color: var(--szary2); }

.rnw-przelacznik { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; height: 52px; border-radius: 12px; background: var(--tlo2); }
.rnw-przelacznik label { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 15px; font-weight: 600; color: var(--szary); cursor: pointer; margin: 0; transition: background-color .2s, color .2s; }
.rnw-przelacznik input { position: absolute; opacity: 0; pointer-events: none; }
.rnw-przelacznik label.rnw-wlaczony { background: var(--tekst); color: #fff; }
.rnw-przelacznik label:has(input:focus-visible) { outline: 3px solid rgba(100,91,255,.35); }

.rnw .rnw-przycisk-filtry, .rnw .rnw-przycisk-filtry:focus { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; border-radius: 12px; background: var(--tlo2); font-size: 15px; font-weight: 600; color: var(--tekst); }
.rnw .rnw-przycisk-filtry:hover, .rnw .rnw-przycisk-filtry[aria-expanded="true"] { background: var(--f-jasny); color: var(--tekst); }
.rnw-licznik-filtrow { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--f); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
.rnw .rnw-pokaz { height: 52px; min-height: 0; border-radius: 12px; box-shadow: none; }

.rnw-wiecej { margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--ramka); }
.rnw-wiecej-siatka { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 24px; }
.rnw-wiecej-grupa { display: flex; flex-direction: column; gap: 10px; }
.rnw-wiecej-tytul { font-size: 13px; font-weight: 600; color: var(--szary); }
.rnw-wyposazenie { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; }
.rnw-check { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--tekst); cursor: pointer; margin: 0; font-weight: 400; }
.rnw-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--f); flex: 0 0 auto; }
.rnw-wiecej-dol { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; flex-wrap: wrap; }
.rnw .rnw-wyczysc { font-size: 14px; font-weight: 600; color: var(--f); }
.rnw-ceny { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; color: var(--szary2); }

.rnw-suwak { position: relative; height: 32px; }
.rnw-suwak-tor { position: absolute; left: 0; right: 0; top: 13px; height: 6px; border-radius: 999px; background: var(--ramka2); }
.rnw-suwak-zakres { position: absolute; top: 0; height: 6px; border-radius: 999px; background: var(--f); }
.rnw-suwak input[type=range] { position: absolute; left: 0; top: 6px; width: 100%; height: 20px; margin: 0; background: none; -webkit-appearance: none; appearance: none; pointer-events: none; border: 0; box-shadow: none; padding: 0; }
.rnw-suwak input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 3px solid var(--f); cursor: pointer; box-shadow: 0 2px 6px rgba(60,40,160,.25); }
.rnw-suwak input[type=range]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--f); cursor: pointer; }
.rnw-suwak input[type=range]::-webkit-slider-runnable-track { background: none; }
.rnw-suwak input[type=range]::-moz-range-track { background: none; }

/* wyniki */
.rnw-wyniki { padding: 48px 0 24px; }
.rnw-wyniki-gora { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.rnw .rnw-sort { width: 240px; height: 46px; }
.rnw-aktywne { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.rnw-aktywne:empty { display: none; }
.rnw .rnw-aktywny-filtr { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px 6px 14px; border-radius: 999px; background: var(--f-jasny); color: #3B2FD9; font-size: 13px; font-weight: 600; }
.rnw .rnw-aktywny-filtr .rnw-ikona { width: 16px; height: 16px; }
.rnw .rnw-aktywny-filtr:hover { background: #E2DEFF; color: #3B2FD9; }
/* Wyniki mają szerokość panelu hero (do 1360 px), a w rzędzie mieści się
   tyle kart, ile wejdzie: 4 na dużym ekranie, mniej na węższym. Karty
   rozstawione od krawędzi do krawędzi, jak nagłówek i sortowanie nad nimi. */
.rnw-wyniki > .rnw-kontener, .rnw-faq > .rnw-kontener, .rnw-cta > .rnw-kontener { max-width: 1400px; padding: 0 20px; }
.rnw-siatka { display: grid; grid-template-columns: repeat(auto-fill, 300px); gap: 40px 16px; justify-content: space-between; }
.rnw-podobne .rnw-siatka { justify-content: start; gap: 40px 24px; }
.rnw-pusto { padding: 28px; border-radius: 20px; background: var(--lawenda); text-align: center; color: var(--szary); }
.rnw-strony { display: flex; justify-content: center; gap: 8px; margin-top: 32px; }
.rnw-strony a { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid var(--ramka2); font-weight: 600; }
.rnw-strony a[aria-current] { background: var(--f); border-color: var(--f); color: #fff; }
.rnw-doladuj { display: flex; justify-content: center; padding: 28px 0; }
.rnw-spinner { width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--f-jasny); border-top-color: var(--f); animation: rnw-obrot .8s linear infinite; }
@keyframes rnw-obrot { to { transform: rotate(360deg); } }

/* karta auta - wymiary, układ i przyciski jak w dotychczasowym widżecie
   (docs/elementor-wynajem-samochodow.html, .elcc-card). Zmienione tylko:
   kolor ceny i przycisk „Udostępnij” w wierszu z miastem. */
.rnw-karta { width: 300px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 2px 0 6px rgba(0,0,0,.2); display: flex; flex-direction: column; color: #222; }
.rnw-slider { position: relative; overflow: hidden; height: 180px; z-index: 0; }
.rnw-slajdy { display: flex; transition: transform .3s ease; }
.rnw-slajdy img { width: 100%; flex: 0 0 100%; height: 180px; object-fit: cover; cursor: pointer; display: block; margin: 0; border-radius: 0; }
.rnw-brak-zdjec { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; background: #eee; color: #777; font-size: 14px; }
.rnw-odznaka { position: absolute; top: 10px; left: 10px; padding: 4px 8px; border-radius: 4px; font-size: 12px; color: #fff; background: #645bff; line-height: 1.5; }
.rnw-odznaka--wynajete { background: gray !important; color: #fff !important; }
.rnw-odznaka--statyczna { position: static; display: inline-block; margin-bottom: 14px; }
.rnw .rnw-strzalki button { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.3); border: none; border-radius: 50%; font-size: 18px; line-height: 1; color: #fff; cursor: pointer; padding: 0; }
.rnw .rnw-strzalki button:hover, .rnw .rnw-strzalki button:focus { background: rgba(0,0,0,.5); color: #fff; }
.rnw .rnw-strzalki .rnw-wstecz { left: 10px; }
.rnw .rnw-strzalki .rnw-dalej { right: 10px; }
.rnw-kropki { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; }
.rnw-kropki span { width: 6px; height: 6px; background: rgba(255,255,255,.7); border-radius: 50%; cursor: pointer; }
.rnw-kropki span.rnw-aktywna { background: #645BFF; }
.rnw-karta-tresc { padding: 16px; display: flex; flex-direction: column; }
.rnw-wiersz { display: flex; justify-content: space-between; margin-bottom: 12px; gap: 12px; }
.rnw-wiersz--miasto { align-items: center; }
.rnw-kol { display: flex; flex-direction: column; min-width: 0; }
.rnw-kol:first-child { align-items: flex-start; }
.rnw-kol:last-child { align-items: flex-end; text-align: right; }
.rnw-etykieta { font-size: 12px; color: #555; margin-bottom: 3px; }
.rnw .rnw-wartosc { font-size: 16px; color: #222; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.rnw .rnw-karta-tytul a:hover { color: #645BFF; }
.rnw .rnw-wartosc.rnw-cena { font-weight: 600; color: #645BFF; }
.rnw .rnw-separator { width: 100%; height: 0; border: none; border-top: 1px solid #ddd; margin: 5px 0; padding-bottom: 10px; background: none; }
.rnw .rnw-udostepnij { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; font-size: 14px; font-weight: 500; color: #645BFF; }
.rnw .rnw-udostepnij:hover, .rnw .rnw-udostepnij:focus { color: #4F45F0; background: none; }
.rnw .rnw-udostepnij .rnw-ikona { width: 16px; height: 16px; }
.rnw .rnw-btn { display: block; width: 100%; padding: 12px; text-align: center; border: 2px solid #645BFF; border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 1.5; cursor: pointer; margin-top: 8px; transition: background-color .2s, color .2s; }
.rnw .rnw-btn--glowny, .rnw .rnw-btn--glowny:focus { background: #645BFF; color: #fff !important; }
.rnw .rnw-btn--glowny:hover { background: #fff; color: #645BFF !important; }
.rnw .rnw-btn--obrys, .rnw .rnw-btn--obrys:focus { background: #fff; color: #645BFF !important; }
.rnw .rnw-btn--obrys:hover { background: #645BFF; color: #fff !important; }
.rnw .rnw-btn--niedostepny, .rnw .rnw-btn--niedostepny:hover, .rnw .rnw-btn--niedostepny:focus { background: gray; border-color: gray; color: #fff !important; cursor: not-allowed; }
.rnw-galeria-brak { display: flex; align-items: center; justify-content: center; color: var(--szary2); font-size: 14px; }

/* sekcje pod listą */
.rnw-sekcja { padding: 72px 0; }
.rnw-faq { background: #fff; }
.rnw-faq-siatka { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.rnw-faq-tekst { display: flex; flex-direction: column; gap: 16px; }
.rnw-faq-tel { font-size: 14px; color: var(--szary); line-height: 1.7; }
.rnw-faq-tel a, .rnw-akordeon-tresc a, .rnw-auto-warunki a { color: var(--f) !important; font-weight: 600; }
.rnw-akordeon { display: flex; flex-direction: column; gap: 12px; }
.rnw-akordeon-el { border-radius: 18px; background: var(--tlo2); }
.rnw-akordeon-el summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; font-weight: 600; font-size: 16px; cursor: pointer; list-style: none; }
.rnw-akordeon-el summary::-webkit-details-marker { display: none; }
.rnw-akordeon-el summary .rnw-ikona { transition: transform .2s; color: var(--szary); }
.rnw-akordeon-el[open] summary .rnw-ikona { transform: rotate(90deg); }
.rnw-akordeon-tresc { padding: 0 24px 22px; color: var(--szary); font-size: 15px; line-height: 1.7; }
.rnw-cta { padding-top: 0; }
.rnw-cta-siatka { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rnw .rnw-cta-karta { display: flex; flex-direction: column; gap: 12px; padding: 36px; border-radius: 28px; background: var(--lawenda); transition: transform .25s; }
.rnw .rnw-cta-karta:hover { transform: translateY(-4px); }
.rnw .rnw-cta-karta p:not(.rnw-eyebrow) { color: var(--szary); line-height: 1.65; }
.rnw .rnw-cta-karta--ciemna { background: linear-gradient(135deg, #0B0B12 0%, #1C1640 100%); }
.rnw .rnw-cta-karta--ciemna h2 { color: #fff; }
.rnw .rnw-cta-karta--ciemna p:not(.rnw-eyebrow) { color: rgba(255,255,255,.72); }
.rnw .rnw-cta-karta--ciemna .rnw-eyebrow { color: #A79FFF; }
.rnw-cta-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; font-weight: 600; color: var(--f); }
.rnw-cta-karta--ciemna .rnw-cta-link { color: #fff; }

/* strona auta */
.rnw-strona-auta { padding: 20px 0 72px; }
.rnw-okruszki { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--szary2); margin-bottom: 20px; }
.rnw-okruszki a:hover { color: var(--f); }
.rnw-okruszki [aria-current] { color: var(--tekst); font-weight: 600; }
.rnw-baner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; margin-bottom: 20px; border-radius: 16px; background: var(--lawenda); border-left: 4px solid var(--f); }
.rnw-baner a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--f) !important; }
.rnw-auto-gora { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.rnw-auto-galeria { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rnw .rnw-auto-glowne { display: block; width: 100%; aspect-ratio: 16 / 10; border-radius: 24px; overflow: hidden; background: var(--tlo2); cursor: zoom-in; }
.rnw-auto-glowne img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rnw-auto-galeria .rnw-galeria-brak { aspect-ratio: 16 / 10; border-radius: 24px; background: var(--tlo2); }
.rnw-auto-miniatury { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
.rnw .rnw-auto-miniatury button { flex: 0 0 104px; height: 66px; border-radius: 12px; overflow: hidden; border: 2px solid transparent; opacity: .75; }
.rnw .rnw-auto-miniatury button.rnw-aktywna, .rnw .rnw-auto-miniatury button:hover { border-color: var(--f); opacity: 1; }
.rnw-auto-miniatury img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rnw-auto-panel { position: sticky; top: 96px; padding: 28px; border-radius: 24px; background: #fff; border: 1px solid var(--ramka); box-shadow: 0 24px 60px rgba(60,40,160,.10); }
.rnw-auto-panel .rnw-eyebrow { margin-bottom: 8px; }
.rnw .rnw-auto-h1 { font-size: clamp(26px, 2.6vw, 34px); font-weight: 600; letter-spacing: -1px; line-height: 1.15; }
.rnw-auto-cechy { margin-top: 10px !important; color: var(--szary); font-size: 15px; }
.rnw-auto-cena { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 6px; }
.rnw-auto-cena strong { font-size: 38px; font-weight: 700; color: var(--f); letter-spacing: -1px; line-height: 1; }
.rnw-auto-cena span { color: var(--szary); font-weight: 500; }
.rnw-auto-kaucja { color: var(--szary); font-size: 15px; }
.rnw-auto-kaucja strong { color: var(--tekst); }
.rnw-auto-przyciski { display: flex; flex-direction: column; gap: 10px; margin: 22px 0 16px; }
.rnw-auto-uwaga { font-size: 13px; color: var(--szary2); line-height: 1.6; }
.rnw-auto-szczegoly { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }
.rnw-auto-szczegoly .rnw-auto-sekcja:last-child { grid-column: 1 / -1; }
.rnw-auto-sekcja { padding: 28px; border-radius: 24px; background: #fff; border: 1px solid var(--ramka); display: flex; flex-direction: column; gap: 16px; }
.rnw-strona-auta > .rnw-kontener > .rnw-auto-sekcja { margin-top: 24px; }
.rnw-tabela { margin: 0; display: grid; gap: 0; }
.rnw-tabela div { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 10px 0; border-bottom: 1px solid #F0EEF8; }
.rnw-tabela div:last-child { border-bottom: 0; }
.rnw-tabela dt { color: var(--szary); font-size: 14px; margin: 0; font-weight: 400; }
.rnw-tabela dd { margin: 0; font-weight: 600; font-size: 14px; }
.rnw-lista-wyp { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.rnw-lista-wyp li { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.rnw-lista-wyp .rnw-ikona { color: var(--f); width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--f-jasny); box-sizing: content-box; }
.rnw-opis { white-space: pre-line; color: var(--szary); line-height: 1.7; }
.rnw-brak { color: var(--szary2); }
.rnw-auto-warunki { background: var(--lawenda); border-color: transparent; color: var(--szary); line-height: 1.7; }
.rnw-auto-zapytanie { gap: 14px; }
.rnw-podobne { background: none; border: 0; padding: 0; margin-top: 48px !important; }

/* formularz */
.rnw-form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.rnw-form-pola { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rnw-form-pola textarea { grid-column: 1 / -1; }
.rnw .rnw-form-wyslij { align-self: flex-start; min-width: 200px; }
.rnw-form-info { display: flex; flex-direction: column; gap: 6px; margin-top: 2px; font-size: 12px; color: var(--szary2); line-height: 1.65; }
.rnw-form-info a { color: var(--szary) !important; text-decoration: underline !important; text-decoration-color: var(--ramka2) !important; text-underline-offset: 3px; }
.rnw-form-info a:hover { color: var(--f) !important; text-decoration-color: currentColor !important; }

/* okna */
.rnw-okno { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15,14,26,.55); backdrop-filter: blur(4px); }
.rnw-okno-panel { position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 40px); overflow: auto; background: #fff; border-radius: 24px; padding: 32px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 30px 80px rgba(15,14,26,.3); }
.rnw .rnw-okno-zamknij, .rnw .rnw-okno-zamknij:focus { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--szary); }
.rnw .rnw-okno-zamknij:hover { background: var(--tlo2); color: var(--tekst); }
.rnw-okno .rnw-h3 { padding-right: 40px; }
.rnw-okno-auto { color: var(--szary); font-size: 15px; margin-top: -6px !important; }
/* Okno „Więcej” 1:1 jak w starym widżecie (decyzja Sebastiana z 23.10.2026):
   wymiary i odstępy zmierzone na starej stronie. Zmienione tylko: fioletowa
   cena i link do strony auta. */
.rnw-okno.rnw-okno--szczegoly { padding: 0; align-items: center; background: rgba(0,0,0,.5); backdrop-filter: none; }
.rnw-sz { position: relative; width: 700px; max-height: 92%; margin: 30px auto 0; padding: 24px 24px 0; overflow-y: auto; background: #fff; border-radius: 10px; font-size: 18px; line-height: 1.5; color: #333; }
.rnw-sz:focus { outline: none; }
.rnw-sz-naglowek { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.rnw .rnw-sz-tytul { margin: 8px 0 16px; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: normal; color: #333; }
.rnw-sz-rok { margin-top: 4px; font-size: 14px; color: #555; }
.rnw-sz-miasto { margin-top: 5px; min-width: 100px; padding: 4px 8px; border-radius: 4px; background: #645BFF; color: #fff; font-size: 16px; line-height: 1.2; text-align: center; }
.rnw .rnw-sz-linia { width: 100%; height: 0; margin: 0; padding: 0 0 10px; border: 0; border-top: 1px solid #ddd; background: none; }
.rnw-sz-wiersz { display: flex; justify-content: space-between; align-items: center; margin: 8px 0; }
.rnw-sz-etykieta { font-size: 14px; color: #555; }
.rnw-sz-kwota { font-size: 16px; font-weight: 600; }
.rnw-sz-cena { color: #645BFF; }
.rnw .rnw-sz-h3 { margin: 8px 0 16px; font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: normal; color: #333; }
.rnw .rnw-sz-lista { list-style: none; margin: 8px 0; padding: 0; }
.rnw .rnw-sz-lista li { display: flex; align-items: center; margin: 0 0 8px; font-size: 14px; }
.rnw-sz-wyp li::before { content: "\2713"; display: inline-block; margin-right: 8px; color: #645BFF; font-weight: 700; }
.rnw .rnw-sz-opis { margin: 0 0 14.4px; white-space: pre-line; }
.rnw-sz-brak { margin: 8px 0; font-size: 14px; color: #555; }
.rnw .rnw-sz-strona { margin: 8px 0 16px; }
.rnw-sz-stopka { position: sticky; bottom: 0; display: flex; justify-content: space-between; gap: 16px; padding: 16px; background: #fff; border-top: 1px solid #ddd; }
@media (max-width: 768px) {
  .rnw-sz { width: 94%; margin: 20px auto; }
}
.rnw-lightbox { position: fixed; inset: 0; z-index: 100001; background: rgba(10,10,16,.94); display: flex; align-items: center; justify-content: center; }
.rnw-lightbox img { max-width: 92vw; max-height: 86vh; border-radius: 12px; object-fit: contain; }
.rnw .rnw-lightbox-zamknij, .rnw .rnw-lightbox-strzalka, .rnw .rnw-lightbox-zamknij:focus, .rnw .rnw-lightbox-strzalka:focus { position: absolute; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(255,255,255,.12); }
.rnw .rnw-lightbox-zamknij:hover, .rnw .rnw-lightbox-strzalka:hover { background: rgba(255,255,255,.24); color: #fff; }
.rnw-lightbox-zamknij { top: 20px; right: 20px; }
.rnw-lightbox-wstecz { left: 20px; } .rnw-lightbox-dalej { right: 20px; }
.rnw-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 100002; max-width: calc(100vw - 32px); padding: 14px 20px; border-radius: 14px; background: var(--tekst); color: #fff; font-size: 14px; font-weight: 500; box-shadow: 0 12px 32px rgba(15,14,26,.3); }
.rnw-toast--blad { background: #D93B3B; }
body.rnw-blokada { overflow: hidden; }
/* Plakietka reCAPTCHA schowana - informacja o Google stoi pod formularzem. */
.grecaptcha-badge { visibility: hidden !important; }
.rnw-blad { padding: 60px 24px; text-align: center; }

/* tablet */
@media (max-width: 1024px) {
  .rnw-hero-panel { padding: 36px 32px 32px; border-radius: 30px; }
  .rnw-pola { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rnw-wiecej-siatka { grid-template-columns: 1fr 1fr; }
  .rnw-wiecej-grupa--szeroka { grid-column: 1 / -1; }
  .rnw-auto-gora { grid-template-columns: minmax(0, 1fr); }
  .rnw-siatka { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .rnw-karta { width: 100%; max-width: 360px; justify-self: center; }
  .rnw-auto-panel { position: static; }
  .rnw-faq-siatka { grid-template-columns: 1fr; gap: 32px; }
}
/* telefon: bez kafelków miast (decyzja Sebastiana) - miasto jest w wyszukiwarce */
@media (max-width: 767px) {
  .rnw-chipy { display: none; }
}
@media (max-width: 640px) {
  .rnw-hero { padding: 10px 10px 0; }
  .rnw-hero-panel { padding: 28px 16px 16px; border-radius: 26px; }
  .rnw-hero-gora { flex-direction: column; gap: 14px; }
  .rnw-szukaj { padding: 14px; border-radius: 20px; }
  .rnw-pola { gap: 10px; }
  .rnw-pola > [data-rnw-pole="miasto"], .rnw-pola > .rnw-przelacznik, .rnw-pola > .rnw-pokaz { grid-column: 1 / -1; }
  .rnw-pola > .rnw-przycisk-filtry { grid-column: 1 / -1; }
  .rnw .rnw-pole { font-size: 16px; }
  .rnw-wiecej-siatka { grid-template-columns: 1fr; gap: 20px; }
  .rnw-wyposazenie { grid-template-columns: 1fr; }
  .rnw-kontener { padding: 0 16px; }
  .rnw-wyniki { padding-top: 32px; }
  .rnw .rnw-sort { width: 100%; }
  .rnw-siatka { gap: 24px 16px; }
  .rnw-sekcja { padding: 48px 0; }
  .rnw-cta-siatka { grid-template-columns: 1fr; gap: 16px; }
  .rnw .rnw-cta-karta { padding: 26px; border-radius: 22px; }
  .rnw-akordeon-el summary { padding: 18px 20px; font-size: 15px; }
  .rnw-akordeon-tresc { padding: 0 20px 20px; }
  .rnw-auto-szczegoly { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .rnw-auto-sekcja { padding: 22px 18px; border-radius: 20px; }
  .rnw-auto-panel { padding: 22px 18px; border-radius: 20px; }
  .rnw-lista-wyp { grid-template-columns: 1fr; }
  .rnw-form-pola { grid-template-columns: 1fr; }
  .rnw .rnw-form-wyslij { align-self: stretch; }
  .rnw-okno { padding: 0; align-items: flex-end; }
  .rnw-okno-panel { max-height: 92vh; border-radius: 24px 24px 0 0; padding: 26px 18px; }
  .rnw-lightbox-wstecz { left: 8px; } .rnw-lightbox-dalej { right: 8px; }
}