body{margin:0}
.ot{background:#f2eee4 url("../images/fs/paper-grain.png");color:#171913;font-family:"Archivo",sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.ot *{box-sizing:border-box}
.ot a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
.ot a:hover{color:#9b3e20}
.ot img{display:block;width:100%;height:100%;object-fit:cover}
.ot :focus-visible{outline:3px solid #9b3e20;outline-offset:4px}
.shell{width:min(100% - 32px,1328px);margin-inline:auto}
.kick{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9b3e20;margin:0}
.dot{width:8px;height:8px;border-radius:50%;background:#b8f46f;box-shadow:0 0 0 3px rgba(184,244,111,.25);display:inline-block}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid #171913}
.btn-solid{background:#171913;color:#fbfaf5!important}
.btn-signal{background:#b8f46f;border-color:#b8f46f;color:#081b23!important}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(23,25,19,.22);border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;background:rgba(251,250,245,.6)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.layout{display:grid;grid-template-columns:minmax(0,720px) 320px;justify-content:center;gap:96px;align-items:start}
.prose{max-width:720px;font-family:"Source Serif 4",Georgia,serif;font-size:19px;line-height:1.7;color:#24261f}
:where(.prose) p{margin:0 0 1.15em}
:where(.prose) h2{font-family:"Archivo",sans-serif;font-size:clamp(26px,2vw,32px);line-height:1.18;letter-spacing:-.012em;font-weight:800;margin:2.2em 0 .7em;color:#171913;scroll-margin-top:120px}
:where(.prose) h3{font-family:"Archivo",sans-serif;font-size:21px;line-height:1.3;font-weight:700;margin:1.6em 0 .5em;color:#171913}
:where(.prose) ul,:where(.prose) ol{margin:0 0 1.2em;padding-left:1.2em}
:where(.prose) li{margin-bottom:.45em}
:where(.prose) a{color:#9b3e20}
.fig{margin:1.6em 0;font-family:"Archivo",sans-serif}
.fig figcaption{font-size:14px;color:#4f524a;margin-top:10px;line-height:1.5}
.fig .media{border-radius:16px;overflow:hidden;background:#e8e1d3}
.gal2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gal3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.box{font-family:"Archivo",sans-serif;font-size:16px;line-height:1.55;background:#fbfaf5;border-radius:18px;padding:24px 26px;margin:1.8em 0;box-shadow:0 1px 0 rgba(23,25,19,.06),0 10px 30px -20px rgba(23,25,19,.35)}
.box-tip{background:#e8e1d3;box-shadow:none}
.box-warn{background:#081b23;color:#e6ece9;box-shadow:none}
.box-warn .kick{color:#b8f46f}
.tbl{width:100%;border-collapse:collapse;font-family:"Archivo",sans-serif;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(23,25,19,.12);vertical-align:top}
.tbl th{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4f524a}
.tbl td:first-child{font-weight:700;white-space:nowrap}
.ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed rgba(23,25,19,.28);border-radius:14px;color:#4f524a;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:rgba(232,225,211,.45)}
.toc{list-style:none;margin:0;padding:0;counter-reset:t;font-size:14.5px}
.toc li{counter-increment:t;border-top:1px solid rgba(23,25,19,.12)}
.toc a{display:flex;gap:10px;padding:9px 0;text-decoration:none;line-height:1.35}
.toc a::before{content:counter(t,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:11px;color:#9b3e20;padding-top:3px}
.toc a[aria-current="true"]{font-weight:700;color:#9b3e20}
.check{list-style:none;padding:0!important;margin:0;display:grid;gap:10px;font-family:"Archivo",sans-serif;font-size:16px}
.check li{display:flex;gap:12px;align-items:flex-start;margin:0!important}
.check .tick{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid #9b3e20;margin-top:1px}
.faq details{border-bottom:1px solid rgba(23,25,19,.18);padding:16px 0;font-family:"Archivo",sans-serif}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#171913}
.faq summary::after{content:"+";font-family:"IBM Plex Mono",monospace;color:#9b3e20}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:10px 0 0;font-size:16px;color:#4f524a}
.card{background:#fbfaf5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 1px 0 rgba(23,25,19,.08),0 10px 30px -18px rgba(23,25,19,.35);transition:transform .2s ease}
.card:hover{transform:translateY(-3px)}
.card-media{overflow:hidden;background:#e8e1d3}
.card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.ot .more{color:#9b3e20;text-decoration:none;font-weight:700;font-size:15px}
.foot h3{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b8f46f;margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.foot a{text-decoration:none;color:#e6ece9}
.ot .foot a:hover{color:#b8f46f}
.live a{color:#e6ece9;text-decoration:none}
.ot .live a:hover{color:#b8f46f}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.split2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;margin:1.6em 0}
@media (max-width:1000px){
 .foot-grid{grid-template-columns:1fr 1fr}
 .layout{grid-template-columns:1fr;gap:32px}
 .aside{position:static!important}
 .nav-links{display:none!important}
 .menu-btn{display:inline-flex!important}
}
@media (max-width:600px){
 .prose{font-size:18px}
 .gal3{grid-template-columns:1fr 1fr}
 .live-links{display:none!important}
 .split2,.foot-grid{grid-template-columns:1fr}
}
.author{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center}
.toc-m{display:none}
@media (max-width:1000px){.toc-m{display:block}.aside nav[aria-label="Spis treści"]{display:none}.aside .ad{display:none}}
@media (max-width:600px){.author{grid-template-columns:1fr;justify-items:start}.tbl td:first-child{white-space:normal}.gal3{grid-template-columns:1fr 1fr}.gal3 > :first-child{grid-column:span 2}.toc a{min-height:44px;align-items:center}.ot .chip{min-height:44px}}
@media (max-width:1120px){.nav-links{display:none!important}.menu-btn{display:inline-flex!important}}
@media (max-width:600px){header nav[aria-label="Wersja językowa"]{display:none!important}}

/* v3 QA: FAQ grid, skip link, cele dotykowe */
.faq-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:24px 64px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#171913;color:#fbfaf5!important;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.nav a{min-height:44px;display:inline-flex;align-items:center}
.live a{min-height:32px;display:inline-flex;align-items:center}
.foot ul a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr!important}}
@media (max-width:600px){.foot ul a{min-height:44px}nav[aria-label="Okruszki"] a{display:inline-flex;align-items:center;min-height:32px}}

/* v4 QA: pozostałe cele dotykowe */
.foot nav[aria-label="Wersja językowa"] a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.ot .btn{min-height:46px!important}
@media (max-width:600px){ol li a[style*="Czytaj wpis"],.more{min-height:44px;display:inline-flex;align-items:center}}
@media (max-width:420px){.live .lt{display:none}}
@media (max-width:1120px){.live-links{display:none!important}}

.ot .night .more{border-color:#b8f46f;color:#b8f46f}.ot .night .card:hover .more,.ot .night .more:hover{background:#b8f46f;color:#081b23}
/* v5 — przyciski CTA i zdjęcia bez rozsypki */
.ot .more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:40px;padding:0 16px;margin-top:auto;border:1.5px solid #9b3e20;border-radius:999px;font-size:14px;font-weight:700;line-height:1.1;color:#9b3e20;background:transparent;text-decoration:none!important;transition:background .2s ease,color .2s ease}
.ot .more:hover,.ot .card:hover .more{background:#9b3e20;color:#fbfaf5}
.ot .card-body > .more{margin-top:auto}
.ot .card-body{flex:1}
.ot .tile .more,.ot .dest-cover .more{margin-top:8px;background:#b8f46f;border-color:#b8f46f;color:#081b23}
.ot .tile:hover .more,.ot .dest-cover .more:hover{background:#fbfaf5;border-color:#fbfaf5;color:#081b23}
.ot .dark .more,.ot [style*="#081b23"] .card .more{border-color:#b8f46f;color:#b8f46f}
.fitp{position:relative;overflow:hidden;isolation:isolate}
.fit-bg{position:absolute;inset:-30px;background-position:center;background-size:cover;filter:blur(22px) saturate(1.05) brightness(.72);pointer-events:none;z-index:0}
.ot img.fit{object-fit:contain!important;z-index:1}
.ot img.fit-s{position:relative}
.ot .tile .shade,.ot .tile .copy,.ot .dest-cover .shade,.ot .dest-cover .copy,.ot .hero-main .shade,.ot .hero-main .copy{z-index:2}
@media (min-width:1101px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.ot .more{min-height:44px}}

/* v7 — złote przyciski (spójnie z HOME) */
.btn-signal{background:#c99a2e!important;border-color:#c99a2e!important;color:#171913!important}
.btn-signal:hover{background:#e0b04a!important;border-color:#e0b04a!important}
.ot .tile .more,.ot .dest-cover .more{background:#c99a2e;border-color:#c99a2e;color:#171913}
.ot .btn,.ot .more{border-radius:0!important}

/* v10 — większy, wyraźniejszy pasek „Na żywo” */
.ot .live{font-size:15px!important;background:linear-gradient(90deg,#06161d,#0b2530)!important;border-bottom:1px solid rgba(184,244,111,.18)}
.ot .live > .shell{min-height:54px!important;gap:20px!important}
.ot .live > .shell > a:first-child{gap:12px!important;font-size:15px}
.ot .live > .shell > a:first-child strong{display:inline-flex;align-items:center;padding:4px 10px;background:#e0312b;color:#fff!important;letter-spacing:.08em;font-size:13px}
.ot .live > .shell > a:first-child > span:not(.dot) > span[style]{display:inline-flex;align-items:center;padding:3px 10px;margin-left:4px;border:1px solid rgba(184,244,111,.45);background:rgba(184,244,111,.08);color:#b8f46f!important;font-weight:600}
.ot .live .dot{width:11px;height:11px;background:#e0312b;box-shadow:0 0 0 0 rgba(224,49,43,.6);animation:livepulse 1.8s ease-out infinite}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(224,49,43,.55)}70%{box-shadow:0 0 0 9px rgba(224,49,43,0)}100%{box-shadow:0 0 0 0 rgba(224,49,43,0)}}
@media (prefers-reduced-motion:reduce){.ot .live .dot{animation:none}}
@media (max-width:420px){.ot .live > .shell > a:first-child{gap:8px!important;font-size:13px;min-width:0}.ot .live > .shell > a:first-child strong{padding:3px 7px;font-size:12px}.ot .live > .shell > a:first-child > span[aria-hidden]{display:none}.ot .live > .shell > a:first-child > span:not(.dot) > span[style]{padding:2px 6px}}
.ot .live-links{gap:8px!important}
.ot .live-links a{min-height:36px!important;padding:0 14px;border:1px solid rgba(230,236,233,.22);font-weight:600;font-size:14px}
.ot .live-links a:hover{border-color:#c99a2e;color:#e0b04a!important}

/* v14 — pasek postępu czytania (CSS scroll-driven, bez JS) */
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:#c99a2e;transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.read-progress{animation:readp linear both;animation-timeline:scroll(root)}}
@supports not (animation-timeline: scroll()){.read-progress{display:none}}
@keyframes readp{to{transform:scaleX(1)}}

/* v15 WPIS — większy pasek autora, film YouTube, zoom i pełny ekran zdjęć */
.post-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;margin-top:6px;padding:18px 22px;border:1px solid #eadfce;border-radius:16px;background:#fbfaf5;font-size:16px;color:#4f524a}
.post-meta-bar > a{gap:16px!important}
.post-meta-bar time{color:#171913;font-weight:600}
.pm-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;display:block;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 4px #b8932a}
.yt{position:relative;display:block;aspect-ratio:16/9;margin:1.2em 0 1.6em;border-radius:16px;overflow:hidden;background:#0b2440}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.yt:hover img{transform:scale(1.04)}
.yt-play{position:absolute;left:50%;top:50%;width:76px;height:54px;margin:-27px 0 0 -38px;border-radius:14px;background:#e0312b;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.yt-play::after{content:"";position:absolute;left:30px;top:15px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.yt:hover .yt-play{background:#ff3b30}
.yt-label{position:absolute;left:14px;top:14px;padding:5px 10px;background:rgba(11,36,64,.85);color:#fff;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em}
.zoomable{position:relative;display:block;overflow:hidden;border-radius:inherit;cursor:zoom-in;height:100%}
.zoomable img{transition:transform .5s ease}
.zoomable:hover img{transform:scale(1.05)}
.zoom-ico{position:absolute;right:10px;top:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(11,36,64,.75);color:#fff;font-size:16px;opacity:0;transition:opacity .2s}
.zoomable:hover .zoom-ico,.zoomable:focus .zoom-ico{opacity:1}
.lightbox{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:24px}
.lightbox:target{display:flex}
.lb-bg{position:absolute;inset:0;background:rgba(6,16,28,.92)}
.lightbox figure{position:relative;margin:0;max-width:min(1400px,96vw);max-height:90vh;display:flex;flex-direction:column;gap:10px}
.lightbox img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:8px}
.lightbox figcaption{color:#e6ece9;font-size:14px;text-align:center}
.lb-close{position:absolute;top:16px;right:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#b8932a;color:#0b2440!important;font-size:28px;font-weight:700;text-decoration:none;z-index:2}
@media (hover:none){.zoom-ico{opacity:1}}
@media (max-width:600px){.post-meta-bar{font-size:15px;padding:14px 16px}.pm-avatar{width:56px;height:56px}}

/* v15 — wspólna paleta i przyklejony pasek jak na HOME/BLOG/TURYSTYKA */
:root{--navy:#0b2440;--gold:#b8932a;--gold-h:#cfa93c}
.topbar{position:sticky;top:0;z-index:40}
.dot-live{background:#e0312b!important;box-shadow:0 0 0 3px rgba(224,49,43,.22)!important}
footer.foot,.foot,.ot .live{background:var(--navy)!important}
.ot .btn-signal{background:var(--gold)!important;border-color:var(--gold)!important;color:#0b2440!important}
.ot .btn-solid{background:var(--navy)!important;border-color:var(--navy)!important}
.read-progress{z-index:60}

/* v16 WPIS — nagłówek wyśrodkowany, okruszki, wsparcie */
.support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.support-card{display:flex;align-items:center;gap:28px;padding:30px 32px;border-radius:18px;background:#fafbfc;border:1px solid #e6e9ee;min-height:260px}
.support-gold{background:#efe2bf!important;border-color:#d9c58f!important}
.support-copy{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.avatar{width:180px;height:180px;flex:none;border-radius:16px;overflow:hidden;background:#e8e1d3}
.coffee{display:block;width:260px;margin-top:6px;border-radius:999px;overflow:hidden}
@media (max-width:900px){.support{grid-template-columns:1fr}.support-card{flex-direction:column;align-items:flex-start;min-height:0}}
@media (max-width:560px){.avatar{width:120px;height:120px}.coffee{width:220px}}
.coffee-big{display:block;width:min(100%,300px);border-radius:999px;overflow:hidden;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.coffee img,.coffee-big img{filter:none}
.post-head{align-items:center;text-align:center}
.post-head h1{margin-inline:auto!important}
.post-head > p{margin-inline:auto!important}
.post-meta-bar{justify-content:center}
.post-meta-bar > a{text-align:left}
.post-head h1{max-width:26ch!important}
.crumbs-post{font-size:16px!important;color:#4f524a}
.crumbs-post ol{justify-content:center}
.crumbs-post a{color:#0b2440!important;font-weight:600;border-bottom:1.5px solid transparent}
.crumbs-post a:hover{border-bottom-color:#b8932a}
.crumbs-post li[aria-current]{color:#9a5a12!important;font-weight:700}
.crumbs-post span[aria-hidden]{color:#b8932a!important}

.coffee-inline{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:0 0 1.8em;padding:20px 22px;border-radius:16px;background:#efe2bf;border:1px solid #d9c58f}
.ci-copy{display:flex;flex-direction:column;gap:6px;flex:1 1 300px}
.ci-copy .kick{margin:0}
.ci-title{margin:0!important;font-weight:800;font-size:19px;color:#0b2440;font-family:"Archivo",sans-serif}
.coffee-inline .coffee{width:220px;flex:none;margin:0}
@media (max-width:560px){.coffee-inline .coffee{width:200px}}

.see-more{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.see-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.see-more a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:64px;padding:14px 16px;background:#fbfaf5;border:1px solid #eadfce;border-left:3px solid #b8932a;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.35;color:#0b2440}
.see-more a:hover{background:#fff;border-color:#b8932a}
.sm-arrow{color:#9a5a12;flex:none}
@media (max-width:1100px){.see-more ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.see-more ul{grid-template-columns:1fr}}


/* v19b TABLET — te same zasady dla 761–1100 px */
@media (max-width:1100px){
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .hero-main{aspect-ratio:auto!important;height:auto!important;min-height:260px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-width:0!important}
 .ot .tile > img,.ot .banner > img,.ot .dest-cover > img,.ot .hero-main > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 .ot .tile > .shade,.ot .banner > .shade,.ot .dest-cover > .shade,.ot .hero-main > .shade{position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(8,27,35,.2) 0%,rgba(8,27,35,.85) 75%)!important}
 .ot .tile > .copy,.ot .banner > .copy,.ot .dest-cover > .copy,.ot .hero-main > .copy{position:relative!important;inset:auto!important;z-index:2!important;padding:56px 20px 20px!important;justify-content:flex-end!important;max-width:none!important}
 .now-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:0!important;border:1px solid rgba(251,250,245,.14)!important}
 .now-list > li{flex:none!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(251,250,245,.14)!important}
 .now-list > li + li .nt{border-left:0!important}
 .slider{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:16px!important}
 .slide{min-width:0!important}
 .slider-nav{display:none!important}
 .onpage-wrap{position:static!important}
 .onpage,.onpage-sticky{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important}
}
@media (min-width:761px) and (max-width:1100px){.ot .grid-3:has(> .tile){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.now-list{grid-template-columns:1fr!important}}
/* v19 MOBILE — bez ukrytych slajdów, tekst zawsze mieści się w kaflach, pasek na żywo w ekranie */
@media (max-width:600px){
 .ot .live .lt,.ot .live > .shell > a:first-child > span[aria-hidden]{display:none!important}
 .ot .live > .shell{overflow:hidden;gap:10px!important;min-height:46px!important}
 .ot .live > .shell > a:first-child{min-width:0;gap:8px!important;font-size:13px!important;letter-spacing:.02em!important}
 .ot .live > .shell > a:first-child strong{font-size:12px!important;padding:3px 8px!important}
 .ot .live > .shell > a:first-child > span:not(.dot) > span[style]{padding:2px 6px!important;font-size:12px}
}
@media (max-width:760px){
 /* slajdy -> zwykła kolumna */
 .now-list,.cards3,.gal4,.slider,.lslider-track{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin-inline:0!important}
 .now-list > li,.cards3 > *,.gal4 > *,.slider > li,.lslider-track > li{flex:none!important;width:auto!important;margin:0!important}
 .gal4{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .now-list{gap:0!important;border:1px solid rgba(251,250,245,.14)!important}
 .now-list > li{border:0!important}
 .now-list > li + li .nt{border-left:0!important;border-top:1px solid rgba(251,250,245,.14)!important}
 .nt{flex-direction:row!important;align-items:center!important}
 .slider{gap:16px!important}
 .slider-nav{display:none!important}
 .cards3{gap:16px!important}
 .onpage-wrap{position:static!important}
 .onpage,.onpage-sticky{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:4px 14px!important}
 /* kafle ze zdjęciem: wysokość rośnie z treścią */
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .hero-main{aspect-ratio:auto!important;height:auto!important;min-height:280px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
 .ot .tile > img,.ot .banner > img,.ot .dest-cover > img,.ot .hero-main > img,.ot .hero > .tile > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
 .ot .tile > .shade,.ot .banner > .shade,.ot .dest-cover > .shade,.ot .hero-main > .shade,.ot .hero > .tile > .shade{display:block!important;position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(8,27,35,.25) 0%,rgba(8,27,35,.85) 70%)!important}
 .ot .tile > .copy,.ot .banner > .copy,.ot .dest-cover > .copy,.ot .hero-main > .copy,.ot .hero > .tile > .copy{position:relative!important;inset:auto!important;z-index:2!important;padding:56px 18px 20px!important;justify-content:flex-end!important;gap:8px!important;max-width:none!important}
 .ot .tile .h3,.ot .banner .h3,.ot .dest-cover .h2{font-size:20px!important;line-height:1.2!important}
 .ot .hero-main h2,.ot .hero-big h2{font-size:24px!important;line-height:1.15!important}
 .ot .tile .tile-desc,.ot .banner .tile-desc{font-size:14px!important}
 .ot .tile .btn,.ot .tile .more,.ot .banner .more,.ot .dest-cover .more,.ot .hero-main .btn{white-space:normal!important;text-align:left}
 .ot .hero-side,.ot .hero-side2,.ot .row3,.ot .grid-2,.ot .grid-3,.ot .grid-4{grid-template-columns:1fr!important;grid-template-rows:none!important}
 .ot .h2{overflow-wrap:anywhere}
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .card,.ot .grid-3 > *,.ot .grid-4 > *,.ot .grid-2 > *{min-width:0!important;max-width:100%!important}
}

/* v22: dlugie tabele nie rozpychaja kolumny tresci */
.prose,.prose > *{min-width:0;max-width:100%}
.prose .tbl td,.prose .tbl th{overflow-wrap:anywhere}