/* ForexRev — nagłówek z menu (forexrev-szkielet.php), wariant A, paleta E5 (decyzja właściciela 06.11.2026).
   Granat #0F4C81 — pasek i dane; błękit #1C6CB0 — ikony i linki; złoto tylko jako detal na granacie (#F2C14E) albo linia (#E3B341).
   Komputer ≥ 1024 px: pozycje główne są linkami do stron zbiorczych, panel otwiera najechanie albo strzałka.
   Telefon: przycisk „Menu” otwiera szufladę (makieta Menu-tel): wyszukiwarka, kafle sekcji, najczęściej wyszukiwane recenzje, języki.
   Selektory od #fxs, żeby ogólne style motywu (listy, nagłówki, przyciski, pola) ich nie nadpisywały. */

/* Motyw viewr maluje na tle body granatowy pas 87 px (images/back_repx.png, style.css: body { background: … repeat-x }) — przedłużenie
   starego nagłówka na całą szerokość. Nowy nagłówek ma 72 px i własne tło, więc 15 px pasa wystawało pod menu (zgłoszenie właściciela 06.11.2026).
   Ten arkusz ładuje się po style.css motywu (header.php motywu potomnego), więc wystarcza ta sama szczegółowość. */
body { background-image: none; }

#fxs {
	--fxs-granat: #0F4C81; --fxs-granat2: #0A3A63; --fxs-akcent: #1C6CB0; --fxs-tlo-ak: #EDF4FA; --fxs-tekst: #142033; --fxs-tekst2: #3A4555;
	--fxs-szary: #5B6676; --fxs-linia: #E4E9F0; --fxs-zloto: #F2C14E; --fxs-zloto-linia: #E3B341;
	--fxs-font: 'Open Sans', fxs-os, fxs-os-r, sans-serif; --fxs-font2: Ubuntu, fxs-ub, 'Open Sans', sans-serif;
	position: relative; z-index: 1000; background: var(--fxs-granat); color: #fff; font: 400 14px/1.4 var(--fxs-font);
}
#fxs *, #fxs *::before, #fxs *::after { box-sizing: border-box; }
#fxs ul, #fxs li { margin: 0; padding: 0; list-style: none; background: none; border: 0; }
#fxs li::before { content: none; display: none; }
#fxs a { text-decoration: none; }
#fxs p { margin: 0; }
#fxs b { font-weight: 700; }
#fxs button { margin: 0; font: inherit; color: inherit; background: none; border: 0; border-radius: 0; box-shadow: none; text-transform: none; letter-spacing: normal; cursor: pointer; }
#fxs .fxs-svg { flex: none; display: block; }
#fxs .fxs-sr, #fxs .fxs-sr-btn { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#fxs a:focus-visible, #fxs button:focus-visible, #fxs input:focus-visible { outline: 2px solid var(--fxs-zloto); outline-offset: 2px; }

#fxs .fxs-pasek { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 16px; height: 72px; padding: 0 20px; }
#fxs .fxs-logo { flex: none; font: 500 28px/1 var(--fxs-font2); letter-spacing: -.5px; color: #fff; }
#fxs .fxs-burger, #fxs .fxs-szuflada-gora, #fxs .fxs-tel { display: none; }
#fxs .fxs-szuflada { flex: 1; min-width: 0; display: flex; align-items: center; gap: 14px; height: 100%; }
#fxs .fxs-nav { order: 1; flex: 1; min-width: 0; height: 100%; }
#fxs .fxs-szukaj { order: 2; }
#fxs .fxs-jezyki { order: 3; }

/* pozycje główne */
#fxs .fxs-lista { display: flex; align-items: stretch; gap: 2px; height: 100%; }
#fxs .fxs-poz { position: static; display: flex; align-items: stretch; }
#fxs .fxs-glowny { display: flex; align-items: center; padding: 0 10px; color: #fff; font: 700 14px/1.2 var(--fxs-font); white-space: nowrap; }
#fxs .fxs-ma-panel .fxs-glowny { padding-right: 2px; }
#fxs .fxs-glowny-ik { display: none; }
#fxs .fxs-rozwin { display: flex; align-items: center; padding: 0 8px 0 0; color: rgba(255, 255, 255, .85); }
#fxs .fxs-rozwin .fxs-svg { transition: transform .15s; }
#fxs .fxs-poz:hover, #fxs .fxs-poz.fxs-otwarta, #fxs .fxs-poz[data-fxs-biezaca] { background: rgba(255, 255, 255, .08); box-shadow: inset 0 -3px 0 var(--fxs-zloto); }
#fxs .fxs-poz.fxs-otwarta .fxs-rozwin .fxs-svg { transform: rotate(180deg); }
#fxs .fxs-glowny:hover { color: #fff; }

