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}
.h2{font-size:clamp(28px,2.4vw,40px);line-height:1.12;letter-spacing:-.015em;font-weight:800;margin:0}
.h3{font-size:20px;line-height:1.25;font-weight:700;margin:0}
.h4{font-size:17px;line-height:1.3;font-weight:700;margin:0}
.lead{color:#4f524a;margin:0;max-width:70ch}
.sec{padding-block:72px;border-top:1px solid rgba(23,25,19,.18)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:28px}
.sec-head > div{display:flex;flex-direction:column;gap:10px;max-width:800px}
.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:8px;flex:1}
.more{font-weight:700;font-size:15px;margin-top:auto;padding-top:6px;color:#9b3e20}
.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;background:transparent;cursor:pointer;color:#171913}
.btn-solid{background:#171913;color:#fbfaf5!important}
.btn-solid:hover{background:#9b3e20;border-color:#9b3e20}
.btn-signal{background:#b8f46f;border-color:#b8f46f;color:#081b23!important}
.btn-ghost-light{border-color:rgba(251,250,245,.6);color:#fbfaf5!important}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.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)}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.feat-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr);gap:24px;align-items:start}
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.post .card-media{aspect-ratio:1.78}
.posts-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.posts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.post .h3{font-size:17px}
.tile{position:relative;border-radius:18px;overflow:hidden;color:#fbfaf5;text-decoration:none;display:block}
.tile .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,35,.08) 25%,rgba(8,27,35,.9) 100%)}
.tile .copy{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.tile .kick{color:#b8f46f}
.split-a{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px}
.split-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}
.gal{display:grid;grid-template-columns:1.2fr .8fr 1.2fr 1.2fr 1.2fr;grid-auto-rows:190px;gap:12px}
.gal > div{aspect-ratio:auto!important;height:100%}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}
.night{background:#081b23;color:#fbfaf5}
.night .lead{color:#c9d3d1}
.list-check{margin:0;padding:0;list-style:none;max-width:82ch;display:flex;flex-direction:column;gap:12px}
.list-check li{padding-left:28px;position:relative}
.list-check li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:2px;background:#9b3e20}
.faq details{border-bottom:1px solid rgba(23,25,19,.18);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::after{content:"+";font-family:"IBM Plex Mono",monospace;color:#9b3e20}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:#4f524a;max-width:75ch}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 4px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:#fbfaf5;border-radius:14px;overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:12px 16px;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}
@media (max-width:900px){
 .hero,.feat-row,.split-a,.split-b{grid-template-columns:1fr}
 .gal{grid-template-columns:1fr 1fr}
 .posts-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gal > div{aspect-ratio:auto!important;width:100%}
 .gal > :last-child{grid-column:span 2}
 .hero-side{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}
 .nav-links{display:none!important}
 .menu-btn{display:inline-flex!important}
 .sec{padding-block:52px}
}
@media (max-width:560px){.hero-side,.posts-4,.posts-2{grid-template-columns:1fr}}
.ot .tile,.ot .tile:hover,.ot .hero-main,.ot .dest-cover{color:#fbfaf5}
.ot .tile .h3,.ot .tile h3{color:#fbfaf5;text-shadow:0 1px 12px rgba(8,27,35,.45)}
.ot .tile img,.ot .card-media img{transition:transform .5s ease}
.ot .tile:hover img,.ot .card:hover .card-media img{transform:scale(1.035)}
.ot .more{color:#9b3e20;text-decoration:none}
.ot .more:hover{text-decoration:underline}
.ot .faq .kick{color:#9b3e20;margin:0}

/* wspólne: pasek na żywo, stopka, dotyk, responsywność (v2) */
.live a{color:#e6ece9;text-decoration:none}
.ot .live a:hover{color:#b8f46f}
.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:4px;font-size:15px}
.foot ul a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:#e6ece9}
.ot .foot a:hover{color:#b8f46f}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.ot .chip{min-height:44px}
@media (max-width:1120px){.nav-links{display:none!important}.menu-btn{display:inline-flex!important}.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.live-links{display:none!important}.foot-grid{grid-template-columns:1fr}.foot ul a{min-height:44px}}
@media (max-width:560px){.hero > .tile{min-height:480px!important}.hero > .tile .copy{padding:20px!important}.gal{grid-auto-rows:160px}}
@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}}
@media (min-width:561px) and (max-width:1100px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-3 .card-body{padding:14px 14px 18px}}
@media (max-width:560px){.grid-3{grid-template-columns:1fr}}

.ot .night .more{border-color:#b8f46f;color:#b8f46f}.ot .night .card:hover .more,.ot .night .more:hover{background:#b8f46f;color:#081b23}
@media (max-width:560px){.feat-row .posts-4{grid-template-columns:1fr 1fr!important}.feat-row .posts-4 .card-body{padding:12px 12px 14px}}
/* 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}}
.feat-row{align-items:stretch}
@media (max-width:560px){.hero > .tile{min-height:0!important;display:flex!important;flex-direction:column;background:#081b23}.hero > .tile > img{position:relative!important;inset:auto!important;aspect-ratio:1.5;height:auto!important}.hero > .tile > .shade{display:none}.hero > .tile > .copy{position:relative!important;inset:auto!important}}

/* 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}

/* v13 — wzorce z HOME: zdjęcia na cały blok, etykiety na zdjęciach, równy rytm, kropka na żywo */
.ot .tile .kick,.ot .hero-main .kick{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 9px;background:rgba(8,27,35,.78);color:#fbfaf5!important;letter-spacing:.08em}
main > section{padding-block:36px!important;border-top:0!important;margin-block:0!important}
main > section:first-child{padding-top:28px!important;padding-bottom:20px!important}
main > section.night{padding-block:64px!important;margin-block:36px!important}
main > section:last-child{padding-bottom:88px!important}
.ot .sec-head .kick{position:relative;padding-left:26px}
.ot .sec-head .kick::before{content:"";position:absolute;left:0;top:50%;width:18px;height:2px;background:#c99a2e}
.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}
@media (max-width:760px){main > section{padding-block:26px!important}main > section.night{padding-block:44px!important;margin-block:26px!important}}

/* v14 BLOG — układ oryginału, kolorystyka oryginału w nowej formie */
.cta-box{background:#fafbfc;border:1px solid #e6e9ee;border-radius:16px;padding:28px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.white-box{background:#fff;border:1px solid #e6e9ee;border-radius:16px;display:flex;flex-direction:column;gap:10px}
.gal5{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gal5 li{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#e8e1d3}
.hero-side2{grid-template-rows:1fr 1fr!important}
/* 1.1.0: tablet (561–1000px) — 2 kafle obok siebie, bez pustej 3. kolumny i pustego 2. wiersza */
@media (min-width:561px) and (max-width:1000px){.hero-side.hero-side2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important}}
.hero-big{min-height:460px}
.banner{display:block;aspect-ratio:4.2;min-width:0;border-radius:16px}
@media (max-width:1280px){.banner{aspect-ratio:3}}
.banner .copy{padding:24px 28px!important;max-width:760px}
.tile-desc{font-size:15px;line-height:1.5;color:#e6ece9}
.ot .tile .kick{background:#b99734!important;color:#171913!important}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-2 > .tile{aspect-ratio:2.4;min-height:0;min-width:0}
@media (max-width:1280px){.grid-2 > .tile{aspect-ratio:1.9}}
.grid-2.small{gap:14px;margin-top:14px}
.grid-2.small > .tile{aspect-ratio:1.3;min-height:0}
.grid-2.small .h3{font-size:16px}
.vids .video{position:relative;display:block;aspect-ratio:1.78;border-radius:14px;overflow:hidden;background:#081b23}
.video .play{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;background:rgba(8,27,35,.82);border-radius:10px}
.video .play::after{content:"";position:absolute;left:26px;top:12px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fbfaf5}
.video:hover .play{background:#e0312b}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.cols2 .col{display:flex;flex-direction:column;gap:14px;min-width:0}
.cols2 .banner{aspect-ratio:2.2}
.plist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.plist a{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;padding:10px;background:#fafbfc;border:1px solid #e6e9ee;border-radius:14px;text-decoration:none;color:#171913}
.plist a:hover{border-color:#b99734}
.plist-img{display:block;aspect-ratio:1.78;border-radius:10px;overflow:hidden;background:#e8e1d3}
.plist-txt{display:flex;flex-direction:column;gap:6px}
.plist-txt strong{font-size:15px;line-height:1.35}
.plist-more{font-size:13px;font-weight:700;color:#9b3e20}
.lslider{margin-top:20px;padding:26px;border-radius:18px;background:#0f1726;color:#fbfaf5}
.lslider-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.lslider-head .kick{color:#cda52d}
.lslider-head .h3{color:#fbfaf5}
.lslider-nav{display:flex;gap:8px}
.lslider-nav a{width:44px;height:44px;border-radius:50%;background:#cda52d;color:#0f1726!important;display:flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none}
.lslider-track{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.lslider-track li{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}
.lslider-track a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:14px;overflow:hidden;color:#171913;text-decoration:none}
.ls-img{display:block;aspect-ratio:1.78;background:#e8e1d3}
.ls-body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.ls-body strong{font-size:16px;line-height:1.35}
.ls-more{margin-top:auto;font-size:14px;font-weight:700;color:#9b3e20}
.faq-box{background:#f7f3ec;border:1px solid #eadfce;border-radius:20px;padding:32px}
.note{margin:0 auto;padding:10px 14px;border-left:3px solid #c99a2e;background:#fafafa;font-size:13px;color:#4f524a}
.ot .tbl{background:#fff;box-shadow:0 0 0 1px #eadfce}
.ot .tbl th{background:#13253f;color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none}
.ot .tbl tbody tr:nth-child(even) td{background:#fbf8f2}
.ot .tbl td strong{color:#13253f}
.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:1100px){.lslider-track li{flex-basis:calc((100% - 16px)/2)}.cols2{grid-template-columns:1fr}}
@media (max-width:900px){.support{grid-template-columns:1fr}.support-card{flex-direction:column;align-items:flex-start;min-height:0}.gal5{grid-template-columns:repeat(3,minmax(0,1fr))}.banner{aspect-ratio:auto;min-height:260px}.grid-2 > .tile{aspect-ratio:1.6;min-height:0}}
@media (max-width:560px){.grid-2{grid-template-columns:1fr}.grid-2.small{grid-template-columns:1fr 1fr}.gal5{grid-template-columns:1fr 1fr}.gal5 li:last-child{grid-column:span 2;aspect-ratio:2}.lslider-track li{flex-basis:84%}.plist a{grid-template-columns:104px 1fr}.cta-box,.faq-box,.lslider{padding:20px}.avatar{width:120px;height:120px}.coffee{width:220px}.banner{min-height:300px}}

/* v15 BLOG — styl kafli z oryginału, symetria, ciemne tło sekcji, karta autora */
.split-a{grid-template-columns:minmax(0,420px) minmax(0,1fr)!important}
.ot .banner .kick,.ot .grid-2:not(.small) > .tile .kick{display:block;align-self:stretch;width:100%;padding:7px 12px;background:#b29a3c!important;color:#fff!important;font-size:11px;letter-spacing:.08em}
.ot .banner .copy,.ot .grid-2:not(.small) > .tile .copy{left:0;right:0;max-width:none!important;padding:24px 28px!important}
.ot .banner .copy > :not(.kick),.ot .grid-2:not(.small) > .tile .copy > :not(.kick){max-width:62ch}
.ot .banner .h3,.ot .grid-2:not(.small) > .tile .h3{font-size:clamp(20px,1.9vw,28px);font-weight:800;line-height:1.15}
.ot .banner .more,.ot .grid-2 > .tile .more{align-self:flex-start}
.ot .tile img{transition:transform .5s ease}.ot .tile:hover img{transform:scale(1.05)}
main > section.sky{padding-block:72px!important;margin-block:36px!important;background:#081b23;position:relative;color:#fbfaf5}
main > section.sky::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 33% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 64%,#fff 60%,transparent),radial-gradient(1px 1px at 88% 22%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 22% 52%,#fff 60%,transparent);background-size:420px 300px}
main > section.sky::after{content:"";position:absolute;left:0;right:0;top:0;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(184,244,111,.10),transparent)}
main > section.sky > *{position:relative;z-index:1}
.sky .h2{color:#fbfaf5}.sky .lead{color:#c9d3d1}.sky .lead a{color:#fbfaf5}.sky .kick{color:#b8f46f}
.cols2{grid-template-rows:auto auto auto auto 1fr}
.cols2 .col{display:grid!important;grid-row:span 5;grid-template-rows:subgrid;row-gap:14px}
.grid-2.small{margin-top:0!important}
.grid-2.small > .tile{aspect-ratio:1!important}
.cols2 .banner{aspect-ratio:2.2!important}
.plist{margin:0!important;display:grid!important;grid-template-rows:repeat(4,1fr);gap:12px}
.plist li{display:flex}
.plist a{width:100%;grid-template-columns:42% 1fr!important;align-items:stretch!important;padding:10px}
.plist-img{aspect-ratio:auto!important;height:100%;min-height:96px;position:relative}
.plist-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grid-2.small{align-content:start}
.plist-txt{justify-content:center}
.kcard{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;padding:36px 40px;border-radius:20px;background:#fafbfc;border:1px solid #e6e9ee;align-items:center}
.kcard-side{display:flex;flex-direction:column;align-items:center;gap:16px}
.kcard-photo{width:min(100%,300px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#13253f;box-shadow:0 0 0 6px #fff,0 0 0 7px #e6e9ee}
.kcard-photo img{width:100%;height:100%;object-fit:cover}
.coffee-big{display:block;width:min(100%,300px);border-radius:999px;overflow:hidden;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.kcard-copy{display:flex;flex-direction:column;gap:14px}
.kcard-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.why3-title{margin:6px 0 0;font-size:16px;font-weight:800;color:#13253f}
.why3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.why3 li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:#4f524a}
.why3 strong{display:block;font-size:15px;color:#171913;margin-bottom:2px}
.why3-ico{width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #b29a3c}
.why3-ico svg{width:19px;height:19px;fill:none;stroke:#9a7a20;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){.cols2{grid-template-rows:none}.cols2 .col{display:flex!important;flex-direction:column;grid-row:auto}.cols2{gap:56px}}
@media (max-width:900px){.split-a{grid-template-columns:1fr!important}.kcard{grid-template-columns:1fr;padding:24px}.why3{grid-template-columns:1fr}}
@media (max-width:560px){.plist a{grid-template-columns:110px 1fr!important}.plist-img{min-height:70px}main > section.sky{padding-block:44px!important}}

/* v16 BLOG — etykieta jako pasek na samej górze kafla; panele w sekcji ciemnej */
.ot .banner .kick,.ot .grid-2:not(.small) > .tile .kick{position:absolute;top:0;left:0;right:0;width:auto;margin:0;padding:7px 16px!important;font-size:11px!important;line-height:1.3;background:#b29a3c!important;color:#fff!important;letter-spacing:.1em;z-index:3;border-radius:0}
.ot .banner .copy,.ot .grid-2:not(.small) > .tile .copy{position:absolute;top:0!important;bottom:0;justify-content:flex-end;padding-top:48px!important}
.ot .banner .h3,.ot .grid-2:not(.small) > .tile .h3{font-size:clamp(19px,1.6vw,24px)!important}
.sky .col{background:#0f2a36;border:1px solid rgba(251,250,245,.12);border-radius:20px;padding:26px}
.sky .cols2{gap:24px}
.sky .plist a{background:#fbfaf5;border-color:transparent}
.sky .plist a:hover{border-color:#e0b04a}
.plist-desc{font-size:13px;line-height:1.45;color:#4f524a}
.sky .banner{box-shadow:0 0 0 1px rgba(224,176,74,.35)}
@media (max-width:560px){.sky .col{padding:18px}}

/* v17 — złoty pasek jak w oryginale: wcięty u góry, treść zaraz pod nim */
.ot .banner .kick,.ot .grid-2:not(.small) > .tile .kick{position:static!important;align-self:stretch;width:auto;margin:0 0 4px;padding:6px 12px!important;border-radius:2px}
.ot .banner .copy,.ot .grid-2:not(.small) > .tile .copy{inset:0!important;justify-content:flex-start!important;padding:22px 26px!important;gap:8px}
.ot .banner .shade,.ot .grid-2:not(.small) > .tile .shade{background:linear-gradient(180deg,rgba(8,27,35,.78) 0%,rgba(8,27,35,.45) 55%,rgba(8,27,35,.15) 100%)!important}
.ot .banner .more,.ot .grid-2 > .tile .more{margin-top:6px!important}

/* v19 — pasek „Teraz na niebie i na Ziemi” (z HOME) */
@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)}}
main > section.night,main > section.now-strip{padding-block:64px!important;margin-block:36px!important}
.ot .sec-head .kick,.now-head .kick{position:relative;padding-left:26px}
@media (max-width:760px){main > section.night,main > section.now-strip{padding-block:44px!important;margin-block:26px!important}}
.now-strip{background:#081b23;color:#fbfaf5;background-image:radial-gradient(ellipse at 15% 0%,rgba(184,244,111,.10),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(201,154,46,.12),transparent 50%)}
.now-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 28px;margin-bottom:24px}
.now-head .kick{color:#b8f46f;padding-left:0}
.now-head .h2{flex:1 1 320px;color:#fbfaf5}
.now-head > p{flex-basis:100%}
.now-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.now-list > li{grid-column:span 3}
.now-list > li:nth-child(n+5){grid-column:span 4}
.nt{flex-direction:row;align-items:flex-start;gap:14px}
.nt-val{font-size:22px}
.nt{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px 16px;background:rgba(251,250,245,.05);border:1px solid rgba(251,250,245,.14);color:#fbfaf5!important;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.nt:hover{border-color:#c99a2e;background:rgba(201,154,46,.10);transform:translateY(-2px)}
.nt-ico{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#c99a2e}
.nt-ico svg{width:22px;height:22px;fill:none;stroke:#081b23;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nt-txt{display:flex;flex-direction:column;gap:4px}
.nt-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c9d3d1}
.nt-val{font-size:20px;font-weight:800;line-height:1.2;color:#fbfaf5}
.nt-sub{font-size:13px;line-height:1.45;color:#c9d3d1}
.nt-live,.nt-cal{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font-size:10px;letter-spacing:.04em}
.nt-live{background:rgba(224,49,43,.18);color:#ff8a84}
.nt-cal{background:rgba(201,154,46,.18);color:#e0b04a}
.nt-dot{width:7px;height:7px;border-radius:50%;background:#e0312b;display:inline-block;animation:livepulse 1.8s ease-out infinite}
@media (prefers-reduced-motion:reduce){.nt-dot{animation:none}.nt:hover{transform:none}}
@media (max-width:1100px){.now-list > li,.now-list > li:nth-child(n+5){grid-column:span 6}.now-list > li:last-child{grid-column:span 12}}
@media (max-width:900px){.now-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.now-list > li{flex:0 0 260px;scroll-snap-align:start}.nt{flex-direction:column}}
/* v12 — pasek w jednym ciągu, karta autora */
.now-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(251,250,245,.14)}
.now-list > li,.now-list > li:nth-child(n+5),.now-list > li:last-child{grid-column:auto!important}
.now-list > li + li .nt{border-left:1px solid rgba(251,250,245,.14)}
.nt{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border:0!important;background:transparent!important}
.nt:hover{background:rgba(201,154,46,.10)!important;transform:none!important}
.nt-ico{width:36px!important;height:36px!important;flex:none}
.nt-ico svg{width:19px!important;height:19px!important}
.nt-val{font-size:17px!important}
.nt-sub{font-size:12px!important}
.nt-label{font-size:10px!important}
main > section.now-strip{padding-block:36px!important}
.now-head{margin-bottom:16px!important}
.now-head .h2{font-size:clamp(20px,1.8vw,26px)!important}
@media (max-width:1100px){.now-list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;border:0}.now-list > li{flex:0 0 250px;scroll-snap-align:start;border:1px solid rgba(251,250,245,.14);margin-right:10px}.now-list > li + li .nt{border-left:0}}
/* v13 — piktogramy konturowe, wyszukiwarka na całą szerokość */
.nt-ico{background:transparent!important;border:1.5px solid #e0b04a}
.nt-ico svg{stroke:#e0b04a!important;stroke-width:1.6!important;width:20px!important;height:20px!important}
.nt:hover .nt-ico{background:rgba(224,176,74,.12)!important}
/* v14 — dodatki: niebo, fala, mapa, liczniki, zaufanie, reklamy, animacje */
.night,.now-strip{position:relative}
main > section.night::before,main > section.now-strip::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 33% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 64%,#fff 60%,transparent),radial-gradient(1px 1px at 88% 22%,#fff 60%,transparent),radial-gradient(1px 1px at 46% 46%,#cfe 60%,transparent),radial-gradient(1.5px 1.5px at 22% 52%,#fff 60%,transparent);
background-size:420px 300px}
main > section.night > *,main > section.now-strip > *{position:relative;z-index:1}
.wave{position:absolute!important;left:0;width:100%;height:28px;z-index:0!important;pointer-events:none}
.wave path{fill:#081b23}
.wave-top{top:-27px}
.wave-bot{bottom:-27px;transform:scaleY(-1)}
.nt-count{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;vertical-align:middle;background:#e0b04a;color:#081b23;font-size:11px;font-weight:800;letter-spacing:.02em}
main > section.now-strip{padding-block:36px!important}
.now-head{margin-bottom:16px!important}
.now-head .h2{font-size:clamp(20px,1.8vw,26px)!important}
@media (max-width:1100px){.now-list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;border:0}.now-list > li{flex:0 0 250px;scroll-snap-align:start;border:1px solid rgba(251,250,245,.14);margin-right:10px}.now-list > li + li .nt{border-left:0}}
.author2-sign{position:absolute;left:16px;bottom:16px;padding:6px 10px;background:rgba(8,27,35,.8);color:#fbfaf5;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em}
.why3-title{margin:6px 0 0;font-size:16px;font-weight:800;color:#13253f}
.why3 li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:#4f524a}
.why3 strong{display:block;font-size:15px;color:#171913;margin-bottom:2px}
.contact2-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.45;color:#e6ece9}
.contact2-list li::before{content:"✓";position:absolute;left:0;top:0;color:#e0b04a;font-weight:800}
/* v13 — piktogramy konturowe, wyszukiwarka na całą szerokość */
.nt-ico{background:transparent!important;border:1.5px solid #e0b04a}
.nt-ico svg{stroke:#e0b04a!important;stroke-width:1.6!important;width:20px!important;height:20px!important}
.nt:hover .nt-ico{background:rgba(224,176,74,.12)!important}
/* v14 — dodatki: niebo, fala, mapa, liczniki, zaufanie, reklamy, animacje */
.night,.now-strip{position:relative}
main > section.night::before,main > section.now-strip::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 33% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 64%,#fff 60%,transparent),radial-gradient(1px 1px at 88% 22%,#fff 60%,transparent),radial-gradient(1px 1px at 46% 46%,#cfe 60%,transparent),radial-gradient(1.5px 1.5px at 22% 52%,#fff 60%,transparent);
background-size:420px 300px}
main > section.night > *,main > section.now-strip > *{position:relative;z-index:1}
.wave{position:absolute!important;left:0;width:100%;height:28px;z-index:0!important;pointer-events:none}
.wave path{fill:#081b23}
.wave-top{top:-27px}
.wave-bot{bottom:-27px;transform:scaleY(-1)}
.nt-count{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;vertical-align:middle;background:#e0b04a;color:#081b23;font-size:11px;font-weight:800;letter-spacing:.02em}
.aurora-map figcaption{margin-top:4px;font-size:12px;color:#9fb0ad}
.trust li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f7f3ec;border:1px solid #eadfce;font-size:14px;font-weight:600;color:#13253f}
.trust-ico{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #c99a2e;color:#9a5a12;font-weight:800;font-size:13px}
.ad-slot span{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a7d72}
main > section.now-strip{padding-block:36px!important;margin-block:36px!important;position:relative}
main > section.now-strip::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 33% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 64%,#fff 60%,transparent),radial-gradient(1px 1px at 88% 22%,#fff 60%,transparent);background-size:420px 300px}
main > section.now-strip > *{position:relative;z-index:1}
/* wyśrodkowana treść kafli działów (jak w oryginale) */
.ot .grid-2:not(.small) > .tile .copy{justify-content:center!important}
/* białe pole wyszukiwarki */
#b-s{background:#fff!important;color:#171913!important;border-color:#fff!important}
#b-s::placeholder{color:#6b6e66}

/* v20 — jeden styl dla wszystkich bloków ze zdjęciem (hero, boczne, banery, działy) */
.ot .tile .kick{display:block!important;position:static!important;align-self:stretch!important;width:auto!important;margin:0 0 4px!important;padding:6px 12px!important;border-radius:2px!important;background:#b29a3c!important;color:#fff!important;font-size:11px!important;letter-spacing:.1em!important;line-height:1.3}
.ot .tile .kick .dot{display:none}
.ot .tile .copy{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:24px 28px!important;max-width:none!important}
.ot .tile .copy > :not(.kick){max-width:62ch}
.ot .tile .shade{background:linear-gradient(90deg,rgba(8,27,35,.78) 0%,rgba(8,27,35,.5) 55%,rgba(8,27,35,.2) 100%)!important}
.ot .tile .h3{font-size:clamp(19px,1.6vw,24px)!important;font-weight:800;line-height:1.15;color:#fbfaf5}
.ot .hero-big .copy h2{font-size:clamp(24px,2.4vw,34px)!important}
.ot .tile .more,.ot .tile .btn{align-self:flex-start;margin-top:6px!important}
@media (max-width:560px){.ot .tile .copy{padding:18px 20px!important}}

/* v21 — sekcja „Narzędzia / Zjawiska”: spójna paleta granat + złoto (jak blok Północ) */
main > section.sky{background:linear-gradient(180deg,#071b33 0%,#0b2440 100%)!important}
main > section.sky::after{background:linear-gradient(180deg,rgba(224,176,74,.08),transparent)!important}
.sky .kick{color:#e0b04a!important}
.sky .kick .dot,.sky .kick .dot-live{background:#e0b04a!important;box-shadow:0 0 0 3px rgba(224,176,74,.22)!important}
.sky .h2{color:#fff!important}
.sky .lead{color:#c3cede!important}
.sky .lead a{color:#fff!important;text-decoration-color:#e0b04a}
.sky .col{background:rgba(255,255,255,.035)!important;border:1px solid rgba(224,176,74,.22)!important;border-top:3px solid #b29a3c!important;border-radius:18px!important}
.sky .banner{box-shadow:none!important}
.sky .plist a{background:#f7f3ec!important;border:1px solid #eadfce!important;border-left:3px solid #b29a3c!important}
.sky .plist a:hover{background:#fff!important;border-color:#b29a3c!important}
.sky .plist-txt strong{color:#13253f}
.sky .plist-more{color:#9a5a12}

footer.foot,.foot,.ot .live{background:#0b2440!important}
/* v22 — jedna paleta: beż + biel + granat #0b2440 + złoto #b8932a; miedź tylko na etykiety */
:root{--navy:#0b2440;--navy-2:#13305a;--gold:#b8932a;--gold-h:#cfa93c}
main > section.night,main > section.now-strip,main > section.sky{background:var(--navy)!important}
main > section.sky{background:linear-gradient(180deg,var(--navy) 0%,#0e2a4c 100%)!important}
.wave path{fill:var(--navy)!important}
.night input,#b-s{border-color:#fff!important}
.sky .col{background:rgba(255,255,255,.04)!important;border-color:rgba(184,147,42,.3)!important;border-top-color:var(--gold)!important}
.ot .btn-signal,.ot .tile .more,.ot .banner .more{background:var(--gold)!important;border-color:var(--gold)!important;color:#0b2440!important}
.ot .btn-signal:hover,.ot .tile:hover .more{background:var(--gold-h)!important;border-color:var(--gold-h)!important}
.ot .tile .kick{background:var(--gold)!important;color:#fff!important}
.ot .btn-solid{background:var(--navy)!important;border-color:var(--navy)!important}
.ot .btn-solid:hover{background:var(--navy-2)!important}
.nt-ico{border-color:var(--gold-h)!important}.nt-ico svg{stroke:var(--gold-h)!important}
.sky .kick,.now-head .kick{color:var(--gold-h)!important}
.ot .tbl th{background:var(--navy)!important}
.coffee img,.coffee-big img{filter:none}
.onpage{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px;padding:10px 14px;border:1px solid #eadfce;border-radius:12px;background:#f7f3ec;font-weight:600;font-size:14px}
.onpage .kick{margin-right:4px}
.onpage a{color:#0b2440;text-decoration:none;border-bottom:1.5px solid transparent;min-height:32px;display:inline-flex;align-items:center}
.onpage a:hover{border-bottom-color:var(--gold)}
.post .card-media{position:relative}
.new-badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e0312b;color:#fff;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.post-meta{margin:0;font-family:"IBM Plex Mono",monospace;font-size:12px;color:#9a5a12;letter-spacing:.02em}
main > section.ad-wrap{padding-block:8px!important}
.ad-slot{display:flex;align-items:flex-start;justify-content:center;min-height:250px;padding-top:6px;border:1px dashed rgba(23,25,19,.2);background:repeating-linear-gradient(45deg,rgba(23,25,19,.025) 0 10px,transparent 10px 20px)}
.ad-slot span{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a7d72}
@media (min-width:1024px){.ad-slot{min-height:280px}}
@media (max-width:600px){.onpage a{min-height:44px}}


/* 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}
}

/* v20 — na telefonie i tablecie treść kafli wyśrodkowana w pionie, jak na desktopie */
@media (max-width:1100px){
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .hero-main,.ot .hero > .tile{justify-content:center!important}
 .ot .tile > .copy,.ot .banner > .copy,.ot .dest-cover > .copy,.ot .hero-main > .copy,.ot .hero > .tile > .copy{padding:28px 22px!important;justify-content:center!important}
 .ot .tile > .shade,.ot .banner > .shade,.ot .dest-cover > .shade,.ot .hero-main > .shade,.ot .hero > .tile > .shade{background:rgba(8,27,35,.62)!important}
}