:root {
  --akcent: #2dd4bf;
  --akcent-jasny: #5eead4;
  --akcent-mocny: #1d7d68;
  --akcent-ramka: #17493f;
  --akcent-tekst: #04212b;
  --akcent-tlo: #123a35;
  --biel: #fff;
  --blad: #f87171;
  --odstep-kraju: 14px;
  --cena-nasyc: 70%;
  --cena-jasnosc: 62%;
  --cena-tlo-s: 70%; --cena-tlo-l: 55%; --cena-tlo-a: .14;
  --cena-ramka-s: 70%; --cena-ramka-l: 55%; --cena-ramka-a: 0;
  --logo-tlo: rgba(10,15,28,.82);
  --kafelek-podswietlenie: rgba(255,255,255,.035);
  --przycisk-tlo: rgba(255,255,255,.05);
  --na-zdjeciu: #ffffff;
  --uchwyt-x: 0px;
  --uchwyt-tlo: #2dd4bf;
  --uchwyt-znak: #04212b;
  --karta: #101a2e;
  --karta-naglowek: #132038;
  --panel: #101b31;
  --ramka: #1b2740;
  --ramka-mocna: #1d2d4d;
  --tekst: #e6edf6;
  --tekst-cichy: #8798b4;
  --tekst-drugi: #b9c8dd;
  --tekst-tresc: #cfdaea;
  --tekst-wyblakly: #5f728f;
  --tlo: #0a0f1c;
  --tlo-glebiej: #0d1526;
  --uwaga: #f5c86b;
  --uwaga-jasna: #fcd34d;
  --uwaga-ramka: #4a3f1d;
  --uwaga-tekst: #f3d9a4;
  --uwaga-tlo: #2a1f10;
  --wiersz: #16223a;
  --wiersz-hover: #152341;
}
:root[data-motyw="jasny"] {
  --tlo: #f5f7fb;
  --tlo-glebiej: #eaeff7;
  --karta: #ffffff;
  --panel: #ffffff;
  --karta-naglowek: #eff3f9;
  --wiersz: #f8fafd;
  --wiersz-hover: #e9f0fa;
  --ramka: #dde4ef;
  --ramka-mocna: #c3cfe0;
  --tekst: #0f1a2e;
  --tekst-tresc: #24344f;
  --tekst-drugi: #435472;
  --tekst-cichy: #5d6d88;
  --tekst-wyblakly: #8391a6;
  --biel: #0f1a2e;
  --akcent: #0f766e;
  --akcent-jasny: #115e59;
  --akcent-mocny: #134e4a;
  --akcent-tekst: #ffffff;
  --akcent-tlo: #d7f5ef;
  --akcent-ramka: #99e2d6;
  --uwaga: #b45309;
  --uwaga-jasna: #d97706;
  --uwaga-tekst: #92400e;
  --uwaga-ramka: #f3d9a4;
  --uwaga-tlo: #fdf4e3;
  --blad: #dc2626;
}
:root[data-motyw="jasny"] .tile.drop .v { color:hsl(145, 72%, 34%);
  --cena-nasyc: 70%;
  --cena-jasnosc: 27%;
  --cena-tlo-s: 84%; --cena-tlo-l: 94%; --cena-tlo-a: 1;
  --cena-ramka-s: 46%; --cena-ramka-l: 70%; --cena-ramka-a: 1;
  --uchwyt-x: 28px;
  --uchwyt-tlo: #d97706;
  --uchwyt-znak: #3a2a08;
  --logo-tlo: rgba(255,255,255,.88);
  --kafelek-podswietlenie: rgba(15,26,46,.04);
  --przycisk-tlo: rgba(15,26,46,.05);
}
  * { box-sizing:border-box; }
  body { margin:0; padding-bottom:56px; background:var(--tlo); color:var(--tekst);
          font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
          -webkit-font-smoothing:antialiased; }
  .wrap { max-width:1400px; margin:0 auto; padding:0 24px; }
  :root { --pasek-wys:44px; }
  .topleft { position:fixed; z-index:70; top:14px;
              left:var(--pasek-lewo, calc(max(0px, (100vw - 1400px) / 2) + 24px));
              display:flex; align-items:center; gap:8px;
              transition:left .28s ease; }
  .topleft.przy-boku { left:16px; }
  .topright { position:absolute; z-index:70; top:14px; right:16px;
               display:flex; align-items:center; gap:8px; }
  @media (prefers-reduced-motion: reduce) {
    .topleft { transition:none; }
  }
  .topleft > *, .topright > * { height:var(--pasek-wys); box-sizing:border-box; }
  .logo { position:fixed; z-index:70; top:14px; left:16px;
           display:inline-flex; align-items:center; gap:9px;
           padding:0 15px 0 10px; border-radius:999px;
           text-decoration:none; color:var(--tekst);
           background:var(--logo-tlo); border:1px solid var(--ramka-mocna);
           box-shadow:0 6px 20px rgba(0,0,0,.35);
           -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
           transition:border-color .16s ease, transform .16s ease; }
  .topleft > .logo { position:static; top:auto; left:auto; }
  .logo:hover { border-color:var(--tekst); transform:translateY(-1px); }
  .logo:active { transform:translateY(0); }
  .jezyk-podpowiedz { position:fixed; z-index:69; top:64px; right:16px;
                       display:flex; align-items:center; gap:10px;
                       padding:8px 10px 8px 14px; border-radius:12px;
                       font-size:13px; color:var(--tekst-tresc);
                       background:var(--karta); border:1px solid var(--ramka-mocna);
                       box-shadow:0 10px 26px rgba(0,0,0,.35); }
  .jezyk-podpowiedz a { color:var(--akcent); font-weight:700;
                         text-decoration:none; white-space:nowrap; }
  .jezyk-podpowiedz a:hover { text-decoration:underline; }
  .jezyk-podpowiedz .zamknij { padding:0 4px; border:0; background:none;
                                color:var(--tekst-cichy); font-size:17px;
                                line-height:1; cursor:pointer; }
  .jezyk-podpowiedz .zamknij:hover { color:var(--tekst-tresc); }
  .lang { position:relative; }
  .lang > summary { display:inline-flex; align-items:center; gap:6px;
                     height:100%; box-sizing:border-box;
                     padding:0 11px 0 13px; border-radius:999px;
                     list-style:none; cursor:pointer; user-select:none;
                     color:var(--tekst);
                     background:var(--logo-tlo);
                     border:1px solid var(--ramka-mocna);
                     box-shadow:0 6px 20px rgba(0,0,0,.35);
                     -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
                     transition:border-color .16s ease, transform .16s ease; }
  .lang > summary::-webkit-details-marker { display:none; }
  .lang > summary:hover { border-color:var(--tekst); transform:translateY(-1px); }
  .lang > summary:focus-visible { outline:2px solid var(--akcent);
                                   outline-offset:2px; }
  .lang-flaga { font-size:15px; line-height:1; }
  .lang-skrot { font-size:13px; font-weight:700; letter-spacing:.02em;
                 color:var(--tekst-tresc); }
  .lang-daszek { width:14px; height:14px; flex:none; color:var(--tekst-cichy);
                  transition:transform .16s ease; }
  .lang[open] > summary .lang-daszek { transform:rotate(180deg); }
  .lang-lista { position:absolute; top:calc(100% + 7px); right:0; margin:0;
                 min-width:170px; padding:5px; list-style:none;
                 border-radius:13px; background:var(--karta);
                 border:1px solid var(--ramka-mocna);
                 box-shadow:0 14px 34px rgba(0,0,0,.4);
                 -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }
  .lang-lista a { display:flex; align-items:center; gap:9px;
                   padding:9px 10px; border-radius:9px;
                   text-decoration:none; color:var(--tekst-tresc);
                   font-size:14px; }
  .lang-lista a:hover { background:var(--panel); }
  .lang-lista a:focus-visible { outline:2px solid var(--akcent);
                                 outline-offset:-2px; }
  .lang-lista [aria-current] { font-weight:700; }
  .lang-nazwa { flex:1; }
  .lang-ptaszek { width:15px; height:15px; flex:none; color:var(--akcent); }
  .logomark { display:grid; place-items:center; width:28px; height:28px;
               color:var(--tekst); }
  .logomark svg { width:19px; height:19px; }
  .logotext { font-size:15px; font-weight:400; letter-spacing:-.02em;
               color:var(--tekst); }
  .logotext b { color:inherit; font-weight:inherit; }
  .hero { position:relative; overflow:hidden; padding:76px 0 40px;
           background:var(--panel); border-bottom:1px solid var(--ramka); }
  .hero-art { position:absolute; inset:0; width:100%; height:100%;
               color:var(--akcent-jasny); opacity:.5; pointer-events:none; }
  :root[data-motyw="jasny"] .hero-art { color:var(--akcent-mocny); opacity:.32; }
  .hero .wrap { position:relative; }
  h1 { margin:0 0 6px; font-size:clamp(34px, 5vw, 56px); line-height:1.02;
        letter-spacing:-.035em; font-weight:800; }
  .lead { margin:0 0 22px; font-size:16px; color:var(--tekst-drugi); max-width:52ch; }
  .lead b { color:var(--tekst); font-weight:600; }
  .stats { display:flex; flex-wrap:wrap; gap:10px 26px; align-items:center; }
  .stat { display:flex; align-items:center; gap:9px; font-size:15px; color:var(--tekst-drugi); }
  .stat svg { width:19px; height:19px; color:var(--akcent-jasny); flex:none; }
  .stat b { color:var(--biel); font-weight:600; }
  .pulse { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0; }
  .tile { flex:0 1 auto; min-width:132px; padding:11px 15px; border-radius:12px;
           background:var(--kafelek-podswietlenie); border:1px solid var(--ramka); }
  .tile .k { display:block; font-size:11px; letter-spacing:.07em;
              text-transform:uppercase; color:var(--tekst-cichy); }
  .tile .v { display:block; margin-top:3px; font-size:21px; font-weight:700;
              line-height:1.15; letter-spacing:-.02em; }
  .tile.drop .v { color:hsl(145, 70%, 62%); }
  .tile.fresh .v { color:var(--akcent-jasny); }
  .tile .n { font-size:12px; font-weight:500; color:var(--tekst-cichy); }
  .dot { display:inline-block; width:7px; height:7px; border-radius:50%;
          background:var(--akcent-jasny); margin-right:7px; vertical-align:middle;
          box-shadow:0 0 7px var(--akcent-jasny); animation:none; }
  .dot.trwa { background:var(--akcent); box-shadow:none;
               animation:blip 2.4s ease-in-out infinite; }
  @keyframes blip { 0%,100% { opacity:1; } 50% { opacity:.25; } }
  .loader { display:flex; align-items:center; justify-content:center; gap:12px;
             margin:48px auto; padding:22px 26px; max-width:520px;
             border-radius:16px; color:var(--tekst-tresc); font-size:14.5px;
             background:var(--panel); border:1px solid var(--ramka); }
  .spinner { width:20px; height:20px; flex:0 0 20px; border-radius:50%;
              border:2.5px solid var(--ramka-mocna); border-top-color:var(--akcent);
              animation:obrot .8s linear infinite; }
  @keyframes obrot { to { transform:rotate(360deg); } }
  @media (prefers-reduced-motion: reduce) {
    .spinner { animation:blip 1.2s ease-in-out infinite; }
  }
  @media (prefers-reduced-motion: reduce) {
    .dot.trwa { animation:none; }
  }
  .updated { margin:16px 0 0; font-size:12.5px; color:var(--tekst-cichy); }
  .updated a { color:var(--akcent-jasny); text-decoration:none; }
  .updated a:hover { text-decoration:underline; }
  .already { margin:16px 0 0 !important; font-size:13px; color:var(--tekst-drugi); }
  .already a { color:var(--akcent); }
  .country { content-visibility:auto; contain-intrinsic-size:auto 160px;
             margin-top:var(--odstep-kraju); background:var(--tlo-glebiej); border:1px solid var(--wiersz);
              border-radius:14px; overflow:hidden; }
  .country > summary { display:flex; align-items:center; gap:12px; cursor:pointer;
                        padding:16px 18px; font-size:19px; font-weight:700;
                        letter-spacing:-.015em; list-style:none; }
  .country > summary::-webkit-details-marker { display:none; }
  .country > summary::before { content:"›"; color:var(--akcent-jasny); font-size:19px;
                                line-height:1; flex:none; width:12px;
                                transition:transform .18s ease; }
  .country[open] > summary::before { transform:rotate(90deg); }
  .country > summary:hover { background:var(--tlo-glebiej); }
  .dest > header.photo { position:relative; background-size:cover;
                          background-position:center 40%;
                          border-bottom:1px solid var(--ramka); }
  .dest > header.photo::before { content:""; position:absolute; inset:0;
                                  background:rgba(9,15,28,.28); }
  .dest > header.photo > * { position:relative; }
  .dest > header.photo h3 { color:var(--na-zdjeciu);
                            text-shadow:0 2px 4px rgba(0,0,0,.95),
                                        0 1px 14px rgba(0,0,0,.9); }
  .dest > header.photo .iata { color:var(--na-zdjeciu); font-weight:600;
                                text-shadow:0 2px 4px rgba(0,0,0,.95),
                                            0 1px 14px rgba(0,0,0,.9); }
  .dest > header.photo .tag { color:var(--na-zdjeciu); background:#0f766e;
                               box-shadow:0 1px 6px rgba(0,0,0,.45); }
  .cname { flex:0 1 auto; margin:0; font-size:inherit; font-weight:inherit;
            line-height:inherit; display:inline; }
  .count { margin-left:auto; }
  .cheapest { font-size:14px; font-weight:700; white-space:nowrap;
               color:hsl(var(--h, 45), var(--cena-nasyc), var(--cena-jasnosc)); }
  .country[open] > summary .cheapest { display:none; }
  .country > .grid { padding:16px; }
  .flag { font-size:20px; line-height:1; }
  .flaga-svg { height:1em; width:1.5em; display:inline-block; vertical-align:-.15em;
               border-radius:2px; box-shadow:0 0 0 1px rgba(128,128,128,.35);
               object-fit:cover; }
  .lang-flaga .flaga-svg { height:.95em; }
  .count { background:var(--wiersz); color:var(--tekst-drugi); border-radius:20px;
            padding:2px 10px; font-size:12px; font-weight:600; }
  .grid { display:grid; gap:14px; align-items:start;
           grid-template-columns:repeat(auto-fit,minmax(440px,1fr)); }
  .motyw { display:inline-flex; align-items:center;
            padding:0; border:0; background:none; cursor:pointer;
            line-height:0; }
  .motyw:focus-visible { outline:2px solid var(--akcent); outline-offset:3px;
                          border-radius:999px; }
  .motyw-tor { display:block; position:relative; width:58px; height:30px;
                border-radius:999px; border:1px solid var(--ramka-mocna);
                background:var(--panel);
                transition:background .18s ease, border-color .18s ease; }
  .motyw-uchwyt { position:absolute; top:2px; left:2px; width:24px; height:24px;
                   display:grid; place-items:center; border-radius:50%;
                   transform:translateX(var(--uchwyt-x));
                   background:var(--uchwyt-tlo); color:var(--uchwyt-znak);
                   transition:transform .18s ease, background .18s ease,
                              color .18s ease; }
  .motyw-uchwyt svg { width:14px; height:14px; }
  .motyw:hover .motyw-tor { border-color:var(--akcent); }
  :root[data-motyw="jasny"] .motyw:hover .motyw-tor { border-color:var(--uwaga); }
  .motyw-slonce { display:none; }
  .motyw-ksiezyc { display:block; }
  :root[data-motyw="jasny"] .motyw-slonce { display:block; }
  :root[data-motyw="jasny"] .motyw-ksiezyc { display:none; }
  @media (max-width:560px) {
    .motyw-tor { width:52px; height:28px; }
    .motyw-uchwyt { width:22px; height:22px; }
    :root[data-motyw="jasny"] { --uchwyt-x:24px; }
  }
  .spis { grid-column:1/-1; margin:0; display:flex; flex-wrap:wrap; gap:6px 14px;
           color:var(--tekst-drugi); font-size:13.5px; line-height:1.7; }
  .home { display:inline-flex; align-items:center; gap:7px;
           padding:7px 13px 7px 10px; border-radius:20px;
           font-size:13.5px; font-weight:600; text-decoration:none;
           color:var(--akcent-jasny); background:rgba(45,212,191,.10);
           border:1px solid var(--akcent-ramka); margin-bottom:14px;
           transition:background .14s ease, border-color .14s ease; }
  .home:hover { background:rgba(45,212,191,.18); border-color:var(--akcent); }
  .home svg { width:15px; height:15px; flex:none; }
  .strona-kraju .hero { padding:26px 0 30px; }
  .strona-kraju main { padding-top:22px; }
  .kraj-stan { margin:10px 0 0; color:var(--tekst-cichy); font-size:12.5px; }
  .kraj-link { margin:14px 0 2px; font-size:12.5px; text-align:right; }
  .kraj-link a { color:var(--tekst-drugi); text-decoration:none;
                 border-bottom:1px solid var(--ramka); padding-bottom:1px; }
  .kraj-link a:hover { color:var(--akcent-jasny); border-bottom-color:var(--akcent); }
  .krajlink { margin:10px 0 0; font-size:13.5px; text-align:right; }
  .krajlink a { color:var(--akcent-jasny); }
  .kraj-powrot { margin:28px 0 0; }
  .kraj-powrot a { color:var(--akcent); font-size:14px; }
  .kraj-stopka { margin-top:26px; padding-top:16px; border-top:1px solid var(--ramka);
                 color:var(--tekst-cichy); font-size:12.5px; }
  .kraj-stopka a { color:var(--tekst-drugi); }
  .spis .poz { white-space:nowrap; }
  .spis b { color:var(--tekst-drugi); font-weight:600; }
  .dest { background:var(--karta); border:1px solid var(--ramka); border-radius:14px;
           overflow:hidden; }
  .dest.best > header { background-color:var(--wiersz); }
  .tag { margin-left:auto; background:rgba(45,212,191,.16); color:var(--akcent-jasny);
          border-radius:20px; padding:2px 9px; font-size:10.5px; font-weight:700;
          letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
  .dest > header { display:flex; justify-content:space-between; align-items:center;
                    gap:14px; flex-wrap:wrap; padding:15px 18px;
                    background-color:var(--karta-naglowek); border-bottom:1px solid var(--ramka); }
  .dest h3 { margin:0; font-size:19px; font-weight:700; letter-spacing:-.015em;
              display:flex; align-items:baseline; gap:9px; flex-wrap:wrap;
              min-width:0; }
  .iata { color:var(--tekst-cichy); font-weight:400; font-size:12px; letter-spacing:.06em;
           white-space:nowrap; }
  .obszar { flex:0 0 auto; padding:2px 9px; border-radius:999px;
             font-size:11px; font-weight:700; letter-spacing:.02em;
             line-height:1.5; white-space:nowrap; text-transform:lowercase;
             color:var(--tekst-drugi); background:var(--wiersz-hover);
             border:1px solid var(--ramka-mocna); cursor:help; }
  .dest > header.photo .obszar { color:var(--na-zdjeciu);
                                  background:rgba(0,0,0,.55);
                                  border-color:rgba(255,255,255,.45); }
  .from { display:flex; align-items:center; gap:14px; font-size:14px; color:var(--tekst-drugi); }
  .from b { color:var(--biel); font-size:17px; }
  .rows { background:var(--wiersz); }
  .row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:0 14px;
          grid-template-areas:"when carrier price" "meta carrier price"
                              "days carrier price";
          align-items:center; padding:11px 18px; text-decoration:none;
          color:inherit; border-top:1px solid var(--ramka-mocna);
          transition:background .14s ease; }
  .rows > .row:first-child { border-top:0; }
  .row { position:relative; }
  .book { color:inherit; text-decoration:none; }
  .book::after { content:""; position:absolute; inset:0; z-index:0; }
  .row:hover { background:var(--wiersz-hover); }
  .row:hover::before { width:3px; }
  .row:hover .price { transform:translateY(-1px); }
  .book:focus-visible::after { outline:2px solid var(--akcent); outline-offset:-2px; }
  .pricebox { grid-area:price; display:grid; gap:4px 8px;
               grid-template-columns:1fr auto;
               grid-template-areas:"cena cena" "min hist";
               align-items:center; }
  .was { grid-area:min; font-size:11px; font-weight:600; text-align:right;
          color:var(--tekst-cichy); letter-spacing:-.01em; white-space:nowrap; }
  .hist, .watch { min-width:24px; min-height:24px; }
  .hist { grid-area:hist; position:relative; z-index:1; display:flex;
           align-items:center;
           justify-content:center; gap:4px; padding:3px 6px; border:0;
           border-radius:6px; cursor:pointer; font:inherit; font-size:10.5px;
           font-weight:600; letter-spacing:.02em; color:var(--tekst-cichy);
           background:var(--przycisk-tlo);
           transition:background .14s ease, color .14s ease; }
  .hist svg { width:13px; height:13px; }
  .hist:hover { background:rgba(45,212,191,.16); color:var(--akcent-jasny); }
  .tools { grid-area:hist; display:flex; align-items:center; gap:4px;
            justify-content:center; }
  .watch { position:relative; z-index:1; display:flex; align-items:center;
            justify-content:center; padding:3px 5px; border:0; border-radius:6px;
            cursor:pointer; font:inherit; color:var(--tekst-cichy); fill:none;
            background:var(--przycisk-tlo);
            transition:background .14s ease, color .14s ease; }
  .watch svg { width:13px; height:13px; }
  .watch:hover { background:rgba(245,200,107,.16); color:var(--uwaga); }
  .watch[aria-pressed="true"] { color:var(--uwaga); fill:currentColor;
                                 background:rgba(245,200,107,.16); }
  .watch span { position:absolute; width:1px; height:1px; overflow:hidden;
                 clip-path:inset(50%); white-space:nowrap; }
  .toast { position:fixed; z-index:95; left:50%; bottom:24px;
            transform:translateX(-50%); max-width:min(420px, calc(100% - 32px));
            padding:12px 16px; border-radius:12px; font-size:13.5px;
            color:var(--tekst); background:var(--wiersz-hover); border:1px solid var(--ramka-mocna);
            box-shadow:0 10px 30px rgba(0,0,0,.45); }
  .toast a { color:var(--akcent-jasny); }
  .row::before { content:""; position:absolute; left:0; top:0; bottom:0; width:0;
                   background:var(--akcent); transition:width .14s ease; }
  .when { grid-area:when; font-size:14.5px; font-weight:500; white-space:nowrap;
           letter-spacing:-.01em; }
  .meta { grid-area:meta; display:block; margin-top:2px; font-size:11.5px;
           color:var(--tekst-cichy); font-weight:400; white-space:nowrap;
           overflow:hidden; text-overflow:ellipsis; }
  .lotczas { margin-left:8px; padding-left:8px;
              border-left:1px solid var(--ramka); font-variant-numeric:tabular-nums;
              color:var(--tekst-cichy); cursor:help; }
  .lotczas.suma { border-left-style:dashed; font-style:italic; }
  .days { grid-area:days; display:block; margin-top:1px; font-size:11.5px;
           color:var(--tekst-cichy); font-weight:400; white-space:nowrap; }
  .hist[disabled] { cursor:default; opacity:.34; }
  .hist[disabled]:hover { background:var(--przycisk-tlo); color:var(--tekst-cichy); }
  .carrier { grid-area:carrier; font-size:11px; font-weight:700;
              letter-spacing:.06em; text-transform:uppercase; color:var(--tekst-drugi);
              white-space:nowrap; min-width:104px; text-align:right; }
  .row .pricebox { align-self:baseline; }
  .row .carrier { align-self:start; margin-top:1px; }
  .price { grid-area:cena; color:hsl(var(--h, 45), var(--cena-nasyc), var(--cena-jasnosc));
            background:hsla(var(--h, 45), var(--cena-tlo-s), var(--cena-tlo-l),
                            var(--cena-tlo-a));
            border:1px solid hsla(var(--h, 45), var(--cena-ramka-s),
                                  var(--cena-ramka-l), var(--cena-ramka-a));
            border-radius:8px; padding:5px 11px; font-size:15px; font-weight:800;
            white-space:nowrap; letter-spacing:-.02em;
            transition:transform .14s ease; min-width:88px; text-align:center; }
  .more { display:block; width:100%; padding:10px; cursor:pointer;
           background:var(--wiersz); border:0; border-top:1px solid var(--ramka-mocna);
           color:var(--tekst-drugi); font-size:12.5px; font-family:inherit; }
  .more:hover { background:var(--wiersz-hover); color:var(--tekst); }
  .signup { margin-top:40px; background:var(--karta); border:1px solid var(--ramka);
             border-radius:14px; padding:24px; }
  .signup h2 { margin:0 0 8px; font-size:18px; }
  .signup p { margin:0 0 16px; font-size:13.5px; color:var(--tekst-drugi); max-width:660px; }
  .signup form { display:flex; gap:10px; flex-wrap:wrap; }
  .signup input { flex:1 1 260px; min-width:0; padding:11px 14px; font-size:14px;
                   border:1px solid var(--ramka-mocna); border-radius:8px;
                   background:var(--tlo); color:var(--tekst); }
  .signup input:focus { outline:2px solid var(--akcent); outline-offset:1px; }
  .signup button { padding:11px 24px; font-size:14px; font-weight:700; cursor:pointer;
                    border:0; border-radius:8px; background:var(--akcent); color:var(--akcent-tekst); }
  .signup button:hover { background:var(--akcent-jasny); }
  .filters { margin-top:26px; background:var(--karta); border:1px solid var(--ramka);
              border-radius:14px; padding:16px 18px; }
  .fields { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
  .field { display:flex; flex-direction:column; gap:6px; flex:1 1 150px; min-width:0; }
  .field.short { flex:0 1 110px; }
  .field.wide { flex:1 0 100%; }
  .brak-lotow { margin:34px auto; padding:26px 28px; max-width:640px;
                 border-radius:16px; text-align:center;
                 background:var(--panel); border:1px solid var(--ramka); }
  .brak-lotow h2 { margin:0 0 10px; font-size:19px; color:var(--tekst); }
  .brak-lotow p { margin:0; color:var(--tekst-drugi); font-size:14.5px;
                   line-height:1.6; }
  .brak-lotow .ostatnio { margin-top:12px; font-size:13px;
                           color:var(--tekst-cichy); }
  .bagrow { display:flex; flex-direction:row; align-items:center;
             justify-content:flex-start; gap:9px; }
  .switchonly { display:inline-flex; align-items:center; cursor:pointer;
                 flex:0 0 auto; }
  .bagtext { font-size:13.5px; color:var(--tekst-drugi); }
  .sr { position:absolute; width:1px; height:1px; overflow:hidden;
         clip-path:inset(50%); white-space:nowrap; }
  .field.exclude { flex:0 1 116px; }
  .break { flex:1 0 100%; height:0; margin:0; }
  .field.pricefield { flex:0 1 136px; }
  .field label { font-size:12px; color:var(--tekst-drugi); letter-spacing:.03em;
                  user-select:none; -webkit-user-select:none; }
  .filters input { width:100%; height:41px; padding:10px 11px; font-size:14px;
                    font-family:inherit; box-sizing:border-box;
                    border:1px solid var(--ramka-mocna); border-radius:9px;
                    background:var(--tlo); color:var(--tekst); }
  .filters input:focus { outline:2px solid var(--akcent); outline-offset:1px; }
  .filters input::placeholder { color:var(--tekst-cichy); }
  .multi { position:relative; }
  .multi-btn { display:flex; align-items:center; justify-content:space-between;
                gap:8px; width:100%; text-align:left; cursor:pointer;
                padding:10px 11px; font-size:14px; font-family:inherit;
                line-height:1.35; white-space:nowrap; overflow:hidden;
                border:1px solid var(--ramka-mocna); border-radius:9px;
                background:var(--tlo); color:var(--tekst); }
  .multi-btn[disabled] { cursor:default; opacity:.75;
                          color:var(--tekst-tresc); }
  .multi-btn[disabled]::after { content:none; }
  .multi-btn[disabled]:hover { border-color:var(--ramka-mocna); }
  .ustalone-opis { margin:5px 0 0; font-size:11.5px; line-height:1.35;
                    color:var(--tekst-cichy); }
  .multi-btn::after { content:"▾"; flex:none; color:var(--tekst-cichy); }
  .multi-btn:hover { border-color:var(--akcent); }
  .multi-panel { position:absolute; z-index:20; top:calc(100% + 4px); left:0;
                  min-width:100%; padding:6px; background:var(--karta);
                  border:1px solid var(--ramka-mocna); border-radius:9px;
                  box-shadow:0 12px 28px rgba(0,0,0,.45); }
  .multi-panel .opts { max-height:250px; overflow:auto; }
  .multi-search { width:100%; margin-bottom:5px; padding:8px 10px; font-size:13px;
                   font-family:inherit; color:var(--tekst); background:var(--tlo);
                   border:1px solid var(--ramka-mocna); border-radius:7px; }
  .multi-search:focus { border-color:var(--akcent); }
  .opt { display:flex; align-items:center; gap:8px; padding:7px 9px;
          border-radius:7px; font-size:13px; cursor:pointer; white-space:nowrap; }
  .opt:hover { background:var(--wiersz); }
  .opt input { width:15px; height:15px; accent-color:var(--akcent); flex:none; }
  .opt .flag { font-size:15px; }
  .multi-panel.dnipanel { display:flex; gap:0; padding:0; min-width:290px; }
  .dnikol { flex:1 1 0; padding:8px 6px 10px; }
  .dnikol + .dnikol { border-left:1px solid var(--ramka-mocna); }
  .dnikol-tyt { padding:2px 10px 8px; font-size:11px; letter-spacing:.06em;
                 text-transform:uppercase; color:var(--tekst-cichy); }
  @media (max-width:420px) {
    .multi-panel.dnipanel { display:block; min-width:150px;
                             max-height:60vh; overflow:auto; }
    .dnikol + .dnikol { border-left:0; border-top:1px solid var(--ramka-mocna); }
    .dnikol-tyt { position:sticky; top:0; padding-top:6px;
                   background:var(--karta); }
  }
  .opt.sub[data-hit="1"] { background:rgba(45,212,191,.10); }
  .opt.sub { margin-left:16px; padding-left:12px; font-size:12.5px;
              color:var(--tekst-drugi); border-left:1px solid var(--ramka-mocna); }
  .subs { margin:2px 0 6px; }
  .grp[data-zawsze] > .opt:not(.sub) { display:none; }
  .grp[data-zawsze] > .subs { margin:0; }
  .grp[data-zawsze] .opt.sub { margin-left:0; padding-left:0; border-left:0;
                               font-size:13px; color:var(--tekst-drugi); }
  .nomatch { display:none; }
  .opt .n { margin-left:auto; padding-left:12px; color:var(--tekst-cichy); font-size:11px;
             font-weight:700; }
  .switchrow { display:flex; align-items:center; gap:9px; cursor:pointer;
                font-size:13px; color:var(--tekst-drugi); padding:10px 0; }
  .switchrow input { position:absolute; opacity:0; width:0; height:0; }
  .switchonly input { position:absolute; opacity:0; width:0; height:0; }
  .switchonly input:checked ~ .switch { background:var(--akcent); }
  .switchonly input:checked ~ .switch .knob { left:20px; background:var(--akcent-tekst); }
  .switchrow input:checked ~ .switch { background:var(--uwaga); }
  .switchrow input:checked ~ .switch .knob { left:20px; background:var(--akcent-tekst); }
  .timefield { position:relative; }
  .timefield input { padding-right:36px; }
  .timefield input::-webkit-calendar-picker-indicator { display:none;
                                                          -webkit-appearance:none; }
  .timefield input::-webkit-inner-spin-button,
  .timefield input::-webkit-outer-spin-button { display:none;
                                                  -webkit-appearance:none; }
  .timebtn { position:absolute; right:1px; top:1px; bottom:1px; width:34px;
              display:flex; align-items:center; justify-content:center;
              padding:0; cursor:pointer; background:none; border:0;
              border-radius:0 8px 8px 0; color:var(--tekst-cichy); }
  .timebtn svg { width:17px; height:17px; }
  .timebtn:hover { color:var(--akcent); background:var(--wiersz-hover); }
  .timelist { position:absolute; z-index:25; top:calc(100% + 4px); right:0;
               width:100%; min-width:96px; max-height:220px; overflow:auto;
               padding:4px; background:var(--karta); border:1px solid var(--ramka-mocna);
               border-radius:9px; box-shadow:0 12px 28px rgba(0,0,0,.45); }
  .timelist button { display:block; width:100%; padding:6px 8px; cursor:pointer;
                      font:13px/1.4 inherit; text-align:center; color:var(--tekst);
                      background:none; border:0; border-radius:6px; }
  .timelist button:hover { background:var(--wiersz); color:var(--akcent); }
  .timelist button[aria-current="true"] { background:var(--wiersz-hover); color:var(--akcent); }
  .datefield { position:relative; }
  .datefield input { padding-right:38px; }
  .datebtn { position:absolute; top:0; right:0; height:100%; width:36px;
              display:flex; align-items:center; justify-content:center;
              background:none; border:0; color:var(--tekst-drugi); cursor:pointer; }
  .datebtn svg { width:17px; height:17px; }
  .datebtn:hover { color:var(--akcent); }
  .calpop { position:absolute; z-index:30; top:calc(100% + 4px); left:0;
             width:252px; padding:10px; border-radius:12px;
             background:var(--karta); border:1px solid var(--ramka-mocna);
             box-shadow:0 16px 34px rgba(0,0,0,.5); }
  .calnav { display:flex; align-items:center; justify-content:space-between;
             margin-bottom:8px; }
  .calnav b { font-size:13.5px; color:var(--tekst); text-transform:capitalize; }
  .calnav button { width:28px; height:28px; border:0; border-radius:8px;
                    background:var(--wiersz); color:var(--tekst-drugi); font-size:16px;
                    cursor:pointer; line-height:1; }
  .calnav button:hover { background:var(--wiersz-hover); color:var(--akcent-jasny); }
  .calhead, .calgrid { display:grid; grid-template-columns:repeat(7,1fr);
                        gap:2px; }
  .calhead span { text-align:center; font-size:10.5px; color:var(--tekst-cichy);
                   padding:3px 0; }
  .calgrid button { height:30px; border:0; border-radius:8px; cursor:pointer;
                     background:none; color:var(--tekst); font:13px inherit;
                     font-family:inherit; }
  .calgrid button:hover { background:var(--wiersz-hover); }
  .calgrid button[disabled] { color:var(--tekst-wyblakly); cursor:default; background:none; }
  .calgrid button.dzis { box-shadow:inset 0 0 0 1px #2dd4bf55; }
  .calgrid button[aria-current="date"] { background:var(--akcent); color:var(--akcent-tekst);
                                          font-weight:700; }
  .calclear { width:100%; margin-top:8px; padding:7px; border:0;
               border-radius:8px; background:var(--wiersz); color:var(--tekst-drugi);
               font:12.5px inherit; font-family:inherit; cursor:pointer; }
  .calclear:hover { color:var(--tekst); }
  .withunit { position:relative; display:block; }
  .withunit input { padding-right:52px; }
  .unit { position:absolute; right:13px; top:50%; transform:translateY(-50%);
           font-size:12.5px; color:var(--tekst-cichy); pointer-events:none; }
  .reset { cursor:pointer; background:none; border:1px solid var(--ramka-mocna); color:var(--tekst-drugi);
            border-radius:9px; padding:11px 14px; font-size:13px; font-family:inherit;
            flex:0 0 auto; white-space:nowrap; }
  .reset:hover { border-color:var(--akcent); color:var(--tekst); }
  .resetrow { display:flex; align-items:center; justify-content:flex-end;
               flex-wrap:wrap; gap:10px; margin-top:12px; }
  .resetrow .result { order:-1; margin:0 auto 0 0; }
  .szukaj { cursor:pointer; background:var(--akcent-tlo); border:1px solid var(--akcent-mocny);
             color:var(--akcent-jasny); border-radius:9px; padding:11px 16px; font-size:13px;
             font-family:inherit; font-weight:600; flex:0 0 auto;
             white-space:nowrap; }
  .szukaj:hover { background:var(--akcent-ramka); border-color:var(--akcent); }
  .szukaj[disabled] { cursor:default; background:none; border-color:var(--ramka-mocna);
                       color:var(--tekst-wyblakly); font-weight:400; }
  .advanced { margin-top:14px; padding-top:14px; border-top:1px solid var(--ramka); }
  .advanced summary { cursor:pointer; font-size:14px; color:var(--tekst-drugi);
                       list-style:none; display:flex; align-items:center; gap:11px;
                       padding:2px 0; }
  .advanced summary::-webkit-details-marker { display:none; }
  .advanced > summary { pointer-events:none; }
  .advanced > summary .switch { pointer-events:auto; cursor:pointer; }
  .advanced summary:hover { color:var(--tekst); }
  .switch { position:relative; flex:none; width:38px; height:21px; border-radius:11px;
             background:var(--ramka-mocna); transition:background .15s; }
  .knob { position:absolute; top:3px; left:3px; width:15px; height:15px;
           border-radius:50%; background:var(--tekst-drugi); transition:left .15s, background .15s; }
  .advanced[open] > summary .switch { background:var(--akcent); }
  .advanced[open] > summary .knob { left:20px; background:var(--akcent-tekst); }
  .advanced .fields { margin-top:14px; }
  .advanced .field.short { flex:0 1 130px; }
  .badge { background:var(--akcent); color:var(--akcent-tekst); border-radius:10px;
            padding:1px 8px; font-size:11px; font-weight:700; }
  .result { margin-top:8px; font-size:12.5px; color:var(--tekst-cichy); }
  .dateWarn { margin:10px 0 0; padding:8px 12px; border-radius:10px;
               font-size:12.5px; color:var(--uwaga-jasna);
               background:rgba(252,211,77,.10); border:1px solid var(--uwaga-ramka); }
  [hidden] { display:none !important; }
  .empty { margin-top:48px; text-align:center; color:var(--tekst-drugi); }
  footer { margin-top:36px; font-size:12px; color:var(--tekst-cichy); }
  a:focus-visible, button:focus-visible, summary:focus-visible,
  input:focus-visible, details:focus-visible {
    outline:2px solid var(--akcent); outline-offset:2px; border-radius:4px; }
  .opt:has(input:focus-visible) { background:var(--wiersz-hover); outline:2px solid var(--akcent);
                                   outline-offset:-2px; }
  .row:has(.book:focus-visible) { background:var(--wiersz-hover); }
  .row:has(.book:focus-visible)::before { width:3px; }
  .consent { margin:12px 0 0; font-size:12.5px; color:var(--tekst-cichy); max-width:660px; }
  .consent a { color:var(--akcent); }
  footer a { color:var(--tekst-drugi); }
  .row { cursor:pointer; }
  .row .tools button { cursor:pointer; }
  .kup { position:fixed; inset:0; z-index:100; display:flex;
          align-items:center; justify-content:center; padding:20px;
          background:rgba(4,8,17,.72); }
  .kup .panel { width:100%; max-width:470px; background:var(--panel);
                 border:1px solid var(--ramka); border-radius:16px; overflow:hidden;
                 max-height:88vh; display:flex; flex-direction:column; }
  .kup .gora { padding:16px 18px; border-bottom:1px solid var(--ramka);
                display:flex; justify-content:space-between; gap:12px; }
  .kup .gora h3 { margin:0; font-size:16px; font-weight:700; color:var(--tekst); }
  .kup .gora p { margin:3px 0 0; font-size:12px; color:var(--tekst-cichy); }
  .kup .zamknij { background:none; border:0; color:var(--tekst-wyblakly); font-size:20px;
                   cursor:pointer; line-height:1; padding:0 2px; }
  .kup .naglowek { display:flex; justify-content:space-between; align-items:center;
                    padding:10px 18px 4px; font-size:11px; color:var(--tekst-wyblakly);
                    letter-spacing:.04em; }
  .kup .lista { padding:0 12px 8px; overflow:auto; }
  .kup .poz { display:flex; align-items:center; gap:10px; padding:12px 14px;
               border-radius:12px; background:var(--tlo-glebiej); border:1px solid var(--ramka);
               margin-bottom:8px; text-decoration:none; }
  .kup .poz:hover { border-color:var(--akcent); }
  .kup .poz .kto { flex:1; min-width:0; }
  .kup .poz .kto b { display:block; font-size:14px; font-weight:500; color:var(--tekst); }
  .kup .poz .kto span { font-size:11px; color:var(--tekst-wyblakly); }
  .kup .poz .ile { text-align:right; }
  .kup .poz .ile b { display:block; font-size:15px; font-weight:600; color:var(--tekst-tresc); }
  .kup .poz.tania .ile b { color:var(--akcent-jasny); }
  .kup .poz .ile span { font-size:11px; color:var(--tekst-wyblakly); }
  .kup .gwiazdka { color:var(--uwaga-jasna); font-size:14px; line-height:1; }
  .kup .dol { padding:12px 18px 16px; border-top:1px solid var(--ramka);
               color:var(--tekst-wyblakly); font-size:11px; line-height:1.65; }
  .kup .pusto { padding:24px 18px; text-align:center; color:var(--tekst-cichy);
                 font-size:13px; }
  .modal { position:fixed; inset:0; z-index:100; display:flex;
            align-items:center; justify-content:center; padding:20px;
            background:rgba(4,8,17,.72); }
  .modal[hidden] { display:none !important; }
  .sheet { width:100%; max-width:640px; max-height:90vh; overflow:auto;
            background:var(--karta); border:1px solid var(--ramka-mocna); border-radius:16px;
            padding:20px 22px 18px; }
  .sheet header { display:flex; align-items:flex-start; gap:12px;
                   margin-bottom:4px; }
  .sheet h3 { margin:0; font-size:18px; letter-spacing:-.02em; }
  .sheet .kiedy { margin:2px 0 0; font-size:12.5px; color:var(--tekst-cichy); }
  .zamknij { margin-left:auto; flex:none; width:30px; height:30px; border:0;
              border-radius:8px; cursor:pointer; font-size:18px; line-height:1;
              color:var(--tekst-drugi); background:rgba(255,255,255,.06); }
  .zamknij:hover { background:rgba(255,255,255,.13); color:var(--tekst); }
  .zakresy { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0 10px; }
  .zakres { padding:5px 11px; border-radius:20px; border:1px solid var(--ramka-mocna);
             background:transparent; color:var(--tekst-drugi); font:inherit;
             font-size:12.5px; font-weight:600; cursor:pointer; }
  .zakres[aria-pressed="true"] { background:rgba(45,212,191,.16);
                                  border-color:var(--akcent); color:var(--akcent-jasny); }
  .zakres[disabled] { opacity:.34; cursor:not-allowed; }
  .chart { position:relative; }
  .plot { width:100%; height:250px; display:block; touch-action:none; }
  .plot .os { stroke:var(--ramka-mocna); stroke-width:1; stroke-dasharray:3 4; }
  .plot .siatka { fill:var(--tekst-cichy); font-size:11px; }
  .plot .linia { fill:none; stroke:var(--akcent); stroke-width:2.2;
                  stroke-linejoin:round; stroke-linecap:round; }
  .plot .termin { fill:none; stroke:var(--uwaga); stroke-width:2;
                   stroke-linejoin:round; stroke-linecap:round; }
  .plot .termin.ekstrapolacja { stroke-dasharray:6 5; opacity:.6; }
  .plot .termin-punkt { fill:var(--uwaga); }
  .plot .pion, .plot .poziom { stroke:var(--tekst); stroke-width:1;
                                stroke-opacity:.5; }
  .plot .halo { fill:rgba(45,212,191,.18); }
  .plot .halo.termin { fill:rgba(245,200,107,.18); }
  .plot .celT { fill:var(--akcent); stroke:var(--tlo); stroke-width:2; }
  .plot .celP { fill:var(--uwaga); stroke:var(--tlo); stroke-width:2; }
  .plot .cel-slaby { opacity:.4; }
  .tip { position:absolute; top:0; pointer-events:none; z-index:2;
          min-width:132px; padding:8px 11px; border-radius:10px;
          background:var(--tlo-glebiej); border:1px solid var(--ramka-mocna);
          box-shadow:0 6px 20px rgba(0,0,0,.45); font-size:12px; }
  .tip .r { display:flex; align-items:baseline; gap:7px; white-space:nowrap; }
  .tip .r + .r { margin-top:2px; }
  .tip b { font-size:14px; color:var(--akcent-jasny); }
  .tip b.t { color:var(--uwaga); }
  .tip span { color:var(--tekst-cichy); }
  .tip em { display:block; margin-top:4px; font-style:normal; font-size:11px;
             color:var(--tekst-cichy); }
  .legenda { display:flex; flex-wrap:wrap; gap:14px; margin:8px 0 0;
              font-size:12px; color:var(--tekst-cichy); }
  .legenda i { display:inline-block; width:14px; height:2px; margin-right:6px;
                vertical-align:middle; }
  .skad { margin:12px 0 0; font-size:12px; color:var(--tekst-cichy); }
  .niepelny { margin:6px 0 0; font-size:12px; color:var(--tekst-cichy); }
  .pusto { padding:34px 0; text-align:center; color:var(--tekst-cichy); font-size:13.5px; }
  .zgoda { position:fixed; left:0; right:0; bottom:0; z-index:90;
            background:var(--tlo-glebiej); border-top:1px solid var(--ramka-mocna);
            box-shadow:0 -8px 28px rgba(0,0,0,.45); }
  .zgoda[hidden] { display:none !important; }
  .zgoda-tresc { max-width:1400px; margin:0 auto; padding:16px 24px;
                  display:flex; align-items:center; gap:20px;
                  flex-wrap:wrap; }
  .zgoda p { margin:0; flex:1 1 420px; font-size:13px; color:var(--tekst-tresc);
              line-height:1.5; }
  .zgoda p b { color:var(--tekst); }
  .zgoda a { color:var(--akcent); }
  .zgoda-guziki { display:flex; gap:10px; flex:0 0 auto; }
  .zgoda button { padding:10px 18px; border:1px solid var(--ramka-mocna);
                   border-radius:9px; font:inherit; font-size:13.5px;
                   font-weight:700; cursor:pointer; white-space:nowrap; }
  .zgoda .tak { background:var(--akcent); border-color:var(--akcent); color:var(--akcent-tekst); }
  .zgoda .tak:hover { background:var(--akcent-jasny); }
  .zgoda .nie { background:transparent; color:var(--tekst-tresc); }
  .zgoda .nie:hover { background:rgba(255,255,255,.07); color:var(--tekst); }
  @media (max-width:560px) {
    .zgoda-tresc { padding:14px 16px; gap:12px; }
    .zgoda-guziki { width:100%; }
    .zgoda button { flex:1 1 0; }
  }
  .nojs { margin:26px 0 0; padding:12px 16px; border-radius:10px;
           background:var(--uwaga-tlo); border:1px solid var(--uwaga-ramka); color:var(--uwaga-tekst);
           font-size:13px; }
  @media (max-width:560px) {
    h1 { font-size:29px; }
    .resetrow .result { order:0; margin:0; width:100%; text-align:right; }
    .topleft, .logo { top:10px; left:10px; }
    .topright { top:10px; right:10px; gap:6px; }
    .jezyk-podpowiedz { top:60px; left:10px; right:10px;
                         font-size:12.5px; padding:7px 8px 7px 11px; }
    .topleft { gap:6px; }
    .logo { padding:7px; gap:0; }
    .logotext { position:absolute; width:1px; height:1px; overflow:hidden;
                 clip-path:inset(50%); white-space:nowrap; }
    .hero { padding:62px 0 34px; }
    .strona-kraju .hero { padding-top:62px; }
    .grid { grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr)); }
    .country > .grid { padding:10px; }
    .row { grid-template-columns:1fr auto;
            grid-template-areas:"when price" "meta price" "days price";
            align-items:start; gap:2px 10px; padding:10px 12px; }
    .when { min-width:0; padding-top:5px; }
    .meta { margin-top:0; min-width:0; white-space:normal; }
    .pricebox { align-self:center; display:grid; gap:3px 6px;
                 grid-template-columns:1fr auto;
                 grid-template-areas:"cena cena" "min hist";
                 align-items:center; }
    .price { grid-area:cena; min-width:0; padding:5px 10px; }
    .was { grid-area:min; font-size:10.5px; text-align:right; }
    .hist { grid-area:hist; padding:3px 5px; }
    .tools { gap:3px; }
    .watch svg, .hist svg { width:14px; height:14px; }
    .hist span { position:absolute; width:1px; height:1px; overflow:hidden;
                  clip-path:inset(50%); white-space:nowrap; }
    .carrier { display:none; }
  }
  @media (max-width:400px) {
    .row { padding:10px; }
    .when { font-size:13px; white-space:normal; }
    .price { font-size:14px; padding:5px 8px; }
  }