/* wyszukiwarka i języki na pasku */
#fxs .fxs-szukaj { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: 10px; background: rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .9); }
#fxs .fxs-szukaj input { width: 118px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #fff; font: 400 13px/1 var(--fxs-font); outline: none; -webkit-appearance: none; appearance: none; }
#fxs .fxs-szukaj input::placeholder { color: rgba(255, 255, 255, .85); opacity: 1; }
#fxs .fxs-jezyki { display: flex; gap: 2px; }
#fxs .fxs-jezyki a { padding: 6px 4px; color: rgba(255, 255, 255, .72); font-size: 12.5px; font-weight: 700; }
#fxs .fxs-jezyki a[aria-current] { color: #fff; box-shadow: inset 0 -2px 0 var(--fxs-zloto); }
#fxs .fxs-jezyki a:hover { color: #fff; }

/* panele (komputer) */
#fxs .fxs-panel { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 0 20px; color: var(--fxs-tekst); }
#fxs .fxs-poz.fxs-otwarta .fxs-panel { display: block; }
#fxs .fxs-panel-in { max-width: 1160px; margin: 0 auto; display: grid; gap: 28px; padding: 26px 28px; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 18px 40px rgba(15, 30, 50, .16); white-space: normal; }
#fxs .fxs-panel-rankingi { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
#fxs .fxs-panel-ostrz { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
#fxs .fxs-panel-wiedza { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
#fxs .fxs-panel a { color: var(--fxs-tekst); }
#fxs .fxs-p-gl, #fxs .fxs-p-bok, #fxs .fxs-p-kol, #fxs .fxs-p-cala { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
#fxs .fxs-p-naglowek { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
#fxs .fxs-p-h { font: 700 18px/1.25 var(--fxs-font2); color: var(--fxs-tekst); }
#fxs .fxs-p-meta { font-size: 12.5px; color: var(--fxs-szary); }

#fxs .fxs-kafle { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
#fxs .fxs-kafel { display: flex; gap: 11px; align-items: flex-start; height: 100%; padding: 10px; border-radius: 12px; }
#fxs .fxs-kafel:hover, #fxs .fxs-kafel[aria-current] { background: var(--fxs-tlo-ak); }
#fxs .fxs-kafel-ik, #fxs .fxs-ik-kw { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--fxs-tlo-ak); color: var(--fxs-akcent); }
#fxs .fxs-kafel:hover .fxs-kafel-ik { background: #fff; }
#fxs .fxs-kafel-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#fxs .fxs-kafel-tx b { font-size: 14px; line-height: 1.3; }
#fxs .fxs-kafel-tx span { font-size: 12.5px; line-height: 1.35; color: var(--fxs-szary); }

#fxs .fxs-chipy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#fxs .fxs-p-gl .fxs-chipy { padding-top: 14px; border-top: 1px solid var(--fxs-linia); }
#fxs .fxs-chipy-h { font-size: 12.5px; font-weight: 700; color: var(--fxs-tekst); }
#fxs .fxs-chip { padding: 5px 11px; border: 1px solid var(--fxs-zloto-linia); border-radius: 16px; color: var(--fxs-akcent); font-size: 12.5px; font-weight: 700; line-height: 1.3; }
#fxs .fxs-panel a.fxs-chip { color: var(--fxs-akcent); }
#fxs .fxs-chip:hover { background: var(--fxs-tlo-ak); }

/* lider i metodologia */
#fxs .fxs-lider { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 16px; background: var(--fxs-granat); color: #fff; }
#fxs .fxs-lider-et { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--fxs-zloto); }
#fxs .fxs-lider-karta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border-radius: 12px; background: #fff; }
#fxs .fxs-panel a.fxs-lider-karta { color: var(--fxs-tekst); }
#fxs .fxs-lider-marka { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
#fxs .fxs-lider-marka img { display: block; max-width: 140px; height: auto; }
#fxs .fxs-lider-marka b { font: 700 15px/1.2 var(--fxs-font2); }
#fxs .fxs-lider-marka span { font-size: 12px; color: var(--fxs-szary); }
#fxs .fxs-ocena { flex: none; display: grid; place-content: center; text-align: center; width: 56px; height: 56px; border-radius: 50%; background: var(--fxs-granat); color: #fff; font: 700 19px/1 var(--fxs-font2); box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--fxs-zloto-linia); }
#fxs .fxs-ocena small { font: 400 9.5px/1.4 var(--fxs-font); }
#fxs .fxs-lider-btn { display: grid; place-items: center; min-height: 44px; padding: 0 14px; border-radius: 10px; background: #fff; font-size: 14px; font-weight: 700; text-align: center; }
#fxs .fxs-panel a.fxs-lider-btn { color: var(--fxs-granat); }
#fxs .fxs-lider-btn:hover { background: var(--fxs-tlo-ak); }
#fxs .fxs-jak { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--fxs-linia); font-size: 12.5px; line-height: 1.5; color: var(--fxs-tekst2); }
#fxs .fxs-jak b { display: block; margin-bottom: 4px; font-size: 14px; color: var(--fxs-tekst); }
#fxs .fxs-panel .fxs-jak a { color: var(--fxs-akcent); font-weight: 700; }

