/* Hybryda 7 — wspólny język stron miast. Kafelki korków (.nzt) bez zmian. */

/* Pełny granatowy pasek tylko poza stroną miasta ze zdjęciem. Tam góra zostaje jak w produkcji (przezroczysty pasek na fotce). */
body:not(:has(.ch-all)) header.top{background:#152448;border-bottom:3px solid #e8b84a}
header.top .top-in{gap:10px}
header.top .tools{margin-left:auto;align-items:center}
header.top .tools>.tool,header.top .tools>.home-link{
  background:#fff;color:#152448;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.28);
  min-width:48px;height:48px;border-radius:12px;font-weight:800}
header.top .tools>.tool .tl-l{color:#152448;font-size:.78rem}
header.top .tools>.tool[aria-pressed=true]{background:#ffd76a;border-color:#ffd76a;color:#152448}
header.top .tool-bell{position:relative}
header.top .bell-n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;
  background:#e0242b;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}
header.top .home-link{display:inline-flex;align-items:center;justify-content:center;padding:0}
.city-sw{position:relative;flex:0 1 auto;min-width:0}
.city-sw-btn{display:inline-flex;align-items:center;gap:4px;max-width:9.5em;min-height:44px;padding:4px 10px;border-radius:12px;
  border:1px solid #fff;background:#fff;color:#152448;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.city-sw-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.city-sw-now{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.city-sw-caret{font-size:.9rem}
.city-sheet{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:min(420px,calc(100vw - 24px));
  background:#fff;color:#14202e;border:1px solid #d5dce8;border-radius:16px;box-shadow:0 16px 40px rgba(16,24,40,.22);padding:12px}
.city-sw-h{margin:0 0 8px;font-weight:800}
.city-sheet input{width:100%;box-sizing:border-box;min-height:44px;border:2px solid #c9d3e6;border-radius:10px;padding:8px 10px;font:inherit}
.city-sw-list{list-style:none;margin:8px 0 0;padding:0;max-height:min(60vh,420px);overflow:auto;display:grid;gap:4px}
.city-sw-list a{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-height:44px;padding:8px 10px;
  border-radius:10px;text-decoration:none;color:#14202e;font-weight:800}
.city-sw-list a small{font-weight:600;color:#5a6a84}
.city-sw-list a:hover,.city-sw-list li.mine a{background:#eef3fb}
.city-sw-list li.mine a{outline:2px solid #152448}
.city-sw-empty{margin:8px 0 0;color:#5a6a84}

.bell-panel{position:absolute;z-index:32;top:64px;right:12px;width:min(360px,calc(100vw - 20px));background:#fff;color:#14202e;
  border:1px solid #d5dce8;border-radius:16px;box-shadow:0 16px 40px rgba(16,24,40,.22);padding:12px 12px 8px}
.bell-panel h2{margin:0 0 8px;font-size:1rem}
.bell-panel ul{list-style:none;margin:0;padding:0}
.bell-panel li{border-top:1px solid #e6ebf3}
.bell-panel a{display:block;padding:8px 2px;color:#14202e;font-weight:700;text-decoration:none}
.bell-panel .bell-empty{margin:0;color:#5a6a84}
.bell-panel .mp-bell,.bell-panel .mp-top{display:block;margin-top:8px;max-width:none}
.bell-panel .mp-go{width:auto;height:auto;min-height:48px;padding:8px 10px;background:#152448;color:#fff;border-radius:12px}

body.hy:not(.sub){background:#e8edf5}
body.hy:not(.sub) .hy-hero{background:transparent;color:#14202e;padding:0 0 8px;overflow:visible}
body.hy:not(.sub) .hy-hero>.skyline{display:none}
/* Po przeniesieniu zdjęcia na pełną szerokość kalendarz nie jest już w .ch-all.
   Zostaje na fotce tak jak w oryginale: data, wschód/zachód, imieniny. Rocznice i „jutro” jak w produkcji (schowane). */
.ch-ph .kicker{display:none!important}
.ch-ph .kal-hero{background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;color:#fff!important;max-width:none!important}
.ch-ph .kal-hero *{color:#fff!important}
.ch-ph .kal-hero a{color:#ffe08a!important;text-decoration:underline}
.ch-ph .kal-more,.ch-ph .kal-c2,.ch-ph .kal-tom{display:none!important}
.ch-ph .kal-d{font-weight:700}
.ch-ph .kal-hero p{margin:2px 0;font-size:.95rem;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.hy-aq{display:inline-flex;align-items:center;gap:8px;margin:8px 0 12px;padding:7px 12px 7px 10px;border-radius:999px;
  background:#fff;border:1px solid #d5deea;color:#142033;text-decoration:none;font-weight:700;max-width:100%;box-shadow:0 4px 14px rgba(20,32,46,.05)}
.hy-aq-dot{width:9px;height:9px;border-radius:50%;background:#8aa0b8;flex:none}
.hy-aq b{font-weight:800}
.hy-aq-good .hy-aq-dot{background:#1a9850}
.hy-aq-mid .hy-aq-dot{background:#c48a12}
.hy-aq-bad .hy-aq-dot{background:#d73027}
.hy-find{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.hy-door{display:flex;flex-direction:column;gap:3px;min-height:92px;padding:12px 14px;border-radius:18px;text-decoration:none;color:#142033;
  background:#fff;border:1px solid #d7e0ea;box-shadow:0 8px 20px rgba(23,36,60,.05)}
.hy-door span{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5b7081}
.hy-door b{font-size:1.05rem;letter-spacing:-.02em;line-height:1.25}
.hy-door small{margin-top:auto;color:#1d4e9e;font-weight:800}
.hy-door-we{background:linear-gradient(180deg,#fff,#f3f6ff)}
.hy-door-bk{background:linear-gradient(180deg,#fff,#fff6e6)}
@media(max-width:560px){.hy-find{grid-template-columns:1fr}}
@media(max-width:699px){
  body.hy:not(.sub) header.top .top-in{flex-wrap:wrap;row-gap:8px;padding-top:8px;padding-bottom:10px}
  body.hy:not(.sub) header.top .brand{flex:1 1 auto}
  body.hy:not(.sub) header.top .tools{flex:1 1 100%;margin-left:0;justify-content:flex-start;gap:6px}
  body.hy:not(.sub) .city-sw-btn{max-width:7.6em;height:42px;min-height:42px}
  body.hy:not(.sub) header.top .tools>.tool,body.hy:not(.sub) header.top .tools>.home-link{height:42px;min-width:42px}
}
body.hy:not(.sub) .hero-fill{display:none!important}
body.hy:not(.sub) .hy-imgw{display:none}
body.hy:not(.sub) .hy-cols{display:block}
body.hy:not(.sub) .hero-main{min-width:0}

/* Komentarz redakcji — wyraźniejszy niż jasnoniebieska karta */
body.hy:not(.sub) #naZywo{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 14px}
body.hy:not(.sub) #naZywo .nz-h{background:#1d4e9e;color:#fff;border-radius:16px 16px 0 0;padding:10px 14px;margin:0}
body.hy:not(.sub) #naZywo .nz-h h2,body.hy:not(.sub) #naZywo .nz-h a{color:#fff}
body.hy:not(.sub) #naZywo .nz-live{margin:0 0 12px;border-radius:18px;overflow:hidden;border-left:8px solid #e8b84a;background:#2457b5}
body.hy:not(.sub) #naZywo .nz-sum{background:transparent;color:#fff;border-radius:0;border-left:0;
  margin:0;padding:14px 16px 16px;font-size:1.08rem;font-weight:650;line-height:1.5;letter-spacing:-.011em}
body.hy:not(.sub) #naZywo .nz-alerts{list-style:none;margin:0;padding:0 16px 12px;background:transparent}
body.hy:not(.sub) #naZywo .nz-alerts li{padding:8px 0;border-top:1px solid rgba(255,255,255,.28);color:#fff}
body.hy:not(.sub) #naZywo .nz-alerts b{display:block;font-weight:750}
body.hy:not(.sub) #naZywo .nz-alerts span{display:block;font-size:.82rem;color:#d5e2ff}
body.hy:not(.sub) #naZywo .nz-sum a{color:#ffe08a}

/* 9 kafelków */
.hy-day,.hy-short{margin:0 0 16px}
.hy-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.hy-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d5deea;border-radius:999px;
  padding:7px 12px;text-decoration:none;color:#142033;font-weight:750;font-size:.9rem;box-shadow:0 4px 12px rgba(20,32,46,.04)}
.hy-spot{display:grid;gap:12px}
.hy-feature{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-height:210px;padding:18px;border-radius:22px;
  text-decoration:none;color:#fff;background:linear-gradient(155deg,#16315f 0%,#1d4e9e 70%,#2a6fd4 100%);
  box-shadow:0 12px 28px rgba(16,32,64,.14);background-size:cover;background-position:center}
.hy-feature .hy-k{align-self:flex-start;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hy-feature b{font-size:1.28rem;line-height:1.22;letter-spacing:-.03em}
.hy-feature small{color:#e6eeff;font-weight:650;line-height:1.35}
.hy-feature .hy-more{margin-top:8px;font-weight:800;color:#ffe08a}
.hy-feature-img{color:#fff}
.hy-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px}
.hy-head h2{margin:0;font-size:1.25rem;letter-spacing:-.3px}
.hy-head span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5b7081}
.hy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hy-tile{position:relative;display:block;min-height:148px;padding:16px 14px 14px;border-radius:22px;text-decoration:none;
  background:var(--panel);border:1px solid var(--line);color:#142033;box-shadow:0 8px 22px rgba(23,36,60,.06)}
.hy-tile strong{display:block;font-size:1.12rem;line-height:1.2;letter-spacing:-.03em;padding-right:18px}
.hy-tile small{display:block;margin-top:7px;color:#3d5160;font-weight:600;font-size:.86rem;line-height:1.4}
.hy-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--tone);color:#fff;margin-bottom:10px;font-size:1.1rem}
.hy-arr{position:absolute;top:12px;right:12px;color:var(--tone);font-weight:800}
.hy-food{grid-column:auto}
.hy-funeral{background:#2f2b33;border-color:#46404b;color:#f6f1ea}
.hy-funeral small{color:#d8d0c6}
.hy-funeral .hy-ico{background:#4a4350;color:#f3e7d0}
.hy-funeral .hy-arr{color:#e9dcc6}
.hy-dot{position:absolute;top:14px;right:32px;width:9px;height:9px;border-radius:50%;background:#e0242b;box-shadow:0 0 0 2px #fff}
.hy-funeral .hy-dot{box-shadow:0 0 0 2px #2f2b33}
@media(prefers-reduced-motion:reduce){.hy-dot{animation:none}}

.hy-short{background:#fff;border:1px solid #d7e0e9;border-radius:20px;padding:14px 12px}
.hy-short-lead{margin:0 0 12px;color:#526a79;font-size:.92rem}
.hy-sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}
.hy-sc{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:#233949;font-size:.78rem;font-weight:750;line-height:1.2}
.hy-si{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--qbg);font-size:1.25rem}
.hy-sos{background:#fff1f1;border:2px solid #e24b4b;border-radius:14px;padding:6px 4px}
.hy-sos span:last-child{color:#a3161e;font-weight:800}
.hy-more{margin-top:8px;border-top:1px solid #e7edf1;padding-top:8px}
.hy-more summary{cursor:pointer;font-weight:800;color:#155d60;min-height:44px;display:flex;align-items:center}

/* Pogoda (#wMini) bez zmian względem produkcji: pod zdjęciem, te same zakładki i karty godzin/dni. */
@media(min-width:900px){
  body.hy:not(.sub) .hy-cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:start}
  body.hy:not(.sub) .hy-cols>.hero-main{display:contents}
  body.hy:not(.sub) .hero-main>*{grid-column:1/-1;grid-row:12}
  body.hy:not(.sub) .hero-fill{grid-column:1/-1;grid-row:13}
  body.hy:not(.sub) .hy-chips,body.hy:not(.sub) .hy-status{grid-column:1/-1;grid-row:1}
  body.hy:not(.sub) .hy-dash{display:contents}
  body.hy:not(.sub) .hy-alerts{grid-column:1;grid-row:2;min-width:0}
  body.hy:not(.sub) .hy-mid{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px;min-width:0;align-self:stretch}
  body.hy:not(.sub) .hy-wx{min-width:0;flex:0 0 auto}
  body.hy:not(.sub) .hy-events{grid-column:3;grid-row:2;min-width:0;align-self:stretch;display:flex;flex-direction:column}
  body.hy:not(.sub) .hy-cols>aside.sb{grid-column:1/-1;grid-row:14;display:flex!important;flex-direction:column;gap:12px;min-width:0}
  body.hy:not(.sub) .hy-day{grid-column:1 / -1;grid-row:3}
  body.hy:not(.sub) .hy-util{grid-column:1 / -1;grid-row:4}
  body.hy:not(.sub) .hy-grid-more{grid-column:1 / -1;grid-row:5}
  body.hy:not(.sub) .hy-kal-sr,body.hy:not(.sub) .hy-find,body.hy:not(.sub) .hy-short,body.hy:not(.sub) #hyBelow,body.hy:not(.sub) .top-art,body.hy:not(.sub) .lead{grid-column:1/-1}
  body.hy:not(.sub) .hy-find{grid-row:6}
  body.hy:not(.sub) .hy-short{grid-row:7}
  body.hy:not(.sub) #hyBelow{grid-row:8}
  body.hy:not(.sub) .top-art{grid-row:9}
  body.hy:not(.sub) .lead{grid-row:10}
  body.hy:not(.sub) .hy-food{grid-column:auto}
  body.hy:not(.sub) .hy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.hy:not(.sub) .hy-spot{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);align-items:stretch}
  body.hy:not(.sub) .hy-feature{align-self:stretch;min-height:260px;grid-column:1;grid-row:1}
  body.hy:not(.sub) .hy-spot>.hy-grid{grid-column:2;grid-row:1}
  body.hy:not(.sub) #evGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:899px){
  body.hy:not(.sub) aside.sb{display:flex!important;flex-direction:column}
  body.hy:not(.sub) aside.sb .sb-aq{display:none!important}
  body.hy:not(.sub) .m-duo{display:grid;gap:12px}
}
@media(min-width:900px){
  body.hy:not(.sub) .only-m{display:none!important}
}

/* Banery boczne */
.pz-side{display:block;position:relative;overflow:hidden;border-radius:20px;padding:16px;margin:0 0 12px;color:#fff;text-decoration:none;
  background:linear-gradient(120deg,#2b3a91 0%,#4a3fa8 52%,#6a4cc0 100%)}
.pz-side b{display:block;margin:10px 0 4px;font-size:1.2rem}
.pz-side small{display:block;color:#e4e3ff;margin-bottom:10px}
.pzs-eye{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pzs-cta{display:inline-block;background:#ffd76a;color:#26206b;font-weight:800;padding:8px 12px;border-radius:12px}
.wk-card,.bk-card{display:block;background:#fff;border:1px solid #d7deea;border-radius:18px;padding:14px;margin:0 0 12px;color:#14202e;text-decoration:none}
.wk-card h2,.bk-card b{margin:4px 0 8px}
.wk-card ol{list-style:none;margin:0;padding:0}
.wk-card li{padding:6px 0;border-top:1px solid #eef1f6}
.wk-card small,.bk-card small{display:block;color:#5a6a84}
.wk-cta,.bk-cta{display:inline-block;margin-top:8px;font-weight:800;color:#1d4e9e}
.sb .fd-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sb .fd-i{border:1px solid #d7deea;border-radius:14px;padding:8px 10px;background:#fff}
.sb #komunikaty{display:block}
.sb #komunikaty>h2{display:flex;align-items:center;gap:8px}
.sb #komunikaty>h2::after{content:"LIVE";margin-left:auto;background:#e11d2e;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px}
.sb #komunikaty .fd-d{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:hidden;max-height:4.2em}
.sb #komunikaty .fd-i a{display:block;position:static;margin-top:6px}
.sb #komunikaty .fd-i:first-child{background:#fff5f5;border:2px solid #e11d2e;box-shadow:none}
.sb #komunikaty .fd-i:first-child .fd-m::before{content:"NAJNOWSZY";display:inline-block;background:#e11d2e;color:#fff;border-radius:6px;padding:1px 6px;margin-right:6px;font-size:.68rem;letter-spacing:.03em;font-weight:800}
.sb #komunikaty .fd-i:not(:first-child){border-left:4px solid #e39a3c}
.sb #komunikaty .more{margin:8px 0 0;font-weight:800}
.sb #komunikaty .kom-empty{margin:4px 0 8px;color:#2b3441;line-height:1.4}
body.hy:not(.sub) .sb-lam-c,body.hy:not(.sub) .nsk{display:none}
@media(max-width:700px){
  .city-sheet{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:min(70vh,520px)}
}

body.contrast .hy-tile,body.contrast .hy-short,body.contrast .city-sheet,body.contrast .bell-panel,body.contrast .wmini{background:#000!important;color:#fff!important;border-color:#ffe600!important}
body.contrast .hy-tile strong,body.contrast .hy-tile small,body.contrast .hy-sc{color:#fff!important}
body.contrast header.top .tools>.tool{background:#000!important;color:#ffe600!important;border-color:#ffe600!important}

/* Jeden pasek, ciemny rząd żetonów, trzy równe karty, duża historia. */
body.hy:not(.sub){background:#eef2f8;color:#1b2433}
body.hy:not(.sub) header.top,body.chw header.top,body:has(.ch-all) header.top{background:#0c2a5c!important;box-shadow:none!important;padding:0;position:sticky;top:0;z-index:30}
body.hy:not(.sub) header.top .top-in{background:transparent!important;border-radius:0;padding:12px 20px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;max-width:1240px}
body.hy:not(.sub) header.top #mainNav{display:none!important}
body.hy:not(.sub) header.top #mainNav.hy-open{display:flex!important;position:absolute;z-index:40;left:16px;right:16px;top:72px;background:#102848;border-radius:16px;padding:10px;flex-wrap:wrap;max-height:50vh;overflow:auto}
body.hy:not(.sub) .hy-quick{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
body.hy:not(.sub) .hy-quick a,body.hy:not(.sub) .hy-quick button{background:none;border:0;color:#fff;font:inherit;font-weight:700;font-size:.92rem;padding:8px 8px;border-radius:10px;text-decoration:none;cursor:pointer;white-space:nowrap}
body.hy:not(.sub) .hy-quick a:hover,body.hy:not(.sub) .hy-quick button:hover{background:rgba(255,255,255,.1)}
body.hy:not(.sub) header.top .tools{margin-left:0}
body.hy:not(.sub) header.top .tools>.tool,body.hy:not(.sub) header.top .tools>.home-link,body.hy:not(.sub) .city-sw-btn{height:36px;min-width:36px;min-height:36px;padding:0 8px;border-radius:10px}
body.hy:not(.sub) header.top .tools .tl-l,.hy-quick .tl-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.hy:not(.sub) .ch-ph,body.hy:not(.sub) .ch-ph.ch-wide{border-radius:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:300px!important;overflow:hidden}
body.hy:not(.sub) .hy-tag{margin:4px 0 0;color:#fff;font-weight:650;text-shadow:0 1px 8px rgba(0,0,0,.55)}
body.hy:not(.sub) .hy-kal-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.hy:not(.sub) #naZywo .nz-h{background:#e11d2e;border-radius:16px 16px 0 0}
body.hy:not(.sub) #naZywo .nz-live{background:#fff;color:#142033;border:1px solid #f3d0d4;border-left:0;border-radius:16px;box-shadow:0 8px 22px rgba(16,32,64,.06)}
body.hy:not(.sub) #naZywo .nz-sum,body.hy:not(.sub) #naZywo .nz-sum a{color:#142033;background:transparent}
body.hy:not(.sub) #naZywo .nz-alerts li{border-top-color:#f0d5d8;color:#142033}
body.hy:not(.sub) #naZywo .nz-alerts span{color:#5c6b7c}
body.hy:not(.sub) #naZywo .nz-f{margin:8px 2px 0}
body.hy:not(.sub) .hy-wx .wmini{background:#fff!important;color:#142033!important;border:1px solid #e3e8f0;border-radius:18px;box-shadow:0 8px 22px rgba(16,32,64,.06);padding:12px}
body.hy:not(.sub) .hy-wx .wmini::before{content:"Prognoza pogody";display:block;font-weight:800;font-size:1.05rem;margin:0 0 8px;color:#142033}
body.hy:not(.sub) .hy-wx .wm-h,body.hy:not(.sub) .hy-wx .wm-h a,body.hy:not(.sub) .hy-wx .wm-at,body.hy:not(.sub) .hy-wx .wd-ttl,body.hy:not(.sub) .hy-wx .wd-more a{color:#142033!important}
body.hy:not(.sub) .hy-wx .wm-hours li,body.hy:not(.sub) .hy-wx .wd-strip>li{background:#f4f7fb!important;color:#142033!important}
body.hy:not(.sub) .hy-wx .wd-tabs button,body.hy:not(.sub) .hy-wx .wd-nav button,body.hy:not(.sub) .hy-wx .wd-tg{background:#eef3fb;color:#12315f;border-color:#d5deea}
body.hy:not(.sub) .hy-wx{display:flex;flex-direction:column;gap:8px}
body.hy:not(.sub) .hy-wx .hy-aq{position:static!important;display:flex!important;margin:8px 0 0;z-index:auto}
body.hy:not(.sub) .hy-day{clear:both;margin-top:16px}
body.hy:not(.sub) .hy-util{display:flex;flex-wrap:nowrap;gap:22px;align-items:center;margin:26px calc(50% - 50vw) 0;padding:14px 20px;background:#0c2a5c;border-radius:0;width:100vw;overflow-x:auto}
body.hy:not(.sub) .hy-util a{color:#fff;text-decoration:none;font-weight:750;padding:8px 10px;border-radius:999px}
body.hy:not(.sub) .hy-util a:last-child{margin-left:auto;background:#ffc20e;color:#0c2a5c;font-weight:800;border-radius:999px;padding:10px 20px}
body.hy:not(.sub) #hySearch{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 14px}
body.hy:not(.sub) #komunikaty .fd-d{display:block;max-height:2.8em;overflow:hidden;line-height:1.4}
body.hy:not(.sub) #komunikaty .fd-i a{position:static;display:block;clear:both;margin-top:6px}
@media(min-width:900px){body.hy:not(.sub) #komunikaty .fd-l>.fd-i:nth-child(n+3){display:none}}
body.hy:not(.sub) #naZywo .nz-f{font-size:.75rem;margin:6px 2px 0;color:#5c6b7c}
body.hy:not(.sub) header.top .top-in{background:transparent!important}
body.hy:not(.sub) header.top #mainNav.hy-open{background:#0c2a5c}
body.hy:not(.sub) .wmini{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
body.hy:not(.sub) .hy-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0;width:100%;background:rgba(255,255,255,.96);border-radius:16px;padding:0;margin:-80px 0 0;position:relative;z-index:2;box-shadow:0 6px 20px rgba(12,42,92,.10);overflow:hidden}
body.hy:not(.sub) .hy-stat{min-width:0;display:flex;flex-direction:row;align-items:center;gap:12px;background:transparent;color:#1b2433;text-decoration:none;border-radius:0;border-right:1px solid #e6ebf3;padding:16px 20px}
body.hy:not(.sub) .hy-stat:last-child{border-right:0}
body.hy:not(.sub) .hy-stat-ico{font-size:30px;line-height:1;flex:none}
body.hy:not(.sub) .hy-stat small{display:block;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;opacity:1;color:#6b7587}
body.hy:not(.sub) .hy-stat b{font-size:16px;line-height:1.2;color:#1b2433}
body.hy:not(.sub) .hy-stat em,body.hy:not(.sub) .hy-stat .hy-sun{font-style:normal;color:#6b7587;font-size:13px}
body.hy:not(.sub) .hy-cast{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(16,32,64,.06)}
body.hy:not(.sub) .hy-cast header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
body.hy:not(.sub) .hy-cast header b{font-size:1.05rem}
body.hy:not(.sub) .hy-cast-now{display:flex;align-items:center;gap:14px;margin:8px 0 12px}
body.hy:not(.sub) .hy-cast-now strong{font-size:3.2rem;line-height:.9;letter-spacing:-.04em}
body.hy:not(.sub) .hy-cast-now em{font-style:normal;font-weight:700}
body.hy:not(.sub) .hy-cast-now span{display:block;color:#5c6b7c}
body.hy:not(.sub) .hy-cast-hours,body.hy:not(.sub) .hy-cast-days{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:0;-webkit-overflow-scrolling:touch}
body.hy:not(.sub) .hy-cast[data-tab="h"] .hy-cast-days,body.hy:not(.sub) .hy-cast[data-tab="d"] .hy-cast-hours{display:none}
body.hy:not(.sub) .hy-hr,body.hy:not(.sub) .hy-cd{flex:0 0 4.2em;scroll-snap-align:start;background:#f4f7fb;border-radius:12px;padding:8px 4px;text-align:center}
body.hy:not(.sub) .hy-cast-tabs{display:inline-flex;background:#eef2f8;border-radius:999px;padding:3px;gap:2px}
body.hy:not(.sub) .hy-cast-tabs button{border:0;background:transparent;border-radius:999px;padding:4px 10px;font:inherit;font-size:13px;font-weight:700;color:#3d4d66;cursor:pointer}
body.hy:not(.sub) .hy-cast-tabs button.on{background:#0c2a5c;color:#fff}
body.hy:not(.sub) .hy-cast-more{margin:0;padding:0 14px 12px;text-align:right}
body.hy:not(.sub) .hy-cast-more a{color:#123a7a;font-weight:700;font-size:14px}
body.hy:not(.sub) .hy-cd{background:#f4f7fb;border-radius:12px;padding:8px 4px}
body.hy:not(.sub) .hy-cd small{display:block;font-weight:800}
body.hy:not(.sub) .hy-cd b{display:block;font-size:1.35rem;font-weight:500}
body.hy:not(.sub) .hy-cd em{display:block;color:#5c6b7c;font-style:normal}
body.hy:not(.sub) #nzSum{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
body.hy:not(.sub) .nz-rows{list-style:none;margin:0;padding:2px 14px 8px}
body.hy:not(.sub) .nz-rows li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid #f3d5d8;color:#142033}
body.hy:not(.sub) .nz-rows i{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}
body.hy:not(.sub) .nz-count{display:inline-block;min-width:1.3em;background:#fff;color:#e11d2e;border-radius:99px;padding:0 6px;font-size:.75rem;font-weight:800;margin-left:6px}
body.hy:not(.sub) .hy-feature{min-height:380px;justify-content:flex-end}
body.hy:not(.sub) .hy-grid-more{margin-top:12px}
body.hy:not(.sub) .hy-head-m{display:none}
@media(max-width:899px){
  body.hy:not(.sub) .hy-quick,body.hy:not(.sub) header.top .tools{display:none!important}
  body.hy:not(.sub) .hy-head-m{display:flex;gap:6px;margin-left:auto}
  body.hy:not(.sub) .hy-head-m button{width:40px;height:40px;border:0;border-radius:12px;background:#fff;color:#102848;display:grid;place-items:center}
  body.hy:not(.sub) .ch-cap{top:8px!important;bottom:auto!important}
  body.hy:not(.sub) .hy-stat .hy-sun{display:none}
  body.hy:not(.sub) .hy-feature{min-height:240px}
  body.hy:not(.sub) .hy-grid-more{display:none}
}
body.hy:not(.sub) #hyBelow{display:grid;gap:12px;margin-top:8px}
@media(max-width:899px){
  body.hy:not(.sub) header.top .top-in{border-radius:16px}
  body.hy:not(.sub) .ch-ph{min-height:340px!important}
  body.hy:not(.sub) .hy-dash{display:grid;gap:12px}
  body.hy:not(.sub) .hy-util a:last-child{margin-left:0}
}
@media(min-width:900px){
  body.hy:not(.sub) .hy-cast{min-height:100%}
  body.hy:not(.sub) .hy-wx .wmini:not(.wd-open) .wm-hours{display:none}
  body.hy:not(.sub) .hy-wx .wd{display:block!important}
}

/* Podstrony miast — ten sam nagłówek i karty, treść bez zmian */
body.sub.hy{background:#e8edf5}
body.sub.hy .hero-sub{background:linear-gradient(160deg,#152448,#1e3a6e);color:#fff;padding:22px 0 26px;margin:0 0 8px}
body.sub.hy .hero-sub h1,body.sub.hy .hero-sub .lead,body.sub.hy .hero-sub p{color:#fff}
body.sub.hy .hero-sub .kicker{color:#ffe08a}
body.sub.hy .hero-sub a{color:#ffe08a}
body.sub.hy .block,body.sub.hy .ph,body.sub.hy .sumbox,body.sub.hy .faq details{
  border-radius:16px}
body.sub.hy .crumbs{padding-top:10px}
body.hy:not(.sub) .hy-wx .hy-aq{position:static!important;top:auto!important;right:auto!important;float:none!important;display:flex!important;width:max-content;max-width:100%;margin:8px 0 0!important}

/* Wzór HTML: granat #0c2a5c, żółć #ffc20e, czerwień #e0262e, pasek nachodzi na zdjęcie. */
body.hy:not(.sub) .brand b{color:#fff;font-size:20px}
body.hy:not(.sub) .brand em{color:#ffc20e;font-style:normal}
body.hy:not(.sub) .hy-search{margin-left:8px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;padding:8px 16px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap}
body.hy:not(.sub) .hy-quick a,body.hy:not(.sub) .hy-quick button{font-size:14px;font-weight:650;opacity:.95}
body.hy:not(.sub) .hy-quick a:hover,body.hy:not(.sub) .hy-quick button:hover{color:#ffc20e;background:transparent}
body.hy:not(.sub) .crumbs{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.hy:not(.sub) #dzis.hero>.skyline{display:none}
body.hy:not(.sub) .ch-txt h1,body.hy:not(.sub) .ch-wide .ch-txt h1{color:#fff!important;font-size:46px!important;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.35);margin:0}
body.hy:not(.sub) .ch-ph .ch-txt,body.hy:not(.sub) .ch-wide .ch-txt{padding:48px 24px 128px!important;background:linear-gradient(180deg,rgba(12,42,92,0) 20%,rgba(12,42,92,.88) 100%)!important}
body.hy:not(.sub) .ch-cap,body.hy:not(.sub) .ch-wide .ch-cap{top:8px!important;bottom:auto!important}
body.hy:not(.sub) .hy-tag{font-size:18px;font-weight:500;opacity:.95}
body.chw #dzis.hero{margin-top:0!important;position:relative;z-index:2;background:transparent}
body.hy:not(.sub) .hy-cast{border:0;border-radius:16px;box-shadow:0 6px 20px rgba(12,42,92,.10)}
body.hy:not(.sub) .hy-cast header b{font-size:18px}
body.hy:not(.sub) .hy-cast header a{color:#123a7a;font-weight:700}
body.hy:not(.sub) .hy-cast-now{gap:14px}
body.hy:not(.sub) .hy-cast-ico{font-size:50px;font-weight:400;line-height:1}
body.hy:not(.sub) .hy-cast-temp{margin:0;display:flex;align-items:baseline;gap:6px}
body.hy:not(.sub) .hy-cast-temp strong{font-size:42px;font-weight:800;line-height:1}
body.hy:not(.sub) .hy-cast-temp span{font-size:16px;color:#6b7587;font-weight:500}
body.hy:not(.sub) .hy-cast-now em{color:#6b7587;font-size:13px}
body.hy:not(.sub) .hy-cd small{color:#6b7587;font-weight:600}
body.hy:not(.sub) .hy-cd b{font-size:30px}
body.hy:not(.sub) #naZywo .nz-h{background:#e0262e}
body.hy:not(.sub) #naZywo .nz-live{border:0;border-radius:16px;box-shadow:0 6px 20px rgba(12,42,92,.10)}
body.hy:not(.sub) #naZywo .nz-f a{float:right;background:#fde8e9;color:#e0262e;border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none}
body.hy:not(.sub) .hy-day .hy-head{display:block;margin:26px 0 14px}
body.hy:not(.sub) .hy-day .hy-head h2{display:flex;align-items:center;gap:10px;margin:0;padding:12px 18px;border-radius:12px;background:linear-gradient(90deg,#0c2a5c 0%,#2e6bd1 60%,#dfe8f7 100%);color:#fff;font-size:20px;font-weight:800}
body.hy:not(.sub) .hy-day .hy-head h2::before{content:"⭐"}
body.hy:not(.sub) .hy-feature{position:relative;min-height:360px;border-radius:16px;justify-content:flex-end;padding:22px}
body.hy:not(.sub) .hy-feature .hy-k{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:#0c2a5c;border-radius:6px;padding:4px 10px;font-size:12px;letter-spacing:0;text-transform:none}
body.hy:not(.sub) .hy-feature b{font-size:26px}
body.hy:not(.sub) .hy-feature .hy-more{align-self:flex-end;margin-top:8px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 14px;color:#fff;font-weight:650}
body.hy:not(.sub) .hy-tile{min-height:170px;border-radius:16px;border:0;box-shadow:0 6px 20px rgba(12,42,92,.10)}
body.hy:not(.sub) .hy-ico{border-radius:12px;color:#fff}
body.hy:not(.sub) .hy-arr{top:auto;bottom:12px;right:14px}
@media(min-width:900px){
  body.hy:not(.sub) .hy-cast{min-height:0}
  body.hy:not(.sub) .hy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:899px){
  body.hy:not(.sub) .hy-search,body.hy:not(.sub) .hy-util{display:none!important}
  body.hy:not(.sub) .hy-cols{display:flex;flex-direction:column;gap:14px;margin-top:-36px;position:relative;z-index:2}
  body.hy:not(.sub) .hero-main,body.hy:not(.sub) .hy-dash{display:contents}
  body.hy:not(.sub) .hy-cols>*,body.hy:not(.sub) .hero-main>*,body.hy:not(.sub) .hy-dash>*{order:8}
  body.hy:not(.sub) .hy-dash>.hy-mid,body.hy:not(.sub) .hy-wx{order:1}
  body.hy:not(.sub) .hy-alerts{order:2}
  body.hy:not(.sub) aside.sb{order:3}
  body.hy:not(.sub) .hy-day{order:4}
  body.hy:not(.sub) .hy-status{display:none!important}
  body.hy:not(.sub) .hy-wx{background:transparent;padding:0}
  body.hy:not(.sub) .hy-wx .hy-cast{box-shadow:0 6px 20px rgba(12,42,92,.10);margin:0;padding:8px 8px 4px}
  body.hy:not(.sub) .hy-cast-temp strong{font-size:28px}
  body.hy:not(.sub) .hy-cast-ico{font-size:28px}
  body.hy:not(.sub) .hy-cast-now{margin:2px 0 6px}
  body.hy:not(.sub) .hy-hr,body.hy:not(.sub) .hy-cd{flex-basis:3.4em;padding:6px 2px}
  body.hy:not(.sub) .hy-hr b,body.hy:not(.sub) .hy-cd b{font-size:1.15rem}
  body.hy:not(.sub) .hy-cast-more{padding-bottom:8px}
  body.hy:not(.sub) .ch-ph .ch-txt,body.hy:not(.sub) .ch-all .ch-txt{padding:72px 16px 48px!important;background:linear-gradient(180deg,rgba(8,16,40,0) 0%,rgba(8,16,40,.72) 35%,rgba(8,16,40,.94) 100%)!important}
  body.hy:not(.sub) .ch-txt h1{font-size:30px!important}
  body.hy:not(.sub) .hy-tag{font-size:15px;color:#fff!important;text-shadow:0 1px 2px #000,0 0 14px rgba(0,0,0,.9)}
  body.hy:not(.sub) .hy-feature{min-height:260px}
  body.hy:not(.sub) .hy-feature b{font-size:21px}
  body.hy:not(.sub) .hy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  body.hy:not(.sub) .hy-tile{min-height:140px;padding:12px}
  body.hy:not(.sub) .hy-tile strong{font-size:14px}
  body.hy:not(.sub) .hy-tile small{font-size:12px}
}
body.hy:not(.sub) .hy-airline{display:flex;align-items:center;gap:10px;margin:2px 14px 14px;padding:8px 12px;border-radius:12px;background:#f4f7fb;text-decoration:none;color:#1b2433}
body.hy:not(.sub) .hy-airline i{width:10px;height:10px;border-radius:50%;background:#8aa0b8;flex:none}
body.hy:not(.sub) .hy-airline.hy-aq-good i{background:#1faa59}
body.hy:not(.sub) .hy-airline.hy-aq-mid i{background:#eab308}
body.hy:not(.sub) .hy-airline.hy-aq-bad i{background:#e0262e}
body.hy:not(.sub) .hy-airline span{font-size:13px;color:#6b7587;font-weight:650}
body.hy:not(.sub) .hy-airline b{font-size:15px}
body.hy:not(.sub) .hy-airline small{margin-left:auto;color:#6b7587;font-size:12px}
body.hy:not(.sub) .hy-aq,body.hy:not(.sub) aside.sb .sb-aq,body.hy:not(.sub) .hy-kal-sr,body.hy:not(.sub) .kal-hero{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
@media(min-width:900px){
  body.hy:not(.sub) .hy-status{display:none!important}
  body.hy:not(.sub) .hy-alerts,body.hy:not(.sub) .hy-mid,body.hy:not(.sub) .hy-events{margin-top:-92px;position:relative;z-index:3}
  body.hy:not(.sub) #naZywo .nz-h h2{font-size:0}
  body.hy:not(.sub) #naZywo .nz-h h2::before{content:"Komentarz i alerty";font-size:1.05rem;font-weight:800}
}
body.hy:not(.sub) #mdBell,body.sub.hy #mdBell,body.home.hy #mdBell{width:50px;height:50px;min-width:50px;border-radius:50%;background:#e0262e!important;color:#fff;border:0;box-shadow:0 4px 12px rgba(224,38,46,.45)}
body.hy:not(.sub) .hy-aqi{position:absolute;z-index:4;right:16px;bottom:24px;display:flex;align-items:center;gap:12px;background:rgba(16,42,24,.72);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:14px 22px;font-size:22px;font-weight:800;text-decoration:none;line-height:1.15}
body.hy:not(.sub) .hy-aqi i{width:18px;height:18px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.28);flex:none}
body.hy:not(.sub) .hy-aq-mid i{background:#facc15;box-shadow:0 0 0 5px rgba(250,204,21,.28)}
body.hy:not(.sub) .hy-aq-bad i{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.28)}
body.hy:not(.sub) .hy-events{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(12,42,92,.1);overflow:hidden}
body.hy:not(.sub) .hy-events header{background:linear-gradient(90deg,#6b3fa0,#8b5cf6);color:#fff;font-weight:800;padding:14px 16px}
body.hy:not(.sub) .hy-ev-list{display:flex;flex-direction:column;gap:6px;padding:8px 10px;flex:1}
body.hy:not(.sub) .hy-ev{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:8px 10px;border-radius:12px;background:#f4f0fb;text-decoration:none;color:inherit}
body.hy:not(.sub) .hy-ev:nth-child(2){background:#eef6ff}
body.hy:not(.sub) .hy-ev:nth-child(3){background:#fff4ec}
body.hy:not(.sub) .hy-ev-next{background:linear-gradient(135deg,#fff3c4,#ffe08a);box-shadow:inset 0 0 0 2px #ffc20e}
body.hy:not(.sub) .hy-ev-when{font-weight:800;color:#5b21b6}
body.hy:not(.sub) .hy-ev-when small,body.hy:not(.sub) .hy-ev small{display:block;color:#5a6575;font-weight:600;font-size:12px}
body.hy:not(.sub) .hy-ev-soon{display:inline-block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#ffc20e;color:#5c3d00;border-radius:999px;padding:2px 7px}
body.hy:not(.sub) .hy-ev-more{display:block;text-align:center;padding:12px;margin-top:auto;font-weight:800;color:#6b3fa0}
body.hy:not(.sub) .hy-fuel{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(12,42,92,.1);overflow:hidden;display:flex;flex-direction:column}
body.hy:not(.sub) .hy-fuel header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#c2410c,#ea580c);color:#fff;font-weight:800;padding:10px 14px}
body.hy:not(.sub) .hy-fuel header em{font-style:normal;background:#fff;color:#c2410c;border-radius:999px;padding:1px 8px;font-size:11px}
body.hy:not(.sub) .hy-fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 4px}
body.hy:not(.sub) .hy-fp{background:#fff6ed;border-radius:10px;padding:8px 4px;text-align:center}
body.hy:not(.sub) .hy-fp b{display:block;font-size:20px;color:#9a3412}
body.hy:not(.sub) .hy-fp span{font-size:11px;font-weight:800;color:#c2410c}
body.hy:not(.sub) .hy-fp small{color:#7a5340;font-size:11px}
body.hy:not(.sub) .hy-fp em{display:block;font-style:normal;font-size:11px;color:#7a5340;font-weight:650}
body.hy:not(.sub) .hy-fuel-note{margin:0;padding:0 12px 6px;font-size:11px;color:#7a5340}
body.hy:not(.sub) .hy-fuel-more{display:block;text-align:center;padding:8px;margin-top:auto;font-weight:800;color:#9a3412}
body.hy:not(.sub) .hy-fab{position:fixed;right:16px;bottom:22px;z-index:45;display:flex;align-items:center;gap:8px;background:#ffc20e;color:#0c2a5c;font-weight:800;border-radius:16px;padding:10px 14px;box-shadow:0 8px 20px rgba(12,42,92,.25);text-decoration:none;line-height:1.15}
@media(max-width:699px){body.hy:not(.sub) .hy-fab{bottom:78px}}
@media(max-width:899px){
  body.hy:not(.sub) .hy-fuel,body.hy:not(.sub) .hy-events{display:none!important}
  body.hy:not(.sub) header.top .tools{display:flex!important}
  body.hy:not(.sub) .hy-head-m{display:none!important}
  body.hy:not(.sub) .hy-aqi{left:12px;right:auto;bottom:16px;font-size:16px;padding:10px 14px}
}
@media(max-width:899px){
  body.hy-merge aside.sb{display:none!important}
  body.hy-merge #naZywo .nz-h h2{font-size:0}
  body.hy-merge #naZywo .nz-h h2::before{content:"Komentarz i komunikaty";font-size:1.05rem;font-weight:800}
  body.hy-merge #naZywo .nz-t{font-size:.78rem;font-weight:600}
  body.hy-merge #nzSum{position:static!important;width:auto!important;height:auto!important;margin:10px 12px!important;padding:12px 14px;overflow:visible!important;clip:auto!important;background:#fff6e8;border-radius:12px;color:#1b2433;line-height:1.45}
  body.hy-merge #nzRows,body.hy-merge .nz-alerts,body.hy-merge .nz-f,body.hy-merge #komunikaty>h2{display:none!important}
  body.hy-merge #komunikaty{background:transparent;border:0;box-shadow:none;margin:0;padding:0 8px 4px}
  body.hy-merge #komunikaty .fd-l>.fd-i:first-child{background:#fff5f5;border-left:4px solid #e0262e;border-radius:10px;padding:8px 10px}
  body.hy-merge #komunikaty .more{text-align:right;margin:8px 8px 12px}
  body.hy-merge #komunikaty .more a{display:inline-block;background:#fde8e9;color:#e0262e;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}
  body.hy:not(.sub) #media-spolecznosciowe,body.hy:not(.sub) .so-r,body.hy:not(.sub) .so-nz{display:none!important}
}

/* FIX 2026-11-06 overflow + leftover + comment */
/* Komentarz widoczny (wcześniej schowany), nagłówek jak ustalony. */
body.hy:not(.sub) #nzSum{
  position:static!important;width:auto!important;height:auto!important;margin:10px 12px!important;
  padding:12px 14px;overflow:visible!important;clip:auto!important;
  background:#fff6e8;border-radius:12px;color:#1b2433;line-height:1.45
}
body.hy:not(.sub) #naZywo .nz-h h2{font-size:0}
body.hy:not(.sub) #naZywo .nz-h h2::before{content:"Komentarz i komunikaty";font-size:1.05rem;font-weight:800}
@media(min-width:900px){
  body.hy:not(.sub) #naZywo .nz-h h2::before{content:"Komentarz i alerty";font-size:1.05rem;font-weight:800}
}

/* Stare rzeczy pod nowym układem: rozbudowane „na żywo”, osobne komunikaty, pasek 100vw. */
body.hy:not(.sub) #naZywo details.nz-all,
body.hy:not(.sub) #naZywo .nzt-g,
body.hy:not(.sub) #naZywo .nz-mapw,
body.hy:not(.sub) #nzRows,
body.hy:not(.sub) .nz-alerts,
body.hy:not(.sub) #naZywo .nz-f,
body.hy:not(.sub) aside.sb #komunikaty,
body.hy:not(.sub) aside.sb .sb-social,
body.hy:not(.sub) #media-spolecznosciowe,
body.hy:not(.sub) .so-r,
body.hy:not(.sub) .so-nz,
body.hy:not(.sub) .hy-util,
body.hy:not(.sub) .hy-find{
  display:none!important
}

/* Jeden zestaw „Na skróty” (hy-short); stary pasek nsk zostaje schowany. */
body.hy:not(.sub) .nsk{display:none!important}

/* Komputer: pasek nagłówka ma się mieścić, bez poziomego paska strony. */
html{overflow-x:hidden}
body.hy:not(.sub){overflow-x:hidden}
body.hy:not(.sub) .hy-util{width:auto;max-width:100%;margin-left:0;margin-right:0}
@media(min-width:900px){
  body.hy:not(.sub) header.top .top-in{
    flex-wrap:nowrap;gap:10px;min-width:0;max-width:1240px;box-sizing:border-box
  }
  body.hy:not(.sub) .brand{flex:0 1 auto;min-width:0}
  body.hy:not(.sub) .brand small{display:none}
  body.hy:not(.sub) .hy-quick{
    flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none
  }
  body.hy:not(.sub) .hy-quick::-webkit-scrollbar{display:none}
  body.hy:not(.sub) .hy-search{flex:0 0 auto}
  body.hy:not(.sub) header.top .tools{flex:0 0 auto;margin-left:auto}
  body.hy:not(.sub) .hy-alerts,body.hy:not(.sub) .hy-mid,body.hy:not(.sub) .hy-events{
    min-width:0;max-width:100%;box-sizing:border-box
  }
  body.hy:not(.sub) .hy-cols{min-width:0}
}
/* FIX 2026-11-06b mobile header + stare posty */
/* Jeden czerwony dzwonek: schowaj dzwonek powiadomień wsuwany do paska. */
body.hy:not(.sub) header.top .mp-bell,
body.hy:not(.sub) header.top .mp-top,
body.hy:not(.sub) .tools > .mp-bell{
  display:none!important
}
/* Stare posty/komunikaty z osobnej kolumny — znikają wszędzie, nie tylko w sidebarze. */
body.hy:not(.sub) #komunikaty,
body.hy:not(.sub) aside.sb #komunikaty,
body.hy:not(.sub) .sb-social,
body.hy:not(.sub) #media-spolecznosciowe,
body.hy:not(.sub) .so-r,
body.hy:not(.sub) .so-nz,
body.hy:not(.sub) .fd[data-s]{
  display:none!important
}
@media(max-width:899px){
  body.hy:not(.sub) header.top .top-in{
    flex-wrap:nowrap;gap:6px;padding:8px 10px;min-width:0
  }
  body.hy:not(.sub) .brand{min-width:0;flex:1 1 auto}
  body.hy:not(.sub) .brand small{display:none!important}
  body.hy:not(.sub) header.top .tools{
    display:flex!important;flex:0 0 auto;gap:6px;margin-left:auto
  }
  body.hy:not(.sub) #mdBell{width:42px;height:42px;min-width:42px}
  body.hy:not(.sub) header.top .tools>.tool:not(#mdBell){height:40px;min-width:40px}
  body.hy:not(.sub) .city-sw-btn{max-width:6.8em;height:40px;min-height:40px;padding:0 8px}
  body.hy:not(.sub) .hy-head-m{display:none!important}
  body.hy:not(.sub) .hy-quick,body.hy:not(.sub) .hy-search{display:none!important}
}


/* FIX 2026-11-06c old posts + aqi + leftover page */
/* Stare posty RSS (urząd/policja z poprzednich dni) nie pokazują się w komentarzu. */
body.hy:not(.sub) #komunikaty,
body.hy:not(.sub) .fd,
body.hy:not(.sub) .fd-l,
body.hy:not(.sub) .fd-i,
body.hy:not(.sub) .fd-mo,
body.hy:not(.sub) #komunikaty .more,
body.hy:not(.sub) aside.sb #komunikaty {
  display: none !important;
}

/* Cała stara strona pod nowym układem. */
body.hy:not(.sub) p.lead,
body.hy:not(.sub) .lead,
body.hy:not(.sub) .hero-fill,
body.hy:not(.sub) #info,
body.hy:not(.sub) #najnowsze,
body.hy:not(.sub) aside.sb,
body.hy:not(.sub) .hf-sec {
  display: none !important;
}

/* Powietrze: tylko na zdjęciu, mniejsze, bez dubla w pogodzie, bez nachodzenia na wydarzenia. */
body.hy:not(.sub) .hy-airline { display: flex !important; }
body.hy:not(.sub) .hy-status { display: none !important; }
body.hy:not(.sub) .ch-ph { position: relative; overflow: hidden; }
body.hy:not(.sub) .ch-ph .hy-aqi {
  position: absolute !important;
  right: 16px !important;
  left: auto !important;
  top: auto !important;
  bottom: 18px !important;
  z-index: 6;
  font-size: 14px !important;
  font-weight: 700;
  padding: 8px 14px !important;
  gap: 8px !important;
  max-width: min(280px, 70%);
}
body.hy:not(.sub) .ch-ph .hy-aqi i {
  width: 12px !important;
  height: 12px !important;
  box-shadow: 0 0 0 3px rgba(74,222,128,.28) !important;
}
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph .hy-aqi {
    left: 12px !important;
    right: auto !important;
    bottom: 14px !important;
    font-size: 13px !important;
    padding: 7px 12px !important;
  }
}


/* FIX 2026-11-06d mockup match */
/* Makieta: telefon = pełna szerokość (pogoda, potem komentarz). Komputer = 3 kolumny. */
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-cols {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.hy:not(.sub) .hero-main,
  body.hy:not(.sub) .hy-dash {
    display: contents !important;
  }
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-cast,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: none !important;
    grid-column: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx { order: 1 !important; }
  body.hy:not(.sub) .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-fuel { display: none !important; }
  body.hy:not(.sub) .hy-airline { display: flex !important; }

  /* Nagłówek jak na makiecie: jeden czerwony dzwonek, A+ i kontrast. */
  body.hy:not(.sub) header.top .mp-bell,
  body.hy:not(.sub) header.top .mp-top,
  body.hy:not(.sub) .tools > .mp-bell,
  body.hy:not(.sub) .city-sw-btn,
  body.hy:not(.sub) .hy-quick,
  body.hy:not(.sub) .hy-search,
  body.hy:not(.sub) .hy-head-m { display: none !important; }
  body.hy:not(.sub) header.top .top-in {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  body.hy:not(.sub) .brand { flex: 1 1 auto; min-width: 0; }
  body.hy:not(.sub) .brand small { display: block !important; }
  body.hy:not(.sub) header.top .tools {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    margin-left: auto !important;
  }

  /* Zdjęcie na całą szerokość ekranu. */
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .city-head.ch-all {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
}

@media (min-width: 900px) {
  body.hy:not(.sub) .hy-alerts { grid-column: 1 !important; grid-row: 2 !important; }
  body.hy:not(.sub) .hy-mid { grid-column: 2 !important; grid-row: 2 !important; width: auto !important; }
  body.hy:not(.sub) .hy-events { grid-column: 3 !important; grid-row: 2 !important; display: flex !important; }
  body.hy:not(.sub) .hy-fuel { display: flex !important; }
}


/* FIX 2026-11-06e equal cols + alerts + leftovers */
/* Stare kafle (siatka na żywo) chowamy wszędzie, nie tylko w komentarzu. */
body.hy:not(.sub) .nzt-g,
body.hy:not(.sub) #nzTiles,
body.hy:not(.sub) .nzt,
body.hy:not(.sub) .hero-fill,
body.hy:not(.sub) .hf-sec,
body.hy:not(.sub) #evGrid,
body.hy:not(.sub) p.lead,
body.hy:not(.sub) .lead,
body.hy:not(.sub) #info,
body.hy:not(.sub) #najnowsze,
body.hy:not(.sub) aside.sb,
body.hy:not(.sub) .pz-side,
body.hy:not(.sub) .m-duo,
body.hy:not(.sub) .wk-card,
body.hy:not(.sub) .bk-card {
  display: none !important;
}

/* Alert pod komentarzem jak na makiecie: wiersz, nie stara żółta karta. */
body.hy:not(.sub) #nzSum {
  background: #fff6e8 !important;
  border-radius: 10px !important;
  margin: 10px 14px 4px !important;
  padding: 10px 12px !important;
}
body.hy:not(.sub) #nzPil {
  margin: 0;
  padding: 0 0 8px;
}
body.hy:not(.sub) #nzPil .nz-pl,
body.hy:not(.sub) #nzPil .nz-pl.y,
body.hy:not(.sub) #nzPil .nz-pl.r {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #eef1f6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
}
body.hy:not(.sub) #nzPil .nz-pl .nz-pm {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 800;
  color: #6b7587;
}
body.hy:not(.sub) #nzPil .nz-pl b {
  display: block;
  font-size: 16px;
  line-height: 1.3;
  color: #1b2433;
}
body.hy:not(.sub) #nzPil .nz-pl p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #4a5568;
}

/* Powietrze nie nachodzi na wydarzenia: kolumny pod zdjęciem, znaczek z lewej. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    margin-top: 10px !important;
    position: relative;
    z-index: 2;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    min-height: 0;
  }
  body.hy:not(.sub) .hy-cols { align-items: stretch !important; }
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
  }
  body.hy:not(.sub) .hy-events { flex: 1 1 auto; height: 100%; }
  body.hy:not(.sub) .hy-ev-more { margin-top: auto; }
  body.hy:not(.sub) .hy-mid { gap: 12px; height: 100%; }
  body.hy:not(.sub) .hy-wx, body.hy:not(.sub) .hy-cast { flex: 1 1 auto; }
  body.hy:not(.sub) .hy-fuel {
    display: flex !important;
    flex-direction: column;
    margin-top: auto;
    flex: 0 0 auto;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi {
    left: 20px !important;
    right: auto !important;
    bottom: 22px !important;
  }
}

body.hy:not(.sub) .hy-fuel {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(12,42,92,.10);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
}
body.hy:not(.sub) .hy-fuel header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg,#c2410c,#ea580c);
  color: #fff;
  font-weight: 800;
  padding: 10px 14px;
}
body.hy:not(.sub) .hy-fuel-note {
  margin: 0;
  padding: 10px 14px 6px;
  font-size: 13px;
  color: #7a5340;
}
body.hy:not(.sub) .hy-fuel-more {
  display: block;
  text-align: center;
  padding: 10px;
  margin-top: auto;
  font-weight: 800;
  color: #9a3412;
}

/* Telefon: pełna szerokość jak na makiecie. */
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-fuel { display: none !important; }
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-cast,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .hy-cols {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* FIX 2026-11-06f alerts as list rows */
/* Alerty pod komentarzem jak na makiecie: lista, nie kafle. */
body.hy:not(.sub) #nzPil {
  margin: 0;
  padding: 0 0 8px;
  background: #fff;
}
body.hy:not(.sub) #nzPil .news-item {
  padding: 12px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.hy:not(.sub) #nzPil .news-item.highlight {
  background: #fff3f3 !important;
  border-left: 4px solid #e0262e !important;
}
body.hy:not(.sub) #nzPil .news-item .time,
body.hy:not(.sub) #nzPil .nz-pl .time {
  display: block;
  margin: 0;
  font-size: 13px !important;
  font-weight: 800;
  color: #6b7587 !important;
}
body.hy:not(.sub) #nzPil .news-item h4 {
  margin: 4px 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #1b2433 !important;
}
body.hy:not(.sub) #nzPil .news-item p {
  margin: 0 0 4px !important;
  font-size: 13px !important;
  color: #4a5568 !important;
}
body.hy:not(.sub) #nzPil a { display: none !important; }

/* Gdyby stary kafelek jeszcze wpadł — też lista. */
body.hy:not(.sub) #nzPil .nz-pl,
body.hy:not(.sub) #nzPil .nz-pl.y,
body.hy:not(.sub) #nzPil .nz-pl.r {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
}

/* Resztki starej strony pod spodem. */
body.hy:not(.sub) details.nz-all,
body.hy:not(.sub) #nzMapW,
body.hy:not(.sub) .nz-mapw,
body.hy:not(.sub) .nz-all,
body.hy:not(.sub) #nzW,
body.hy:not(.sub) .nzt-g,
body.hy:not(.sub) #nzTiles {
  display: none !important;
}


/* FIX 2026-11-06g shorter photo + 4-col tiles + mobile fuel */
/* Telefon: zdjęcie jak na makiecie — szerokie na 4, wysokość dwóch kafelków, nie wysoki portret. */
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .city-head.ch-all,
  body.hy:not(.sub) .city-head {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body.hy:not(.sub) .ch-ph .ch-img,
  body.hy:not(.sub) .city-head .ch-img,
  body.hy:not(.sub) img.ch-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 40% !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt,
  body.hy:not(.sub) .ch-all .ch-txt {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto !important;
    padding: 28px 16px 16px !important;
  }
  body.hy:not(.sub) .ch-txt h1 { font-size: 26px !important; line-height: 1.15 !important; }

  /* Paliwo i dodatkowe kafle pod spodem — widać je na telefonie. */
  body.hy:not(.sub) .hy-fuel {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .hy-grid-more {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  /* Karty na pełną szerokość jak na makiecie. */
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-cast,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Komputer: wyróżnienie na wysokość dwóch kafelków, siatka na cztery, reszta pod spodem. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-spot {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(160px, auto);
    gap: 14px !important;
    align-items: stretch !important;
  }
  body.hy:not(.sub) .hy-feature {
    grid-column: 1 / span 2 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid {
    display: contents !important;
  }
  body.hy:not(.sub) .hy-grid-more {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 14px !important;
  }
}


/* FIX 2026-11-06h first cards overlap the photo */
/* Pierwsze karty zachodzą trochę na zdjęcie, jak w oryginale — bez dziury. */
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage {
    margin-top: -36px !important;
    position: relative !important;
    z-index: 3 !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt,
  body.hy:not(.sub) .ch-all .ch-txt {
    padding-bottom: 48px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi {
    bottom: 52px !important;
  }
}
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    margin-top: -40px !important;
    position: relative !important;
    z-index: 3 !important;
  }
  body.hy:not(.sub) .hy-cols {
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi {
    bottom: 56px !important;
  }
}


/* FIX 2026-11-06i tighten gaps + drop spare tile */
/* Bez pustej dziury w komentarzu i z mniejszymi przerwami między sekcjami. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols {
    align-items: stretch !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.hy:not(.sub) .hy-fuel { margin-top: 10px !important; }
  body.hy:not(.sub) .hy-day {
    margin-top: 14px !important;
    padding-top: 0 !important;
  }
  body.hy:not(.sub) .hy-spot { margin-top: 0 !important; }
}
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx {
    gap: 10px !important;
  }
  body.hy:not(.sub) .hy-day { margin-top: 12px !important; }
}
body.hy:not(.sub) .hy-tile[data-dot="paliwa"] { display: none !important; }


/* FIX 2026-11-06j equal small section gaps */
/* Wszystkie odstępy między kolejnymi sekcjami: równe i małe. */
body.hy:not(.sub) .hy-day,
body.hy:not(.sub) .hy-short,
body.hy:not(.sub) .hy-find,
body.hy:not(.sub) #hyBelow,
body.hy:not(.sub) .hy-dash {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  padding-top: 0 !important;
}
body.hy:not(.sub) .hy-day .hy-head {
  margin: 0 0 12px !important;
}
body.hy:not(.sub) .hy-head {
  margin-bottom: 12px !important;
}
body.hy:not(.sub) .hy-spot,
body.hy:not(.sub) .hy-grid {
  gap: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.hy:not(.sub) .hy-util {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols {
    gap: 12px !important;
    margin-bottom: 0 !important;
  }
  body.hy:not(.sub) .hy-util {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
  body.hy:not(.sub) .hy-fuel { margin-top: 12px !important; }
}
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx {
    gap: 12px !important;
  }
  body.hy:not(.sub) .hy-fuel { margin-top: 12px !important; }
}


/* FIX 2026-11-06k homepage polish: fuels data, equal cards, AQI x2, highlights, events 2-col, hide leftovers */
/* Paliwo zawsze widoczne, z siatką cen. */
body.hy:not(.sub) .hy-fuel {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  text-decoration: none !important;
  color: inherit !important;
}
body.hy:not(.sub) .hy-fuel-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 10px 12px 4px !important;
}
body.hy:not(.sub) .hy-fp {
  background: #fff6ed !important;
  border-radius: 10px !important;
  padding: 8px 6px 6px !important;
  text-align: center !important;
}
body.hy:not(.sub) .hy-fp span { display: block; font-size: 11px; font-weight: 800; color: #c2410c; }
body.hy:not(.sub) .hy-fp b { display: block; font-size: 20px; color: #9a3412; line-height: 1.1; }
body.hy:not(.sub) .hy-fp small { display: block; font-size: 11px; color: #7a5340; }
body.hy:not(.sub) .hy-fp em { display: block; font-style: normal; font-size: 11px; line-height: 1.25; color: #7a5340; margin-top: 5px; font-weight: 600; }

/* Komentarz dorównuje kolumnie z pogodą i paliwami; komunikaty podświetlone, nie białe. */
body.hy:not(.sub) #nzPil {
  background: #fff6e8 !important;
}
body.hy:not(.sub) #nzPil .news-item {
  background: #fff3ea !important;
  border-bottom: 1px solid #f0e0d0 !important;
  padding: 12px 16px !important;
}
body.hy:not(.sub) #nzPil .news-item.highlight {
  background: #ffe3e3 !important;
  border-left: 5px solid #e0262e !important;
}

/* Znaczek jakości powietrza — dwukrotnie większy. */
body.hy:not(.sub) .ch-ph .hy-aqi,
body.hy:not(.sub) .hy-aqi {
  font-size: 26px !important;
  font-weight: 800 !important;
  padding: 14px 22px !important;
  gap: 12px !important;
  max-width: min(460px, 88%) !important;
  line-height: 1.15 !important;
  border-radius: 999px !important;
}
body.hy:not(.sub) .ch-ph .hy-aqi i,
body.hy:not(.sub) .hy-aqi i {
  width: 24px !important;
  height: 24px !important;
  box-shadow: 0 0 0 6px rgba(74,222,128,.28) !important;
}

/* Wydarzenia: nowoczesna lista z ikonkami, na komputerze w dwóch rzędach. */
body.hy:not(.sub) .hy-ev-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 8px 10px 10px !important;
}
body.hy:not(.sub) .hy-ev {
  display: grid !important;
  grid-template-columns: 40px 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  background: #f6f3fb !important;
  border: 0 !important;
}
body.hy:not(.sub) .hy-ev:nth-child(2n) { background: #eef6ff !important; }
body.hy:not(.sub) .hy-ev:nth-child(3n) { background: #fff4ec !important; }
body.hy:not(.sub) .hy-ev:nth-child(4n) { background: #eefaf3 !important; }
body.hy:not(.sub) .hy-ev-next {
  background: #fff6d4 !important;
  box-shadow: inset 0 0 0 2px #ffc20e !important;
}
body.hy:not(.sub) .hy-ev-ico {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
body.hy:not(.sub) .hy-ev-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
body.hy:not(.sub) .hy-ev-main b {
  font-size: 15px !important;
  line-height: 1.25 !important;
  color: #1b2433 !important;
}
body.hy:not(.sub) .hy-ev-main small {
  display: block !important;
  font-size: 12px !important;
  color: #667085 !important;
}
body.hy:not(.sub) .hy-ev-when {
  text-align: right !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  color: #5b4a8a !important;
  line-height: 1.2 !important;
}
body.hy:not(.sub) .hy-ev-when small {
  display: block !important;
  font-weight: 700 !important;
  color: #7a6aa5 !important;
}
body.hy:not(.sub) .hy-ev-soon {
  display: inline-block !important;
  margin-top: 3px !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  background: #ffc20e !important;
  color: #0c2a5c !important;
  border-radius: 999px !important;
  padding: 1px 7px !important;
}

/* Dół strony: bez powtórki łamigłówek i bez „Polska i świat”. */
body.hy:not(.sub) .ndm-lam,
body.hy:not(.sub) .sb-card.sb-lam-c,
body.hy:not(.sub) details.wn-fold,
body.hy:not(.sub) .wn-fold,
body.hy:not(.sub) #wiadomosci-kraj,
body.hy:not(.sub) .wn-block {
  display: none !important;
}

@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  body.hy:not(.sub) .hy-alerts {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.hy:not(.sub) .hy-mid {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: auto !important;
  }
  body.hy:not(.sub) .hy-events {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .hy-ev-list {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.hy:not(.sub) #nzPil { flex: 1 1 auto; }
  body.hy:not(.sub) .hy-fuel { margin-top: 12px !important; }
}

@media (max-width: 899px) {
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }
  body.hy:not(.sub) .hy-ev-list {
    grid-template-columns: 1fr !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi,
  body.hy:not(.sub) .hy-aqi {
    font-size: 22px !important;
    padding: 12px 18px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi i,
  body.hy:not(.sub) .hy-aqi i {
    width: 22px !important;
    height: 22px !important;
  }
}


/* FIX 2026-11-06l mobile width, AQI top, compact fuel, min gaps */
/* Karty na telefonie prawie od krawędzi; znaczek powietrza u góry zdjęcia, nie na napisach. */
@media (max-width: 899px) {
  body.hy:not(.sub) .wrap,
  body.hy:not(.sub) .wrap.hy-stage {
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .wrap.hy-stage > .city-head,
  body.hy:not(.sub) .city-head,
  body.hy:not(.sub) .city-head.ch-all,
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide {
    width: calc(100% + 16px) !important;
    max-width: none !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi,
  body.hy:not(.sub) .hy-aqi {
    position: absolute !important;
    top: 10px !important;
    bottom: auto !important;
    left: 10px !important;
    right: auto !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    z-index: 6 !important;
    max-width: min(92%, 340px) !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi i,
  body.hy:not(.sub) .hy-aqi i {
    width: 16px !important;
    height: 16px !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt,
  body.hy:not(.sub) .ch-all .ch-txt {
    padding-bottom: 16px !important;
  }
  body.hy:not(.sub) .hy-fuel header {
    padding: 6px 10px !important;
    font-size: 14px !important;
  }
  body.hy:not(.sub) .hy-fuel-grid {
    padding: 6px 8px 2px !important;
    gap: 4px !important;
  }
  body.hy:not(.sub) .hy-fp { padding: 5px 4px 4px !important; }
  body.hy:not(.sub) .hy-fp b { font-size: 16px !important; }
  body.hy:not(.sub) .hy-fp span,
  body.hy:not(.sub) .hy-fp small,
  body.hy:not(.sub) .hy-fp em { font-size: 10px !important; }
  body.hy:not(.sub) .hy-fp em { margin-top: 2px !important; }
  body.hy:not(.sub) .hy-fuel-note { padding: 0 8px 4px !important; font-size: 10px !important; }
  body.hy:not(.sub) .hy-fuel-more { padding: 4px 8px 8px !important; font-size: 12px !important; }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx { gap: 8px !important; }
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-dash {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  body.hy:not(.sub) .hy-day .hy-head,
  body.hy:not(.sub) .hy-head { margin: 0 0 8px !important; }
}
@media (min-width: 900px) {
  body.hy:not(.sub) .ch-ph .hy-aqi,
  body.hy:not(.sub) .hy-aqi {
    position: absolute !important;
    top: 16px !important;
    bottom: auto !important;
    left: 16px !important;
    right: auto !important;
  }
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-dash {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  body.hy:not(.sub) .hy-day .hy-head { margin: 0 0 8px !important; }
  body.hy:not(.sub) .hy-fuel { margin-top: 8px !important; }
  body.hy:not(.sub) .hy-cols { gap: 8px !important; }
}


/* FIX 2026-11-06m mobile stack: events header on top, cards full width */
/* Na telefonie sekcje jedna pod drugą — nagłówek wydarzeń nie może iść w bok. */
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-wx {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  body.hy:not(.sub) .hy-events header {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    writing-mode: horizontal-tb !important;
  }
  body.hy:not(.sub) .hy-ev-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  body.hy:not(.sub) .hy-ev {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .hy-ev-main {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  body.hy:not(.sub) .hy-ev-when {
    white-space: nowrap !important;
  }
}


/* FIX 2026-11-06n transparent header on photo, lower cards/AQI, min equal gaps */
@media (max-width: 899px) {
  body.hy:not(.sub) header.top {
    background: #0c2a5c !important;
    background-image: none !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 40 !important;
  }
  body.hy:not(.sub) header.top .top-in {
    background: transparent !important;
    padding: 8px 10px !important;
  }
  body.hy:not(.sub) header.top .brand b,
  body.hy:not(.sub) header.top .brand em,
  body.hy:not(.sub) header.top .brand small {
    text-shadow: 0 1px 8px rgba(0,0,0,.7) !important;
  }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage {
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .hy-mid { order: 1 !important; }
  body.hy:not(.sub) .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-events { order: 3 !important; }
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel { order: unset !important; }
  body.hy:not(.sub) .ch-ph .hy-aqi,
  body.hy:not(.sub) .hy-aqi {
    top: 62px !important;
    bottom: auto !important;
    left: 10px !important;
    right: auto !important;
    font-size: 15px !important;
    padding: 7px 12px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-aqi i,
  body.hy:not(.sub) .hy-aqi i {
    width: 14px !important;
    height: 14px !important;
  }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx { gap: 6px !important; }
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-dash {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  body.hy:not(.sub) .hy-day .hy-head,
  body.hy:not(.sub) .hy-head { margin: 0 0 6px !important; }
}
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols { gap: 6px !important; }
  body.hy:not(.sub) .hy-fuel { margin-top: 6px !important; }
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-dash {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  body.hy:not(.sub) .hy-day .hy-head { margin: 0 0 6px !important; }
}


/* FIX 2026-11-06p restore stacked cards on phones; hide extra yellow subtitle */
body.hy:not(.sub) header.top .brand small {
  display: none !important;
}

@media (max-width: 1023px), ((hover: none) and (pointer: coarse) and (max-width: 1366px)) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-wx {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: none !important;
  }
  body.hy:not(.sub) .hy-mid { order: 1 !important; }
  body.hy:not(.sub) .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-events { order: 3 !important; }
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel { order: unset !important; }
  body.hy:not(.sub) .hy-events header {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    writing-mode: horizontal-tb !important;
  }
  body.hy:not(.sub) .hy-ev-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.hy:not(.sub) .hy-ev {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}


/* FIX 2026-11-06q equal min gaps on mobile; modern open events list */
@media (max-width: 1023px), ((hover: none) and (pointer: coarse) and (max-width: 1366px)) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hero-in,
  body.hy:not(.sub) .hf-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    row-gap: 4px !important;
    column-gap: 4px !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-cols > *,
  body.hy:not(.sub) .hy-mid > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel {
    gap: 4px !important;
  }
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-spot,
  body.hy:not(.sub) .hy-grid,
  body.hy:not(.sub) .hy-grid-more {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    gap: 4px !important;
  }
  body.hy:not(.sub) .hy-day .hy-head,
  body.hy:not(.sub) .hy-head {
    margin: 0 0 4px !important;
  }
  body.hy:not(.sub) #naZywo {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Otwarta, nowoczesna lista wydarzeń (ta sama co na stronie głównej) */
body.sub.hy .grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  grid-template-columns: none !important;
}
body.sub.hy article.ev.mh,
body.sub.hy .ev.mh {
  display: grid !important;
}
body.sub.hy article.ev[hidden],
body.sub.hy .ev[hidden] {
  display: none !important;
}
body.sub.hy .more-btn {
  display: none !important;
}
body.sub.hy article.ev[id*="helios"],
body.sub.hy article.ev[data-cats*="kino"] {
  display: none !important;
}
body.sub.hy .wyd-why,
body.sub.hy nav.related {
  display: none !important;
}
body.sub.hy article.ev {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f4f0fb !important;
  box-shadow: none !important;
  transform: none !important;
}
body.sub.hy article.ev:nth-child(3n+2) { background: #eef6ff !important; }
body.sub.hy article.ev:nth-child(3n+3) { background: #fff4ec !important; }
body.sub.hy article.ev .ev-date {
  width: 40px !important;
  height: 40px !important;
  flex: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px rgba(12,42,92,.08) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  padding: 0 !important;
}
body.sub.hy article.ev .ev-date .d,
body.sub.hy article.ev .ev-date .m { display: none !important; }
body.sub.hy article.ev .ev-date::before { content: "📅"; }
body.sub.hy article.ev[data-cats*="teatr"] .ev-date::before { content: "🎭"; }
body.sub.hy article.ev[data-cats*="muzyk"] .ev-date::before,
body.sub.hy article.ev[data-cats*="koncert"] .ev-date::before { content: "🎵"; }
body.sub.hy article.ev[data-cats*="wystaw"] .ev-date::before,
body.sub.hy article.ev[data-cats*="muzeum"] .ev-date::before { content: "🖼️"; }
body.sub.hy article.ev[data-cats*="sport"] .ev-date::before { content: "⚽"; }
body.sub.hy article.ev .ev-body {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
body.sub.hy article.ev .ev-body h3 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #142033 !important;
}
body.sub.hy article.ev .ev-facts {
  display: block !important;
  margin: 0 !important;
}
body.sub.hy article.ev .ev-facts dt,
body.sub.hy article.ev .ev-facts .f-0,
body.sub.hy article.ev .ev-facts .f-2,
body.sub.hy article.ev .ev-facts .f-3,
body.sub.hy article.ev .foot,
body.sub.hy article.ev .src,
body.sub.hy article.ev .ev-act {
  display: none !important;
}
body.sub.hy article.ev .ev-facts .f-1 {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.sub.hy article.ev .ev-facts .f-1 dd {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #5c6b7c !important;
  line-height: 1.3 !important;
}
body.sub.hy article.ev .ev-facts .f-0 {
  display: block !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  padding: 0 !important;
  text-align: right !important;
}
body.sub.hy article.ev {
  position: relative !important;
}
body.sub.hy article.ev .ev-facts .f-0 dd {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #6b3fa0 !important;
  max-width: 7.5em !important;
}
body.sub.hy article.ev .ev-body {
  padding-right: 5.5em !important;
}


/* FIX 2026-11-06r show weather/fuels/comment/events; do not use display:contents */
@media (max-width: 1100px) {
  body.hy:not(.sub) .hero-main,
  body.hy:not(.sub) .hy-dash {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    clip: auto !important;
    position: relative !important;
  }
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events {
    display: flex !important;
  }
  body.hy:not(.sub) .city-head,
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .wrap.hy-stage {
    overflow: visible !important;
  }
  body.hy:not(.sub) header.top #mainNav {
    display: none !important;
  }
  body.hy:not(.sub) .hy-cols {
    gap: 4px !important;
  }
}


/* FIX 2026-11-06s original mobile column: hide horizontal header shortcuts, overlay header, stack cards */
@media (max-width: 1100px), (hover: none) and (pointer: coarse) and (max-width: 1366px) {
  body.hy:not(.sub) header.top,
  body.hy:has(.ch-all):not(.contrast) header.top,
  body.hy:has(.ch-all) header.top,
  body:has(.ch-all):not(.contrast) header.top {
    background: #0c2a5c !important;
    background-color: #0c2a5c !important;
    background-image: none !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 40 !important;
  }
  body.hy:not(.sub) header.top .top-in {
    background: transparent !important;
    padding: 8px 10px !important;
    flex-wrap: nowrap !important;
  }
  body.hy:not(.sub) .hy-quick,
  body.hy:not(.sub) .hy-search,
  body.hy:not(.sub) .hy-head-m,
  body.hy:not(.sub) header.top #mainNav,
  body.hy:not(.sub) header.top #mainNav.hy-open,
  body.hy:not(.sub) .city-sw-btn {
    display: none !important;
  }
  body.hy:not(.sub) header.top .tools {
    display: flex !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: 6px !important;
  }
  body.hy:not(.sub) header.top .brand b,
  body.hy:not(.sub) header.top .brand em {
    text-shadow: 0 1px 8px rgba(0,0,0,.7) !important;
  }
  body.hy:not(.sub) header.top .brand small {
    display: none !important;
  }

  body.hy:not(.sub) .hero-main,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hero-in,
  body.hy:not(.sub) .hf-grid,
  body.hy:not(.sub) .hy-mid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 4px !important;
    float: none !important;
  }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage {
    margin-top: -24px !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx { order: 1 !important; }
  body.hy:not(.sub) .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-events { order: 3 !important; }
  body.hy:not(.sub) .hy-fuel { order: unset !important; }

  body.hy:not(.sub) .ch-ph .hy-aqi,
  body.hy:not(.sub) .hy-aqi {
    top: 62px !important;
    bottom: auto !important;
    left: 10px !important;
    right: auto !important;
    font-size: 15px !important;
    padding: 7px 12px !important;
  }
}


/* FIX 2026-11-06t restore mobile hierarchy: weather/comment/events first, Najważniejsze after */
@media (max-width: 1100px), (hover: none) and (pointer: coarse) and (max-width: 1366px) {
  body.hy:not(.sub) .hero-main > .hy-status { order: 0 !important; }
  body.hy:not(.sub) .hero-main > .hy-dash { order: 1 !important; }
  body.hy:not(.sub) .hero-main > .hy-kal-sr { order: 2 !important; }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-day { order: 5 !important; }
  body.hy:not(.sub) .hero-main > .hy-util,
  body.hy:not(.sub) .hero-main > .hy-find { order: 6 !important; }
  body.hy:not(.sub) .hero-main > .hy-short { order: 7 !important; }
  body.hy:not(.sub) .hero-main > .m-duo,
  body.hy:not(.sub) .hero-main > #hyBelow { order: 8 !important; }

  body.hy:not(.sub) .hy-dash > .hy-mid { order: 1 !important; }
  body.hy:not(.sub) .hy-dash > .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-dash > .hy-events { order: 3 !important; }
}


/* FIX 2026-11-06u desktop stacks vertically like mobile; weather above fuels */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hero-in,
  body.hy:not(.sub) .hf-grid,
  body.hy:not(.sub) .hero-main,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-mid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-fuel,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) #naZywo {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hero-main > .hy-status { order: 0 !important; }
  body.hy:not(.sub) .hero-main > .hy-dash { order: 1 !important; }
  body.hy:not(.sub) .hero-main > .hy-kal-sr { order: 2 !important; }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-day {
    order: 5 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  body.hy:not(.sub) .hero-main > .hy-util,
  body.hy:not(.sub) .hero-main > .hy-find { order: 6 !important; }
  body.hy:not(.sub) .hero-main > .hy-short { order: 7 !important; }
  body.hy:not(.sub) .hero-main > .m-duo,
  body.hy:not(.sub) .hero-main > #hyBelow { order: 8 !important; }

  body.hy:not(.sub) .hy-dash > .hy-mid { order: 1 !important; }
  body.hy:not(.sub) .hy-dash > .hy-alerts { order: 2 !important; }
  body.hy:not(.sub) .hy-dash > .hy-events { order: 3 !important; }
  body.hy:not(.sub) .hy-mid > .hy-wx { order: 1 !important; }
  body.hy:not(.sub) .hy-mid > .hy-fuel,
  body.hy:not(.sub) .hy-mid > a.hy-fuel { order: 2 !important; }

  body.hy:not(.sub) .hy-ev-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
}

/* weather before fuels also on the phone (do not let .hy-wx { order:1 } jump below fuels) */
@media (max-width: 1100px), (hover: none) and (pointer: coarse) and (max-width: 1366px) {
  body.hy:not(.sub) .hy-mid > .hy-wx { order: 1 !important; }
  body.hy:not(.sub) .hy-mid > .hy-fuel,
  body.hy:not(.sub) .hy-mid > a.hy-fuel { order: 2 !important; }
}


/* FIX 2026-11-06v hide leftover food/newsletter galleries; categorized expandable events */
body.hy:not(.sub) section.sb-card.sb-food,
body.hy:not(.sub) .sb-food,
body.hy:not(.sub) .nlb-m,
body.hy:not(.sub) section.block#wydarzenia,
body.hy:not(.sub) #evGrid {
  display: none !important;
}
body.hy:not(.sub) #newsletter-sb,
body.hy:not(.sub) .nlb-sb {
  display: none !important;
}
body.hy:not(.sub) #newsletter-sb:target {
  display: block !important;
  margin: 16px auto !important;
  max-width: 560px;
  position: relative;
  z-index: 5;
}
body.hy:not(.sub) .hy-ev-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 12px 4px;
  background: #f7f3ff;
}
body.hy:not(.sub) .hy-ev-cat {
  border: 0;
  background: #fff;
  color: #5b21b6;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  border-radius: 999px;
  padding: 6px 12px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(91,33,182,.08);
}
body.hy:not(.sub) .hy-ev-cat.on {
  background: #6b3fa0;
  color: #fff;
}
body.hy:not(.sub) .hy-events .hy-ev-more[hidden] { display: none !important; }


/* FIX 2026-11-06w desktop one column; fuels under comment; compact weather; hide duplicate forecast */
body.hy:not(.sub) .hy-cols.hero-in.hf-grid,
body.hy:not(.sub) .hy-cols.hero-in,
body.hy:not(.sub) .hy-cols.hf-grid,
body.hy:not(.sub) .hy-cols,
body.hy:not(.sub) .hy-cols > .hero-main,
body.hy:not(.sub) .hy-cols > .hero-main.hy-left,
body.hy:not(.sub) .hero-main.hy-left,
body.hy:not(.sub) .hero-main,
body.hy:not(.sub) .hy-dash,
body.hy:not(.sub) .hy-mid {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.hy:not(.sub) .hy-alerts,
body.hy:not(.sub) .hy-wx,
body.hy:not(.sub) .hy-cast,
body.hy:not(.sub) .hy-fuel,
body.hy:not(.sub) a.hy-fuel,
body.hy:not(.sub) .hy-events,
body.hy:not(.sub) #naZywo,
body.hy:not(.sub) #naZywo .nz-live {
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  align-self: stretch !important;
  min-height: 0 !important;
  height: auto !important;
}

body.hy:not(.sub) .hy-dash > .hy-mid { order: 1 !important; }
body.hy:not(.sub) .hy-dash > .hy-wx,
body.hy:not(.sub) .hy-mid > .hy-wx { order: 1 !important; }
body.hy:not(.sub) .hy-dash > .hy-alerts { order: 2 !important; }
body.hy:not(.sub) .hy-dash > .hy-fuel,
body.hy:not(.sub) .hy-dash > a.hy-fuel { order: 3 !important; }
body.hy:not(.sub) .hy-dash > .hy-events { order: 4 !important; }

/* Duplicate old widget sits under the new forecast and stretches the card. */
body.hy:not(.sub) .hy-wx .wmini,
body.hy:not(.sub) .hy-wx #wMini {
  display: none !important;
}

body.hy:not(.sub) .hy-cast {
  padding: 8px 10px 6px !important;
  margin: 0 !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, #e8f3ff 0%, #f5fafe 58%, #ffffff 100%) !important;
  border: 1px solid #c5ddf5 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(12, 42, 92, .08) !important;
}
body.hy:not(.sub) .hy-cast header {
  margin: 0 !important;
  align-items: center !important;
}
body.hy:not(.sub) .hy-cast header b {
  font-size: 15px !important;
  color: #0c2a5c !important;
}
body.hy:not(.sub) .hy-cast-tabs {
  background: #d4e6f8 !important;
}
body.hy:not(.sub) .hy-cast-tabs button.on {
  background: #0c2a5c !important;
  color: #fff !important;
}
body.hy:not(.sub) .hy-cast-now {
  margin: 2px 0 6px !important;
  gap: 10px !important;
}
body.hy:not(.sub) .hy-cast-ico {
  font-size: 28px !important;
}
body.hy:not(.sub) .hy-cast-temp strong,
body.hy:not(.sub) .hy-cast-now strong {
  font-size: 26px !important;
  line-height: 1 !important;
  color: #0c2a5c !important;
}
body.hy:not(.sub) .hy-cast-temp span,
body.hy:not(.sub) .hy-cast-now em {
  font-size: 13px !important;
  color: #3d5a80 !important;
}
body.hy:not(.sub) .hy-cast-hours,
body.hy:not(.sub) .hy-cast-days {
  padding: 0 0 4px !important;
  gap: 6px !important;
}
body.hy:not(.sub) .hy-hr,
body.hy:not(.sub) .hy-cd {
  flex-basis: 3.05em !important;
  padding: 5px 2px !important;
  background: #dceaf8 !important;
  border-radius: 10px !important;
}
body.hy:not(.sub) .hy-hr b,
body.hy:not(.sub) .hy-cd b {
  font-size: 1.05rem !important;
}
body.hy:not(.sub) .hy-airline {
  margin: 2px 0 6px !important;
  padding: 6px 10px !important;
  background: #e7f3ea !important;
}
body.hy:not(.sub) .hy-cast-more {
  padding: 0 2px 4px !important;
}


/* FIX 2026-11-06x desktop: three columns side by side, as originally agreed */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols.hero-in.hf-grid,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hy-cols {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    align-items: start !important;
    gap: 12px !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
  }
  body.hy:not(.sub) .hy-cols > .hero-main,
  body.hy:not(.sub) .hy-cols > .hero-main.hy-left,
  body.hy:not(.sub) .hero-main.hy-left,
  body.hy:not(.sub) .hero-main,
  body.hy:not(.sub) .hy-dash {
    display: contents !important;
  }
  body.hy:not(.sub) .hy-status,
  body.hy:not(.sub) .hy-chips {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.hy:not(.sub) .hy-mid {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.hy:not(.sub) .hy-wx,
  body.hy:not(.sub) .hy-cast {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  body.hy:not(.sub) .hy-events {
    grid-column: 3 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-fuel,
  body.hy:not(.sub) .hy-dash > a.hy-fuel {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
  body.hy:not(.sub) .hy-mid > .hy-fuel,
  body.hy:not(.sub) .hy-mid > a.hy-fuel {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin-top: 8px !important;
  }
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hy-kal-sr,
  body.hy:not(.sub) .hy-util,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-grid-more,
  body.hy:not(.sub) .top-art,
  body.hy:not(.sub) .lead,
  body.hy:not(.sub) .hero-fill,
  body.hy:not(.sub) aside.sb {
    grid-column: 1 / -1 !important;
  }
  body.hy:not(.sub) .hy-day { grid-row: 4 !important; }
  body.hy:not(.sub) .hy-ev-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
}


/* FIX 2026-11-06y hide leftover mail/exhibition accordions; tiles instead */
body.hy:not(.sub) section.wrap.nlb.nlb-m,
body.hy:not(.sub) section.wrap.nlb,
body.hy:not(.sub) section.nlb.nlb-m,
body.hy:not(.sub) #newsletter,
body.hy:not(.sub) .nlb-m {
  display: none !important;
}
body.hy:not(.sub) section.wrap.block#wystawy,
body.hy:not(.sub) section.block#wystawy,
body.hy:not(.sub) section#wystawy,
body.hy:not(.sub) #wystawy {
  display: none !important;
}
body.hy:not(.sub) #wystawy:target,
body.hy:not(.sub) section#wystawy:target {
  display: block !important;
  margin: 16px auto !important;
  max-width: 720px;
  position: relative;
  z-index: 5;
}


/* FIX 2026-11-06z desktop tiles and lower blocks span all three columns */
@media (min-width: 900px) {
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-cols .hy-day,
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hero-main > .hy-kal-sr,
  body.hy:not(.sub) .hy-kal-sr,
  body.hy:not(.sub) .hero-main > .hy-util,
  body.hy:not(.sub) .hero-main > .hy-find,
  body.hy:not(.sub) .hero-main > .hy-short,
  body.hy:not(.sub) .hy-util,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hero-main > #hyBelow,
  body.hy:not(.sub) #hyBelow,
  body.hy:not(.sub) .hy-grid-more,
  body.hy:not(.sub) .top-art,
  body.hy:not(.sub) .lead,
  body.hy:not(.sub) .hero-fill,
  body.hy:not(.sub) aside.sb {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-cols .hy-day,
  body.hy:not(.sub) .hy-day {
    grid-row: 4 !important;
  }
}


/* FIX 2026-11-06aa desktop: comment/weather/events immediately under the photo; tiles below */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols .hy-alerts,
  body.hy:not(.sub) .hy-cols #naZywo,
  body.hy:not(.sub) .hero-main .hy-alerts,
  body.hy:not(.sub) .hy-dash > .hy-alerts,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo {
    grid-column: 1 !important;
    grid-row: 2 !important;
    order: 1 !important;
  }
  body.hy:not(.sub) .hy-cols .hy-mid,
  body.hy:not(.sub) .hero-main .hy-mid,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-mid {
    grid-column: 2 !important;
    grid-row: 2 !important;
    order: 1 !important;
  }
  body.hy:not(.sub) .hy-cols .hy-events,
  body.hy:not(.sub) .hero-main .hy-events,
  body.hy:not(.sub) .hy-dash > .hy-events,
  body.hy:not(.sub) .hy-events {
    grid-column: 3 !important;
    grid-row: 2 !important;
    order: 1 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-fuel,
  body.hy:not(.sub) .hy-dash > a.hy-fuel {
    grid-column: 1 !important;
    grid-row: 3 !important;
    order: 2 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-cols .hy-day,
  body.hy:not(.sub) .hy-day {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    order: 20 !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.hy:not(.sub) .hero-main > .hy-short,
  body.hy:not(.sub) .hy-cols .hy-short,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) .hero-main > .hy-util,
  body.hy:not(.sub) .hero-main > .hy-find,
  body.hy:not(.sub) .hy-util,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) .hero-main > #hyBelow,
  body.hy:not(.sub) #hyBelow {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    order: 21 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* FIX 2026-11-06ab desktop: three columns equal height, bottoms align with fuels */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols.hero-in.hf-grid,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hy-cols {
    align-items: stretch !important;
  }
  body.hy:not(.sub) .hy-cols .hy-alerts,
  body.hy:not(.sub) .hero-main .hy-alerts,
  body.hy:not(.sub) .hy-alerts {
    height: 0 !important;
    min-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-cols .hy-events,
  body.hy:not(.sub) .hero-main .hy-events,
  body.hy:not(.sub) .hy-events {
    height: 0 !important;
    min-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-cols .hy-mid,
  body.hy:not(.sub) .hero-main .hy-mid,
  body.hy:not(.sub) .hy-mid {
    height: auto !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-alerts > #naZywo,
  body.hy:not(.sub) .hy-alerts #naZywo,
  body.hy:not(.sub) #naZywo {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }
  body.hy:not(.sub) .hy-events > header,
  body.hy:not(.sub) .hy-events > .hy-ev-cats,
  body.hy:not(.sub) .hy-events > .hy-ev-more {
    flex: 0 0 auto !important;
  }
  body.hy:not(.sub) .hy-events > .hy-ev-list,
  body.hy:not(.sub) .hy-ev-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
}


/* FIX 2026-11-06ac sunny larger forecast + symmetric event category chips */
body.hy:not(.sub) .hy-ev-cats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 8px !important;
  background: #f7f3ff !important;
  box-sizing: border-box !important;
}
body.hy:not(.sub) .hy-ev-cat {
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 7px 8px !important;
  box-sizing: border-box !important;
}
body.hy:not(.sub) .hy-ev-cats .hy-ev-cat:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cast {
    position: relative !important;
    overflow: hidden !important;
    padding: 16px 16px 12px !important;
    min-height: 0 !important;
    background: linear-gradient(180deg, #fff4b8 0%, #ffe58a 18%, #d9efff 55%, #ffffff 100%) !important;
    border: 1px solid #f0d36a !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 18px rgba(240, 180, 40, .16) !important;
  }
  body.hy:not(.sub) .hy-cast::before {
    content: "";
    position: absolute;
    top: -36px;
    right: -28px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff06a 0%, #ffcc33 42%, rgba(255, 200, 50, 0) 72%);
    pointer-events: none;
    z-index: 0;
  }
  body.hy:not(.sub) .hy-cast > * {
    position: relative;
    z-index: 1;
  }
  body.hy:not(.sub) .hy-cast header b {
    font-size: 17px !important;
    color: #0c2a5c !important;
  }
  body.hy:not(.sub) .hy-cast-tabs {
    background: #ffe9a8 !important;
  }
  body.hy:not(.sub) .hy-cast-tabs button.on {
    background: #e8a201 !important;
    color: #1a1400 !important;
  }
  body.hy:not(.sub) .hy-cast-now {
    margin: 8px 0 12px !important;
    gap: 14px !important;
  }
  body.hy:not(.sub) .hy-cast-ico {
    font-size: 52px !important;
    filter: drop-shadow(0 3px 8px rgba(255, 180, 0, .4));
  }
  body.hy:not(.sub) .hy-cast-temp strong,
  body.hy:not(.sub) .hy-cast-now strong {
    font-size: 42px !important;
    line-height: 1 !important;
    color: #0c2a5c !important;
  }
  body.hy:not(.sub) .hy-cast-temp span,
  body.hy:not(.sub) .hy-cast-now em {
    font-size: 15px !important;
    color: #3d5a80 !important;
  }
  body.hy:not(.sub) .hy-cast-hours,
  body.hy:not(.sub) .hy-cast-days {
    padding: 0 0 6px !important;
    gap: 8px !important;
  }
  body.hy:not(.sub) .hy-hr,
  body.hy:not(.sub) .hy-cd {
    flex-basis: 3.35em !important;
    padding: 8px 3px !important;
    background: linear-gradient(180deg, #fff6c8, #e7f2ff) !important;
    border: 1px solid #f3e0a0 !important;
    border-radius: 12px !important;
  }
  body.hy:not(.sub) .hy-hr b,
  body.hy:not(.sub) .hy-cd b {
    font-size: 1.35rem !important;
  }
}


/* FIX 2026-11-06ad weather card: warm color, not gray-blue */
body.hy:not(.sub) .hy-cast {
  position: relative !important;
  overflow: hidden !important;
  padding: 14px 14px 10px !important;
  background: linear-gradient(165deg, #ffd34a 0%, #ffb347 32%, #ffc56b 58%, #ffe2a3 82%, #fff4d6 100%) !important;
  border: 1px solid #f0b429 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(232, 140, 20, .22) !important;
}
body.hy:not(.sub) .hy-cast::before {
  content: "";
  position: absolute;
  top: -42px;
  right: -32px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff8b0 0%, #ffdd33 36%, rgba(255, 176, 40, 0) 72%);
  pointer-events: none;
  z-index: 0;
}
body.hy:not(.sub) .hy-cast > * {
  position: relative;
  z-index: 1;
}
body.hy:not(.sub) .hy-cast header b {
  color: #5c3208 !important;
}
body.hy:not(.sub) .hy-cast-tabs {
  background: #ffe08a !important;
}
body.hy:not(.sub) .hy-cast-tabs button.on {
  background: #f5a623 !important;
  color: #2a1a00 !important;
}
body.hy:not(.sub) .hy-cast-ico {
  filter: drop-shadow(0 3px 8px rgba(255, 170, 0, .45));
}
body.hy:not(.sub) .hy-hr,
body.hy:not(.sub) .hy-cd {
  background: linear-gradient(180deg, #fff6c8, #ffd37a) !important;
  border: 1px solid #f0c44a !important;
}
body.hy:not(.sub) .hy-hr.sky-sun,
body.hy:not(.sub) .hy-cd.sky-sun {
  background: linear-gradient(180deg, #fff6a8, #ffcc33) !important;
  border-color: #e8b000 !important;
}
body.hy:not(.sub) .hy-hr.sky-rain,
body.hy:not(.sub) .hy-cd.sky-rain {
  background: linear-gradient(180deg, #d7f0ff, #7ec8f5) !important;
  border-color: #5ab0e0 !important;
}
body.hy:not(.sub) .hy-hr.sky-fog,
body.hy:not(.sub) .hy-cd.sky-fog {
  background: linear-gradient(180deg, #f7e7c2, #e8c97a) !important;
  border-color: #d4b05a !important;
}
body.hy:not(.sub) .hy-hr.sky-cloud,
body.hy:not(.sub) .hy-cd.sky-cloud {
  background: linear-gradient(180deg, #efe4ff, #cbb6f5) !important;
  border-color: #b39ddb !important;
}


/* FIX 2026-11-06ae weather card: blue sky that brightens, yellow tabs (Konrad t289) */
body.hy:not(.sub) .hy-cast {
  background: linear-gradient(170deg, #0b4fa8 0%, #1a6fd6 30%, #3b93ec 60%, #74b9f7 85%, #a9d6ff 100%) !important;
  border: 1px solid #0c4a9c !important;
  box-shadow: 0 8px 22px rgba(12, 42, 92, .28) !important;
  color: #fff !important;
}
body.hy:not(.sub) .hy-cast::before {
  background: radial-gradient(circle, #fffbd0 0%, #ffd21f 38%, rgba(255, 194, 14, 0) 72%) !important;
}
body.hy:not(.sub) .hy-cast header, body.hy:not(.sub) .hy-cast header b, body.hy:not(.sub) .hy-cast header * { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
body.hy:not(.sub) .hy-cast-more, body.hy:not(.sub) .hy-cast-more a { color: #0c2a5c !important; }
body.hy:not(.sub) .hy-cast-tabs { background: transparent !important; gap: 6px; }
body.hy:not(.sub) .hy-cast [data-hy-tab] {
  background: #fff3c4 !important; color: #0c2a5c !important;
  border: 2px solid #ffc20e !important; font-weight: 800 !important; border-radius: 999px !important;
}
body.hy:not(.sub) .hy-cast [data-hy-tab].on, body.hy:not(.sub) .hy-cast [data-hy-tab][aria-pressed="true"] {
  background: #ffc20e !important; color: #0c2a5c !important; border-color: #ffc20e !important;
}
body.hy:not(.sub) .hy-hr, body.hy:not(.sub) .hy-cd { color: #0c2a5c !important; }


/* FIX 2026-11-06af weather card decoration follows the real sky (t291) */
body.hy:not(.sub) .hy-cast::after {
  content: ""; position: absolute; pointer-events: none; z-index: 0;
  top: -6px; right: -10px; width: 190px; height: 92px; display: none;
  background:
    radial-gradient(ellipse 46px 30px at 62px 52px, rgba(255,255,255,.95) 60%, rgba(255,255,255,0) 62%),
    radial-gradient(ellipse 38px 34px at 100px 40px, rgba(255,255,255,.95) 60%, rgba(255,255,255,0) 62%),
    radial-gradient(ellipse 44px 28px at 142px 54px, rgba(255,255,255,.92) 60%, rgba(255,255,255,0) 62%),
    radial-gradient(ellipse 70px 18px at 102px 66px, rgba(255,255,255,.95) 60%, rgba(255,255,255,0) 62%);
  filter: drop-shadow(0 4px 6px rgba(12,42,92,.18));
}
body.hy:not(.sub) .hy-cast.sky-cloud::before, body.hy:not(.sub) .hy-cast.sky-rain::before, body.hy:not(.sub) .hy-cast.sky-fog::before { display: none !important; }
body.hy:not(.sub) .hy-cast.sky-cloud::after, body.hy:not(.sub) .hy-cast.sky-part::after, body.hy:not(.sub) .hy-cast.sky-rain::after, body.hy:not(.sub) .hy-cast.sky-fog::after { display: block; }
body.hy:not(.sub) .hy-cast.sky-part::after { top: 34px; right: -30px; transform: scale(.8); opacity: .92; }
body.hy:not(.sub) .hy-cast.sky-cloud::after { opacity: .95; }
body.hy:not(.sub) .hy-cast.sky-rain::after {
  height: 130px;
  background:
    radial-gradient(ellipse 46px 30px at 62px 52px, #e6edf5 60%, rgba(230,237,245,0) 62%),
    radial-gradient(ellipse 38px 34px at 100px 40px, #e6edf5 60%, rgba(230,237,245,0) 62%),
    radial-gradient(ellipse 44px 28px at 142px 54px, #dde6f0 60%, rgba(221,230,240,0) 62%),
    radial-gradient(ellipse 70px 18px at 102px 66px, #e6edf5 60%, rgba(230,237,245,0) 62%),
    repeating-linear-gradient(105deg, rgba(255,255,255,0) 0 10px, rgba(220,238,255,.85) 10px 12px) 40px 82px / 120px 40px no-repeat;
}
body.hy:not(.sub) .hy-cast.sky-fog::after { opacity: .6; filter: blur(3px); }
body.hy:not(.sub) .hy-cast.sky-fog { background: linear-gradient(170deg, #3d6a9e 0%, #6f95c2 45%, #a8c2de 100%) !important; }
body.hy:not(.sub) .hy-cast.sky-cloud, body.hy:not(.sub) .hy-cast.sky-rain { background: linear-gradient(170deg, #1d4f8f 0%, #3274c2 40%, #5e9ce0 75%, #8fbdf0 100%) !important; }

/* FIX 2026-11-06ag answer-first pages, safe AQI flow, real destinations */
body.hy:not(.sub) .city-head, body.hy:not(.sub) .city-head.ch-all {
 height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important;
}
body.hy:not(.sub) .ch-ph, body.hy:not(.sub) .ch-ph.ch-wide {
 display:flex !important; flex-direction:column !important; align-items:flex-start !important;
 position:relative !important; box-sizing:border-box !important; height:auto !important;
 min-height:330px !important; max-height:none !important; padding:78px 24px 80px !important; overflow:hidden !important;
}
body.hy:not(.sub) .ch-ph .ch-img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; }
body.hy:not(.sub) .ch-ph .ch-txt {
 position:relative !important; inset:auto !important; width:100% !important; padding:0 !important; order:1 !important; z-index:2 !important;
}
body.hy:not(.sub) .ch-ph .hy-aqi, body.hy:not(.sub) .hy-aqi {
 display:flex !important; position:relative !important; inset:auto !important; transform:none !important;
 order:2 !important; flex:none !important; align-items:center !important; gap:12px !important;
 margin:18px 0 0 !important; padding:14px 20px !important; max-width:100% !important; box-sizing:border-box !important;
 font-size:20px !important; line-height:1.35 !important; border-radius:18px !important;
 background:#fff !important; color:#0c2a5c !important; box-shadow:0 4px 18px #0c2a5c35 !important; z-index:2 !important;
}
body.hy:not(.sub) .hy-aqi b {display:block !important; font-size:26px !important; line-height:1.2 !important;}
body.hy:not(.sub) .hy-aqi i {width:18px !important; height:18px !important; flex-shrink:0 !important;}
body.hy:not(.sub) .hy-airline {display:flex !important; flex-wrap:wrap; gap:7px; padding:12px 14px; margin:8px 12px; border-radius:12px; background:#fff !important; color:#0c2a5c !important; font-size:16px !important; line-height:1.4;}
body.hy:not(.sub) .hy-airline b {font-size:18px;}
body.hy:not(.sub) .hy-grid .hy-tile[data-dot="gabaryty"] {display:flex !important;}
body.hy:not(.sub) .ch-ph .ch-cap {position:absolute !important; top:8px !important; bottom:auto !important; left:auto !important; right:16px !important; z-index:2; height:auto !important;}
@media(max-width:899px) {
 body.hy:not(.sub) .ch-ph, body.hy:not(.sub) .ch-ph.ch-wide {padding:78px 16px 82px !important; min-height:365px !important;}
 body.hy:not(.sub) .ch-ph .hy-aqi {font-size:17px !important; padding:12px 16px !important;}
 body.hy:not(.sub) .hy-aqi b {font-size:24px !important;}
}
body.sub.hy {background:#edf3fa; color:#14243a;}
body.sub.hy main {overflow-wrap:anywhere;}
body.sub.hy .hero-sub {background:linear-gradient(120deg,#0c2a5c,#165ba3); color:#fff; padding:28px 0;}
body.sub.hy .hero-sub h1,body.sub.hy .hero-sub p,body.sub.hy .hero-sub a {color:#fff;}
body.sub.hy .hero-sub .lead {max-width:74ch;line-height:1.6;}
body.sub.hy main > .block, body.sub.hy main > .sumbox, body.sub.hy main > .lv {
 border:1px solid #d9e5f2; border-radius:20px; background:#fff; color:#14243a;
 box-sizing:border-box; padding:24px; margin-top:20px; margin-bottom:20px; box-shadow:0 5px 18px #0c2a5c0a;
}
body.sub.hy main > .block:nth-of-type(3n) {border-top:5px solid #ffc20e;}
body.sub.hy h2,body.sub.hy h3 {color:#0c2a5c;}
body.sub.hy .hero-sub h1 {color:#fff;}
body.sub.hy .box,body.sub.hy .mj-card,body.sub.hy .od-card {border-radius:16px; color:#14243a; border-color:#dce7f3;}
body.sub.hy .box:nth-child(3n+1),body.sub.hy .mj-card:nth-child(3n+1) {background:#eef6ff;}
body.sub.hy .box:nth-child(3n+2),body.sub.hy .mj-card:nth-child(3n+2) {background:#fff8dc;}
body.sub.hy .box:nth-child(3n),body.sub.hy .mj-card:nth-child(3n) {background:#eef9f1;}
body.sub.hy .zd-sos,body.sub.hy .hero-sub .zd-sos,body.sub.hy .hero-sub .zd-sos p,body.sub.hy .zd-sos p {color:#3b1212 !important; background:#fdecea;}
body.sub.hy .zd-sos h2,body.sub.hy .zd-sos h3 {color:#3b1212 !important;}
body.sub.hy .zd-sos a.big {background:#c62828 !important; color:#fff !important;}
body.sub.hy .answer-cards li,body.sub.hy .answer-cards article {background:#fff4e1;border-left:5px solid #e0262e;border-radius:12px;padding:14px;margin:10px 0;color:#14243a;}
body.sub.hy .answer-link {display:inline-block;padding:12px 18px;background:#ffc20e;color:#0c2a5c;border-radius:12px;font-weight:800;text-decoration:none;}
body.sub.hy #newsletter-sb {display:block;}
body.sub.hy iframe {max-width:100%;}
body.sub.hy .hero-sub .zd-sos a:not(.big) {color:#7b2020 !important;}
body.sub.hy.contrast,body.sub.hy.contrast main > .block,body.sub.hy.contrast .box,body.sub.hy.contrast .mj-card {background:#000!important;color:#fff!important;}
body.sub.hy.contrast h2,body.sub.hy.contrast h3,body.sub.hy.contrast a {color:#ffeb00;}
@media(max-width:600px){body.sub.hy main > .block,body.sub.hy main > .sumbox,body.sub.hy main > .lv{padding:18px 16px;border-radius:16px;}body.sub.hy .mj-grid,body.sub.hy .info-grid{grid-template-columns:minmax(0,1fr);}}

/* FIX 2026-11-06ah t293 saturated condition chips; navy temperatures and explicit icons */
body.hy:not(.sub) .hy-cast .hy-hr,body.hy:not(.sub) .hy-cast .hy-cd {
 border:2px solid #fff !important; border-radius:14px !important; color:#061e40 !important;
 box-shadow:0 3px 8px #06285130 !important; min-width:66px; padding:10px 8px !important;
}
body.hy:not(.sub) .hy-cast .hy-hr.sky-sun,body.hy:not(.sub) .hy-cast .hy-cd.sky-sun {background:#ffc52e !important;border-color:#ffd967 !important;}
body.hy:not(.sub) .hy-cast .hy-hr.sky-rain,body.hy:not(.sub) .hy-cast .hy-cd.sky-rain {background:#63b8f5 !important;border-color:#0e69b3 !important;}
body.hy:not(.sub) .hy-cast .hy-hr.sky-cloud,body.hy:not(.sub) .hy-cast .hy-cd.sky-cloud {background:#b7cee6 !important;border-color:#537b9f !important;}
body.hy:not(.sub) .hy-cast .hy-hr.sky-fog,body.hy:not(.sub) .hy-cast .hy-cd.sky-fog {background:#b1b8c3 !important;border-color:#606d80 !important;}
body.hy:not(.sub) .hy-cast .hy-hr span,body.hy:not(.sub) .hy-cast .hy-cd span {
 color:#061e40 !important; font-size:22px !important; font-weight:900 !important; line-height:1.2 !important; text-shadow:none !important;
}
body.hy:not(.sub) .hy-cast .hy-hr small,body.hy:not(.sub) .hy-cast .hy-cd small {color:#061e40 !important;font-size:12px !important;font-weight:800 !important;opacity:1 !important;}
body.hy:not(.sub) .hy-cast .hy-hr b,body.hy:not(.sub) .hy-cast .hy-cd b {font-size:27px !important;line-height:1.25 !important;opacity:1 !important;filter:drop-shadow(0 1px 1px #ffffff80);}
body.hy:not(.sub) .hy-cast .hy-cd em {color:#142f50 !important;font-weight:750 !important;}

/* FIX 2026-11-06ai t296: one even full-photo shade, never a narrow text vignette. */
body.hy:not(.sub) .ch-ph {isolation:isolate;}
body.hy:not(.sub) .ch-ph .ch-img {z-index:0 !important;filter:none !important;}
body.hy:not(.sub) .ch-ph::after {
 content:"" !important;display:block !important;position:absolute !important;inset:0 !important;
 width:100% !important;height:100% !important;margin:0 !important;border:0 !important;
 background:rgba(8,16,32,.30) !important;opacity:1 !important;z-index:1 !important;
 pointer-events:none !important;transform:none !important;box-shadow:none !important;
}
body.hy:not(.sub) .ch-ph .ch-txt,
body.hy:not(.sub) .ch-wide .ch-txt,
body.hy:not(.sub) .ch-all .ch-txt {
 background:transparent !important;background-image:none !important;box-shadow:none !important;
 color:#fff !important;z-index:2 !important;
}
body.hy:not(.sub) .ch-ph .ch-txt h1,
body.hy:not(.sub) .ch-ph .ch-txt p {color:#fff !important;text-shadow:0 2px 5px rgba(0,0,0,.8) !important;}
body.hy:not(.sub):has(.ch-all) header.top,
body.hy:not(.sub):has(.ch-all):not(.contrast) header.top {background-image:none !important;}
body.hy:not(.sub) .hy-hero,
body.hy:not(.sub):not(.contrast) .hy-hero,
body.hy:not(.sub) .hy-stage,
body.hy:not(.sub) .hy-dash {border-top:0 !important;}

/* FIX 2026-11-06aj t297/t298: prominent color-coded air widget, no wrapper separator. */
body.hy:not(.sub) .hy-hero,body.hy:not(.sub) .hy-stage,body.hy:not(.sub) .hy-cols,
body.hy:not(.sub) .hero-in,body.hy:not(.sub) .hero-main,body.hy:not(.sub) .hy-dash,
body.hy:not(.sub) .city-head,body.hy:not(.sub) .ch-ph {
 border:0 !important;outline:0 !important;box-shadow:none !important;
}
body.hy:not(.sub) .hy-hero::before,body.hy:not(.sub) .hy-hero::after,
body.hy:not(.sub) .hy-stage::before,body.hy:not(.sub) .hy-stage::after,
body.hy:not(.sub) .hy-cols::before,body.hy:not(.sub) .hy-cols::after,
body.hy:not(.sub) .hero-main::before,body.hy:not(.sub) .hero-main::after,
body.hy:not(.sub) .hy-dash::before,body.hy:not(.sub) .hy-dash::after {content:none !important;display:none !important;border:0 !important;box-shadow:none !important;}
body.hy:not(.sub) .hy-hero > hr,body.hy:not(.sub) .hy-stage > hr,body.hy:not(.sub) .hero-main > hr,body.hy:not(.sub) .hy-dash > hr {display:none !important;}

/* FIX 2026-11-06ak t300 chosen design 3: Slup ek / Słupek, qualitative vertical air meter. */
body.hy:not(.sub) #hyAqi {
 --air-position:80%;--air-accent:#69d27b;
 display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;gap:18px !important;align-items:center !important;
 position:relative !important;inset:auto !important;transform:none !important;order:2 !important;flex:none !important;
 width:auto !important;min-width:0 !important;max-width:100% !important;min-height:142px !important;height:auto !important;
 margin:18px 0 0 !important;padding:0 !important;border:0 !important;outline:0 !important;border-radius:0 !important;
 background:transparent !important;background-image:none !important;box-shadow:none !important;color:#fff !important;
 text-decoration:none !important;box-sizing:border-box !important;z-index:2 !important;
}
body.hy:not(.sub) #hyAqi.hy-aq-good {--air-position:80%;--air-accent:#69d27b;}
body.hy:not(.sub) #hyAqi.hy-aq-mid {--air-position:52%;--air-accent:#ffc20e;}
body.hy:not(.sub) #hyAqi.hy-aq-bad {--air-position:20%;--air-accent:#e0262e;}
body.hy:not(.sub) #hyAqi > i {
 display:block !important;position:relative !important;width:48px !important;height:142px !important;box-sizing:border-box !important;
 border-radius:28px !important;border:1px solid rgba(255,255,255,.24) !important;
 background:#0c2a5c !important;background-image:none !important;
 box-shadow:0 8px 22px rgba(5,20,44,.32) !important;flex:none !important;overflow:visible !important;
}
body.hy:not(.sub) #hyAqi > i::before {
 content:"" !important;display:block !important;position:absolute !important;inset:13px 16px !important;
 width:auto !important;height:auto !important;border:0 !important;border-radius:12px !important;transform:none !important;
 background:linear-gradient(to top,#64bb45 0%,#a8c92b 24%,#ffc20e 50%,#ff8522 72%,#e0262e 100%) !important;
 box-shadow:none !important;filter:none !important;
}
body.hy:not(.sub) #hyAqi > i::after {
 content:"" !important;display:block !important;position:absolute !important;left:50% !important;top:var(--air-position) !important;
 width:21px !important;height:21px !important;box-sizing:border-box !important;transform:translate(-50%,-50%) !important;
 border:3px solid var(--air-accent) !important;border-radius:50% !important;
 background:rgba(12,42,92,.22) !important;box-shadow:0 0 10px var(--air-accent),0 0 22px var(--air-accent) !important;
}
body.hy:not(.sub) #hyAqi > span {min-width:0 !important;font-size:0 !important;line-height:1 !important;}
body.hy:not(.sub) #hyAqi > span::before {
 content:"Powietrze" !important;display:block !important;font-size:18px !important;line-height:1.25 !important;
 font-weight:500 !important;letter-spacing:0 !important;color:#fff !important;margin:0 0 8px !important;
 text-shadow:0 2px 5px rgba(0,0,0,.7) !important;
}
body.hy:not(.sub) #hyAqi > span::after {content:none !important;display:none !important;}
body.hy:not(.sub) #hyAqi b {
 display:block !important;font-size:30px !important;line-height:1.1 !important;font-weight:850 !important;
 color:#fff !important;text-shadow:0 2px 6px rgba(0,0,0,.75) !important;
}
@media(max-width:599px){
 body.hy:not(.sub) #hyAqi {grid-template-columns:44px minmax(0,1fr) !important;gap:16px !important;min-height:132px !important;}
 body.hy:not(.sub) #hyAqi > i {width:44px !important;height:132px !important;}
 body.hy:not(.sub) #hyAqi > i::before {inset:12px 14px !important;}
 body.hy:not(.sub) #hyAqi > span::before {font-size:16px !important;}
 body.hy:not(.sub) #hyAqi b {font-size:26px !important;}
}

/* FIX 2026-11-06al t301: keep equal columns, never intercept lower shortcut/tile clicks. */
body.hy:not(.sub) .hy-day,
body.hy:not(.sub) .hy-short,
body.hy:not(.sub) .hy-find,
body.hy:not(.sub) .hy-util,
body.hy:not(.sub) #hyBelow {
 position:relative !important;z-index:10 !important;
}
body.hy:not(.sub) .hy-sc,
body.hy:not(.sub) .hy-tile {
 pointer-events:auto !important;position:relative !important;z-index:11 !important;
}
body.hy:not(.sub) .hy-alerts,
body.hy:not(.sub) .hy-events {
 pointer-events:none !important;
}
body.hy:not(.sub) .hy-alerts #naZywo,
body.hy:not(.sub) .hy-alerts header,
body.hy:not(.sub) .hy-alerts a,
body.hy:not(.sub) .hy-alerts button,
body.hy:not(.sub) .hy-events > header,
body.hy:not(.sub) .hy-events .hy-ev-list,
body.hy:not(.sub) .hy-events .hy-ev-cats,
body.hy:not(.sub) .hy-events .hy-ev-cat,
body.hy:not(.sub) .hy-events .hy-ev-more,
body.hy:not(.sub) .hy-events .hy-ev {
 pointer-events:auto !important;
}

/* FIX 2026-11-06ac: shortcuts/tiles clickable above stretched columns */
body.hy:not(.sub) .hy-day,
body.hy:not(.sub) .hy-short,
body.hy:not(.sub) .hy-find,
body.hy:not(.sub) #hyBelow{position:relative !important;z-index:10 !important}
body.hy:not(.sub) .hy-sc,
body.hy:not(.sub) .hy-tile{pointer-events:auto !important;position:relative;z-index:11}
@media (min-width:900px){
body.hy:not(.sub) .hy-alerts,
body.hy:not(.sub) .hy-events{pointer-events:none}
body.hy:not(.sub) .hy-alerts > *,
body.hy:not(.sub) .hy-events > *,
body.hy:not(.sub) #naZywo{pointer-events:auto}
}

/* FIX 2026-11-06ad: hide photo AQI badge; colored air strip */
body.hy:not(.sub) #hyAqi,
body.hy:not(.sub) .ch-ph .hy-aqi{display:none !important}
body.hy .hy-airline.hy-aq-good{background:#2fbf5b !important;color:#06381a !important;border-color:#2fbf5b !important}
body.hy .hy-airline.hy-aq-good *{color:#06381a !important}
body.hy .hy-airline.hy-aq-mid,
body.hy .hy-airline.hy-aq-bad{background:#ffc20e !important;color:#0c2a5c !important;border-color:#ffc20e !important}
body.hy .hy-airline.hy-aq-mid *,
body.hy .hy-airline.hy-aq-bad *{color:#0c2a5c !important}

/* FIX 2026-11-06ae t304: pale yellow sunny chips so sun emoji stays visible */
body.hy:not(.sub) .hy-cast .hy-hr.sky-sun,
body.hy:not(.sub) .hy-cast .hy-cd.sky-sun {
  background: #fff6c2 !important; /* delicate very light yellow */
  border-color: #f0d56a !important;
}

/* FIX 2026-11-06ac: undo full-grid min-height overlay stealing shortcut clicks */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-events {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
    pointer-events: auto !important;
  }
  body.hy:not(.sub) #naZywo {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    pointer-events: auto !important;
  }
}
body.hy:not(.sub) .hy-day,
body.hy:not(.sub) .hy-short,
body.hy:not(.sub) .hy-find,
body.hy:not(.sub) #hyBelow {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}
body.hy:not(.sub) .hy-sc,
body.hy:not(.sub) .hy-tile {
  position: relative !important;
  z-index: 21 !important;
  pointer-events: auto !important;
}

/* FIX 2026-11-06af desktop: real dashboard grid, never span lower homepage rows. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-cols.hero-in.hf-grid,
  body.hy:not(.sub) .hy-cols.hero-in,
  body.hy:not(.sub) .hy-cols.hf-grid,
  body.hy:not(.sub) .hy-cols {
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important;
    width:100% !important; min-width:0 !important; grid-template-columns:none !important;
    grid-template-rows:none !important; align-items:stretch !important; margin-top:0 !important;
  }
  body.hy:not(.sub) .hy-cols > .hero-main.hy-left,
  body.hy:not(.sub) .hy-cols > .hero-main,
  body.hy:not(.sub) .hero-main.hy-left,
  body.hy:not(.sub) .hero-main {
    display:flex !important; flex-direction:column !important; width:100% !important;
    min-width:0 !important; height:auto !important; min-height:0 !important;
    max-height:none !important; overflow:visible !important;
  }
  body.hy:not(.sub) .hero-main > .hy-dash,
  body.hy:not(.sub) .hy-dash {
    display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:auto !important; gap:18px !important; width:100% !important;
    align-items:stretch !important; position:relative !important; z-index:3 !important;
    margin-top:-92px !important; height:auto !important; min-height:0 !important;
    max-height:none !important; overflow:visible !important; flex:none !important;
    order:1 !important;
  }
  body.hy:not(.sub) .hy-cols .hy-alerts,
  body.hy:not(.sub) .hero-main .hy-alerts,
  body.hy:not(.sub) .hy-dash > .hy-alerts,
  body.hy:not(.sub) .hy-cols .hy-mid,
  body.hy:not(.sub) .hero-main .hy-mid,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-cols .hy-events,
  body.hy:not(.sub) .hero-main .hy-events,
  body.hy:not(.sub) .hy-dash > .hy-events {
    grid-row:auto !important; height:auto !important; min-height:0 !important;
    max-height:none !important; align-self:stretch !important; overflow:hidden !important;
    pointer-events:auto !important; position:relative !important; margin-top:0 !important;
    min-width:0 !important; width:auto !important; order:0 !important;
  }
  body.hy:not(.sub) .hy-cols .hy-dash > .hy-alerts { grid-column:1 !important; }
  body.hy:not(.sub) .hy-cols .hy-dash > .hy-mid { grid-column:2 !important; }
  body.hy:not(.sub) .hy-cols .hy-dash > .hy-events { grid-column:3 !important; }
  body.hy:not(.sub) #naZywo {
    height:auto !important; min-height:0 !important; max-height:none !important;
    pointer-events:auto !important; grid-row:auto !important; margin-top:0 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-cols .hy-day,
  body.hy:not(.sub) .hy-day,
  body.hy:not(.sub) .hero-main > .hy-short,
  body.hy:not(.sub) .hy-cols .hy-short,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) #skroty,
  body.hy:not(.sub) .hero-main > .hy-find,
  body.hy:not(.sub) .hy-find,
  body.hy:not(.sub) .hero-main > #hyBelow,
  body.hy:not(.sub) #hyBelow {
    width:100% !important; max-width:none !important; grid-column:1 / -1 !important;
    grid-row:auto !important; position:relative !important; z-index:20 !important;
    pointer-events:auto !important; flex:none !important;
  }
}

/* FIX 2026-11-06ag: weather on hero photo */
.ch-ph{position:relative}
.ch-ph .hy-wx{position:absolute;right:18px;bottom:16px;z-index:2;max-width:min(560px,58%);background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
.ch-ph .hy-cast,.ch-ph .hy-wx>*{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#fff!important}
.ch-ph .hy-cast::before,.ch-ph .hy-cast::after,.ch-ph .hy-wx::before,.ch-ph .hy-wx::after{display:none!important}
.ch-ph .hy-cast *{text-shadow:0 2px 6px rgba(0,0,0,.75)}
.ch-ph .hy-cast-temp strong{font-size:3.6rem!important;line-height:1;color:#fff!important}
.ch-ph .hy-cast-ico{font-size:3rem!important;width:auto!important;height:auto!important;line-height:1}
.ch-ph .hy-cast-ico svg,.ch-ph .hy-cast-ico img{width:3.2rem!important;height:3.2rem!important}
.ch-ph .hy-cast-hours,.ch-ph .hy-cast-days{overflow-x:auto!important;gap:8px}
.ch-ph .hy-hr,.ch-ph .hy-cd,.ch-ph .hy-hr[class*=sky],.ch-ph .hy-cd[class*=sky]{background:#fff6c2!important;color:#0c2a5c!important;border:2px solid #ffc20e!important;opacity:1!important;padding:10px 12px!important;font-size:1.05rem!important;min-width:72px;border-radius:12px!important;box-shadow:0 3px 10px rgba(0,0,0,.35)!important;pointer-events:auto}
.ch-ph .hy-hr *,.ch-ph .hy-cd *{color:#0c2a5c!important;text-shadow:none!important}
.ch-ph .hy-airline{text-shadow:none!important}
.ch-ph .hy-airline *{text-shadow:none!important}
.ch-ph .hy-wx a{color:#ffd84a!important;font-weight:700}
@media(max-width:760px){.ch-ph .hy-wx{left:10px;right:10px;bottom:10px;max-width:none}.ch-ph .hy-cast-temp strong{font-size:2.8rem!important}.ch-ph .hy-cast-ico{font-size:2.5rem!important}.ch-ph .hy-hr,.ch-ph .hy-cd{padding:8px 10px!important;font-size:.98rem!important;min-width:64px}}

/* FIX 2026-11-06ah grouped shortcuts */
#skroty details.hy-more{display:none!important}
.hy-sc-sec{margin:14px 0 6px}
.hy-sc-sec h3{font-size:.95rem;font-weight:800;color:#0c2a5c;margin:0 0 8px}
.hy-sc-sec-sos .hy-sc{--qbg:#fde2e2!important}.hy-sc-sec-sos .hy-si{background:#fde2e2!important}
.hy-sc-sec-move .hy-sc{--qbg:#d4e6f7!important}.hy-sc-sec-move .hy-si{background:#d4e6f7!important}
.hy-sc-sec-sprawy .hy-sc{--qbg:#d4efe8!important}.hy-sc-sec-sprawy .hy-si{background:#d4efe8!important}
.hy-sc-sec-zycie .hy-sc{--qbg:#ffe8a3!important}.hy-sc-sec-zycie .hy-si{background:#ffe8a3!important}

/* FIX 2026-11-06ai: weather on photo — kill sky-* blue card (beats earlier sky gradients) */
body.hy:not(.sub) .ch-ph .hy-wx,
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast.sky-sun,
body.hy:not(.sub) .ch-ph .hy-cast.sky-part,
body.hy:not(.sub) .ch-ph .hy-cast.sky-cloud,
body.hy:not(.sub) .ch-ph .hy-cast.sky-rain,
body.hy:not(.sub) .ch-ph .hy-cast.sky-fog {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast::before,
body.hy:not(.sub) .ch-ph .hy-cast::after,
body.hy:not(.sub) .ch-ph .hy-wx::before,
body.hy:not(.sub) .ch-ph .hy-wx::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
body.hy:not(.sub) .ch-ph .hy-cast > header > b {
  display: none !important; /* hide “Prognoza pogody”; keep yellow Godziny/7 dni tabs */
}

/* FIX 2026-11-06aj: large square shortcut tiles */
#skroty .hy-sc-grid,.hy-sc-sec .hy-sc-grid{gap:16px 12px!important}
#skroty .hy-si,.hy-sc-sec .hy-si{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;aspect-ratio:1/1!important;border-radius:16px!important;font-size:2rem!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
#skroty .hy-sc,.hy-sc-sec .hy-sc{font-size:.88rem!important}
@media (max-width:899px){#skroty .hy-sc-grid,.hy-sc-sec .hy-sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:900px){#skroty .hy-sc-grid,.hy-sc-sec .hy-sc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* t550: desktop = tablet 72px (was 88px — looked like old large tiles) */
#skroty .hy-si,.hy-sc-sec .hy-si{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important;border-radius:16px!important;font-size:2rem!important}}

/* FIX 2026-11-06ak: weather on photo — ~35% transparency so the photo shows through */
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast.sky-sun,
body.hy:not(.sub) .ch-ph .hy-cast.sky-part,
body.hy:not(.sub) .ch-ph .hy-cast.sky-cloud,
body.hy:not(.sub) .ch-ph .hy-cast.sky-rain,
body.hy:not(.sub) .ch-ph .hy-cast.sky-fog {
  background: rgba(12, 42, 92, 0.65) !important;
  background-image: none !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* FIX 2026-11-06al: weather panel fully transparent; only small chips ~35% transparent */
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast.sky-sun,
body.hy:not(.sub) .ch-ph .hy-cast.sky-part,
body.hy:not(.sub) .ch-ph .hy-cast.sky-cloud,
body.hy:not(.sub) .ch-ph .hy-cast.sky-rain,
body.hy:not(.sub) .ch-ph .hy-cast.sky-fog {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast header > b{display:none!important}
body.hy:not(.sub) .ch-ph .hy-cast::before,body.hy:not(.sub) .ch-ph .hy-cast::after{content:none!important;display:none!important}
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd,
body.hy:not(.sub) .ch-ph .hy-hr[class*=sky],
body.hy:not(.sub) .ch-ph .hy-cd[class*=sky] {
  background: rgba(255, 246, 194, 0.65) !important; /* #fff6c2 at 35% transparency */
  color: #0c2a5c !important;
  border: 2px solid #ffc20e !important;
  opacity: 1 !important;
}

/* FIX 2026-11-06am: sun + Godziny/7 dni on the right of weather-on-photo */
body.hy:not(.sub) .ch-ph .hy-cast-now {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  gap: 12px !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-right .hy-cast-ico {
  font-size: 3rem !important;
  line-height: 1 !important;
  order: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-right .hy-cast-tabs {
  background: transparent !important;
  justify-content: flex-end !important;
}
body.hy:not(.sub) .ch-ph .hy-cast header {
  justify-content: flex-end !important;
}
@media (max-width: 760px) {
  body.hy:not(.sub) .ch-ph .hy-cast-right .hy-cast-ico { font-size: 2.5rem !important; }
}

body.hy:not(.sub) .hy-tile.hy-coltile {
  width: 100% !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-tile.hy-coltile[data-dot="pogrzeby"] {
  min-height: 88px !important;
  height: auto !important;
  padding: 12px 16px !important;
  aspect-ratio: auto !important;
}
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph .hy-wx {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    left: 10px !important;
    right: 10px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

body.hy:not(.sub) .hy-dash { align-items: start !important; }
body.hy:not(.sub) .hy-dash > .hy-left { display: flex; flex-direction: column; gap: 12px; min-width: 0; align-self: start; }
body.hy:not(.sub) .hy-left > .hy-alerts { margin: 0 !important; }
body.hy:not(.sub) .hy-tile.hy-wyl-col {
  width: 100% !important; margin: 0 !important;
  min-height: 64px !important; height: auto !important; aspect-ratio: auto !important;
  padding: 10px 14px !important;
  --panel: #fff4d6 !important; --tone: #b26a00 !important;
  background: #fff4d6 !important; border-color: #f0c869 !important; color: #5a3a00 !important;
}
body.hy:not(.sub) .hy-tile.hy-wyl-col * { color: inherit; }
/* t326: mobile keeps its mosaic; weather has a reserved, compact bottom area. */
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide {
    display:flex !important; flex-direction:column !important; justify-content:flex-start !important;
    padding:54px 16px 204px !important; min-height:365px !important; height:auto !important;
    overflow:hidden !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt {
    position:relative !important; inset:auto !important; margin:0 !important; padding:0 !important;
    flex:none !important; width:100% !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    position:absolute !important; top:auto !important; bottom:8px !important;
    left:10px !important; right:10px !important; width:auto !important; max-width:none !important;
    min-width:0 !important; height:auto !important; min-height:0 !important;
    margin:0 !important; padding:0 !important; transform:none !important;
    z-index:2; box-sizing:border-box; overflow:hidden; gap:0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast {
    width:100% !important; min-width:0 !important; min-height:0 !important; height:auto !important;
    margin:0 !important; padding:0 !important; box-sizing:border-box; gap:4px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-now { margin:0 0 4px !important; gap:8px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-temp { margin:0 !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-temp strong { font-size:1.8rem !important; line-height:1 !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-temp span,
  body.hy:not(.sub) .ch-ph .hy-cast-now em { font-size:12px !important; line-height:1.15 !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-right { gap:2px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-right .hy-cast-ico,
  body.hy:not(.sub) .ch-ph .hy-cast-ico { font-size:1.5rem !important; line-height:1 !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-ico svg,
  body.hy:not(.sub) .ch-ph .hy-cast-ico img { width:1.5rem !important; height:1.5rem !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-tabs { padding:1px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-tabs button { font-size:11px !important; padding:3px 8px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-hours,
  body.hy:not(.sub) .ch-ph .hy-cast-days { gap:4px !important; padding:2px 0 4px !important; max-width:100% !important; }
  body.hy:not(.sub) .ch-ph .hy-cast .hy-hr,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-cd {
    padding:3px 5px !important; font-size:12px !important; line-height:1.1 !important;
    min-width:46px !important; width:auto !important; min-height:0 !important; height:auto !important;
    flex:0 0 auto !important; border-radius:8px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast .hy-hr b,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-cd b { font-size:18px !important; line-height:1.1 !important; }
  body.hy:not(.sub) .ch-ph .hy-cast .hy-hr small,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-cd small,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-hr span,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-cd span,
  body.hy:not(.sub) .ch-ph .hy-cast .hy-cd em { font-size:11px !important; line-height:1.1 !important; }
  body.hy:not(.sub) .ch-ph .hy-airline { margin:2px 0 0 !important; padding:4px 8px !important; gap:5px !important; font-size:11px !important; line-height:1.15 !important; }
  body.hy:not(.sub) .ch-ph .hy-airline b,
  body.hy:not(.sub) .ch-ph .hy-airline span,
  body.hy:not(.sub) .ch-ph .hy-airline small { font-size:11px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-more,
  body.hy:not(.sub) .ch-ph .hy-wx .wmini { display:none !important; }
}
/* t326: all desktop columns share their grid row's bottom edge. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-dash { align-items:stretch !important; }
  body.hy:not(.sub) .hy-dash > .hy-left {
    display:flex !important; flex-direction:column !important; gap:12px !important;
    grid-column:1 !important; grid-row:auto !important; align-self:stretch !important;
    min-width:0 !important; min-height:0 !important; height:auto !important; margin:0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts { flex:1 1 auto !important; }
  body.hy:not(.sub) .hy-dash > .hy-mid { display:flex !important; flex-direction:column !important; align-self:stretch !important; height:auto !important; }
  body.hy:not(.sub) .hy-dash > .hy-mid > .hy-fuel,
  body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="apteka"] { flex:0 0 auto !important; }
  body.hy:not(.sub) .hy-dash > .hy-mid > .hy-coltile.hy-funeral {
    min-height:112px !important; padding:16px !important; flex:1 0 auto !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-events { align-self:stretch !important; height:auto !important; }
}

/* t327 DRAFT: desktop column tiles use neighboring cards' colored title-bar chrome. */
@media (min-width:900px) {
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile {
    display:flex !important; flex-direction:column !important; position:relative !important;
    padding:0 !important; overflow:hidden !important; border:0 !important; border-radius:16px !important;
    box-shadow:0 6px 20px rgba(12,42,92,.10) !important;
    --column-bar:#168142; --column-ink:#17422b; background:#edf8f0 !important; color:var(--column-ink) !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-wyl-col {
    --column-bar:#bd7909; --column-ink:#5a3a00; background:#fff4d6 !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral {
    --column-bar:#51445c; --column-ink:#f6f1ea; background:#2f2b33 !important;
    min-height:112px !important; flex:1 0 auto !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > strong {
    display:block !important; visibility:visible !important; opacity:1 !important;
    order:-1 !important; flex:0 0 auto !important; width:100% !important; box-sizing:border-box;
    margin:0 !important; padding:10px 36px 10px 46px !important; min-height:40px;
    background:var(--column-bar) !important; color:#fff !important;
    font-size:16px !important; font-weight:800 !important; line-height:1.25 !important; letter-spacing:0 !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-ico {
    position:absolute !important; top:8px !important; left:14px !important;
    width:24px !important; height:24px !important; margin:0 !important; padding:0 !important;
    background:transparent !important; color:#fff !important; border-radius:0 !important;
    font-size:18px !important; z-index:1;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-arr {
    top:11px !important; right:14px !important; color:#fff !important; z-index:1;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-dot { top:16px !important; right:32px !important; }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > small {
    display:block !important; margin:0 !important; padding:10px 14px 12px !important;
    color:var(--column-ink) !important; font-size:13px !important; line-height:1.4 !important;
  }
}

/* t328: mobile photo about 2/3 of its former 365px height; reserve bottom weather space. */
@media (max-width:899px) {
  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide {
    min-height:244px !important; height:auto !important; max-height:none !important;
    padding:28px 12px 148px !important; overflow:hidden !important;
  }
  body.hy:not(.sub) .ch-ph .ch-img {
    width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 40% !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt h1 {
    font-size:24px !important; line-height:1.15 !important; margin:0 0 4px !important;
  }
  body.hy:not(.sub) .ch-ph .ch-txt .hy-tag {
    font-size:12px !important; line-height:1.2 !important; margin:0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx { bottom:8px !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-temp strong { font-size:1.5rem !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-right .hy-cast-ico,
  body.hy:not(.sub) .ch-ph .hy-cast-ico { font-size:1.25rem !important; }
  body.hy:not(.sub) .ch-ph .hy-cast-ico svg,
  body.hy:not(.sub) .ch-ph .hy-cast-ico img { width:1.25rem !important; height:1.25rem !important; }
  body.hy:not(.sub) .ch-ph .hy-airline { padding:2px 6px !important; }
}
@media (max-width:379px) {
  body.hy:not(.sub) .ch-ph .ch-txt h1 { font-size:21px !important; }
}

/* t329: rounded fuel card; actual edge-to-edge desktop tile header bars. */
body.hy:not(.sub) .hy-dash a.hy-fuel,
body.hy:not(.sub) .hy-dash .hy-fuel {
  border-radius:16px !important; overflow:hidden !important; clip-path:inset(0 round 16px);
}
@media (min-width:900px) {
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-colhead {
    display:flex !important; flex:0 0 auto !important; align-items:center !important;
    align-self:stretch !important; gap:8px !important; box-sizing:border-box !important;
    width:100% !important; min-height:40px !important; margin:0 !important;
    padding:10px 36px 10px 14px !important; border:0 !important; border-radius:0 !important;
    background:var(--column-bar) !important; color:#fff !important; order:-1 !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > .hy-colhead {
    background:#51445c !important; color:#f6f1ea !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-colhead > strong {
    display:block !important; visibility:visible !important; opacity:1 !important;
    background:transparent !important; color:inherit !important; padding:0 !important;
    margin:0 !important; min-height:0 !important; width:auto !important; order:0 !important;
    font-size:16px !important; font-weight:800 !important; line-height:1.25 !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > .hy-colhead > .hy-ico {
    display:grid !important; place-items:center !important; position:static !important;
    flex:0 0 24px !important; width:24px !important; height:24px !important;
    margin:0 !important; padding:0 !important; background:transparent !important;
    color:inherit !important; border-radius:0 !important; font-size:18px !important;
  }
}

/* t330: funeral tile chrome identical to apteka/paliwa; equal 8px gaps. */
@media (min-width:900px) {
  body.hy:not(.sub) .hy-dash > .hy-mid > .hy-tile.hy-coltile.hy-funeral,
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral {
    padding:0 !important; border:0 !important; border-radius:16px !important; overflow:hidden !important;
    background:#2f2b33 !important; flex:1 0 auto !important; min-height:112px !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > .hy-colhead {
    background:#1c191f !important; color:#fff !important; min-height:40px !important;
    padding:10px 36px 10px 14px !important; margin:0 !important; width:100% !important; border-radius:0 !important;
  }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > .hy-arr { color:#fff !important; top:11px !important; right:14px !important; }
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > small { color:#f6f1ea !important; padding:10px 14px 12px !important; }

  body.hy:not(.sub) .hy-dash { column-gap:8px !important; row-gap:8px !important; }
  body.hy:not(.sub) .hy-dash > .hy-left,
  body.hy:not(.sub) .hy-dash > .hy-mid { gap:8px !important; row-gap:8px !important; }
  body.hy:not(.sub) .hy-dash > .hy-left > *,
  body.hy:not(.sub) .hy-dash > .hy-mid > * { margin-top:0 !important; margin-bottom:0 !important; }
}

/* t332: neat, consistent mosaic tile typography. */
body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) { display:flex !important; flex-direction:column !important; justify-content:flex-start !important; gap:4px !important; padding:12px 34px 12px 12px !important; min-width:0 !important; }
body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > strong {
  display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important;
  font-size:15px !important; line-height:1.25 !important; font-weight:800 !important; margin:0 !important;
  hyphens:none !important; word-break:normal !important; overflow-wrap:normal !important; text-wrap:balance;
}
body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > small {
  display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden !important;
  font-size:13px !important; line-height:1.4 !important; font-weight:500 !important; margin:0 !important; opacity:.9;
  word-break:normal !important; overflow-wrap:anywhere;
}
body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > .hy-ico { margin:0 0 4px !important; }
body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > .hy-arr { top:10px !important; right:10px !important; }
@media (max-width:420px) {
  body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > strong { font-size:14px !important; }
  body.hy:not(.sub) .hy-grid .hy-tile:not(.hy-coltile) > small { font-size:12.5px !important; }
}
@media (min-width:900px) {
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile > small { font-size:14px !important; line-height:1.45 !important; padding:10px 14px 12px !important; }
}

/* t338: even column bottoms; comment/alerts stretch; equal 8px gaps wherever .hy-left exists. */
body.hy:not(.sub) .hy-dash:has(> .hy-left) {
  align-items: stretch !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  gap: 8px !important;
}
body.hy:not(.sub) .hy-dash > .hy-left,
body.hy:not(.sub) .hy-dash > .hy-mid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  row-gap: 8px !important;
  column-gap: 8px !important;
  align-self: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > *,
body.hy:not(.sub) .hy-dash > .hy-mid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-dash > .hy-left > #hy-alerts,
body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  /* Extra cream/white space sits at the bottom of the card, below the last alert. */
  justify-content: flex-start !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > .hy-wyl-col,
body.hy:not(.sub) .hy-dash > .hy-left > .hy-tile.hy-wyl-col,
body.hy:not(.sub) .hy-dash .hy-left > .hy-wyl-col {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral {
  flex: 0 0 auto !important;
}
body.hy:not(.sub) .hy-dash > .hy-events,
body.hy:not(.sub) .hy-dash .hy-events {
  align-self: stretch !important;
  height: auto !important;
}

/* t339: do NOT stretch comment/alerts; enlarge funeral so mid-column gaps stay even 8px. */
body.hy:not(.sub) .hy-dash:has(> .hy-left) {
  align-items: stretch !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  gap: 8px !important;
}
body.hy:not(.sub) .hy-dash > .hy-left,
body.hy:not(.sub) .hy-dash > .hy-mid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  row-gap: 8px !important;
  column-gap: 8px !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > *,
body.hy:not(.sub) .hy-dash > .hy-mid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Comment/alerts: natural height only — revert t338 flex-grow. */
body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-dash > .hy-left > #hy-alerts,
body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
  display: block !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  justify-content: initial !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > .hy-wyl-col,
body.hy:not(.sub) .hy-dash > .hy-left > .hy-tile.hy-wyl-col,
body.hy:not(.sub) .hy-dash .hy-left > .hy-wyl-col {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
/* Funeral fills leftover mid-column space so holes around it disappear; gaps stay 8px. */
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral {
  flex: 1 1 auto !important;
  margin: 0 !important;
  align-self: stretch !important;
}
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="apteka"],
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-fuel,
body.hy:not(.sub) .hy-dash > .hy-mid > a.hy-fuel {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-events,
body.hy:not(.sub) .hy-dash .hy-events {
  align-self: stretch !important;
  height: auto !important;
}

/* t344: funeral content-sized; comment absorbs leftover; columns match events height; 8px gaps. */
body.hy:not(.sub) .hy-dash:has(> .hy-left) {
  align-items: stretch !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  gap: 8px !important;
}
body.hy:not(.sub) .hy-dash > .hy-left,
body.hy:not(.sub) .hy-dash > .hy-mid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  row-gap: 8px !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > *,
body.hy:not(.sub) .hy-dash > .hy-mid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Extra height → comment/alerts only. */
body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-dash > .hy-left > #hy-alerts,
body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > .hy-wyl-col,
body.hy:not(.sub) .hy-dash > .hy-left > .hy-tile.hy-wyl-col,
body.hy:not(.sub) .hy-dash .hy-left > .hy-wyl-col {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
/* Funeral / apteka / paliwa: content height only — NEVER flex-grow. */
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="pogrzeby"],
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="apteka"],
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-fuel,
body.hy:not(.sub) .hy-dash > .hy-mid > a.hy-fuel {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  align-self: stretch !important;
}
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > small,
body.hy:not(.sub) .hy-dash [data-dot="pogrzeby"] > small {
  white-space: pre-line !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
}
/* Events is the height reference — natural height, columns stretch to it. */
body.hy:not(.sub) .hy-dash > .hy-events,
body.hy:not(.sub) .hy-dash .hy-events {
  align-self: stretch !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* t345: events column shows max 3 items; full list via Pokaż wszystkie / wydarzenia page. */
body.hy:not(.sub) .hy-events:not(.hy-ev-open) .hy-ev-list > .hy-ev:nth-child(n+4) {
  display: none !important;
}
body.hy:not(.sub) .hy-events .hy-ev-more {
  display: block !important;
}
body.hy:not(.sub) .hy-events .hy-ev-more[hidden] {
  display: none !important;
}

/* t347/t348: comment TEXT capped so long red.text never pushes the page; card may still flex. */
body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-alerts {
  min-height: 0 !important;
}
body.hy:not(.sub) #naZywo,
body.hy:not(.sub) #naZywo .nz-live {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
body.hy:not(.sub) #naZywo .nz-h {
  flex: 0 0 auto !important;
}
body.hy:not(.sub) #nzSum,
body.hy:not(.sub) #naZywo .nz-sum {
  flex: 0 1 auto !important;
  max-height: 6.6em !important; /* ~3–4 short sentences at line-height 1.45 */
  overflow-x: hidden !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  margin: 10px 14px 4px !important;
  padding: 10px 12px !important;
  line-height: 1.45 !important;
}
body.hy:not(.sub) #nzPil {
  flex: 0 0 auto !important;
  margin-top: auto !important; /* keep alert rows at bottom if card stretches */
}

/* t349: comment body capped at ~current accepted height; card may flex; wyl in mid under funeral. */
body.hy:not(.sub) .hy-dash:has(> .hy-left) {
  align-items: stretch !important;
  gap: 8px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
}
body.hy:not(.sub) .hy-dash > .hy-left,
body.hy:not(.sub) .hy-dash > .hy-mid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-left > *,
body.hy:not(.sub) .hy-dash > .hy-mid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Left = comment only; stretch to match events bottom. */
body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
}
/* Permanent text ceiling ≈ current weather+weekend+namedays block (~10–11 lines). */
body.hy:not(.sub) #nzSum,
body.hy:not(.sub) #naZywo .nz-sum {
  max-height: 11.6em !important; /* ~current accepted comment; shorter OK; longer scrolls inside */
  overflow-x: hidden !important;
  overflow-y: auto !important;
  flex: 0 1 auto !important;
  min-height: 0 !important;
  line-height: 1.45 !important;
}
body.hy:not(.sub) #nzPil { flex: 0 0 auto !important; margin-top: auto !important; }
/* Mid tiles content-sized — including funeral and wyłączenia; never flex-grow empty boxes. */
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-tile.hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-coltile.hy-funeral,
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="pogrzeby"],
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="apteka"],
body.hy:not(.sub) .hy-dash > .hy-mid > [data-dot="wylaczenia"],
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-wyl-col,
body.hy:not(.sub) .hy-dash > .hy-mid > .hy-fuel,
body.hy:not(.sub) .hy-dash > .hy-mid > a.hy-fuel {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
}
body.hy:not(.sub) .hy-dash > .hy-events {
  align-self: stretch !important;
  flex: 0 0 auto !important;
  height: auto !important;
}
/* t350: multi-line funeral list readable */
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > small,
body.hy:not(.sub) .hy-dash [data-dot="pogrzeby"] > small {
  white-space: pre-line !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
}

/* t354: TEXT scroll/cap on all widths (mobile keeps working). Yellow card stretch = desktop only. */
body.hy:not(.sub) #nzSum,
body.hy:not(.sub) #naZywo .nz-sum {
  max-height: 11.6em !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  line-height: 1.45 !important;
}
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-dash:has(> .hy-left) { align-items: stretch !important; }
  body.hy:not(.sub) .hy-dash > .hy-left {
    display: flex !important; flex-direction: column !important; align-self: stretch !important;
    min-height: 0 !important; height: auto !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
  body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;
    align-self: stretch !important; min-height: 100% !important; height: auto !important;
    margin: 0 !important; background: transparent !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo,
  body.hy:not(.sub) .hy-alerts #naZywo {
    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;
    min-height: 0 !important; height: 100% !important; margin: 0 !important; background: transparent !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-live,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-live {
    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;
    min-height: 0 !important; height: 100% !important; margin: 0 !important;
    background: #fff6e8 !important; border: 0 !important; border-radius: 16px !important;
    overflow: hidden !important; box-shadow: 0 6px 20px rgba(12,42,92,.10) !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-h,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-h {
    flex: 0 0 auto !important; border-radius: 16px 16px 0 0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzSum,
  body.hy:not(.sub) .hy-alerts #nzSum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-sum {
    flex: 0 1 auto !important; background: transparent !important; color: #1b2433 !important;
    margin: 10px 14px 4px !important; padding: 10px 12px !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzPil,
  body.hy:not(.sub) .hy-alerts #nzPil {
    flex: 0 0 auto !important; margin-top: auto !important; padding-bottom: 8px !important; background: transparent !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-mid > * { flex: 0 0 auto !important; }
}


/* t359/t360/t361: no comment scrollbar; yellow ends at text; red alerts sit under text. */
body.hy:not(.sub) #nzSum,
body.hy:not(.sub) #naZywo .nz-sum {
  max-height: 11.6em !important; /* current accepted comment = hard ceiling */
  overflow-x: hidden !important;
  overflow-y: hidden !important; /* t359/t360: no slider on phone or desktop */
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
  line-height: 1.45 !important;
}
@media (min-width: 900px) {
  /* t361: do NOT stretch yellow to fill the column. Content-size yellow; pin alerts under it;
     leftover column space is below the red alerts area (for future komunikaty), not empty yellow. */
  body.hy:not(.sub) .hy-dash:has(> .hy-left) {
    align-items: stretch !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-height: 0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
  body.hy:not(.sub) .hy-dash .hy-left > .hy-alerts {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo,
  body.hy:not(.sub) .hy-alerts #naZywo {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    height: auto !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-live,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important; /* card hugs header+comment+alerts; does not paint tall empty yellow */
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    background: transparent !important; /* yellow only on #nzSum, not whole live shell */
    border: 0 !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-h,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-h {
    flex: 0 0 auto !important;
    border-radius: 16px 16px 0 0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzSum,
  body.hy:not(.sub) .hy-alerts #nzSum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-sum {
    flex: 0 0 auto !important;
    background: #fff6e8 !important; /* yellow frame = text only */
    color: #1b2433 !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 0 !important;
    max-height: 11.6em !important;
    overflow: hidden !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzPil,
  body.hy:not(.sub) .hy-alerts #nzPil {
    flex: 1 1 auto !important; /* red/alerts area can grow into leftover column space */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
    min-height: 0 !important;
    background: #fff !important;
    border: 1px solid #f3d0d4 !important;
    border-top: 0 !important;
    border-radius: 0 0 16px 16px !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-mid > * {
    flex: 0 0 auto !important;
  }
}

/* t362/t363: title between weather parts; degrees right of icon; high contrast on pale+dark photos. */
body.hy:not(.sub) .ch-ph.ch-ph-title-mid .ch-txt,
body.hy:not(.sub) .ch-ph .hy-cast-mid .ch-txt {
  position: static !important;
  inset: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  text-align: center !important;
  max-width: none !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  z-index: 3 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-mid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  order: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-now {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
}
/* Left slot stays empty/minimal once temp moved; keep row balanced. */
body.hy:not(.sub) .ch-ph .hy-cast-now > div:not(.hy-cast-right):not(.hy-cast-mid) {
  display: none !important; /* old wrapper that held temp+em */
}
body.hy:not(.sub) .ch-ph .hy-cast-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  order: 1 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-ico {
  order: 0 !important;
  flex: 0 0 auto !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  filter: drop-shadow(0 1px 2px #000) drop-shadow(0 0 6px rgba(0,0,0,.65));
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp {
  order: 1 !important; /* t363: degrees immediately RIGHT of icon */
  margin: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}
/* High-contrast text: white fill + dark outline/halo — readable on pale Tarnów stone AND dark Warsaw. */
body.hy:not(.sub) .ch-ph .hy-cast-mid h1,
body.hy:not(.sub) .ch-ph .hy-cast-mid .hy-tag,
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong,
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp span,
body.hy:not(.sub) .ch-ph .hy-cast-right > em {
  color: #fff !important;
  text-shadow:
    0 0 2px #000,
    1px 0 0 #000,
    -1px 0 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000,
    1px 1px 0 #000,
    -1px -1px 0 #000,
    0 2px 8px rgba(0,0,0,.75),
    0 0 14px rgba(0,0,0,.55) !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong {
  font-size: 2rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp span {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  opacity: 0.95 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-mid h1 {
  font-size: clamp(1.15rem, 4.2vw, 1.85rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-mid .kicker {
  display: none !important; /* avoid colliding with logo / clutter */
}
body.hy:not(.sub) .ch-ph .hy-cast-mid .hy-tag {
  display: none !important; /* keep row compact; tagline not needed in weather band */
}
/* Weather strip full width at bottom of photo; no navy glass. */
body.hy:not(.sub) .ch-ph .hy-wx {
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  max-width: none !important;
  width: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast.sky-sun,
body.hy:not(.sub) .ch-ph .hy-cast.sky-part,
body.hy:not(.sub) .ch-ph .hy-cast.sky-cloud,
body.hy:not(.sub) .ch-ph .hy-cast.sky-rain,
body.hy:not(.sub) .ch-ph .hy-cast.sky-fog {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
/* When title is mid-row, don't also paint a top title stack on the photo. */
body.hy:not(.sub) .ch-ph.ch-ph-title-mid > .ch-txt {
  display: none !important;
}
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph .hy-wx {
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong {
    font-size: 1.55rem !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-ico {
    font-size: 1.45rem !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-mid h1 {
    font-size: clamp(1.05rem, 4.8vw, 1.35rem) !important;
  }
  /* Small gap above comment card — keep prior mobile weather-near-bottom contract. */
  body.hy:not(.sub) .ch-ph .hy-wx {
    margin: 0 !important;
  }
}
@media (min-width: 900px) {
  body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong {
    font-size: 2.4rem !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-mid h1 {
    font-size: clamp(1.4rem, 2.2vw, 2rem) !important;
  }
}


/* ========== t438/t439/t440 mid panel + comment (append) ========== */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-dash { align-items: stretch !important; }
  body.hy:not(.sub) .hy-dash > .hy-left,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-dash > .hy-events {
    display: flex !important; flex-direction: column !important; align-self: stretch !important; min-height: 0 !important; min-width: 0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-mid { gap: 12px !important; }
  body.hy:not(.sub) .hy-midpanel {
    display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; align-self: stretch !important;
    min-height: 0 !important; background: #fff !important; border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(12,42,92,.10) !important; overflow: hidden !important; color: #1b2433 !important;
  }
  body.hy:not(.sub) .hy-midpanel > header {
    flex: 0 0 auto !important; background: linear-gradient(90deg,#0c2a5c,#2e6bd1) !important; color: #fff !important;
    font-weight: 800 !important; padding: 14px 16px !important; font-size: 1rem !important;
  }
  body.hy:not(.sub) .hy-mid-list { display:flex !important; flex-direction:column !important; gap:6px !important; padding:8px 10px !important; flex:1 1 auto !important; min-height:0 !important; }
  body.hy:not(.sub) .hy-util-row {
    display:grid !important; grid-template-columns:34px minmax(0,1fr) !important; gap:8px !important; align-items:start !important;
    padding:8px 10px !important; border-radius:12px !important; background:#f4f7fb !important; text-decoration:none !important; color:inherit !important; min-width:0 !important;
  }
  body.hy:not(.sub) .hy-util-row:nth-child(2){background:#f7f3ff !important}
  body.hy:not(.sub) .hy-util-row:nth-child(3){background:#fff8e8 !important}
  body.hy:not(.sub) .hy-util-row:nth-child(4){background:#fff4ec !important}
  body.hy:not(.sub) .hy-util-ico{display:grid !important;place-items:center !important;width:28px !important;height:28px !important;border-radius:9px !important;background:#e8eef9 !important;font-size:1rem !important}
  body.hy:not(.sub) .hy-util-row[data-accent="green"] .hy-util-ico{background:#d8f3e4 !important}
  body.hy:not(.sub) .hy-util-row[data-accent="ink"] .hy-util-ico{background:#ece8f2 !important}
  body.hy:not(.sub) .hy-util-row[data-accent="amber"] .hy-util-ico{background:#ffe9b8 !important}
  body.hy:not(.sub) .hy-util-row[data-accent="orange"] .hy-util-ico{background:#ffe0cc !important}
  body.hy:not(.sub) .hy-util-main{min-width:0 !important}
  body.hy:not(.sub) .hy-util-main > b{display:block !important;font-size:.95rem !important;font-weight:800 !important;color:#0c2a5c !important;line-height:1.25 !important;margin:0 0 2px !important}
  body.hy:not(.sub) .hy-util-main > small{display:block !important;font-size:.86rem !important;font-weight:600 !important;color:#3d5160 !important;line-height:1.4 !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;-webkit-line-clamp:unset !important;overflow-wrap:anywhere !important}
  body.hy:not(.sub) .hy-wyl-when{color:#b26a00 !important;font-weight:800 !important;white-space:normal !important}
  body.hy:not(.sub) .hy-util-more{color:#0b4ea2 !important;font-weight:700 !important;font-size:.82rem !important}
  body.hy:not(.sub) .hy-mid-slot:not([hidden]){flex:0 0 auto !important;margin:0 10px 10px !important;padding:8px 10px !important;border-radius:12px !important;background:#fff5f5 !important;border-left:4px solid #e0262e !important}
  body.hy:not(.sub) .hy-mid-slot[hidden]{display:none !important}
  body.hy:not(.sub) .hy-desktop-hide,
  body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile,
  body.hy:not(.sub) .hy-dash .hy-tile.hy-wyl-col,
  body.hy:not(.sub) .hy-dash > .hy-mid > a.hy-fuel,
  body.hy:not(.sub) .hy-dash > .hy-mid > .hy-fuel{display:none !important}
  body.hy:not(.sub) .hy-dash > .hy-events{flex:1 1 auto !important}
  body.hy:not(.sub) .hy-dash > .hy-events .hy-ev-list{flex:1 1 auto !important}
  body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo{flex:1 1 auto !important;display:flex !important;flex-direction:column !important}
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-live,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-live{flex:0 0 auto !important;height:auto !important;background:transparent !important;box-shadow:none !important}
  body.hy:not(.sub) #nzPil{flex:0 0 auto !important;margin-top:8px !important}
  body.hy:not(.sub) .hy-dash > .hy-left #nzSum,
  body.hy:not(.sub) .hy-alerts #nzSum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-sum,
  body.hy:not(.sub) #nzSum,
  body.hy:not(.sub) #naZywo .nz-sum{
    position:static !important;width:auto !important;max-width:none !important;max-height:none !important;height:auto !important;
    overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;clip:auto !important;flex:0 0 auto !important;
  }
}
@media (max-width:899px){
  body.hy:not(.sub) .hy-midpanel{display:none !important}
  body.hy:not(.sub) .hy-tile[data-dot="wylaczenia"] > small{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;-webkit-line-clamp:unset !important}
  body.hy:not(.sub) .hy-cols,body.hy:not(.sub) .hy-dash{max-width:100% !important;overflow-x:hidden !important}
}
body.contrast .hy-midpanel{background:#000 !important;border:2px solid #fff !important;color:#fff !important}
body.contrast .hy-midpanel > header{background:#000 !important;color:#ffe600 !important;border-bottom:1px solid #ffe600 !important}
body.contrast .hy-util-row{background:#000 !important;border:1px solid #666 !important;color:#fff !important}
body.contrast .hy-util-main > b,body.contrast .hy-wyl-when{color:#ffe600 !important}


/* ========== t441 CORNER WEATHER + t447 FIX ========== */
body.hy:not(.sub) .ch-ph {
  position: relative !important;
  overflow: hidden !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt {
  display: block !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 52px !important;
  z-index: 2 !important;
  text-align: center !important;
  pointer-events: none !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt h1,
body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag,
body.hy:not(.sub) .ch-ph > .ch-txt .kicker {
  color: #fff !important;
  text-shadow: 0 1px 2px #000, 0 0 10px rgba(0,0,0,.55) !important;
}
body.hy:not(.sub) .ch-ph .hy-wx {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  width: min(400px, 44vw) !important;
  max-width: min(400px, calc(100% - 24px)) !important;
  height: auto !important;
  max-height: 236px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 8px 8px 6px !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  background: rgba(10, 22, 44, .62) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.32) !important;
  overflow: hidden !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-wx .wmini { display: none !important; }
body.hy:not(.sub) .ch-ph .hy-cast {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-cast > header > b { display: none !important; }
body.hy:not(.sub) .ch-ph .hy-cast > header {
  display: none !important; /* tabs live in now-right */
}
body.hy:not(.sub) .ch-ph .hy-cast-now {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 44px !important;
  overflow: hidden !important;
  z-index: 1 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-right {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-ico { font-size: 1.35rem !important; line-height: 1 !important; }
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp { margin: 0 !important; color: #fff !important; }
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong {
  font-size: 1.55rem !important;
  color: #fff !important;
  text-shadow: 0 1px 2px #000 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp span,
body.hy:not(.sub) .ch-ph .hy-cast-right > em {
  color: #fff !important;
  text-shadow: 0 1px 2px #000 !important;
  font-size: .9rem !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs {
  display: inline-flex !important;
  background: rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs button {
  color: #fff !important;
  background: transparent !important;
  font-size: 11px !important;
  padding: 3px 9px !important;
  border: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs button.on {
  background: #ffc20e !important;
  color: #0c2a5c !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-hours,
body.hy:not(.sub) .ch-ph .hy-cast-days {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior: contain !important;
  touch-action: pan-x !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100% !important;
  width: 100% !important;
  min-height: 72px !important;
  height: 72px !important;
  padding: 2px 0 4px !important;
  margin: 0 !important;
  scrollbar-width: thin !important;
}
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd {
  flex: 0 0 3.55em !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 3.55em !important;
  width: 3.55em !important;
  min-height: 68px !important;
  height: 68px !important;
  max-height: 68px !important;
  padding: 4px 2px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,210,80,.55) !important;
  color: #fff !important;
  scroll-snap-align: start !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
}
body.hy:not(.sub) .ch-ph .hy-hr > *,
body.hy:not(.sub) .ch-ph .hy-cd > *,
body.hy:not(.sub) .ch-ph .hy-hr small,
body.hy:not(.sub) .ch-ph .hy-hr b,
body.hy:not(.sub) .ch-ph .hy-hr span,
body.hy:not(.sub) .ch-ph .hy-hr em,
body.hy:not(.sub) .ch-ph .hy-cd small,
body.hy:not(.sub) .ch-ph .hy-cd b,
body.hy:not(.sub) .ch-ph .hy-cd span,
body.hy:not(.sub) .ch-ph .hy-cd em {
  color: #fff !important;
  background: transparent !important;
  display: block !important;
  text-align: center !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}
body.hy:not(.sub) .ch-ph .hy-hr b,
body.hy:not(.sub) .ch-ph .hy-cd b { font-size: 1.05rem !important; font-weight: 400 !important; }
body.hy:not(.sub) .ch-ph .hy-airline,
body.hy:not(.sub) .ch-ph .hy-wx-air,
body.hy:not(.sub) .ch-ph #hyAqi {
  display: flex !important;
  align-items: center !important;
  margin: 2px 0 0 !important;
  padding: 5px 8px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  gap: 8px !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  position: static !important;
  left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
}
body.hy:not(.sub) .ch-ph .hy-airline span,
body.hy:not(.sub) .ch-ph .hy-airline b,
body.hy:not(.sub) .ch-ph .hy-airline small,
body.hy:not(.sub) .ch-ph #hyAqi span,
body.hy:not(.sub) .ch-ph #hyAqi b { color: #fff !important; }
body.hy:not(.sub) .ch-ph .hy-cast-more { display: none !important; }
body.hy:not(.sub) .ch-ph > .hy-aqi:not(.hy-wx-air) { display: none !important; }

@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph > .ch-txt { top: 44px !important; left: 10px !important; right: 10px !important; }
  body.hy:not(.sub) .ch-ph > .ch-txt h1 { font-size: 1.2rem !important; }
  body.hy:not(.sub) .ch-ph .hy-wx {
    right: 8px !important; bottom: 8px !important;
    width: min(300px, calc(100% - 16px)) !important;
    max-width: min(300px, calc(100% - 16px)) !important;
    max-height: 200px !important;
    padding: 7px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-hours,
  body.hy:not(.sub) .ch-ph .hy-cast-days { min-height: 64px !important; height: 64px !important; }
  body.hy:not(.sub) .ch-ph .hy-hr,
  body.hy:not(.sub) .ch-ph .hy-cd {
    flex-basis: 3.2em !important; min-width: 3.2em !important; width: 3.2em !important;
    min-height: 60px !important; height: 60px !important; font-size: 11px !important;
  }
}
@media (max-width: 379px) {
  body.hy:not(.sub) .ch-ph .hy-wx {
    width: min(278px, calc(100% - 12px)) !important;
    max-height: 190px !important;
  }
}

/* ========== t447 FIVE EVENTS + WHITE PANELS ========== */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-dash {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-dash > .hy-events {
    min-width: 0 !important;
    min-height: 0 !important;
    align-self: start !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-events {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(12,42,92,.10) !important;
    overflow: hidden !important;
  }
  body.hy:not(.sub) .hy-ev-cats { display: none !important; }
  body.hy:not(.sub) .hy-ev-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    flex: 0 0 auto !important;
  }
  body.hy:not(.sub) .hy-ev {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
    padding: 8px 10px !important;
    min-width: 0 !important;
    background: #fff !important;
  }
  body.hy:not(.sub) .hy-ev-main { min-width: 0 !important; }
  body.hy:not(.sub) .hy-ev-main > b {
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: .9rem !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
  body.hy:not(.sub) .hy-ev-main > small {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: .78rem !important;
  }
  body.hy:not(.sub) .hy-ev-more {
    margin-top: auto !important;
    flex: 0 0 auto !important;
    padding: 10px 12px !important;
  }
  body.hy:not(.sub) .hy-ev-empty {
    margin: 8px 10px !important;
    color: #5a6575 !important;
    font-weight: 600 !important;
  }

  /* Left fully white */
  body.hy:not(.sub) .hy-dash > .hy-left,
  body.hy:not(.sub) .hy-dash > .hy-left.hy-left-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(12,42,92,.10) !important;
    overflow: hidden !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left > .hy-alerts,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background-image: none !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-h {
    flex: 0 0 auto !important;
    background: #e0262e !important;
    border-radius: 16px 16px 0 0 !important;
    color: #fff !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzSum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum.zy-quiet {
    position: static !important;
    width: auto !important; max-width: none !important;
    height: auto !important; max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    flex: 0 1 auto !important;
    margin: 10px 12px 6px !important;
    padding: 0 !important;
    background: #fff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #1b2433 !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    white-space: normal !important;
    visibility: visible !important;
  }
  body.hy:not(.sub) .hy-kom-stack {
    flex: 0 1 auto !important;
    margin: 0 12px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .hy-kom-older {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid #e8edf5 !important;
    border-radius: 0 !important;
    color: #1b2433 !important;
    font-size: .9rem !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    padding-top: 10px !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-left #nzPil { flex: 0 0 auto !important; margin: 0 12px 8px !important; }
  body.hy:not(.sub) .hy-dash > .hy-left #nzRows:empty { display: none !important; }

  /* Mid fully white */
  body.hy:not(.sub) .hy-dash > .hy-mid {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: transparent !important;
  }
  body.hy:not(.sub) .hy-midpanel {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(12,42,92,.10) !important;
  }
  body.hy:not(.sub) .hy-mid-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    background: #fff !important;
  }
  body.hy:not(.sub) .hy-util-row {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .hy-util-row:nth-child(2),
  body.hy:not(.sub) .hy-util-row:nth-child(3),
  body.hy:not(.sub) .hy-util-row:nth-child(4) {
    background: #fff !important;
  }
  body.hy:not(.sub) .hy-util-main > small {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
    color: #3d5160 !important;
  }
  body.hy:not(.sub) .hy-wyl-when {
    color: #8a5a00 !important;
    font-weight: 800 !important;
    background: transparent !important;
  }
  body.hy:not(.sub) .hy-nek-item {
    display: block !important;
    margin: 0 0 4px !important;
    white-space: normal !important;
  }
  body.hy:not(.sub) .hy-nek-l1,
  body.hy:not(.sub) .hy-nek-l2 {
    display: inline !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}
body.hy:not(.sub) a.hy-feature[hidden],
body.hy:not(.sub) .hy-feature[aria-hidden="true"] { display: none !important; }


/* ========== t451 NAJBLIZSZE LABEL + equal bottoms ========== */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-ev-soon {
    display: inline-block !important;
    margin-top: 4px !important;
    padding: 3px 9px !important;
    line-height: 1.35 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    background: #fff !important;
    color: #5b21b6 !important;
    border: 1px solid #d4c4f0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
  }
  /* slight white-card stretch only: keep current look, lock bottoms via JS */
  body.hy:not(.sub) .hy-dash > .hy-left,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-midpanel,
  body.hy:not(.sub) .hy-dash > .hy-events {
    background-clip: padding-box !important;
  }
}


/* ========== t454 TITLE LEFT + WEATHER UP ========== */
/* Hide duplicate left air chip — air lives only inside weather */
body.hy:not(.sub) .ch-ph > #hyAqi,
body.hy:not(.sub) .ch-ph > .hy-aqi {
  display: none !important;
}

/* Outer weather: transparent; tiles stay lightly translucent */
body.hy:not(.sub) .ch-ph .hy-wx {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  position: absolute !important;
  top: 18px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: min(420px, 46%) !important;
  max-width: min(420px, calc(50% - 18px)) !important;
  max-height: min(230px, 58%) !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast-now,
body.hy:not(.sub) .ch-ph .hy-cast-right {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd {
  background: rgba(255,255,255,.22) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.28) !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.8) !important;
}
body.hy:not(.sub) .ch-ph .hy-hr > *,
body.hy:not(.sub) .ch-ph .hy-cd > * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.8) !important;
  background: transparent !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp strong,
body.hy:not(.sub) .ch-ph .hy-cast-pair .hy-cast-temp span,
body.hy:not(.sub) .ch-ph .hy-cast-right > em {
  color: #fff !important;
  text-shadow: 0 1px 3px #000, 0 0 8px rgba(0,0,0,.55) !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs {
  background: rgba(0,0,0,.28) !important;
}
body.hy:not(.sub) .ch-ph .hy-airline,
body.hy:not(.sub) .ch-ph .hy-wx-air,
body.hy:not(.sub) .ch-ph .hy-wx #hyAqi {
  display: flex !important;
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
  position: static !important;
  left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
}

/* Title LEFT, enlarged — side by side with weather on the right */
body.hy:not(.sub) .ch-ph > .ch-txt {
  display: block !important;
  position: absolute !important;
  top: 28px !important;
  left: 18px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(48%, 560px) !important;
  max-width: calc(50% - 20px) !important;
  z-index: 6 !important;
  text-align: left !important;
  pointer-events: none !important;
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt h1 {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(1.65rem, 2.8vw, 2.45rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px #000, 0 0 12px rgba(0,0,0,.55) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag,
body.hy:not(.sub) .ch-ph > .ch-txt .kicker {
  display: block !important;
  margin-top: 4px !important;
  color: #fff !important;
  text-shadow: 0 1px 2px #000 !important;
  text-align: left !important;
}

@media (min-width: 900px) {
  body.hy:not(.sub) .ch-ph > .ch-txt {
    top: 36px !important;
    left: 22px !important;
    width: min(46%, 540px) !important;
    max-width: calc(50% - 24px) !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    top: 20px !important;
    right: 16px !important;
    width: min(400px, 46%) !important;
    max-width: calc(50% - 24px) !important;
  }
}

/* Narrow: stack — title on top (full), weather below still in hero, no overlap with columns */
@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph > .ch-txt {
    top: 16px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt h1 {
    font-size: clamp(1.3rem, 5.4vw, 1.65rem) !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    top: auto !important;
    bottom: 10px !important; /* stays in photo, above columns thanks to ph overflow */
    right: 8px !important;
    left: auto !important;
    width: min(300px, calc(100% - 16px)) !important;
    max-width: min(300px, calc(100% - 16px)) !important;
    max-height: 46% !important;
  }
}
@media (max-width: 379px) {
  body.hy:not(.sub) .ch-ph > .ch-txt h1 {
    font-size: clamp(1.2rem, 5.6vw, 1.45rem) !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    width: min(278px, calc(100% - 12px)) !important;
    max-width: min(278px, calc(100% - 12px)) !important;
  }
}


/* ========== t455 DATE BOTTOM-LEFT + HOURLY DEFAULT ========== */
/* Date/kicker: bottom-left corner of hero photo */
body.hy:not(.sub) .ch-ph > #todayLabel,
body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  bottom: 12px !important;
  top: auto !important;
  right: auto !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 4px 2px !important;
  max-width: min(52%, 420px) !important;
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 3px #000, 0 0 8px rgba(0,0,0,.55) !important;
  background: transparent !important;
  pointer-events: none !important;
  white-space: normal !important;
}
/* Title block: left, no date inside; keep subtitle visible */
body.hy:not(.sub) .ch-ph > .ch-txt {
  top: 28px !important;
  left: 18px !important;
  right: auto !important;
  width: min(48%, 560px) !important;
  max-width: calc(50% - 20px) !important;
  text-align: left !important;
  z-index: 6 !important;
  overflow: visible !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt > .kicker { display: none !important; } /* moved to ph */
body.hy:not(.sub) .ch-ph > .ch-txt h1 {
  font-size: clamp(1.65rem, 2.8vw, 2.45rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  overflow: visible !important;
  white-space: normal !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #fff !important;
  font-size: clamp(.95rem, 1.35vw, 1.1rem) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  margin: 0 !important;
  text-shadow: 0 1px 3px #000 !important;
  overflow: visible !important;
  white-space: normal !important;
}

/* Hourly tiles: more transparent, still readable */
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
}
body.hy:not(.sub) .ch-ph .hy-hr > *,
body.hy:not(.sub) .ch-ph .hy-cd > * {
  text-shadow: 0 1px 3px rgba(0,0,0,.9) !important;
}

/* Default hourly only: hide days until toggled; single 7 dni control */
body.hy:not(.sub) .ch-ph .hy-cast:not([data-tab="d"]) .hy-cast-days {
  display: none !important;
}
body.hy:not(.sub) .ch-ph .hy-cast[data-tab="d"] .hy-cast-hours {
  display: none !important;
}
body.hy:not(.sub) .ch-ph .hy-cast[data-tab="d"] .hy-cast-days {
  display: flex !important;
}
/* Hide "Godziny" tab; keep only "7 dni" (JS may relabel when open) */
body.hy:not(.sub) .ch-ph .hy-cast-tabs button[data-hy-tab="h"] {
  display: none !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs {
  background: rgba(0,0,0,.22) !important;
  padding: 2px !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs button[data-hy-tab="d"] {
  display: inline-block !important;
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.hy:not(.sub) .ch-ph .hy-cast[data-tab="d"] .hy-cast-tabs button[data-hy-tab="d"] {
  background: #ffc20e !important;
  color: #0c2a5c !important;
}

@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    left: 10px !important;
    bottom: 8px !important;
    font-size: .74rem !important;
    max-width: 58% !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt {
    top: 16px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt h1 {
    font-size: clamp(1.3rem, 5.4vw, 1.65rem) !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag {
    font-size: .9rem !important;
  }
}
@media (max-width: 379px) {
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    max-width: 55% !important;
    font-size: .7rem !important;
  }
}


/* ========== t457 NO HERO OVERLAP ========== */
/* Kill page .wrap layout when leftover inside hero copy */
body.hy:not(.sub) .ch-ph .ch-txt .wrap,
body.hy:not(.sub) .ch-ph .ch-txt > .wrap {
  all: unset !important;
  display: contents !important;
}
body.hy:not(.sub) .ch-ph.ch-wide,
body.hy:not(.sub) .ch-ph.ch-wide.ch-ph-wx {
  /* keep photo usable but don't force title into bottom gradient band */
  justify-content: flex-start !important;
}
body.hy:not(.sub) .ch-wide .ch-txt,
body.hy:not(.sub) .ch-ph > .ch-txt,
body.hy:not(.sub) .ch-ph > .ch-txt.hy-hero-copy {
  position: absolute !important;
  top: 24px !important;
  left: 18px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(48%, 560px) !important;
  max-width: calc(50% - 22px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  z-index: 6 !important;
  text-align: left !important;
  display: block !important;
  overflow: visible !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
body.hy:not(.sub) .ch-wide .ch-txt h1,
body.hy:not(.sub) .ch-ph > .ch-txt h1 {
  position: static !important;
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: clamp(1.65rem, 2.8vw, 2.45rem) !important;
  line-height: 1.2 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px #000, 0 0 12px rgba(0,0,0,.55) !important;
  white-space: normal !important;
  overflow: visible !important;
}
body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag,
body.hy:not(.sub) .ch-wide .ch-txt .hy-tag {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  opacity: 1 !important;
  font-size: clamp(.95rem, 1.35vw, 1.1rem) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  text-shadow: 0 1px 3px #000 !important;
  white-space: normal !important;
  overflow: visible !important;
}
/* date only as direct child of photo, bottom-left — never inside title */
body.hy:not(.sub) .ch-ph > .ch-txt .kicker,
body.hy:not(.sub) .ch-ph > .ch-txt #todayLabel,
body.hy:not(.sub) .ch-wide .ch-txt > .kicker {
  display: none !important;
}
body.hy:not(.sub) .ch-ph > #todayLabel,
body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  bottom: 12px !important;
  top: auto !important;
  right: auto !important;
  z-index: 7 !important;
  width: auto !important;
  max-width: min(46%, 380px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 3px #000 !important;
  background: transparent !important;
  pointer-events: none !important;
}
/* weather stays top-right; never cover date (bottom) or title (left) */
body.hy:not(.sub) .ch-ph .hy-wx {
  top: 18px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  max-width: calc(50% - 22px) !important;
  z-index: 5 !important;
}
body.hy:not(.sub) .ch-ph .hy-hero-cap,
body.hy:not(.sub) .ch-ph > .ch-cap {
  top: 8px !important;
  bottom: auto !important;
  right: 12px !important;
  left: auto !important;
  max-width: 42% !important;
  z-index: 3 !important;
  font-size: .62rem !important;
}

@media (max-width: 899px) {
  body.hy:not(.sub) .ch-ph > .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt {
    top: 14px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt h1,
  body.hy:not(.sub) .ch-wide .ch-txt h1 {
    font-size: clamp(1.25rem, 5.2vw, 1.55rem) !important;
  }
  /* weather upper-right under title; date alone bottom-left */
  body.hy:not(.sub) .ch-ph .hy-wx {
    top: 96px !important;
    bottom: auto !important;
    right: 8px !important;
    left: auto !important;
    width: min(300px, calc(100% - 16px)) !important;
    max-width: min(300px, calc(100% - 16px)) !important;
    max-height: 46% !important;
  }
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    left: 10px !important;
    bottom: 8px !important;
    max-width: 55% !important;
    font-size: .72rem !important;
    z-index: 8 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-cap,
  body.hy:not(.sub) .ch-ph > .ch-cap {
    display: none !important; /* avoid mobile collisions */
  }
}
@media (max-width: 389px) {
  body.hy:not(.sub) .ch-ph .hy-wx {
    top: 90px !important;
    bottom: auto !important;
    width: min(270px, calc(100% - 14px)) !important;
    max-width: min(270px, calc(100% - 14px)) !important;
  }
}


/* ========== t458/t459 FLOW HERO BANDS ========== */
/* ===== DESKTOP: toolbar separate; title+weather band at BOTTOM of hero, just above columns ===== */
@media (min-width: 900px) {
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .ch-ph {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    /* keep photo tall but content sits at bottom — no absolute title under logo */
    min-height: max(380px, calc(var(--hh, 74px) + 280px)) !important;
    margin-top: calc(-1 * var(--hh, 74px)) !important; /* photo under transparent header OK */
    padding-top: calc(var(--hh, 74px) + 12px) !important; /* content starts BELOW header */
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  /* row: title left | weather right — in normal flex flow at bottom */
  body.hy:not(.sub) .ch-ph > .hy-hero-band {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    gap: 16px 20px !important;
    align-items: end !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 14px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt,
  body.hy:not(.sub) .ch-ph > .ch-txt.hy-hero-copy {
    position: static !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    width: auto !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt h1,
  body.hy:not(.sub) .ch-wide .ch-txt h1 {
    position: static !important;
    font-size: clamp(1.7rem, 2.6vw, 2.4rem) !important;
    margin: 0 0 6px !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt .hy-tag {
    position: static !important;
    display: block !important;
    margin: 0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    position: static !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    max-height: none !important;
    margin: 0 0 0 auto !important;
    padding: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    z-index: auto !important;
  }
  /* date: reserved bottom-left of hero, below band, clear of weather */
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    position: absolute !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important; right: auto !important;
    z-index: 5 !important;
    max-width: 36% !important;
    margin: 0 !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-cap,
  body.hy:not(.sub) .ch-ph .hy-hero-cap {
    position: absolute !important;
    top: calc(var(--hh, 74px) + 8px) !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    max-width: 40% !important;
  }
  body.hy:not(.sub) .ch-ph > #hyAqi,
  body.hy:not(.sub) .ch-ph > .hy-aqi { display: none !important; }
  /* columns sit just under hero with small even gap — kill large negative pull into weather */
  body.hy:not(.sub) .hy-dash {
    margin-top: 12px !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    margin-top: 0 !important;
  }
}

/* ===== MOBILE: normal flow TOP — clear absolute header, then title/date, then full-width weather ===== */
@media (max-width: 899px) {
  /* header.top is position:absolute on mobile — push hero content below it */
  body.hy:not(.sub) .hy-hero,
  body.hy:not(.sub) #dzis.hero,
  body.hy:not(.sub) .hero.hy-hero {
    padding-top: 72px !important; /* ~64px toolbar + breathing room */
    margin-top: 0 !important;
  }
  /* kill stage pull that put title under logo */
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage {
    margin-top: 0 !important;
  }

  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .ch-all .ch-ph {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #1a2233 !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .55 !important;
    pointer-events: none !important;
  }
  body.hy:not(.sub) .ch-ph > .hy-hero-band {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px 12px !important;
    box-sizing: border-box !important;
  }
  /* txt lives INSIDE band — must not use .ch-ph > .ch-txt */
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt,
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt.hy-hero-copy,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy {
    position: static !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    width: auto !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    z-index: auto !important;
    order: 0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt h1,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy h1 {
    position: static !important;
    font-size: clamp(1.35rem, 6vw, 1.7rem) !important;
    margin: 0 0 4px !important;
    line-height: 1.2 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt .hy-tag,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy .hy-tag {
    position: static !important;
    display: block !important;
    margin: 0 0 6px !important;
    font-size: .92rem !important;
  }
  /* date in normal flow under subtitle (inside copy) */
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt > #todayLabel,
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt > .hy-hero-date,
  body.hy:not(.sub) .ch-ph .ch-txt > #todayLabel,
  body.hy:not(.sub) .ch-ph .ch-txt > .hy-hero-date,
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    position: static !important;
    display: block !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: .78rem !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .hy-wx,
  body.hy:not(.sub) .ch-ph .hy-wx {
    position: static !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 6px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: auto !important;
    order: 1 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-hours,
  body.hy:not(.sub) .ch-ph .hy-cast-days {
    min-height: 64px !important;
    height: 64px !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-cap,
  body.hy:not(.sub) .ch-ph .hy-hero-cap {
    display: none !important;
  }
  body.hy:not(.sub) .ch-ph > #hyAqi,
  body.hy:not(.sub) .ch-ph > .hy-aqi { display: none !important; }

  /* CRITICAL: stop columns from pulling up over weather */
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-left {
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .hy-dash {
    margin-top: 10px !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-left,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }
}

/* translucent hour tiles (keep) */
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
}

/* ========== t473 SOLID HEADER + FLOW ABOVE COLUMNS ========== */
/* High-specificity nuke of overlay header (beats FIX 2026-11-06s) */
body.hy:not(.sub) header.top,
body.hy:has(.ch-all):not(.contrast) header.top,
body.hy:has(.ch-all) header.top,
body:has(.ch-all):not(.contrast) header.top,
body.chw header.top {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 40 !important;
  background: #0c2a5c !important;
  background-color: #0c2a5c !important;
  background-image: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
  border: 0 !important;
}
@media (max-width: 1100px), (hover: none) and (pointer: coarse) and (max-width: 1366px) {
  body.hy:not(.sub) header.top,
  body.hy:has(.ch-all):not(.contrast) header.top,
  body.hy:has(.ch-all) header.top,
  body:has(.ch-all):not(.contrast) header.top {
    position: sticky !important;
    background: #0c2a5c !important;
    background-color: #0c2a5c !important;
    background-image: none !important;
    z-index: 40 !important;
  }
}
/* Owner t473u: logo must not overlap city title; weather unclipped; title+weather just above columns.
   Kill absolute/transparent header and negative stage pull from earlier FIX 2026-11-06n/p/q patches. */

/* --- Global: solid sticky toolbar (own row) --- */
body.hy:not(.sub) header.top,
body.chw header.top,
body:has(.ch-all) header.top {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 40 !important;
  background: #0c2a5c !important;
  background-image: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
  border: 0 !important;
  border-bottom: 0 !important;
}
body.hy:not(.sub) header.top .top-in {
  background: transparent !important;
  padding: 10px 16px !important;
}
body.hy:not(.sub) header.top .brand b,
body.hy:not(.sub) header.top .brand em,
body.hy:not(.sub) header.top .brand small {
  text-shadow: none !important;
}

/* Kill ALL negative stage / column pulls that slid panels over weather */
body.hy:not(.sub) .hy-cols,
body.hy:not(.sub) .wrap.hy-stage,
body.hy:not(.sub) .hy-stage,
body.hy:not(.sub) .hy-alerts,
body.hy:not(.sub) .hy-mid,
body.hy:not(.sub) .hy-events,
body.hy:not(.sub) .hy-left,
body.hy:not(.sub) .hy-dash {
  margin-top: 0 !important;
}
body.hy:not(.sub) .hy-dash {
  margin-top: 12px !important;
}

/* ===== MOBILE / NARROW: header in flow; title → date → full weather → panels ===== */
@media (max-width: 899px) {
  body.hy:not(.sub) header.top {
    position: sticky !important;
    background: #0c2a5c !important;
    background-image: none !important;
  }
  /* no fake padding for absolute header — header occupies its own row */
  body.hy:not(.sub) .hy-hero,
  body.hy:not(.sub) #dzis.hero,
  body.hy:not(.sub) .hero.hy-hero {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage {
    margin-top: 0 !important;
  }

  body.hy:not(.sub) .ch-ph,
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .ch-ph.ch-wide.ch-ph-wx,
  body.hy:not(.sub) .ch-all .ch-ph {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin-top: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #1a2233 !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .5 !important;
    pointer-events: none !important;
  }
  body.hy:not(.sub) .ch-ph > .hy-hero-band {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 12px 14px !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt,
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt.hy-hero-copy,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy,
  body.hy:not(.sub) .ch-ph > .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt {
    position: static !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    width: auto !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    z-index: auto !important;
    order: 0 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt h1,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy h1,
  body.hy:not(.sub) .ch-ph > .ch-txt h1 {
    position: static !important;
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
    margin: 0 0 4px !important;
    line-height: 1.2 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt .hy-tag,
  body.hy:not(.sub) .ch-ph .ch-txt.hy-hero-copy .hy-tag {
    position: static !important;
    display: block !important;
    margin: 0 0 6px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt > #todayLabel,
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt > .hy-hero-date,
  body.hy:not(.sub) .ch-ph .ch-txt > #todayLabel,
  body.hy:not(.sub) .ch-ph .ch-txt > .hy-hero-date,
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date {
    position: static !important;
    display: block !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: .78rem !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) .ch-ph .hy-hero-band > .hy-wx,
  body.hy:not(.sub) .ch-ph .hy-wx {
    position: static !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 4px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: auto !important;
    order: 1 !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast,
  body.hy:not(.sub) .ch-ph .hy-cast-hours,
  body.hy:not(.sub) .ch-ph .hy-cast-days {
    max-height: none !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast-hours,
  body.hy:not(.sub) .ch-ph .hy-cast-days {
    min-height: 64px !important;
    height: 64px !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-cap,
  body.hy:not(.sub) .ch-ph .hy-hero-cap,
  body.hy:not(.sub) .ch-ph > #hyAqi,
  body.hy:not(.sub) .ch-ph > .hy-aqi { display: none !important; }

  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .hy-left {
    margin-top: 0 !important;
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }
  body.hy:not(.sub) .hy-dash {
    margin-top: 10px !important;
  }
}

/* ===== DESKTOP: sticky solid header; title|weather band at bottom of hero, just above columns ===== */
@media (min-width: 900px) {
  body.hy:not(.sub) header.top {
    position: sticky !important;
    background: #0c2a5c !important;
    background-image: none !important;
  }
  body.hy:not(.sub) .ch-ph.ch-wide,
  body.hy:not(.sub) .ch-ph.ch-wide.ch-ph-wx,
  body.hy:not(.sub) .ch-ph {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    /* DO NOT pull under header — header is its own row now */
    margin-top: 0 !important;
    padding-top: 12px !important;
    min-height: 320px !important;
    overflow: hidden !important; /* photo only; band stays inside */
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  body.hy:not(.sub) .ch-ph > .hy-hero-band {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    gap: 16px 20px !important;
    align-items: end !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 12px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt,
  body.hy:not(.sub) .ch-wide .ch-txt,
  body.hy:not(.sub) .ch-ph > .ch-txt.hy-hero-copy,
  body.hy:not(.sub) .ch-ph .hy-hero-band > .ch-txt {
    position: static !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    width: auto !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-txt h1,
  body.hy:not(.sub) .ch-wide .ch-txt h1 {
    position: static !important;
    font-size: clamp(1.7rem, 2.6vw, 2.4rem) !important;
    margin: 0 0 6px !important;
  }
  body.hy:not(.sub) .ch-ph .hy-wx {
    position: static !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    max-height: none !important;
    margin: 0 0 0 auto !important;
    padding: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: auto !important;
  }
  /* date in flow under subtitle (inside copy) — never absolute into columns */
  body.hy:not(.sub) .ch-ph > #todayLabel,
  body.hy:not(.sub) .ch-ph > .kicker.hy-hero-date,
  body.hy:not(.sub) .ch-ph .hy-hero-band .hy-hero-date,
  body.hy:not(.sub) .ch-ph .hy-hero-band #todayLabel {
    position: static !important;
    display: block !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    max-width: none !important;
    margin: 6px 0 0 !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-cap,
  body.hy:not(.sub) .ch-ph .hy-hero-cap {
    position: absolute !important;
    top: 10px !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    max-width: 40% !important;
  }
  body.hy:not(.sub) .ch-ph > #hyAqi,
  body.hy:not(.sub) .ch-ph > .hy-aqi { display: none !important; }
  body.hy:not(.sub) .hy-dash {
    margin-top: 12px !important;
  }
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    margin-top: 0 !important;
  }
}

/* ========== t484/t488 LIGHT WEATHER ON PHOTO ========== */
/* Owner: weather was too dark on city photo. Light translucent panel, white text + subtle shadow.
   Mobile ≤640: slightly narrower (side inset). Desktop/tablet: same light style, NO placement change. */

/* Shared: lighten photo-weather chips / now-row (all viewports) — do not move geometry */
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-wx > .hy-cast {
  background: rgba(255, 255, 255, 0.32) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
}
body.hy:not(.sub) .ch-ph .hy-cast *,
body.hy:not(.sub) .ch-ph .hy-cast-temp strong,
body.hy:not(.sub) .ch-ph .hy-cast-temp span,
body.hy:not(.sub) .ch-ph .hy-cast-now em,
body.hy:not(.sub) .ch-ph .hy-cast header,
body.hy:not(.sub) .ch-ph .hy-cast header b,
body.hy:not(.sub) .ch-ph .hy-cast header a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
/* Reduce heavy full-photo dark wash so weather sits on a lighter scene */
body.hy:not(.sub) .ch-ph::after {
  background: rgba(8, 16, 32, 0.12) !important;
}
/* Hour / day chips: lighter glass, keep white readable type */
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd {
  background: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}
body.hy:not(.sub) .ch-ph .hy-hr *,
body.hy:not(.sub) .ch-ph .hy-cd *,
body.hy:not(.sub) .ch-ph .hy-hr span,
body.hy:not(.sub) .ch-ph .hy-cd span,
body.hy:not(.sub) .ch-ph .hy-hr small,
body.hy:not(.sub) .ch-ph .hy-cd small {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
body.hy:not(.sub) .ch-ph .hy-airline {
  background: rgba(255, 255, 255, 0.34) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-airline * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Mobile only: slightly narrower weather band — do not touch logo/title/header */
@media (max-width: 640px) {
  body.hy:not(.sub) .ch-ph .hy-hero-band > .hy-wx,
  body.hy:not(.sub) .ch-ph .hy-wx,
  body.hy:not(.sub) .ch-ph .hy-cast {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) .ch-ph .hy-cast {
    padding: 8px 8px 6px !important;
  }
  /* soften mobile hero dark plate behind weather a bit more */
  body.hy:not(.sub) .ch-ph {
    background: #243044 !important;
  }
  body.hy:not(.sub) .ch-ph > .ch-img {
    opacity: 0.62 !important;
  }
}

/* ========== t491 TRANSPARENT MAIN WEATHER ON PHOTO ========== */
/* Owner: NO main weather background. Fully transparent cast/band so city photo shows.
   Small hourly/day tiles may be slightly translucent pale white/blue.
   All texts, temps, icons, borders white (+ subtle shadow). No navy/opaque main box.
   No header/geometry moves. */

body.hy:not(.sub) .ch-ph .hy-wx,
body.hy:not(.sub) .ch-ph .hy-hero-band > .hy-wx,
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-wx > .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast.sky-sun,
body.hy:not(.sub) .ch-ph .hy-cast.sky-part,
body.hy:not(.sub) .ch-ph .hy-cast.sky-cloud,
body.hy:not(.sub) .ch-ph .hy-cast.sky-rain,
body.hy:not(.sub) .ch-ph .hy-cast.sky-fog {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.hy:not(.sub) .ch-ph .hy-cast::before,
body.hy:not(.sub) .ch-ph .hy-cast::after,
body.hy:not(.sub) .ch-ph .hy-wx::before,
body.hy:not(.sub) .ch-ph .hy-wx::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Soften full-photo wash — city must stay visible under weather */
body.hy:not(.sub) .ch-ph::after {
  background: rgba(8, 16, 32, 0.06) !important;
}

/* White readable type; outline/shadow only — never a filled main panel */
body.hy:not(.sub) .ch-ph .hy-cast,
body.hy:not(.sub) .ch-ph .hy-cast *,
body.hy:not(.sub) .ch-ph .hy-cast-temp strong,
body.hy:not(.sub) .ch-ph .hy-cast-temp span,
body.hy:not(.sub) .ch-ph .hy-cast-now em,
body.hy:not(.sub) .ch-ph .hy-cast header,
body.hy:not(.sub) .ch-ph .hy-cast header b,
body.hy:not(.sub) .ch-ph .hy-cast header a,
body.hy:not(.sub) .ch-ph .hy-cast-more a {
  color: #fff !important;
  text-shadow:
    0 0 2px rgba(0, 0, 0, 0.55),
    0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Grayscale invert for svg/img weather icons → white */
body.hy:not(.sub) .ch-ph .hy-cast-ico svg,
body.hy:not(.sub) .ch-ph .hy-cast-ico img,
body.hy:not(.sub) .ch-ph .hy-hr img,
body.hy:not(.sub) .ch-ph .hy-cd img,
body.hy:not(.sub) .ch-ph .hy-hr svg,
body.hy:not(.sub) .ch-ph .hy-cd svg {
  filter: brightness(0) invert(1) !important;
}

/* Small hourly/day tiles: slight pale translucency OK; white type + border */
/* t495: mleczny biały chip glass — only hourly/day tiles; main cast stays transparent */
body.hy:not(.sub) .ch-ph .hy-hr,
body.hy:not(.sub) .ch-ph .hy-cd,
body.hy:not(.sub) .ch-ph .hy-hr[class*=sky],
body.hy:not(.sub) .ch-ph .hy-cd[class*=sky] {
  background: rgba(255, 255, 255, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
body.hy:not(.sub) .ch-ph .hy-hr *,
body.hy:not(.sub) .ch-ph .hy-cd *,
body.hy:not(.sub) .ch-ph .hy-hr span,
body.hy:not(.sub) .ch-ph .hy-cd span,
body.hy:not(.sub) .ch-ph .hy-hr small,
body.hy:not(.sub) .ch-ph .hy-cd small {
  color: #fff !important;
  text-shadow:
    0 0 2px rgba(0, 0, 0, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

/* Tabs / airline chips: thin white outline, not opaque fill */
body.hy:not(.sub) .ch-ph .hy-cast-tabs {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 999px !important;
  padding: 2px !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs button {
  color: #fff !important;
  background: transparent !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
body.hy:not(.sub) .ch-ph .hy-cast-tabs button.on {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-airline {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  color: #fff !important;
}
body.hy:not(.sub) .ch-ph .hy-airline * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* Keep mobile width inset from t488; strip cast padding that looked like a filled box */
@media (max-width: 640px) {
  body.hy:not(.sub) .ch-ph .hy-cast {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* ========== t492/t493 L11 TILE (expose existing /11-listopada/) ========== */
body.hy:not(.sub) .hy-tile.hy-l11,
body.hy:not(.sub) .hy-tile[data-dot="11-listopada"] {
  background: #fde8e8;
  border-color: #f5c6c6;
  color: #3b1212;
}
body.hy:not(.sub) .hy-tile.hy-l11 .hy-ico,
body.hy:not(.sub) .hy-tile[data-dot="11-listopada"] .hy-ico {
  background: #f5c6c6;
}
body.hy:not(.sub) .hy-midpanel .hy-util-row[data-dot="11-listopada"] {
  order: -1;
}
body.hy:not(.sub) .hy-midpanel .hy-util-row[data-accent="crimson"] .hy-util-ico {
  background: #fde8e8;
}

/* ========== t496 MODERN GRID v3 (from tile-preview-v3, production) ========== */
/* Scope: hy-spot / hy-grid tiles only. Do NOT touch header, weather (t491/t495), or 3-col dash. */

body.hy:not(.sub) .hy-spot {
  gap: 16px !important;
}

body.hy:not(.sub) .hy-feature,
body.hy:not(.sub) .hy-feature-img {
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15, 35, 70, 0.10) !important;
}

/* Mobile default matrix: 2 columns */
body.hy:not(.sub) .hy-spot > .hy-grid,
body.hy:not(.sub) .hy-day .hy-grid,
body.hy:not(.sub) .hy-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Unified quiet white cards */
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile),
body.hy:not(.sub) .hy-spot .hy-grid > a.hy-tile:not(.hy-coltile) {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(20, 32, 51, 0.09) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(20, 32, 51, 0.03), 0 6px 16px rgba(20, 32, 51, 0.04) !important;
  min-height: 148px !important;
  padding: 16px 14px 14px !important;
  color: #142033 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile):hover {
  border-color: rgba(20, 32, 51, 0.16) !important;
  box-shadow: 0 2px 4px rgba(20, 32, 51, 0.04), 0 10px 22px rgba(20, 32, 51, 0.06) !important;
}

/* Icon wells — light gray, tone as accent */
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-ico {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  margin: 0 0 10px !important;
  font-size: 1.15rem !important;
  background: #f3f5f8 !important;
  color: color-mix(in srgb, var(--tone, #2a6fd4) 72%, #1a2a3a) !important;
  box-shadow: inset 0 0 0 1px rgba(20, 32, 51, 0.06) !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > strong {
  display: block !important;
  font-size: 1.02rem !important;
  font-weight: 750 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
  color: #0e1726 !important;
  padding-right: 18px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > small {
  display: block !important;
  margin-top: 2px !important;
  color: #5a6b7c !important;
  font-weight: 550 !important;
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-arr {
  color: #94a3b3 !important;
  opacity: 0.9;
  top: 12px !important;
  right: 12px !important;
}

/* Funeral — same white family (no dark square) */
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) {
  background: #ffffff !important;
  border-color: rgba(20, 32, 51, 0.09) !important;
  color: #142033 !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > strong,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > strong { color: #0e1726 !important; }
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > small { color: #5a6b7c !important; }
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > .hy-ico {
  background: #f3f5f8 !important;
  color: #5c6570 !important;
  box-shadow: inset 0 0 0 1px rgba(20, 32, 51, 0.06) !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > .hy-arr { color: #94a3b3 !important; }

/* L11 — unify with white cards (override earlier pastel) */
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile) {
  background: #ffffff !important;
  border-color: rgba(20, 32, 51, 0.09) !important;
  color: #142033 !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile) > .hy-ico {
  background: #f3f5f8 !important;
  color: color-mix(in srgb, var(--tone, #c62828) 72%, #1a2a3a) !important;
  box-shadow: inset 0 0 0 1px rgba(20, 32, 51, 0.06) !important;
}

/* Soft tone cue instead of loud pulsing dot */
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-dot {
  width: 8px !important;
  height: 8px !important;
  top: 14px !important;
  right: 34px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--tone, #2a6fd4) 85%, #fff) !important;
  box-shadow: 0 0 0 2px #fff !important;
  animation: none !important;
}

/* Left accent for live/season tiles */
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="apteka"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="wylaczenia"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile) {
  box-shadow:
    inset 3px 0 0 0 color-mix(in srgb, var(--tone, #2a6fd4) 70%, transparent),
    0 1px 2px rgba(20, 32, 51, 0.03),
    0 6px 16px rgba(20, 32, 51, 0.04) !important;
}

/* Desktop ≥901: tall hero left + 2-col matrix right, equal bottoms, no underflow */
@media (min-width: 901px) {
  body.hy:not(.sub) .hy-spot {
    display: grid !important;
    grid-template-columns: minmax(360px, 1.08fr) minmax(0, 1.12fr) !important;
    grid-template-rows: 900px !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-feature,
  body.hy:not(.sub) .hy-spot > a.hy-feature {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    justify-content: flex-end !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
    grid-auto-rows: unset !important;
    gap: 8px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    align-content: stretch !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 12px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    align-self: stretch !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-ico {
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 4px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > strong {
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
    padding-right: 16px !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > small {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
  }
}

/* Mobile ≤900: big hero on top, 2-col matrix below */
@media (max-width: 900px) {
  body.hy:not(.sub) .hy-spot {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-feature,
  body.hy:not(.sub) .hy-spot > a.hy-feature {
    min-height: 210px !important;
    width: 100% !important;
    height: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid,
  body.hy:not(.sub) .hy-day .hy-grid,
  body.hy:not(.sub) .hy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) {
    min-height: 136px !important;
    padding: 14px 12px 12px !important;
    border-radius: 12px !important;
  }
  body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-ico {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 8px !important;
  }
  body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > strong {
    font-size: 0.95rem !important;
    padding-right: 14px !important;
  }
  body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > small {
    font-size: 0.74rem !important;
  }
}

/* ========== t503 LIGHTER DARK TILES (from md-idea-tiles-dark, #374151 not #1f2937) ========== */
/* Grid tiles only — page/3cols/header/weather/hero photo unchanged. Layout from t496 kept. */

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile),
body.hy:not(.sub) .hy-spot .hy-grid > a.hy-tile:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-food:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-mail:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-shows:not(.hy-coltile) {
  background: #374151 !important; /* rgb(55,65,81) — jaśniejszy vs preview #1f2937 */
  background-color: #374151 !important;
  background-image: none !important;
  border: 1px solid #596579 !important;
  color: #f9fafb !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile):hover {
  border-color: #6b7c91 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.14) !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > strong {
  color: #ffffff !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > small {
  color: #e5e7eb !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-ico {
  background: #4b5563 !important;
  color: #e5e7eb !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10) !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-arr {
  color: #d1d5db !important;
  opacity: 1 !important;
}

/* Funeral / L11 same panel — no special darker square */
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile) > .hy-ico {
  background: #4b5563 !important;
  color: #e5e7eb !important;
}

/* Muted left accent only (no fluorescent category fills); dots keep red/green */
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="apteka"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="wylaczenia"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-l11:not(.hy-coltile) {
  box-shadow:
    inset 3px 0 0 0 color-mix(in srgb, var(--tone, #9ca3af) 45%, #374151),
    0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-dot {
  /* keep live cue; soft ring on dark panel */
  box-shadow: 0 0 0 2px #374151 !important;
  animation: none !important;
}

/* Kill pastel --panel / --tone fills from inline styles on grid tiles */
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile)[style*="--panel"],
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile)[style*="--tone"] {
  background: #374151 !important;
  background-color: #374151 !important;
}

/* ========== t504 FUNERAL SAME PANEL AS GRID (#374151, readable white) ========== */
/* Kill any leftover dark/black funeral tile or low-opacity text */
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile),
body.hy:not(.sub) .hy-spot .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) {
  background: #374151 !important;
  background-color: #374151 !important;
  background-image: none !important;
  border: 1px solid #596579 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > strong,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > strong {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > small {
  color: #e5e7eb !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > .hy-ico {
  background: #4b5563 !important;
  color: #e5e7eb !important;
  opacity: 1 !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > .hy-arr,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > .hy-arr {
  color: #d1d5db !important;
  opacity: 1 !important;
}

/* ========== t505 COMPACT WRAP GRID (restore familiar mosaic, photo 3 tiles high) ========== */
/* Baseline comment in CSS ~L977: 4-col + feature span + display:contents, rest under.
   Owner: photo 3 tiles high; dwa i dwa under photo; tiles wrap like before but narrower.
   Colors from t503/t504 kept. Header / weather / 3-col dash untouched. */

@media (min-width: 901px) {
  body.hy:not(.sub) .hy-spot {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, minmax(132px, 1fr)) !important;
    grid-auto-rows: minmax(132px, auto) !important;
    gap: 12px !important;
    align-items: stretch !important;
    /* kill t496 tall 900px two-pane */
    height: auto !important;
    max-height: none !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-feature,
  body.hy:not(.sub) .hy-spot > a.hy-feature {
    grid-column: 1 / span 2 !important;
    grid-row: 1 / span 3 !important; /* trzy na wysokość */
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }
  /* Tiles join the same 4-col grid → wrap under photo (dwa i dwa w rzędzie pod zdjęciem) */
  body.hy:not(.sub) .hy-spot > .hy-grid {
    display: contents !important;
    height: auto !important;
    grid-template-columns: unset !important;
    grid-template-rows: unset !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile),
  body.hy:not(.sub) .hy-spot a.hy-tile:not(.hy-coltile) {
    min-height: 0 !important;
    height: auto !important;
    align-self: stretch !important;
    padding: 12px 12px 10px !important;
    box-sizing: border-box !important;
  }
  /* Show all mosaic tiles (incl. L11/apteka/pogrzeby/wyl) — no hiding beside photo */
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile.hy-desktop-hide,
  body.hy:not(.sub) .hy-spot a.hy-tile.hy-desktop-hide {
    display: flex !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > .hy-ico {
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 6px !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > strong {
    font-size: 0.92rem !important;
    line-height: 1.22 !important;
    color: #ffffff !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile:not(.hy-coltile) > small {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
    color: #e5e7eb !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: none !important;
    opacity: 1 !important;
  }
  /* Funeral: same clamp 3 — keeps ~2 short lines of names without blowing row height */
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > small,
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile[data-dot="pogrzeby"]:not(.hy-coltile) > small {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    color: #e5e7eb !important;
    opacity: 1 !important;
  }
}

/* Mobile: photo full width, then 2-col pairs under (dwa i dwa pod zdjęciem) */
@media (max-width: 900px) {
  body.hy:not(.sub) .hy-spot {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-feature,
  body.hy:not(.sub) .hy-spot > a.hy-feature {
    width: 100% !important;
    min-height: 200px !important;
    max-height: 240px !important;
    height: 220px !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  body.hy:not(.sub) .hy-spot > .hy-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile) > small {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    color: #e5e7eb !important;
    opacity: 1 !important;
  }
}

/* ========== t507 SOS TILES + t508 shortcut dedupe helpers ========== */
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="schrony"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="telefony"]:not(.hy-coltile),
body.hy:not(.sub) .hy-grid > a.hy-tile.hy-sos-tile:not(.hy-coltile),
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="schrony"]:not(.hy-coltile),
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="telefony"]:not(.hy-coltile) {
  background: #4b3a44 !important;
  background-color: #4b3a44 !important;
  background-image: none !important;
  border: 1px solid #5c4852 !important;
  color: #ffffff !important;
  box-shadow:
    inset 3px 0 0 0 rgba(196, 120, 120, 0.45),
    0 1px 2px rgba(15, 23, 42, 0.08) !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > strong,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > strong,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > strong,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > strong {
  color: #ffffff !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > small {
  color: #e5e7eb !important;
  opacity: 1 !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > .hy-ico,
body.hy:not(.sub) .hy-spot a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > .hy-ico {
  background: #5a454f !important;
  color: #f3e8ea !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="schrony"]:not(.hy-coltile) > .hy-arr,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="telefony"]:not(.hy-coltile) > .hy-arr {
  color: #d1d5db !important;
}
body.hy:not(.sub) .hy-sc-sec-sos { display: none !important; }

/* ========== t509 MOBILE POLISH (≤640): dark shortcut cards + nav + fab ========== */
/* Desktop header / 4-col mosaic (t505) / weather chips unchanged. */

@media (max-width: 640px) {
  /* Bottom shortcut cards — match primary dark tiles */
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc-grid,
  body.hy:not(.sub) #skroty .hy-sc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc,
  body.hy:not(.sub) #skroty a.hy-sc {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: left !important;
    background: #374151 !important;
    border: 1px solid #596579 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    min-height: 56px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
  }
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc > span:last-child,
  body.hy:not(.sub) #skroty a.hy-sc > span:last-child {
    color: #ffffff !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body.hy:not(.sub) #skroty .hy-si,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-si {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    background: #4b5563 !important;
    font-size: 1.15rem !important;
    flex-shrink: 0 !important;
  }
  body.hy:not(.sub) #skroty .hy-sc-sec h3 {
    color: #0c2a5c !important;
    font-size: 0.95rem !important;
    margin: 14px 0 8px !important;
  }
  body.hy:not(.sub) #skroty .hy-short-lead {
    font-size: 0.82rem !important;
    color: #5a6b7c !important;
  }

  /* Floating książeczka overlaps tiles — use in-page bk-card instead */
  body.hy:not(.sub) a.hy-fab {
    display: none !important;
  }

  /* Room for fixed bottom nav + safe area */
  body.hy:not(.sub).m2,
  body.hy:not(.sub) {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.hy:not(.sub) .m2-bar {
    height: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 4px 2px env(safe-area-inset-bottom, 0px) !important;
  }
  body.hy:not(.sub) .m2-b {
    min-height: 44px !important;
    height: auto !important;
    padding: 6px 2px !important;
    gap: 2px !important;
  }
  body.hy:not(.sub) .m2-b .m2-i {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  body.hy:not(.sub) .m2-b .m2-l {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
}


/* 2026-11-06: jeden pełny komunikat w Pogrzebach, 11 listopada i analogicznych kafelkach.
   Bez line-clamp, bez wielokropka w pół zdania, bez nakładania linii i bez pustego wysokiego boxu.
   Komentarz jest tylko w #nzSum — #nzRows nie dostaje drugiej kopii. */
body.hy:not(.sub) #nzSum{
  position:static !important;width:auto !important;height:auto !important;min-height:0 !important;
  margin:0 !important;padding:10px 14px 12px !important;overflow:visible !important;clip:auto !important;
  line-height:1.45 !important;
}
body.hy:not(.sub) #nzRows{display:none !important}
body.hy:not(.sub) .hy-tile[data-dot="pogrzeby"],
body.hy:not(.sub) .hy-tile[data-dot="11-listopada"],
body.hy:not(.sub) .hy-tile[data-dot="wylaczenia"]{
  height:auto !important;min-height:0 !important;max-height:none !important;align-self:start !important;
  overflow:visible !important;
}
body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile.hy-funeral > small,
body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile[data-dot="pogrzeby"] > small,
body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile[data-dot="11-listopada"] > small,
body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile[data-dot="wylaczenia"] > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="pogrzeby"] > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="11-listopada"] > small,
body.hy:not(.sub) .hy-grid > a.hy-tile[data-dot="wylaczenia"] > small,
body.hy:not(.sub) .hy-dash .hy-tile.hy-coltile.hy-funeral > small,
body.hy:not(.sub) .hy-dash [data-dot="pogrzeby"] > small,
body.hy:not(.sub) .hy-tile[data-dot="pogrzeby"] > small,
body.hy:not(.sub) .hy-tile[data-dot="11-listopada"] > small,
body.hy:not(.sub) .hy-tile[data-dot="wylaczenia"] > small,
body.hy:not(.sub) .hy-util-row[data-dot="pogrzeby"] small,
body.hy:not(.sub) .hy-util-row[data-dot="11-listopada"] small,
body.hy:not(.sub) .hy-util-row[data-dot="wylaczenia"] small,
body.hy:not(.sub) .hy-nek-item{
  display:block !important;position:static !important;height:auto !important;min-height:0 !important;
  max-height:none !important;overflow:visible !important;text-overflow:clip !important;
  white-space:normal !important;line-height:1.35 !important;
  -webkit-line-clamp:unset !important;line-clamp:unset !important;-webkit-box-orient:unset !important;
}
body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile.hy-funeral:not(.hy-coltile) > small,
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile)[data-dot="pogrzeby"] > small,
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile)[data-dot="11-listopada"] > small,
body.hy:not(.sub) .hy-grid > a.hy-tile:not(.hy-coltile)[data-dot="wylaczenia"] > small{
  display:block !important;-webkit-box-orient:unset !important;
  -webkit-line-clamp:unset !important;line-clamp:unset !important;
  overflow:visible !important;max-height:none !important;height:auto !important;
  white-space:normal !important;line-height:1.35 !important;text-overflow:clip !important;
}
body.hy:not(.sub) .nzt[href$="/nekrologi/"] .nzt-v,
body.hy:not(.sub) .nzt[href$="/nekrologi/"] .nzt-d{
  position:static !important;height:auto !important;max-height:none !important;overflow:visible !important;
  white-space:normal !important;line-height:1.35 !important;-webkit-line-clamp:unset !important;line-clamp:unset !important;
}

/* FIX 2026-11-06: mosaic tiles must not cover 3-col dash (alerts / practical).
   Keep header, weather, and three-column structure; only clear vertical collision. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hero-main > .hy-dash,
  body.hy:not(.sub) .hy-dash {
    margin-top: -36px !important; /* soft pull onto photo only (was -92 overlapping tiles) */
    position: relative !important;
    z-index: 4 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-day {
    order: 20 !important;
    margin-top: 18px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
  }
  body.hy:not(.sub) .hy-day .hy-tile,
  body.hy:not(.sub) .hy-day .hy-feature,
  body.hy:not(.sub) .hy-day .hy-sc {
    z-index: 2 !important;
  }
  body.hy:not(.sub) .hy-dash > .hy-alerts,
  body.hy:not(.sub) .hy-dash > .hy-mid,
  body.hy:not(.sub) .hy-dash > .hy-events,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    position: relative !important;
    z-index: 5 !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-cols,
  body.hy:not(.sub) .wrap.hy-stage,
  body.hy:not(.sub) .hy-stage,
  body.hy:not(.sub) .hy-dash,
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) .hy-mid,
  body.hy:not(.sub) .hy-events {
    margin-top: 0 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-day {
    margin-top: 12px !important;
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
  }
  body.hy:not(.sub) .hy-day .hy-tile,
  body.hy:not(.sub) .hy-day .hy-feature {
    z-index: 2 !important;
  }
}

/* ========== t545/t546 desktop: hide duplicates, free nzSum, clear dash overlap, compact skróty ========== */
@media (min-width: 900px) {
  /* Duplikaty mosaic (apteka/pogrzeby/wyłączenia) — w mid są util-row; tu chowamy */
  body.hy:not(.sub) .hy-spot > .hy-grid > a.hy-tile.hy-desktop-hide,
  body.hy:not(.sub) .hy-spot a.hy-tile.hy-desktop-hide,
  body.hy:not(.sub) .hy-grid > a.hy-tile.hy-desktop-hide,
  body.hy:not(.sub) a.hy-tile.hy-desktop-hide {
    display: none !important;
  }

  /* Kremowy komentarz Na żywo: pełny tekst, bez obcięcia przez max-height / alert */
  body.hy:not(.sub) .hy-dash > .hy-left #nzSum,
  body.hy:not(.sub) .hy-alerts #nzSum,
  body.hy:not(.sub) .hy-dash > .hy-left #naZywo .nz-sum,
  body.hy:not(.sub) .hy-alerts #naZywo .nz-sum,
  body.hy:not(.sub) #nzSum,
  body.hy:not(.sub) #naZywo .nz-sum {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    white-space: normal !important;
    flex: 0 0 auto !important;
    z-index: 6 !important;
  }
  body.hy:not(.sub) #nzPil,
  body.hy:not(.sub) .hy-dash > .hy-left #nzPil {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 5 !important;
  }

  /* t550: .hy-grid-more was grid-row:5 ABOVE .hy-dash (row 12, margin-top:-36)
     → 28px overlap (Paliwa/Zdrowie under column headers). Place after mosaic. */
  body.hy:not(.sub) .hy-grid-more {
    grid-column: 1 / -1 !important;
    grid-row: auto !important; /* kill legacy row 5 */
    order: 21 !important; /* after .hy-day order 20; before .hy-short 22 */
    position: relative !important;
    z-index: 2 !important;
    align-self: start !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.hy:not(.sub) .hero-main > .hy-day,
  body.hy:not(.sub) .hy-day {
    grid-row: auto !important;
    order: 20 !important;
    position: relative !important;
    z-index: 2 !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-short,
  body.hy:not(.sub) .hy-short,
  body.hy:not(.sub) #skroty {
    grid-row: auto !important;
    order: 22 !important;
  }
  body.hy:not(.sub) .hero-main > .hy-dash,
  body.hy:not(.sub) .hy-dash {
    position: relative !important;
    z-index: 6 !important;
    /* keep soft pull onto photo; nothing occupies rows above dash except photo */
    margin-bottom: 0 !important;
  }

  /* Na skróty desktop = tablet 72px (force over any later 88px) */
  body.hy:not(.sub) #skroty .hy-sc-grid,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc-grid,
  body.hy:not(.sub) .hy-sc-sec .hy-sc-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
  }
  body.hy:not(.sub) #skroty .hy-si,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-si,
  body.hy:not(.sub) .hy-sc-sec .hy-si,
  body.hy:not(.sub) #skroty a.hy-sc > .hy-si {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    border-radius: 16px !important;
    font-size: 2rem !important;
    box-sizing: border-box !important;
  }
  body.hy:not(.sub) #skroty .hy-sc,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc,
  body.hy:not(.sub) .hy-sc-sec .hy-sc {
    font-size: 0.88rem !important;
  }
}

/* ========== t557: skróty jak kafle, Zdrowie w mozaice, pełny #nzSum na telefonie ========== */
/* Studzienki ikon jasne (nie pastelowe kwadraty 72px i nie kółka), zaokrąglenie i typografia jak nowe kafle. */
body.hy:not(.sub) #skroty a.hy-sc,
body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc,
body.hy:not(.sub) .hy-sc-sec .hy-sc {
  background: #374151 !important;
  border: 1px solid #596579 !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-weight: 750 !important;
  font-size: 0.92rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
  text-align: left !important;
}
body.hy:not(.sub) #skroty .hy-si,
body.hy:not(.sub) #skroty .hy-sc-sec .hy-si,
body.hy:not(.sub) .hy-sc-sec .hy-si,
body.hy:not(.sub) #skroty a.hy-sc > .hy-si {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  background: #f3f5f8 !important;
  color: #142033 !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(20, 32, 51, 0.06) !important;
  flex-shrink: 0 !important;
}
body.hy:not(.sub) #skroty a.hy-sc > span:last-child,
body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc > span:last-child {
  color: #ffffff !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}
@media (min-width: 641px) {
  body.hy:not(.sub) #skroty a.hy-sc,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px !important;
  }
}
@media (max-width: 640px) {
  body.hy:not(.sub) #skroty a.hy-sc,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-sc {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 12px !important;
    padding: 12px !important;
  }
  body.hy:not(.sub) #skroty .hy-si,
  body.hy:not(.sub) #skroty .hy-sc-sec .hy-si,
  body.hy:not(.sub) #skroty a.hy-sc > .hy-si {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    border-radius: 12px !important;
    background: #f3f5f8 !important;
  }
}

/* Komputer: osobny rząd Paliwa/Zdrowie znika, gdy JS przeniesie kafle. */
@media (min-width: 900px) {
  body.hy:not(.sub) .hy-grid-more.hy-desktop-empty {
    display: none !important;
    margin: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
}

/* Telefon: cały komentarz na jasnym tle, bez limitu wysokości i bez nachodzenia na alert IMGW. */
@media (max-width: 899px) {
  body.hy:not(.sub) .hy-alerts,
  body.hy:not(.sub) #naZywo,
  body.hy:not(.sub) #naZywo .nz-live,
  body.hy-merge #naZywo,
  body.hy-merge #naZywo .nz-live {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }
  body.hy:not(.sub) #nzSum,
  body.hy:not(.sub) #naZywo .nz-sum,
  body.hy-merge #nzSum {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    clip: auto !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    white-space: normal !important;
    text-overflow: clip !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin: 10px 12px 8px !important;
    padding: 12px 14px !important;
    background: #fff6e8 !important;
    color: #1b2433 !important;
    z-index: auto !important;
  }
  body.hy:not(.sub) #nzPil,
  body.hy-merge #nzPil {
    position: static !important;
    flex: 0 0 auto !important;
    margin: 0 12px 10px !important;
    clear: both !important;
    z-index: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}