.boczne { display: grid; gap: 12px; margin: 0 0 18px; }
@media (min-width: 700px) { .boczne { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1300px) {
  main.wrap { max-width: none; }
  .uklad {
    display: grid; justify-content: center; column-gap: 18px;
    align-items: start;
    grid-template-columns: minmax(180px, 240px) minmax(900px, 1400px)
                           minmax(180px, 240px);
  }
  .boczne { display: contents; }
  .boczna { position: static; width: auto; top: auto; margin: 0; }
  .uklad > .filters { grid-column: 2; grid-row: 1; }
  .boczna { margin-top: var(--odstep-kraju); }
  .boczna[data-boczna="obnizki"] { grid-column: 1; grid-row: 2; }
  #countries                     { grid-column: 2; grid-row: 2; }
  .boczna[data-boczna="nowe"]    { grid-column: 3; grid-row: 2; }
  .uklad > .signup  { grid-column: 2; grid-row: 3; }
  .uklad > footer   { grid-column: 2; grid-row: 4; }
}
@media (max-width: 1299px) {
  .uklad { display: flex; flex-direction: column; }
  .uklad > .filters { order: 0; }
  #countries { order: 1; }
  .boczne { order: 2; margin-top: 18px; }
  .uklad > .signup { order: 3; }
  .uklad > footer { order: 4; }
}
.boczna {
  background: var(--karta, #161b22); border: 1px solid var(--ramka, #30363d);
  border-radius: 10px; padding: 10px 14px;
}
.boczna-tytul { font-size: .95rem; font-weight: 600; margin: 0; padding: 2px 0; }
.boczna-opis { margin: 2px 0 8px; font-size: .82rem; opacity: .72; }
.boczna-lista { list-style: none; margin: 0; padding: 0; }
.bwpis { padding: 0; border-top: 1px solid var(--wiersz); }
.bwpis:first-child { border-top: 0; }
.bpodpis { display: block; font-size: .82rem; font-weight: 600;
           color: var(--tekst); opacity: .92; padding: 7px 0 1px;
           letter-spacing: .01em; }
.boczna .row { display: block; padding: 4px 0 8px; }
.boczna-pusto { margin: 6px 0 2px; font-size: .82rem; opacity: .7; }