/* recenzje */
#fxs .fxs-marki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
#fxs .fxs-marka { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "logo ocena" "nazwa ocena"; align-items: center; gap: 6px 10px; height: 100%; padding: 12px 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--fxs-linia); }
#fxs .fxs-marka:hover, #fxs .fxs-marka[aria-current] { box-shadow: inset 0 0 0 1px var(--fxs-akcent); background: var(--fxs-tlo-ak); }
#fxs .fxs-marka-logo { grid-area: logo; display: flex; align-items: center; height: 24px; }
#fxs .fxs-marka-logo img { display: block; max-height: 24px; width: auto; }
#fxs .fxs-marka b { grid-area: nazwa; font: 700 14px/1.25 var(--fxs-font2); }
#fxs .fxs-marka-ocena { grid-area: ocena; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--fxs-granat); color: #fff; font: 700 14px/1 var(--fxs-font2); }
#fxs .fxs-p-stopka { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 12px; border-top: 1px solid var(--fxs-linia); }
#fxs .fxs-panel .fxs-p-stopka a { color: var(--fxs-akcent); font-size: 14px; font-weight: 700; }

/* listy linków (ostrzeżenia, wiedza) */
#fxs .fxs-linki li { border-bottom: 1px solid var(--fxs-linia); }
#fxs .fxs-linki li:last-child { border-bottom: 0; }
#fxs .fxs-linki a { display: flex; flex-direction: column; gap: 2px; padding: 9px 0; }
#fxs .fxs-linki b { font-size: 14px; line-height: 1.35; }
#fxs .fxs-linki span { font-size: 12.5px; color: var(--fxs-szary); }
#fxs .fxs-linki a:hover b, #fxs .fxs-linki a[aria-current] b { color: var(--fxs-akcent); text-decoration: underline; }
#fxs .fxs-p-kol2 .fxs-linki { columns: 2; column-gap: 28px; }
#fxs .fxs-p-kol2 .fxs-linki li { break-inside: avoid; }
#fxs .fxs-p-kol2 .fxs-linki li:last-child { border-bottom: 1px solid var(--fxs-linia); }
#fxs .fxs-sprawdz { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 16px; background: var(--fxs-tlo-ak); font-size: 13px; line-height: 1.5; color: var(--fxs-tekst2); }
#fxs .fxs-sprawdz b { font: 700 16px/1.3 var(--fxs-font2); color: var(--fxs-tekst); }
#fxs .fxs-sprawdz .fxs-lider-btn { background: var(--fxs-granat); }
#fxs .fxs-panel .fxs-sprawdz a.fxs-lider-btn { color: #fff; }
#fxs .fxs-sprawdz .fxs-lider-btn:hover { background: var(--fxs-granat2); }

