/* ==========================================================================
   SZLAK · polishcasinos.org · arkusz serwisu
   Kolejność sekcji = kolejność bloków na stronie:
   czcionki · zmienne · baza · naglowek · okruchy · kartka · start · marki ·
   dzialy · gry · indeks · kroki · tekst · spis · faq · paszport · pas ·
   szyna · stopka · mobilny
   ========================================================================== */

/* ---- czcionki (Roboto — krój motywu źródłowego, pliki lokalne) ---- */
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url(/pcx/f/rb-l.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url(/pcx/f/rb-x.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-display:swap;src:url(/pcx/f/rbi-l.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-display:swap;src:url(/pcx/f/rbi-x.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---- zmienne ---- */
:root{
  --grafit:#1B1E24; --grafit-2:#262A32; --granit:#ECEDE9; --kartka:#FFFFFF;
  --tusz:#1A1C20; --popiol:#5D6169; --kreska:#D9DBD5; --mgla:#F5F5F2;
  --zolty:#F6C400; --zolty-ciemny:#D9AD00;
  --szlak-r:#C8102E; --szlak-n:#1F5FAD; --szlak-z:#2E7D4F; --szlak-c:#1A1C20;
  --kod:var(--szlak-r);
  --pole:20px; --wnetrze:32px;
  --krok:clamp(28px,4vw,44px);
}

/* ---- baza ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.pcx{margin:0;background:var(--granit);color:var(--tusz);font:400 17px/1.7 "Roboto",Arial,"Helvetica Neue",sans-serif}
body.pcx img{max-width:100%;height:auto;display:block}
body.pcx a{color:var(--szlak-n)}
body.pcx a:hover{color:var(--tusz)}
.pcx-i{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.pcx-szer{max-width:1200px;margin:0 auto;padding-left:var(--pole);padding-right:var(--pole)}
.pcx-szer--waski{max-width:1160px}
.pcx-ukryj{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pcx-szlak{display:inline-block;width:18px;height:12px;flex:none;background:linear-gradient(#fff 0 30%,var(--kod) 30% 70%,#fff 70%);box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.pcx-kod-r{--kod:var(--szlak-r)} .pcx-kod-z{--kod:var(--zolty)} .pcx-kod-g{--kod:var(--szlak-z)}
.pcx-kod-n{--kod:var(--szlak-n)} .pcx-kod-c{--kod:var(--szlak-c)}

/* ---- naglowek ---- */
.pcx-maszt{position:relative;z-index:50;background:var(--grafit);color:#fff}
.pcx-burger-cb{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.pcx-maszt__pas{background:var(--grafit)}
.pcx-maszt__rzad{display:flex;align-items:center;gap:28px;min-height:64px}
.pcx-znak{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;flex:none}
.pcx-znak svg{width:34px;height:26px;display:block}
.pcx-znak__slowo{font:italic 900 22px/1 "Roboto",Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.pcx-znak__slowo b{font-weight:900;color:var(--zolty);margin-left:4px}
.pcx-menu{display:flex;align-items:center;gap:18px;margin-left:auto}
.pcx-menu__lista{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.pcx-menu__dzial{position:relative}
.pcx-menu__glowny{display:flex;align-items:center;gap:8px;height:64px;padding:0 12px;color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.01em}
.pcx-menu__glowny .pcx-i{width:14px;height:14px;opacity:.7}
.pcx-menu__dzial:hover>.pcx-menu__glowny,.pcx-menu__dzial:focus-within>.pcx-menu__glowny{background:var(--grafit-2);box-shadow:inset 0 -3px 0 var(--kod)}
.pcx-menu__dzial.pcx-teraz>.pcx-menu__glowny{box-shadow:inset 0 -3px 0 var(--kod)}
.pcx-menu__pod{position:absolute;top:100%;left:0;min-width:260px;margin:0;padding:8px 0;list-style:none;background:var(--kartka);border-top:3px solid var(--kod);box-shadow:0 14px 30px rgba(15,17,22,.22);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.pcx-menu__dzial:nth-last-child(-n+2) .pcx-menu__pod{left:auto;right:0}
.pcx-menu__dzial:hover .pcx-menu__pod,.pcx-menu__dzial:focus-within .pcx-menu__pod{visibility:visible;opacity:1;transform:none}
.pcx-menu__pod a{display:block;padding:9px 18px;color:var(--tusz)!important;text-decoration:none;font-size:15px;line-height:1.35}
.pcx-menu__pod a:hover{background:var(--mgla)}
.pcx-menu__cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--zolty);color:var(--tusz)!important;font-weight:900;font-size:14px;text-transform:uppercase;text-decoration:none;letter-spacing:.03em;transform:skewX(-10deg)}
.pcx-menu__cta>span{transform:skewX(10deg)}
.pcx-menu__cta:hover{background:#fff}
.pcx-burger,.pcx-menu__zamknij{display:none}
.pcx-maszt__info{background:#F7F6F1;color:var(--popiol);border-bottom:1px solid var(--kreska);font-size:13px}
.pcx-maszt__info .pcx-szer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;min-height:34px;padding-top:4px;padding-bottom:4px}
.pcx-maszt__info span{display:inline-flex;align-items:center;gap:6px}
.pcx-maszt__info .pcx-i{width:15px;height:15px;color:var(--szlak-r)}
.pcx-maszt__info b{color:var(--tusz)}
.pcx-wiek{display:inline-grid;place-items:center;width:26px;height:18px;background:var(--szlak-r);color:#fff;font-weight:900;font-size:11px;letter-spacing:-.02em}

/* ---- okruchy ---- */
.pcx-okruchy{font-size:14px;color:var(--popiol);padding-top:18px;padding-bottom:12px}
.pcx-okruchy ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
.pcx-okruchy li{display:flex;align-items:center}
.pcx-okruchy li+li::before{content:"";width:6px;height:6px;margin:0 10px;border-right:1.5px solid #9A9EA5;border-top:1.5px solid #9A9EA5;transform:rotate(45deg)}
.pcx-okruchy a{color:var(--popiol)!important;text-decoration:none}
.pcx-okruchy a:hover{color:var(--tusz)!important;text-decoration:underline}

/* ---- kartka (arkusz treści) ---- */
.pcx-plotno{padding-bottom:48px}
.pcx-kartka{background:var(--kartka);border:1px solid var(--kreska);box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 40px -28px rgba(20,22,28,.35);padding:var(--wnetrze)}
.pcx-kartka+.pcx-kartka{margin-top:24px}
.pcx-glowa{padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--kreska)}
.pcx-glowa__nad{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--popiol)}
body.pcx h1{margin:0;font:900 clamp(30px,3.4vw,42px)/1.12 "Roboto",Arial,sans-serif;letter-spacing:-.02em;color:var(--tusz)}
.pcx-glowa__lead{margin:14px 0 0;max-width:760px;font-size:19px;line-height:1.6;color:#3A3D44}
.pcx-glowa__meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:14px;color:var(--popiol)}
.pcx-glowa__meta span{display:inline-flex;align-items:center;gap:6px}
.pcx-glowa__meta .pcx-i{width:16px;height:16px}
.pcx-uklad{display:grid;grid-template-columns:minmax(0,760px) 288px;justify-content:space-between;gap:40px;margin-top:8px}
.pcx-uklad>*{min-width:0}
.pcx-uklad--sam{grid-template-columns:minmax(0,760px)}

/* ---- start (główna) ---- */
.pcx-start{background:var(--grafit);color:#fff;overflow:hidden}
.pcx-start .pcx-szer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-top:44px;padding-bottom:52px}
.pcx-start__nad{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zolty)}
body.pcx .pcx-start h1{color:#fff;font-size:clamp(34px,4.2vw,54px)}
.pcx-start__lead{margin:18px 0 0;font-size:19px;line-height:1.6;color:#D3D5D9;max-width:560px}
.pcx-start__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font-size:14px;color:#A9ADB4}
.pcx-start__meta span{display:inline-flex;align-items:center;gap:6px}
.pcx-start__meta .pcx-i{width:16px;height:16px}
.pcx-start__skroty{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.pcx-start__skroty a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 14px;background:var(--grafit-2);color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;border-left:4px solid var(--kod)}
.pcx-start__skroty a:hover{background:#30353F}
.pcx-start__skroty .pcx-i{width:20px;height:20px;color:var(--zolty)}
.pcx-start__foto{margin:0;position:relative}
.pcx-start__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}
.pcx-start__foto figcaption{margin-top:10px;padding-left:9%;font-size:12px;color:#8D9199}
.pcx-start__foto figcaption a{color:#B8BCC3!important}
.pcx-start__belka{position:absolute;left:3%;bottom:18%;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--zolty);color:var(--tusz);font-weight:900;font-size:14px;text-transform:uppercase;transform:skewX(-10deg)}
.pcx-start__belka>span{transform:skewX(10deg);display:flex;align-items:center;gap:8px}

.pcx-sekcja{margin-top:28px}
.pcx-sekcja__glowa{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin:0 0 18px}
.pcx-sekcja__tyt{display:flex;align-items:center;gap:12px;margin:0;font:900 26px/1.2 "Roboto",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.pcx-sekcja__wiecej{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:2px solid var(--tusz);color:var(--tusz)!important;font-weight:700;font-size:14px;text-decoration:none}
.pcx-sekcja__wiecej:hover{background:var(--tusz);color:#fff!important}
.pcx-sekcja__wiecej .pcx-i{width:16px;height:16px}
.pcx-sekcja__opis{margin:-8px 0 18px;color:var(--popiol);max-width:760px}

/* ---- marki (pas logotypów) ---- */
.pcx-marki{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pcx-marki a{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:12px 10px 12px;background:var(--mgla);border-bottom:3px solid transparent;color:var(--tusz)!important;text-decoration:none;text-align:center}
.pcx-marki a:hover{border-bottom-color:var(--zolty);background:#EFEEE8}
.pcx-marki__logo{display:grid;place-items:center;width:88px;height:88px;background:#fff;box-shadow:inset 0 0 0 1px var(--kreska)}
.pcx-marki__logo img{max-width:76px;max-height:76px;object-fit:contain}
.pcx-marki b{font-size:14px;line-height:1.25}
.pcx-marki small{font-size:12px;line-height:1.3;color:var(--popiol)}

/* ---- dzialy (skośne kafle działów) ---- */
.pcx-dzialy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;margin:0;padding:0 8px;list-style:none}
.pcx-dzial{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:96px;padding:16px 26px;background:var(--kod);color:#fff!important;text-decoration:none;transform:skewX(-8deg);box-shadow:0 10px 22px -16px rgba(0,0,0,.6)}
.pcx-dzial>*{transform:skewX(8deg)}
.pcx-kod-z .pcx-dzial,.pcx-dzial.pcx-kod-z{color:var(--tusz)!important}
.pcx-dzial__tyt{display:block;font-weight:900;font-size:20px;line-height:1.2}
.pcx-dzial__opis{display:block;margin-top:4px;font-size:14px;line-height:1.35;opacity:.92}
.pcx-dzial .pcx-i{width:48px;height:48px;stroke-width:1.6}
.pcx-dzial:hover{filter:brightness(1.08)}

/* ---- gry (karty z fotografią) ---- */
.pcx-gry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.pcx-gra{display:flex;flex-direction:column;height:100%}
.pcx-gra__foto{position:relative;display:block;overflow:hidden;background:var(--grafit);color:#fff!important}
.pcx-gra__foto img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}
.pcx-gra a:hover img{transform:scale(1.03)}
.pcx-gra__etykieta{position:absolute;left:0;top:14px;padding:4px 12px 4px 10px;background:var(--kod);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pcx-kod-z .pcx-gra__etykieta{color:var(--tusz)}
.pcx-gra__tyt{margin:12px 0 4px;font-size:19px;font-weight:700;line-height:1.3}
.pcx-gra__tyt a{color:var(--tusz)!important;text-decoration:none}
.pcx-gra__tyt a:hover{text-decoration:underline}
.pcx-gra p{margin:0;font-size:15px;line-height:1.55;color:var(--popiol)}
.pcx-kredyt{margin-top:8px!important;font-size:12px!important;line-height:1.4!important;color:#61656C!important}
.pcx-kredyt a{color:#4F535A!important}

/* ---- indeks recenzji ---- */
.pcx-indeks{columns:3 240px;column-gap:32px;margin:0;padding:0;list-style:none}
.pcx-indeks li{break-inside:avoid;border-bottom:1px solid var(--kreska)}
.pcx-indeks a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 0;color:var(--tusz)!important;text-decoration:none;font-weight:500;font-size:16px}
.pcx-indeks a:hover{color:var(--szlak-n)!important}
.pcx-inicjal{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--grafit);color:var(--zolty);font:italic 900 15px/1 "Roboto",Arial,sans-serif}

/* ---- kroki (jak oceniamy) ---- */
.pcx-kroki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:krok;border-top:4px solid var(--tusz)}
.pcx-kroki li{position:relative;padding:22px 22px 6px 0;counter-increment:krok}
.pcx-kroki li+li{padding-left:22px;border-left:1px solid var(--kreska)}
.pcx-kroki li::before{content:counter(krok,decimal-leading-zero);display:block;font:italic 900 34px/1 "Roboto",Arial,sans-serif;color:var(--kreska)}
.pcx-kroki .pcx-i{position:absolute;right:18px;top:24px;width:30px;height:30px;color:var(--szlak-r)}
.pcx-kroki b{display:block;margin:10px 0 6px;font-size:17px;line-height:1.3}
.pcx-kroki p{margin:0;font-size:15px;line-height:1.55;color:var(--popiol)}

/* ---- tekst artykułu ---- */
.pcx-tekst{font-size:17px;line-height:1.72}
.pcx-tekst>*:first-child{margin-top:0}
.pcx-tekst p{margin:0 0 1.05em}
.pcx-tekst h2{position:relative;margin:1.9em 0 .6em;padding-left:32px;font:700 27px/1.25 "Roboto",Arial,sans-serif;letter-spacing:-.01em;color:var(--tusz)}
.pcx-tekst h2::before{content:"";position:absolute;left:0;top:.42em;width:20px;height:14px;background:linear-gradient(#fff 0 30%,var(--kod) 30% 70%,#fff 70%);box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.pcx-tekst h3{margin:1.5em 0 .45em;font:700 21px/1.3 "Roboto",Arial,sans-serif;color:var(--tusz)}
.pcx-tekst h4{margin:1.3em 0 .4em;font:700 18px/1.35 "Roboto",Arial,sans-serif}
.pcx-tekst ul,.pcx-tekst ol{margin:0 0 1.1em;padding-left:1.35em}
.pcx-tekst li{margin:.25em 0}
.pcx-tekst ul>li::marker{color:var(--kod)}
.pcx-tekst ol>li::marker{font-weight:700;color:var(--popiol)}
.pcx-tekst blockquote{margin:1.2em 0;padding:14px 20px;background:var(--mgla);border-left:4px solid var(--kod)}
.pcx-tekst a{text-underline-offset:3px;text-decoration-thickness:1px}
.pcx-tabela{margin:0 0 1.3em;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pcx-tabela table{width:100%;border-collapse:collapse;border:1px solid var(--kreska);font-size:15px;line-height:1.5}
.pcx-tabela th,.pcx-tabela tr:first-child td{background:var(--grafit);color:#fff;font-weight:700;text-align:left}
.pcx-tabela th,.pcx-tabela td{padding:10px 16px;border-bottom:1px solid var(--kreska);vertical-align:top}
.pcx-tabela tr:nth-child(even) td{background:#FAFAF7}

.pcx-ilustracja{margin:0 0 26px}
.pcx-ilustracja img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pcx-ilustracja figcaption{margin-top:8px;font-size:12px;line-height:1.45;color:#6C7078}
.pcx-ilustracja figcaption a{color:#5D6169!important}
.pcx-katalog{margin:2em 0 0}
.pcx-katalog ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pcx-tekst .pcx-katalog li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin:0;padding:14px 16px;background:var(--mgla);border-left:3px solid var(--szlak-z)}
.pcx-katalog .pcx-i{width:30px;height:30px;color:var(--szlak-z)}
.pcx-katalog b{display:block;font-size:16px;line-height:1.3}
.pcx-tekst .pcx-katalog p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--popiol)}

/* ---- spis treści ---- */
.pcx-spis{margin:0 0 28px;background:var(--mgla);border-left:4px solid var(--grafit)}
.pcx-spis summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;cursor:pointer;font-weight:700;list-style:none}
.pcx-spis summary::-webkit-details-marker{display:none}
.pcx-spis summary .pcx-i{width:18px;height:18px}
.pcx-spis summary::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid var(--tusz);border-bottom:2px solid var(--tusz);transform:rotate(45deg) translateY(-2px)}
.pcx-spis[open] summary::after{transform:rotate(-135deg)}
.pcx-spis ol{margin:0;padding:4px 18px 16px 40px;font-size:15px;line-height:1.5}
.pcx-spis li{margin:6px 0}
.pcx-spis a{color:var(--tusz)!important}

/* ---- faq ---- */
.pcx-faq{margin:2em 0 0;border-top:3px solid var(--tusz)}
.pcx-faq__p{padding:18px 0;border-bottom:1px solid var(--kreska)}
.pcx-tekst .pcx-faq__p h3{display:flex;gap:12px;margin:0 0 8px;font-size:19px}
.pcx-faq__p h3::before{content:"?";display:grid;place-items:center;width:26px;height:26px;flex:none;background:var(--zolty);color:var(--tusz);font:900 15px/1 "Roboto",Arial,sans-serif}
.pcx-faq__p>div{padding-left:38px}
.pcx-faq__p>div p:last-child{margin-bottom:0}

/* ---- paszport recenzji ---- */
.pcx-paszport{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px 26px;align-items:start;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--kreska)}
.pcx-paszport__logo{display:grid;place-items:center;width:112px;height:112px;background:#fff;box-shadow:inset 0 0 0 1px var(--kreska)}
.pcx-paszport__logo img{max-width:96px;max-height:96px;object-fit:contain}
.pcx-paszport__logo .pcx-inicjal{width:112px;height:112px;font-size:52px}
.pcx-paszport__skrot{margin:10px 0 0;font-size:18px;line-height:1.55;color:#3A3D44}
.pcx-fakty{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.pcx-fakty>div{display:grid;grid-template-columns:28px 128px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-top:1px solid var(--kreska)}
.pcx-fakty .pcx-i{width:22px;height:22px;color:var(--szlak-n);margin-top:1px}
.pcx-fakty dt{font-size:14px;font-weight:700;color:var(--popiol);text-transform:uppercase;letter-spacing:.04em;line-height:1.6}
.pcx-fakty dd{margin:0;font-size:15px;line-height:1.55}
.pcx-oferta{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center;padding:18px 22px;background:var(--grafit);color:#fff}
.pcx-oferta__kwota{display:block;font:900 24px/1.2 "Roboto",Arial,sans-serif;color:var(--zolty)}
.pcx-oferta small{display:block;margin-top:4px;font-size:13px;color:#B9BDC4}
.pcx-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;background:var(--zolty);color:var(--tusz)!important;font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;white-space:nowrap}
.pcx-cta:hover{background:#fff}
.pcx-cta .pcx-i{width:18px;height:18px}
.pcx-plusy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 30px}
.pcx-plusy>div{padding:16px 20px 10px;background:var(--mgla)}
.pcx-plusy__tyt{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pcx-plusy ul{margin:0;padding:0;list-style:none}
.pcx-plusy li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;margin:0 0 9px;font-size:15px;line-height:1.5}
.pcx-plusy .pcx-i{width:20px;height:20px;margin-top:1px}
.pcx-plusy__tak .pcx-i{color:var(--szlak-z)}
.pcx-plusy__nie .pcx-i{color:var(--szlak-r)}

/* ---- pas (jedna polecana oferta) ---- */
.pcx-pas{display:grid;grid-template-columns:auto 76px minmax(0,1fr) auto;gap:16px 20px;align-items:center;margin:0 0 28px;padding:16px 20px;background:#FBF7E4;border-left:6px solid var(--zolty)}
.pcx-pas__nad{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--popiol);writing-mode:vertical-rl;transform:rotate(180deg)}
.pcx-pas__logo{display:grid;place-items:center;width:76px;height:76px;background:#fff;box-shadow:inset 0 0 0 1px var(--kreska)}
.pcx-pas__logo img{max-width:64px;max-height:64px;object-fit:contain}
.pcx-pas b{display:block;font-size:17px}
.pcx-pas__bonus{display:block;font-weight:700;color:var(--tusz)}
.pcx-pas small{display:block;margin-top:2px;font-size:12px;color:var(--popiol)}

/* ---- szyna (prawa kolumna) ---- */
.pcx-szyna{display:flex;flex-direction:column;gap:24px}
.pcx-ramka{border-top:4px solid var(--tusz)}
.pcx-ramka__tyt{display:flex;align-items:center;gap:10px;margin:12px 0 6px;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pcx-ramka ul{margin:0;padding:0;list-style:none}
.pcx-trasy a{display:flex;align-items:center;gap:12px;min-height:46px;padding:4px 0;border-bottom:1px solid var(--kreska);color:var(--tusz)!important;text-decoration:none;font-size:15px;font-weight:500}
.pcx-trasy a:hover{color:var(--szlak-n)!important}
.pcx-trasy .pcx-i{width:20px;height:20px;margin-left:auto;color:var(--popiol)}
.pcx-trasy .pcx-teraz a{font-weight:900}
.pcx-miniatury a{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--kreska);color:var(--tusz)!important;text-decoration:none;font-size:15px;line-height:1.35;font-weight:500}
.pcx-miniatury img{width:84px;height:60px;object-fit:cover}
.pcx-miniatury a:hover span{text-decoration:underline}
.pcx-pomoc{padding:18px 18px 16px;background:var(--grafit);color:#fff}
.pcx-pomoc .pcx-ramka__tyt{margin-top:0;color:var(--zolty)}
.pcx-pomoc p{margin:0 0 10px;font-size:14px;line-height:1.55;color:#D3D5D9}
.pcx-pomoc__tel{display:flex;align-items:center;gap:10px;font:900 24px/1.2 "Roboto",Arial,sans-serif;color:#fff!important;text-decoration:none}
.pcx-pomoc__tel .pcx-i{width:26px;height:26px;color:var(--zolty)}

/* ---- stopka ---- */
.pcx-stopka{background:var(--grafit);color:#C9CCD1;font-size:15px}
.pcx-stopka__szlak{height:10px;background:linear-gradient(#fff 0 30%,var(--szlak-r) 30% 70%,#fff 70%)}
.pcx-stopka__siatka{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;padding-top:40px;padding-bottom:30px}
.pcx-stopka .pcx-znak{margin-bottom:14px}
.pcx-stopka p{margin:0 0 12px;line-height:1.6}
.pcx-stopka__tyt{margin:4px 0 12px;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.pcx-stopka ul{margin:0;padding:0;list-style:none}
.pcx-stopka li a{display:block;padding:6px 0;color:#C9CCD1!important;text-decoration:none;line-height:1.4}
.pcx-stopka li a:hover{color:#fff!important;text-decoration:underline}
.pcx-znaczki{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pcx-znaczki span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;background:var(--grafit-2);color:#fff;font-size:13px;font-weight:700}
.pcx-znaczki .pcx-i{width:18px;height:18px;color:var(--zolty)}
.pcx-prawo{border-top:1px solid #343944}
.pcx-prawo .pcx-szer{padding-top:22px;padding-bottom:26px}
.pcx-prawo p{font-size:13px;line-height:1.65;color:#A3A7AE;max-width:980px}
.pcx-prawo a{color:#DADCE0!important}
.pcx-prawo__dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:14px;font-size:13px;color:#8D9199}

/* ---- mobilny ---- */
@media (max-width:1100px){
  .pcx-uklad{grid-template-columns:minmax(0,1fr) 260px;gap:28px}
  .pcx-menu__glowny{padding:0 9px;font-size:14px}
  .pcx-dzialy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcx-stopka__siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:939px){
  :root{--wnetrze:22px}
  .pcx-maszt__rzad{min-height:58px;gap:12px}
  .pcx-burger{display:grid;place-content:center;gap:5px;width:48px;height:48px;margin-left:auto;cursor:pointer}
  .pcx-burger i{display:block;width:24px;height:2px;background:#fff;transition:transform .15s,opacity .15s}
  .pcx-burger-cb:checked~.pcx-maszt__pas .pcx-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .pcx-burger-cb:checked~.pcx-maszt__pas .pcx-burger i:nth-child(2){opacity:0}
  .pcx-burger-cb:checked~.pcx-maszt__pas .pcx-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .pcx-menu{display:none;position:absolute;left:0;right:0;top:58px;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px var(--pole) 18px;background:var(--grafit);border-top:1px solid #343944;max-height:calc(100vh - 58px);overflow-y:auto}
  .pcx-burger-cb:checked~.pcx-maszt__pas .pcx-menu{display:flex}
  .pcx-menu>*{flex-shrink:0}
  .pcx-menu__lista{flex-direction:column}
  .pcx-menu__glowny{height:auto;min-height:48px;padding:0;border-bottom:1px solid #343944}
  .pcx-menu__glowny .pcx-i{display:none}
  .pcx-menu__pod{position:static;visibility:visible;opacity:1;transform:none;min-width:0;padding:4px 0 10px 30px;background:transparent;border-top:0;box-shadow:none}
  .pcx-menu__pod a{min-height:44px;display:flex;align-items:center;padding:0;color:#D3D5D9!important}
  .pcx-menu__pod a:hover{background:transparent;color:#fff!important}
  .pcx-menu__dzial:hover>.pcx-menu__glowny,.pcx-menu__dzial:focus-within>.pcx-menu__glowny{background:transparent;box-shadow:none}
  .pcx-menu__cta{margin-top:16px;justify-content:center;height:48px;transform:none}
  .pcx-menu__cta>span{transform:none}
  .pcx-menu__zamknij{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;color:#fff;font-weight:700;cursor:pointer;border:1px solid #474C57}
  .pcx-start .pcx-szer{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:30px;padding-bottom:34px}
  .pcx-uklad{grid-template-columns:minmax(0,1fr)}
  .pcx-szyna{border-top:1px solid var(--kreska);padding-top:8px}
  .pcx-gry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcx-kroki{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcx-kroki li:nth-child(3){padding-left:0;border-left:0}
  .pcx-fakty{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  :root{--pole:14px;--wnetrze:16px}
  body.pcx{font-size:16px}
  .pcx-znak__slowo{font-size:18px}
  .pcx-znak svg{width:28px;height:22px}
  .pcx-maszt__info{font-size:12px}
  .pcx-maszt__info .pcx-szer{gap:4px 14px}
  .pcx-glowa__lead,.pcx-start__lead{font-size:17px}
  .pcx-sekcja__tyt{font-size:21px}
  .pcx-dzialy{grid-template-columns:minmax(0,1fr);padding:0 6px}
  .pcx-dzial{min-height:80px;padding:12px 20px}
  .pcx-gry{grid-template-columns:minmax(0,1fr)}
  .pcx-kroki{grid-template-columns:minmax(0,1fr)}
  .pcx-kroki li+li{padding-left:0;border-left:0;border-top:1px solid var(--kreska)}
  .pcx-marki{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcx-tekst{font-size:16px}
  .pcx-tekst h2{font-size:22px;padding-left:28px}
  .pcx-tekst h3{font-size:19px}
  .pcx-paszport{grid-template-columns:76px minmax(0,1fr);gap:14px 16px}
  .pcx-paszport__logo{width:76px;height:76px}
  .pcx-paszport__logo img{max-width:64px;max-height:64px}
  .pcx-paszport__logo .pcx-inicjal{width:76px;height:76px;font-size:36px}
  .pcx-fakty>div{grid-template-columns:24px minmax(0,1fr)}
  .pcx-fakty dd{grid-column:2}
  .pcx-oferta{grid-template-columns:minmax(0,1fr)}
  .pcx-oferta .pcx-cta{width:100%}
  .pcx-plusy{grid-template-columns:minmax(0,1fr)}
  .pcx-faq__p>div{padding-left:0}
  .pcx-pas{grid-template-columns:64px minmax(0,1fr)}
  .pcx-pas__nad{grid-column:1/-1;writing-mode:horizontal-tb;transform:none}
  .pcx-pas__logo{width:64px;height:64px}
  .pcx-pas__logo img{max-width:54px;max-height:54px}
  .pcx-pas .pcx-cta{grid-column:1/-1;width:100%}
  .pcx-stopka__siatka{grid-template-columns:minmax(0,1fr);gap:22px}
  .pcx-indeks{columns:1}
}