/* ----- telefon i tablet ----- */
@media (max-width: 1023.98px) {
	#fxs .fxs-pasek { height: 56px; padding: 0 6px 0 16px; justify-content: space-between; gap: 12px; }
	#fxs .fxs-logo { font-size: 24px; letter-spacing: -.4px; }
	#fxs .fxs-burger { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; color: #fff; font-size: 14px; font-weight: 700; }
	#fxs .fxs-szuflada { display: none; }
	#fxs.fxs-otwarte .fxs-szuflada { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: stretch; gap: 16px; height: auto; padding: 0 16px 24px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; background: #fff; color: var(--fxs-tekst); }
	#fxs .fxs-szuflada-gora { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex: none; height: 56px; margin: 0 -16px; padding: 0 6px 0 16px; background: var(--fxs-granat); }
	#fxs .fxs-zamknij { display: grid; place-items: center; width: 44px; height: 44px; color: #fff; }
	#fxs .fxs-szukaj { order: 1; flex: none; height: 48px; padding: 0 14px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 2px var(--fxs-zloto-linia); color: var(--fxs-akcent); }
	#fxs .fxs-szukaj input { flex: 1; width: auto; color: var(--fxs-tekst); font-size: 16px; }
	#fxs .fxs-szukaj input::placeholder { color: var(--fxs-szary); }
	#fxs .fxs-nav { order: 2; flex: none; height: auto; }
	#fxs .fxs-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; height: auto; }
	#fxs .fxs-poz, #fxs .fxs-poz:hover, #fxs .fxs-poz[data-fxs-biezaca] { display: block; background: none; box-shadow: none; }
	#fxs .fxs-glowny { flex-direction: column; align-items: flex-start; gap: 10px; height: 100%; padding: 14px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--fxs-linia); color: var(--fxs-tekst); font-size: 15px; white-space: normal; }
	#fxs .fxs-ma-panel .fxs-glowny { padding-right: 14px; }
	#fxs .fxs-poz[data-fxs-biezaca] .fxs-glowny, #fxs .fxs-glowny:hover { background: var(--fxs-tlo-ak); box-shadow: none; color: var(--fxs-tekst); }
	#fxs .fxs-glowny-ik { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--fxs-tlo-ak); color: var(--fxs-akcent); }
	#fxs .fxs-poz[data-fxs-biezaca] .fxs-glowny-ik, #fxs .fxs-glowny:hover .fxs-glowny-ik { background: #fff; }
	#fxs .fxs-rozwin, #fxs .fxs-panel, #fxs .fxs-poz.fxs-otwarta .fxs-panel { display: none; }
	#fxs .fxs-tel { order: 3; display: flex; flex-direction: column; gap: 8px; }
	#fxs .fxs-tel-h { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--fxs-szary); }
	#fxs .fxs-tel .fxs-chip { padding: 7px 11px; font-size: 13px; }
	#fxs .fxs-tel .fxs-chipy { margin-bottom: 8px; }
	#fxs .fxs-lider-tel { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border-radius: 14px; background: var(--fxs-granat); color: #fff; }
	#fxs .fxs-lider-tel-l { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
	#fxs .fxs-lider-tel-logo { display: inline-flex; align-self: flex-start; padding: 6px 8px; border-radius: 8px; background: #fff; color: var(--fxs-tekst); font-weight: 700; }
	#fxs .fxs-lider-tel-logo img { display: block; max-height: 22px; width: auto; }
	#fxs .fxs-lider-tel .fxs-ocena { width: 52px; height: 52px; background: #fff; color: var(--fxs-granat); font-size: 18px; box-shadow: 0 0 0 2px var(--fxs-zloto-linia); }
	#fxs .fxs-lider-tel .fxs-ocena small { color: var(--fxs-szary); }
	#fxs .fxs-jezyki { order: 4; margin-top: auto; align-self: flex-start; padding: 3px; border-radius: 10px; background: #F1F4F8; }
	#fxs .fxs-jezyki a { padding: 7px 14px; border-radius: 8px; color: var(--fxs-szary); font-size: 13px; }
	#fxs .fxs-jezyki a[aria-current] { background: #fff; color: var(--fxs-tekst); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
}
html.fxs-blokada, html.fxs-blokada body { overflow: hidden; }
/* menu na cały ekran: pływający baner reklamowy (forexrev-baner.php, z-index 2147483647) i przycisk „Cookies” (forexrev-zgody.php) wracają po zamknięciu */
html.fxs-blokada #fxr-floating-banner, html.fxs-blokada #fx-cc-open { display: none !important; }

/* wąskie komputery (1024–1199 px): wyszukiwarka jako ikona, pole rozwija się nad końcem paska po kliknięciu */
@media (min-width: 1024px) and (max-width: 1199.98px) {
	#fxs .fxs-pasek { gap: 12px; }
	#fxs .fxs-szuflada { gap: 10px; }
	#fxs .fxs-glowny { padding: 0 8px; font-size: 13.5px; }
	#fxs .fxs-ma-panel .fxs-glowny { padding-right: 1px; }
	#fxs .fxs-rozwin { padding-right: 6px; }
	#fxs .fxs-szukaj { position: relative; width: 40px; padding: 0; justify-content: flex-end; }
	#fxs .fxs-szukaj .fxs-svg { position: relative; z-index: 1; margin-right: 12px; pointer-events: none; }
	#fxs .fxs-szukaj input { position: absolute; top: 0; right: 0; width: 40px; padding: 0 36px 0 12px; border-radius: 10px; color: transparent; cursor: pointer; }
	#fxs .fxs-szukaj input::placeholder { color: transparent; }
	#fxs .fxs-szukaj:focus-within input { width: 230px; background: var(--fxs-granat2); color: #fff; cursor: text; box-shadow: 0 0 0 2px var(--fxs-zloto); }
	#fxs .fxs-szukaj:focus-within input::placeholder { color: rgba(255, 255, 255, .85); }
	#fxs .fxs-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#fxs .fxs-marki { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) { #fxs .fxs-rozwin .fxs-svg { transition: none; } }