@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700;900&display=swap");
:root{--navy:#071d35;--navy2:#0b2a4a;--red:#d80712;--text:#07182d;--muted:#5d6b7c;--line:#dfe7f0;--soft:#f5f8fc;--white:#fff;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:linear-gradient(180deg,#f7faff 0%,#eef3f9 100%);font-family:"Roboto Condensed",Arial,sans-serif;color:var(--text);font-size:16px}button,a{font-family:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}#lewa,#prawa,#naglowek{display:none!important}#srodek{display:block;width:min(1880px,100%);margin:0 auto;background:transparent}#pod_tytulem{width:100%;margin:0 auto;padding:0 22px 12px}.tzh-logo{font-size:82px;line-height:.78;font-weight:900;font-style:italic;letter-spacing:-6px}.tzh-logo span{color:var(--red)}.tzh-zone{font-size:18px;letter-spacing:3px;margin-top:14px}.tzh-zone b{color:#ff1b27}.tzh-home{max-width:none;margin:0 22px}.tzh-typer-bar{margin-top:-1px;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 8px 24px rgba(9,31,55,.08);min-height:118px;padding:20px 28px;display:grid;grid-template-columns:190px repeat(4,1fr) auto;align-items:center;gap:0}.typer-name{font-size:26px;font-weight:900;line-height:1.02}.typer-name b{color:var(--red);font-style:italic}.typer-item{min-height:64px;border-left:1px solid #cad5e2;display:flex;align-items:center;gap:20px;justify-content:center}.typer-item .ico{font-size:42px}.typer-item b{font-size:17px;line-height:1.22}.typer-buttons{display:flex;gap:14px;margin-left:12px}.btn,.typer-buttons button,.typer-buttons a,.forum-strip button{border:0;border-radius:7px;padding:18px 27px;color:white;font-weight:900;font-size:17px;box-shadow:0 7px 16px rgba(0,0,0,.13);white-space:nowrap}.red{background:linear-gradient(#e20b16,#b9040d)!important}.navy{background:linear-gradient(#102d4b,#061b31)!important}.tzh-grid-main{display:grid;grid-template-columns:560px 1fr;gap:18px;margin-top:18px}.tzh-panel,.rep-banner,.sponsor-strip,.forum-strip,.article-zone{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 7px 20px rgba(7,25,45,.07);overflow:hidden}.panel-title{height:52px;display:flex;align-items:center;gap:12px;padding:0 22px;font-size:21px;font-weight:900;color:#061b31;border-bottom:1px solid var(--line)}.panel-title b{color:var(--red);margin-left:4px}.feature-censor{height:230px;width:100%;border:0;position:relative;display:block;text-align:left;background:linear-gradient(90deg,#fff 0 68%,rgba(216,7,18,.06)),radial-gradient(circle at 96% 72%,rgba(216,7,18,.42),transparent 28%);border-bottom:1px solid var(--line);padding:34px 30px 20px 205px;overflow:hidden}.feature-censor .megaphone{position:absolute;left:45px;top:52px;font-size:100px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.censor-title{font-size:48px;line-height:.84;font-weight:900;font-style:italic;color:#061b31}.censor-title b{color:var(--red)}.feature-censor small{display:block;font-size:18px;font-weight:700;margin-top:14px}.feature-censor strong,.hero-number-banner u{display:inline-block;margin-top:16px;background:linear-gradient(#e20b16,#b9040d);color:white;border-radius:7px;padding:12px 28px;font-size:17px;font-weight:900;text-decoration:none}.contents-list button{width:100%;height:64px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:92px 1fr 26px;align-items:center;text-align:left;padding:0 20px;transition:.15s}.contents-list button:hover,.stats-grid button:hover{background:#f8fbff;transform:translateY(-1px)}.contents-list em{font-size:36px;color:var(--red);font-style:italic;font-weight:900}.contents-list span{font-size:18px;font-weight:900}.contents-list i{font-size:32px;color:var(--red);font-style:normal}.hero-number-banner{margin:14px;width:calc(100% - 28px);height:260px;border:0;border-radius:12px;overflow:hidden;text-align:left;color:white;padding:24px 24px 20px 24px;background:#071d35 url("../images/tzh_bohater_icy.png") center/cover no-repeat;position:relative}.hero-number-banner:after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.25),transparent 36%)}.hero-number-banner b{font-size:29px;font-weight:900;font-style:italic}.hero-number-banner em{color:#ff1722;font-style:italic}.hero-number-banner small{display:block;font-size:18px;line-height:1.35;margin-top:16px}.hero-number-banner u{background:#08233f;border:1px solid #1d4b7a;margin-top:20px}.tzh-right-col{display:flex;flex-direction:column;gap:12px}.stats-panel{padding-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 16px 4px}.stats-grid button{height:118px;background:#fff;border:1px solid #e1e8f1;border-radius:8px;display:grid;grid-template-columns:92px 1fr 24px;align-items:center;text-align:left;padding:0 22px;box-shadow:0 5px 16px rgba(8,32,60,.06);transition:.15s}.stats-grid i{font-style:normal;font-size:45px;text-align:center}.stats-grid .rink{font-size:47px;color:#071d35;border:2px solid #071d35;border-radius:9px;line-height:52px;width:62px;height:62px}.stats-grid .lf{display:flex;align-items:center;justify-content:center;width:58px;height:66px;background:linear-gradient(#102e4d,#061b31);color:white;border:3px solid #d5a131;border-radius:12px 12px 18px 18px;font-size:25px;font-weight:900}.stats-grid span{font-size:21px;line-height:1.16;font-weight:900;position:relative}.stats-grid span:after{content:"";display:block;width:45px;height:3px;background:var(--red);margin-top:13px}.stats-grid b{font-size:34px;color:#071d35}.rep-banner{min-height:280px;position:relative;color:white;background:linear-gradient(90deg,#06182c 0 32%,rgba(255,255,255,.05) 50%,rgba(216,7,18,.85) 100%);padding:28px 28px 84px;overflow:hidden}.rep-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.6),transparent 25%),linear-gradient(110deg,rgba(255,255,255,.05),rgba(255,255,255,.35) 46%,transparent 47%);opacity:.75}.rep-copy{position:relative;z-index:2}.rep-copy h2{margin:0 0 14px;font-size:34px;line-height:.94;font-style:italic;font-weight:900}.rep-copy h2 b{font-size:64px}.rep-copy p{font-size:18px;margin:5px 0;font-weight:700}.rep-copy a{color:#fff}.jerseys{position:absolute;left:39%;right:14%;top:25px;display:flex;justify-content:center;gap:24px;z-index:2}.jerseys span{width:125px;height:185px;border-radius:52px 52px 20px 20px;background:linear-gradient(#eef2f6,#c8d2dc);color:#c10710;text-align:center;font-weight:900;padding-top:34px;font-size:18px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.45),0 15px 20px rgba(0,0,0,.22)}.jerseys b{display:block;font-size:72px;line-height:.9;color:#b9040d;text-shadow:0 2px 0 rgba(255,255,255,.45)}.eagle{position:absolute;right:42px;top:45px;font-size:125px;color:white;text-shadow:0 2px 10px rgba(0,0,0,.3);z-index:2}.rep-actions{position:absolute;left:28px;right:28px;bottom:18px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px;z-index:3}.rep-actions a{height:54px;border-radius:7px;background:linear-gradient(#12375d,#08213b);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:900;box-shadow:0 6px 14px rgba(0,0,0,.18)}.sponsor-strip{min-height:120px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:18px;padding:18px 34px}.sponsor-strip img{max-width:96px;max-height:92px}.sponsor-strip small{display:block;font-weight:900;font-size:15px}.sponsor-strip strong{font-size:32px;font-weight:900;font-style:italic;color:#112642}.sponsor-strip p{font-size:18px;margin:4px 0 0}.sponsor-strip .btn{padding:18px 55px}.forum-strip{margin-top:16px;min-height:86px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:18px;padding:14px 34px}.forum-strip>span{font-size:43px}.forum-strip b{font-size:23px}.forum-strip em{color:var(--red);font-style:normal}.forum-strip small{display:block;font-size:16px;margin-top:4px}.forum-strip button{background:linear-gradient(#e20b16,#b9040d);min-width:260px}.article-zone{margin-top:16px;min-height:260px}.article-toolbar{height:48px;background:#061b31;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:18px}.article-toolbar button{background:#0c2c4d;color:white;border:1px solid #255479;border-radius:6px;padding:9px 14px;font-weight:900}#artykul{display:block;padding:24px;background:white;min-height:170px}#tytul{font-size:34px;font-weight:900;color:#071d35;margin-bottom:14px}#tekst{font-family:Arial,sans-serif;line-height:1.55;font-size:16px}.tzh-editor-page{border:1px solid #e1e8f1;border-radius:10px;padding:22px;background:#f8fbff}.edit-note{margin-top:16px;background:#fff;border-left:4px solid var(--red);padding:12px}.tzh-footer{height:54px;display:flex;align-items:center;justify-content:center;color:#071d35;font-size:22px;letter-spacing:.5px;border-top:1px solid #cad5e2;margin-top:12px}.tzh-footer span{color:var(--red)}#podpis{background:transparent!important;color:inherit!important}.pozycjaMenu.active{color:var(--red)}
@media(max-width:1200px){#pod_tytulem{padding:0 12px 12px}.tzh-grid-main{grid-template-columns:1fr}.contents-panel{order:1}.tzh-right-col{order:2}.tzh-typer-bar{grid-template-columns:1fr 1fr;gap:12px}.typer-item{border-left:0;justify-content:flex-start}.typer-buttons{grid-column:1/-1}.tzh-logo{font-size:62px}}@media(max-width:720px){.tzh-typer-bar,.stats-grid,.sponsor-strip,.forum-strip,.rep-actions{display:block}.typer-item{margin:12px 0}.typer-buttons{display:flex;flex-direction:column}.feature-censor{padding-left:120px;height:auto}.feature-censor .megaphone{left:20px;font-size:70px}.censor-title{font-size:38px}.stats-grid button{margin-bottom:10px;width:100%}.rep-banner{padding-bottom:210px}.jerseys,.eagle{display:none}.rep-actions a{margin:8px 0}.sponsor-strip .btn{display:inline-block;margin-top:12px}.forum-strip button{margin-top:12px;width:100%;min-width:0}.hero-number-banner{padding-right:30px}.contents-list button{grid-template-columns:70px 1fr 22px}}

/* === TZH FINALNE POPRAWKI GRAFICZNE: prawdziwe bannery z projektu === */



.feature-censor{
  height:230px!important;
  background:#fff url("../images/project_bez_cenzury.png") center/cover no-repeat!important;
  padding:0!important;
  border-bottom:1px solid var(--line)!important;
}
.feature-censor > *{opacity:0!important;pointer-events:none!important}

.hero-number-banner{
  background:#071d35 url("../images/tzh_bohater_icy.png") center/cover no-repeat!important;
  padding:0!important;
}
.hero-number-banner > *{opacity:0!important;pointer-events:none!important}

.rep-banner{
  background:#071d35 url("../images/project_rep.png") center/cover no-repeat!important;
  min-height:280px!important;
  padding:0!important;
}
.rep-banner:before{display:none!important}
.rep-copy,.jerseys,.eagle{opacity:0!important;pointer-events:none!important}
.rep-actions{
  left:28px!important;right:28px!important;bottom:18px!important;
  grid-template-columns:1fr 1fr 1.35fr!important;
}
.rep-actions a{opacity:0!important}
.rep-actions a:hover{opacity:.12!important;background:#fff!important}

.sponsor-strip{grid-template-columns:130px 1fr auto!important;background:#fff!important}
.sponsor-strip .btn{display:inline-flex!important;align-items:center;justify-content:center}
.tzh-footer{height:42px!important;margin-top:8px!important;font-size:18px!important;background:#fff!important}
@media(max-width:720px){
  
  
  .feature-censor{height:170px!important}
  .hero-number-banner{height:160px!important}
  .rep-banner{min-height:190px!important;background-size:cover!important}
}

/* === FIX 22.06: bannery bez nakładania + poprawne skalowanie przy 100% === */
.hero-number-banner{
  background:#071d35 url("../images/tzh_bohater_icy.png") center/cover no-repeat!important;
  padding:24px 230px 20px 28px!important;
}
.hero-number-banner > *{opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:2!important}
.hero-number-banner:after{display:none!important}
.hero-number-banner b{font-size:29px!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.45)!important}
.hero-number-banner em{color:#ff1722!important;font-style:italic!important}
.hero-number-banner small{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.25!important;margin-top:13px!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important}
.hero-number-banner u{display:inline-block!important;margin-top:16px!important;background:#08233f!important;border:1px solid #1d4b7a!important;color:#fff!important;border-radius:7px!important;padding:12px 28px!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(0,0,0,.25)!important}

.rep-banner{
  background:#071d35 url("../images/project_rep.png") left top / 100% 100% no-repeat!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1260/220!important;
}
.rep-actions{bottom:10px!important}

@media(max-width:720px){
  .hero-number-banner{height:170px!important;padding:18px 140px 16px 20px!important;background-position:center right!important}
  .hero-number-banner b{font-size:24px!important}.hero-number-banner small{font-size:14px!important}.hero-number-banner u{font-size:13px!important;padding:9px 15px!important}
  .rep-banner{aspect-ratio:1260/220!important;min-height:150px!important;background-size:100% 100%!important}
}

html{zoom:0.75;} .hero-number-banner:after{display:none!important;} .hero-number-banner{background-image:linear-gradient(90deg,rgba(3,20,39,.98),rgba(5,28,52,.82) 58%,rgba(5,28,52,.2)),url("../../575/slajder575.png")!important;background-repeat:no-repeat!important;}


/* === FINAL FIX: widoczny tekst przyciskow na banerze Reprezentacja Polski === */
.rep-banner .rep-actions a{
  opacity:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:54px!important;
  border-radius:7px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.22)!important;
  transition:none!important;
}
.rep-banner .rep-actions a:not(.red){
  background:linear-gradient(#12375d,#08213b)!important;
}
.rep-banner .rep-actions a.red{
  background:linear-gradient(#e20b16,#b9040d)!important;
}
.rep-banner .rep-actions a:hover{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* TZH poprawka: kafelki w banerze Reprezentacja Polski */
.rep-actions{grid-template-columns:1fr 1fr 1.35fr!important;gap:28px!important;bottom:20px!important;}
.rep-actions a{min-height:64px!important;height:64px!important;border-radius:8px!important;line-height:1!important;letter-spacing:.2px!important;box-shadow:0 8px 16px rgba(0,0,0,.24)!important;transition:transform .15s ease,filter .15s ease!important;}
.rep-actions a:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important;background:linear-gradient(#12375d,#08213b)!important;}
.rep-actions a.red:hover{background:linear-gradient(#e20b16,#b9040d)!important;}
.rep-actions a::after{content:"›";font-size:30px;line-height:1;margin-left:auto;margin-right:22px;}
.rep-actions a{padding-left:28px!important;padding-right:0!important;}
.rep-actions a{justify-content:center!important;}
.rep-actions a.red{font-size:19px!important;}
.rep-actions a.red::after{margin-right:24px;}
@media(max-width:720px){.rep-actions a{margin-bottom:10px!important;}.rep-actions a::after{float:right;}}


/* === FINAL 22.06: przyciski Reprezentacja są w grafice, linki tylko jako niewidzialne hotspoty (bez podwójnych kafelków) === */
.rep-banner .rep-actions{left:28px!important;right:28px!important;bottom:18px!important;grid-template-columns:1fr 1fr 1.35fr!important;gap:18px!important;}
.rep-banner .rep-actions a,
.rep-banner .rep-actions a:hover,
.rep-banner .rep-actions a.red,
.rep-banner .rep-actions a.red:hover{
  opacity:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  transform:none!important;
  filter:none!important;
  color:transparent!important;
  text-shadow:none!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
}
.rep-banner .rep-actions a::before,
.rep-banner .rep-actions a::after{display:none!important;content:none!important;}

.rep-actions{grid-template-columns:0.9fr 0.9fr 1.2fr!important;gap:14px!important}.rep-actions a{font-weight:900!important;letter-spacing:.5px!important;font-size:20px!important}
/* === FINAL FIX 22.06: nowy baner BOHATER NUMERU ManagerZone === */
.hero-number-banner{
  width:100%!important;
  height:205px!important;
  min-height:205px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:#071d35 url("../images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;
  box-shadow:0 8px 20px rgba(5,20,40,.18)!important;
  position:relative!important;
  cursor:pointer!important;
}
.hero-number-banner:before,
.hero-number-banner:after{
  display:none!important;
  content:none!important;
}
.hero-number-banner > *,
.hero-number-banner span,
.hero-number-banner b,
.hero-number-banner em,
.hero-number-banner small,
.hero-number-banner u{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hero-number-banner:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 10px 24px rgba(5,20,40,.24)!important;
}
@media(max-width:720px){
  .hero-number-banner{height:170px!important;min-height:170px!important;background-size:cover!important;background-position:center!important;}
}

/* === TZH PROFESSIONAL PASS 22.06: spojne fonty, kafelki i CTA === */
:root{
  --tzh-navy:#061a31;
  --tzh-navy2:#0b2b4d;
  --tzh-blue:#0e3b67;
  --tzh-red:#d80712;
  --tzh-red2:#a9030b;
  --tzh-ice:#f7fbff;
  --tzh-line:#dbe6f2;
}
body{
  font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif!important;
  letter-spacing:.01em;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
}
#pod_tytulem{padding:0 20px 14px!important;}
.tzh-panel,.rep-banner,.sponsor-strip,.forum-strip,.article-zone,.tzh-typer-bar{
  border:1px solid var(--tzh-line)!important;
  border-radius:13px!important;
  box-shadow:0 10px 28px rgba(6,26,49,.08)!important;
}
.panel-title{
  height:58px!important;
  padding:0 24px!important;
  font-size:20px!important;
  letter-spacing:.3px!important;
  text-transform:uppercase!important;
  color:var(--tzh-navy)!important;
}
.panel-title span{color:var(--tzh-navy)!important;}
.panel-title b{color:var(--tzh-red)!important;}

/* Strefa typera - czystsze kafle */
.tzh-typer-bar{
  min-height:104px!important;
  padding:18px 24px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.typer-name{
  font-size:25px!important;
  line-height:1.02!important;
  letter-spacing:.2px!important;
  color:var(--tzh-navy)!important;
}
.typer-item{
  min-height:58px!important;
  gap:16px!important;
  color:var(--tzh-navy)!important;
}
.typer-item .ico{font-size:36px!important;filter:drop-shadow(0 4px 7px rgba(6,26,49,.13));}
.typer-item b{font-size:16px!important;line-height:1.18!important;letter-spacing:.25px!important;}
.btn,.typer-buttons button,.typer-buttons a,.forum-strip button{
  border-radius:9px!important;
  padding:16px 24px!important;
  font-size:16px!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 18px rgba(6,26,49,.16)!important;
}
.red{background:linear-gradient(180deg,#ed101b 0%,#c90610 58%,#a8030a 100%)!important;}
.navy{background:linear-gradient(180deg,#123b64 0%,#061c33 100%)!important;}
.btn:hover,.typer-buttons button:hover,.typer-buttons a:hover,.forum-strip button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important;}

/* Lewa kolumna */
.contents-panel{background:#fff!important;}
.feature-censor{
  border-radius:0!important;
  box-shadow:none!important;
}
.contents-list button{
  height:62px!important;
  grid-template-columns:86px 1fr 24px!important;
  padding:0 22px!important;
  background:linear-gradient(180deg,#fff,#fcfdff)!important;
}
.contents-list button:hover{
  background:#f5f9ff!important;
  transform:none!important;
}
.contents-list em{
  font-size:34px!important;
  letter-spacing:.5px!important;
  color:var(--tzh-red)!important;
}
.contents-list span{
  font-size:17px!important;
  letter-spacing:.25px!important;
  color:#031326!important;
  text-transform:uppercase!important;
}
.contents-list i{font-size:30px!important;color:var(--tzh-red)!important;}

/* Bohater numeru - nowy graficzny baner ManagerZone */
.hero-number-banner{
  margin:14px!important;
  width:calc(100% - 28px)!important;
  height:205px!important;
  min-height:205px!important;
  padding:0!important;
  background:#071d35 url("../images/tzh_bohater_icy.png") center center / cover no-repeat!important;
  border-radius:13px!important;
  border:1px solid rgba(35,83,126,.35)!important;
  box-shadow:0 10px 24px rgba(5,21,41,.22)!important;
  overflow:hidden!important;
}
.hero-number-banner > *,
.hero-number-banner span,
.hero-number-banner b,
.hero-number-banner em,
.hero-number-banner small,
.hero-number-banner u{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hero-number-banner:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.05) contrast(1.02)!important;
  box-shadow:0 13px 30px rgba(5,21,41,.28)!important;
}

/* Statystyki - równe, premium kafelki */
.stats-panel{padding-bottom:14px!important;}
.stats-grid{
  gap:14px!important;
  padding:18px 18px 4px!important;
}
.stats-grid button{
  height:112px!important;
  border-radius:12px!important;
  border:1px solid #e0e9f3!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 7px 18px rgba(6,26,49,.07)!important;
  grid-template-columns:82px 1fr 22px!important;
  padding:0 20px!important;
}
.stats-grid button:hover{
  background:#f7fbff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 11px 24px rgba(6,26,49,.11)!important;
}
.stats-grid i{font-size:42px!important;}
.stats-grid span{
  font-size:19px!important;
  line-height:1.12!important;
  letter-spacing:.35px!important;
  color:#061a31!important;
  text-transform:uppercase!important;
}
.stats-grid span:after{
  width:38px!important;
  height:3px!important;
  margin-top:11px!important;
  background:var(--tzh-red)!important;
}
.stats-grid b{font-size:30px!important;color:#09213c!important;}
.stats-grid .rink{width:56px!important;height:56px!important;line-height:48px!important;font-size:42px!important;border-radius:10px!important;}
.stats-grid .lf{width:54px!important;height:60px!important;font-size:23px!important;}

/* Reprezentacja - grafika jest tłem, linki jako hotspoty bez podwójnych kafli */
.rep-banner{
  border-radius:12px!important;
  background:#071d35 url("../images/project_rep.png") center center / 100% 100% no-repeat!important;
  aspect-ratio:1260/220!important;
  min-height:0!important;
  padding:0!important;
}
.rep-banner:before,.rep-banner:after{display:none!important;content:none!important;}
.rep-copy,.jerseys,.eagle{opacity:0!important;pointer-events:none!important;}
.rep-banner .rep-actions{
  left:28px!important;
  right:28px!important;
  bottom:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.35fr!important;
  gap:18px!important;
}
.rep-banner .rep-actions a,
.rep-banner .rep-actions a:hover,
.rep-banner .rep-actions a.red,
.rep-banner .rep-actions a.red:hover{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
}
.rep-banner .rep-actions a:before,.rep-banner .rep-actions a:after{display:none!important;content:none!important;}

/* Sponsor i forum */
.sponsor-strip{
  min-height:118px!important;
  padding:18px 34px!important;
  grid-template-columns:126px 1fr auto!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.sponsor-strip img{max-width:94px!important;max-height:94px!important;filter:drop-shadow(0 6px 10px rgba(6,26,49,.13));}
.sponsor-strip small{
  font-size:16px!important;
  color:var(--tzh-navy)!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
}
.sponsor-strip strong{
  font-size:31px!important;
  letter-spacing:.4px!important;
  color:#09213c!important;
  text-transform:uppercase!important;
}
.sponsor-strip p{font-size:18px!important;color:#132b45!important;}
.sponsor-strip .btn{min-width:210px!important;text-align:center!important;}
.forum-strip{background:#fff!important;}
.forum-strip b{font-size:22px!important;letter-spacing:.25px!important;}
.forum-strip small{color:#31445c!important;}

/* Artykuły */
.article-toolbar{
  height:50px!important;
  background:linear-gradient(90deg,#061a31,#0c3156)!important;
  font-size:17px!important;
  letter-spacing:.3px!important;
}
#tytul{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif!important;font-size:36px!important;letter-spacing:.2px!important;text-transform:uppercase!important;}
#tekst{font-size:17px!important;line-height:1.6!important;color:#182b42!important;}

@media(max-width:1200px){
  .stats-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:720px){
  #pod_tytulem{padding:0 10px 12px!important;}
  .contents-list button{grid-template-columns:68px 1fr 20px!important;height:58px!important;}
  .contents-list em{font-size:30px!important;}
  .contents-list span{font-size:15px!important;}
  .hero-number-banner{height:170px!important;min-height:170px!important;background-size:cover!important;background-position:center!important;}
  .stats-grid{display:block!important;padding:12px!important;}
  .stats-grid button{height:96px!important;margin-bottom:10px!important;}
  .rep-banner{min-height:150px!important;background-size:100% 100%!important;}
  .sponsor-strip{display:block!important;text-align:center!important;}
  .sponsor-strip img{margin-bottom:10px!important;}
}

/* === MOBILE FINAL 22.06: poprawne wyświetlanie telefonu/tabletu === */
@media (max-width: 1024px){
  html{zoom:1!important;-webkit-text-size-adjust:100%;}
  body{min-width:0!important;overflow-x:hidden!important;}
  #srodek{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  #pod_tytulem{padding:0 12px 12px!important;}

  
  
  .tzh-logo{font-size:54px!important;letter-spacing:-4px!important;}
  .tzh-zone{font-size:12px!important;letter-spacing:1.6px!important;margin-top:8px!important;}
  
  
  
  
  

  .tzh-typer-bar{
    margin-top:12px!important;
    border-radius:13px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    min-height:0!important;
    padding:14px!important;
  }
  .typer-name{grid-column:1/-1!important;font-size:24px!important;text-align:left!important;}
  .typer-item{
    border-left:0!important;
    border:1px solid #e0e9f3!important;
    border-radius:11px!important;
    background:#fff!important;
    justify-content:flex-start!important;
    padding:12px!important;
    min-height:68px!important;
    gap:12px!important;
  }
  .typer-item .ico{font-size:30px!important;min-width:34px!important;}
  .typer-item b{font-size:14px!important;}
  .typer-buttons{grid-column:1/-1!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .typer-buttons .btn,.typer-buttons button,.typer-buttons a{width:100%!important;padding:14px 10px!important;font-size:14px!important;text-align:center!important;}

  .tzh-grid-main{display:block!important;margin-top:12px!important;}
  .contents-panel,.tzh-right-col,.stats-panel,.rep-banner,.sponsor-strip,.forum-strip,.article-zone{width:100%!important;max-width:100%!important;}
  .tzh-right-col{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:12px!important;}

  .feature-censor{height:178px!important;padding:22px 18px 16px 138px!important;background-position:center!important;}
  .feature-censor .megaphone{left:24px!important;top:44px!important;font-size:78px!important;}
  .censor-title{font-size:36px!important;}
  .feature-censor small{font-size:15px!important;line-height:1.25!important;}
  .feature-censor strong{font-size:14px!important;padding:10px 18px!important;margin-top:12px!important;}

  .panel-title{height:52px!important;font-size:18px!important;padding:0 16px!important;}
  .contents-list button{grid-template-columns:62px 1fr 22px!important;height:56px!important;padding:0 14px!important;}
  .contents-list em{font-size:28px!important;}
  .contents-list span{font-size:14px!important;line-height:1.1!important;}
  .contents-list i{font-size:26px!important;}

  .hero-number-banner{
    margin:12px!important;
    width:calc(100% - 24px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio: 1200 / 430!important;
    background-size:cover!important;
    background-position:center!important;
    border-radius:12px!important;
  }

  .stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important;}
  .stats-grid button{height:92px!important;margin:0!important;grid-template-columns:52px 1fr 18px!important;padding:0 12px!important;border-radius:11px!important;}
  .stats-grid i{font-size:30px!important;}
  .stats-grid .rink{width:40px!important;height:40px!important;line-height:34px!important;font-size:28px!important;}
  .stats-grid .lf{width:40px!important;height:46px!important;font-size:17px!important;}
  .stats-grid span{font-size:14px!important;line-height:1.1!important;}
  .stats-grid span:after{width:28px!important;margin-top:8px!important;}
  .stats-grid b{font-size:24px!important;}

  .rep-banner{
    width:100%!important;
    aspect-ratio:1260/220!important;
    min-height:0!important;
    height:auto!important;
    background-size:100% 100%!important;
    background-position:center!important;
    border-radius:12px!important;
  }
  .rep-banner .rep-actions{left:2.2%!important;right:2.2%!important;bottom:6.5%!important;gap:1.4%!important;grid-template-columns:1fr 1fr 1.35fr!important;}
  .rep-banner .rep-actions a{height:auto!important;min-height:0!important;aspect-ratio:4.8/1!important;}

  .sponsor-strip{
    display:grid!important;
    grid-template-columns:78px 1fr!important;
    gap:12px!important;
    text-align:left!important;
    padding:14px!important;
    min-height:0!important;
  }
  .sponsor-strip img{max-width:68px!important;max-height:68px!important;margin:0!important;}
  .sponsor-strip small{font-size:13px!important;}
  .sponsor-strip strong{font-size:22px!important;line-height:1.05!important;display:block!important;}
  .sponsor-strip p{font-size:15px!important;line-height:1.25!important;}
  .sponsor-strip .btn{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-top:8px!important;padding:14px 16px!important;font-size:15px!important;}

  .forum-strip{
    display:grid!important;
    grid-template-columns:46px 1fr!important;
    gap:10px!important;
    padding:14px!important;
    margin-top:12px!important;
  }
  .forum-strip>span{font-size:34px!important;}
  .forum-strip b{font-size:18px!important;line-height:1.1!important;}
  .forum-strip small{font-size:14px!important;line-height:1.25!important;}
  .forum-strip button{grid-column:1/-1!important;width:100%!important;min-width:0!important;padding:14px 16px!important;font-size:15px!important;}

  .article-zone{margin-top:12px!important;}
  .article-toolbar{height:auto!important;min-height:48px!important;padding:10px 12px!important;gap:10px!important;font-size:15px!important;}
  .article-toolbar button{padding:8px 10px!important;font-size:13px!important;}
  #artykul{padding:14px!important;}
  #tytul{font-size:28px!important;}
  #tekst{font-size:16px!important;line-height:1.55!important;}
}

@media (max-width: 560px){
  #pod_tytulem{padding:0 8px 10px!important;}
  
  
  .tzh-logo{font-size:42px!important;letter-spacing:-3px!important;}
  .tzh-zone{font-size:10px!important;letter-spacing:1px!important;}
  
  
  

  .tzh-typer-bar{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important;}
  .typer-name{font-size:22px!important;}
  .typer-buttons{grid-template-columns:1fr!important;}
  .typer-item{min-height:56px!important;padding:10px!important;}

  .feature-censor{height:154px!important;padding:18px 12px 12px 104px!important;}
  .feature-censor .megaphone{left:18px!important;top:42px!important;font-size:60px!important;}
  .censor-title{font-size:29px!important;}
  .feature-censor small{font-size:13px!important;}
  .feature-censor strong{font-size:12px!important;padding:8px 12px!important;}

  .stats-grid{grid-template-columns:1fr!important;}
  .stats-grid button{height:82px!important;}

  .hero-number-banner{aspect-ratio: 1200 / 500!important;background-position:center!important;}
  .rep-banner{aspect-ratio:1260/315!important;background-size:cover!important;}
  .rep-banner .rep-actions{left:2.5%!important;right:2.5%!important;bottom:6%!important;gap:1.5%!important;}

  .sponsor-strip strong{font-size:19px!important;}
  .sponsor-strip p{font-size:14px!important;}
}


/* === STREFA TYPERA FINAL: mniejsze ikonki + osobne klikane kafelki === */
.tzh-typer-bar{
  grid-template-columns:190px repeat(3,1fr) auto!important;
  column-gap:0!important;
}
.typer-name,
.typer-item{
  border:0;
  font-family:inherit;
}
.typer-name.typer-link{
  background:transparent!important;
  text-align:left!important;
  cursor:pointer!important;
  padding:0!important;
}
.typer-name.typer-link:hover{
  filter:brightness(1.03)!important;
}
.typer-item.typer-link{
  cursor:pointer!important;
  background:transparent!important;
  border-left:1px solid #cad5e2!important;
  transition:background .18s ease, transform .18s ease;
}
.typer-item.typer-link:hover{
  background:linear-gradient(180deg,#f8fbff,#eef6ff)!important;
  transform:translateY(-1px)!important;
}
.typer-item .ico{
  font-size:26px!important;
  min-width:32px!important;
  text-align:center!important;
  filter:drop-shadow(0 3px 5px rgba(6,26,49,.10))!important;
}
.typer-item b{
  font-size:15px!important;
}
@media (max-width:1024px){
  .tzh-typer-bar{
    grid-template-columns:1fr 1fr!important;
  }
  .typer-name.typer-link{
    grid-column:1/-1!important;
  }
  .typer-item.typer-link{
    border-left:0!important;
    border:1px solid #e0e9f3!important;
  }
  .typer-item .ico{
    font-size:24px!important;
    min-width:28px!important;
  }
}
@media (max-width:560px){
  .typer-item .ico{
    font-size:22px!important;
    min-width:26px!important;
  }
}


/* === STREFA TYPERA PRO 2026: spójna, klikalna belka === */
.tzh-typer-bar-pro{
  margin-top:0!important;
  padding:22px 26px!important;
  min-height:132px!important;
  display:grid!important;
  grid-template-columns: 250px repeat(3,minmax(210px,1fr)) auto!important;
  gap:18px!important;
  align-items:center!important;
  border:1px solid #dfe9f5!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 0 50%, rgba(216,7,18,.05), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 16px 34px rgba(9,31,55,.09)!important;
  overflow:hidden!important;
}
.tzh-typer-bar-pro button,
.tzh-typer-bar-pro a{
  font-family:"Oswald","Arial Narrow",Arial,sans-serif!important;
  text-decoration:none!important;
}
.tzh-typer-bar-pro .typer-name{
  position:relative!important;
  background:transparent!important;
  border:0!important;
  padding:6px 4px 6px 22px!important;
  text-align:left!important;
  color:#061a31!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:.2px!important;
  cursor:pointer!important;
}
.tzh-typer-bar-pro .typer-name .typer-redline{
  position:absolute!important;
  left:0!important;
  top:7px!important;
  width:5px!important;
  height:52px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ed0713,#a90009)!important;
  box-shadow:0 0 14px rgba(216,7,18,.25)!important;
}
.tzh-typer-bar-pro .typer-name b{
  color:#e00712!important;
  font-style:italic!important;
  letter-spacing:.4px!important;
}
.tzh-typer-bar-pro .typer-item{
  position:relative!important;
  min-height:92px!important;
  padding:18px 48px 18px 20px!important;
  display:grid!important;
  grid-template-columns:54px 1fr 22px!important;
  gap:16px!important;
  align-items:center!important;
  justify-content:initial!important;
  border:1px solid #dce7f2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 9px 20px rgba(9,31,55,.07)!important;
  color:#061a31!important;
  cursor:pointer!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.tzh-typer-bar-pro .typer-item:after{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  bottom:-1px!important;
  width:88px!important;
  height:4px!important;
  border-radius:6px 6px 0 0!important;
  background:#e00712!important;
  opacity:.95!important;
}
.tzh-typer-bar-pro .typer-item:hover,
.tzh-typer-bar-pro .typer-item:focus-visible{
  transform:translateY(-3px)!important;
  border-color:#c7d9eb!important;
  background:linear-gradient(180deg,#ffffff,#eef6ff)!important;
  box-shadow:0 15px 28px rgba(9,31,55,.13)!important;
  outline:0!important;
}
.tzh-typer-bar-pro .ico-svg{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#f7fbff,#eaf2fb)!important;
  box-shadow:inset 0 0 0 1px rgba(6,26,49,.06), 0 7px 14px rgba(9,31,55,.08)!important;
}
.tzh-typer-bar-pro .ico-svg svg{
  width:31px!important;
  height:31px!important;
  fill:#e00712!important;
  filter:drop-shadow(0 2px 3px rgba(216,7,18,.18))!important;
}
.tzh-typer-bar-pro .typer-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  text-align:left!important;
}
.tzh-typer-bar-pro .typer-copy b{
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  color:#061a31!important;
}
.tzh-typer-bar-pro .typer-copy small{
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#51657c!important;
  letter-spacing:.2px!important;
}
.tzh-typer-bar-pro .typer-arrow{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:36px!important;
  line-height:1!important;
  color:#e00712!important;
  font-weight:900!important;
}
.tzh-typer-bar-pro .typer-buttons{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-left:4px!important;
}
.tzh-typer-bar-pro .typer-buttons .btn{
  min-height:66px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  padding:0 28px!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  box-shadow:0 12px 24px rgba(9,31,55,.15)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.tzh-typer-bar-pro .typer-buttons .btn:hover,
.tzh-typer-bar-pro .typer-buttons .btn:focus-visible{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 16px 30px rgba(9,31,55,.20)!important;
  outline:0!important;
}

@media (max-width: 1350px){
  .tzh-typer-bar-pro{
    grid-template-columns:220px repeat(3,minmax(180px,1fr))!important;
  }
  .tzh-typer-bar-pro .typer-buttons{
    grid-column:1/-1!important;
    justify-content:flex-end!important;
  }
}
@media (max-width: 980px){
  .tzh-typer-bar-pro{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:16px!important;
  }
  .tzh-typer-bar-pro .typer-name{
    grid-column:1/-1!important;
    padding-left:18px!important;
  }
  .tzh-typer-bar-pro .typer-item{
    min-height:84px!important;
  }
  .tzh-typer-bar-pro .typer-buttons{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    margin-left:0!important;
  }
}
@media (max-width: 560px){
  .tzh-typer-bar-pro{
    grid-template-columns:1fr!important;
    border-radius:14px!important;
    padding:12px!important;
    gap:10px!important;
  }
  .tzh-typer-bar-pro .typer-name{
    font-size:23px!important;
  }
  .tzh-typer-bar-pro .typer-name .typer-redline{
    height:44px!important;
  }
  .tzh-typer-bar-pro .typer-item{
    grid-template-columns:46px 1fr 18px!important;
    min-height:74px!important;
    padding:14px 42px 14px 14px!important;
    gap:12px!important;
  }
  .tzh-typer-bar-pro .ico-svg{
    width:44px!important;
    height:44px!important;
    border-radius:12px!important;
  }
  .tzh-typer-bar-pro .ico-svg svg{
    width:26px!important;
    height:26px!important;
  }
  .tzh-typer-bar-pro .typer-copy b{font-size:17px!important;}
  .tzh-typer-bar-pro .typer-copy small{font-size:13px!important;}
  .tzh-typer-bar-pro .typer-buttons{
    grid-template-columns:1fr!important;
  }
  .tzh-typer-bar-pro .typer-buttons .btn{
    width:100%!important;
    min-height:56px!important;
    font-size:15px!important;
  }
}

/* === TZH FINAL: Statystyki i Historia premium + Retro Artykuł === */
.stats-panel{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  border:1px solid #dbe6f2!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(7,29,53,.07)!important;
}
.stats-panel .panel-title{
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 26px!important;
  background:linear-gradient(90deg,#ffffff 0%,#f9fbfe 68%,#eef4fa 100%)!important;
  border-bottom:1px solid #dbe6f2!important;
  color:#071d35!important;
  font-family:"Oswald","Arial Narrow",Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-transform:uppercase!important;
  position:relative!important;
}
.stats-panel .panel-title:after{
  content:""!important;
  position:absolute!important;
  left:26px!important;
  bottom:-1px!important;
  width:72px!important;
  height:4px!important;
  background:#e30613!important;
  border-radius:4px!important;
}
.stats-panel .panel-title span{
  width:30px!important;
  height:30px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(145deg,#10375f,#061b31)!important;
  font-size:0!important;
  box-shadow:0 5px 12px rgba(7,29,53,.16)!important;
}
.stats-panel .panel-title span:before{
  content:"";
  width:16px;height:16px;display:block;
  background:linear-gradient(90deg,transparent 0 3px,#fff 3px 5px,transparent 5px 7px,#fff 7px 10px,transparent 10px 12px,#fff 12px 15px,transparent 15px),linear-gradient(0deg,#fff 0 3px,transparent 3px 6px,#fff 6px 10px,transparent 10px 13px,#fff 13px 16px);
  opacity:.95;
}
.stats-grid-premium,
.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  padding:22px!important;
}
.stats-grid-premium button,
.stats-grid button{
  min-height:126px!important;
  height:auto!important;
  border:1px solid #dbe6f2!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,#f9fbfe 100%)!important;
  display:grid!important;
  grid-template-columns:88px 1fr 28px!important;
  align-items:center!important;
  gap:16px!important;
  padding:18px 24px!important;
  box-shadow:0 10px 26px rgba(7,29,53,.06)!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:hidden!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.stats-grid-premium button:before,
.stats-grid button:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 18% 50%,rgba(227,6,19,.05),transparent 34%),radial-gradient(circle at 100% 0,rgba(8,32,60,.06),transparent 28%)!important;
  opacity:0!important;
  transition:.18s!important;
}
.stats-grid-premium button:hover,
.stats-grid button:hover{
  transform:translateY(-5px)!important;
  border-color:#c7d7e8!important;
  box-shadow:0 18px 36px rgba(7,29,53,.12)!important;
}
.stats-grid-premium button:hover:before,
.stats-grid button:hover:before{opacity:1!important;}
.stats-grid-premium .stat-icon,
.stats-grid .stat-icon{
  width:70px!important;
  height:70px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#ffffff,#eef4fa)!important;
  border:1px solid #dbe6f2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(7,29,53,.08)!important;
  position:relative!important;
  z-index:2!important;
  font-size:0!important;
  color:#0b2343!important;
}
.stats-grid-premium .stat-icon:after,
.stats-grid .stat-icon:after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:-11px!important;
  height:4px!important;
  background:#e30613!important;
  border-radius:5px!important;
}
.stats-grid-premium .stat-icon svg,
.stats-grid .stat-icon svg{width:48px!important;height:48px!important;display:block!important;}
.stats-grid-premium .stat-icon path,
.stats-grid .stat-icon path,
.stats-grid-premium .stat-icon circle,
.stats-grid .stat-icon circle{
  fill:none!important;
  stroke:#0b2343!important;
  stroke-width:3.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.stats-grid-premium .icon-lf path:first-child,
.stats-grid .icon-lf path:first-child{fill:url(#none)!important;stroke:#0b2343!important;}
.stats-grid-premium .icon-lf text,
.stats-grid .icon-lf text{
  font:900 22px Arial,sans-serif!important;
  fill:#0b2343!important;
}
.stats-grid-premium .icon-lf text::first-letter,
.stats-grid .icon-lf text::first-letter{fill:#e30613!important;}
.stats-grid-premium .icon-retro text,
.stats-grid .icon-retro text{
  font:900 8px Arial,sans-serif!important;
  fill:#e30613!important;
}
.stats-grid-premium .icon-retro path:nth-child(5),
.stats-grid .icon-retro path:nth-child(5),
.stats-grid-premium .icon-streak path:last-child,
.stats-grid .icon-streak path:last-child,
.stats-grid-premium .icon-records path:nth-child(3),
.stats-grid .icon-records path:nth-child(3){stroke:#e30613!important;}
.stats-grid-premium .icon-crown path:nth-child(2),
.stats-grid .icon-crown path:nth-child(2){stroke:#d7a328!important;}
.stats-grid-premium span,
.stats-grid button span{
  position:relative!important;
  z-index:2!important;
  color:#071d35!important;
  font-family:"Oswald","Arial Narrow",Arial,sans-serif!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-transform:uppercase!important;
}
.stats-grid-premium span:after,
.stats-grid button span:after{
  content:""!important;
  display:block!important;
  width:46px!important;
  height:3px!important;
  background:#e30613!important;
  border-radius:3px!important;
  margin-top:13px!important;
  transition:width .18s ease!important;
}
.stats-grid-premium button:hover span:after,
.stats-grid button:hover span:after{width:68px!important;}
.stats-grid-premium b,
.stats-grid button b{
  position:relative!important;
  z-index:2!important;
  color:#e30613!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:900!important;
  transition:transform .18s ease!important;
}
.stats-grid-premium button:hover b,
.stats-grid button:hover b{transform:translateX(5px)!important;}
@media(max-width:1200px){
  .stats-grid-premium,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .stats-panel .panel-title{height:56px!important;font-size:18px!important;padding:0 16px!important;}
  .stats-panel .panel-title:after{left:16px!important;width:54px!important;}
  .stats-grid-premium,.stats-grid{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;}
  .stats-grid-premium button,.stats-grid button{min-height:92px!important;grid-template-columns:58px 1fr 22px!important;gap:12px!important;padding:12px!important;border-radius:12px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:50px!important;height:50px!important;border-radius:12px!important;}
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:34px!important;height:34px!important;}
  .stats-grid-premium span,.stats-grid button span{font-size:16px!important;}
  .stats-grid-premium b,.stats-grid button b{font-size:28px!important;}
}


/* TZH premium stats redesign */
.stats-panel .panel-title{font-family:"Arial Black",Impact,sans-serif!important;letter-spacing:.5px!important;}
.stats-grid-premium button span,.stats-grid button span{
font-family:"Arial Black",Impact,sans-serif!important;
font-weight:900!important;
letter-spacing:.4px!important;
font-size:18px!important;
line-height:1.15!important;
color:#0b2343!important;
}
.stats-grid-premium .icon-crown,.stats-grid .icon-crown{
background:linear-gradient(145deg,#fff,#f4f7fb)!important;
}
.stats-grid-premium .icon-crown svg path,.stats-grid .icon-crown svg path{
stroke:#b8860b!important;
stroke-width:4!important;
filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));
}

/* TZH crown icon fix - centered premium crown */
.stats-grid-premium .icon-crown svg,
.stats-grid .icon-crown svg{
  width:46px!important;
  height:46px!important;
  transform:none!important;
  overflow:visible!important;
}
.stats-grid-premium .icon-crown svg path,
.stats-grid .icon-crown svg path{
  fill:none!important;
  stroke:#d6a000!important;
  stroke-width:3.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:none!important;
}
.stats-grid-premium .icon-crown svg .crown-jewel,
.stats-grid .icon-crown svg .crown-jewel{
  stroke:#e30613!important;
  fill:#e30613!important;
  stroke-width:1.8!important;
}


/* === REPREZENTACJA POLSKI – finalny baner 1:1 + klikalne strefy === */
.rep-banner.rep-image-banner{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:3 / 1!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#06182c url("../images/project_rep.png") center/cover no-repeat!important;
  box-shadow:0 10px 26px rgba(7,25,45,.14)!important;
  border:1px solid rgba(203,216,230,.95)!important;
}
.rep-banner.rep-image-banner:before,
.rep-banner.rep-image-banner:after{
  display:none!important;
  content:none!important;
}
.rep-image-banner .rep-copy,
.rep-image-banner .jerseys,
.rep-image-banner .eagle,
.rep-image-banner .rep-actions{
  display:none!important;
}
.rep-hotspot{
  position:absolute!important;
  z-index:10!important;
  display:block!important;
  text-decoration:none!important;
  color:transparent!important;
  font-size:0!important;
  border-radius:12px!important;
  cursor:pointer!important;
}
.rep-hotspot span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(1px,1px,1px,1px)!important;
}
.rep-hotspot:hover{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
/* Klikalne strefy dopasowane do grafiki banera – bez widocznych ramek hover */
.rep-nc{left:8.2%;top:39%;width:14.5%;height:10.5%;}
.rep-nca-mentos{left:8.2%;top:54%;width:18%;height:10.5%;}
.rep-senior{left:2.2%;bottom:6.8%;width:33%;height:14.2%;}
.rep-u21{left:36.6%;bottom:6.8%;width:27%;height:14.2%;}
.rep-article{left:65.1%;bottom:6.8%;width:32.5%;height:14.2%;}

@media(max-width:900px){
  .rep-banner.rep-image-banner{aspect-ratio:3 / 1!important;border-radius:10px!important;}
  .rep-hotspot:hover{outline-width:1px!important;}
}
@media(max-width:560px){
  .rep-banner.rep-image-banner{
    aspect-ratio:2.45 / 1!important;
    background-position:center center!important;
  }
}


/* =========================================================
   TZH MOBILE/TABLET FINAL RESPONSIVE PATCH
   Cel: pełna czytelność na telefonie bez rozwalania desktopu.
   ========================================================= */
*{box-sizing:border-box!important;}
html,body{max-width:100%!important;overflow-x:hidden!important;}
img,svg,video{max-width:100%;height:auto;}

@media (max-width: 1180px){
  #srodek{width:100%!important;max-width:100%!important;}
  #pod_tytulem{padding:0 14px 12px!important;}
  
  
  .tzh-logo{font-size:64px!important;}
  
  
  
  .tzh-grid-main{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .contents-panel{order:1!important;}
  .tzh-right-col{order:2!important;display:grid!important;gap:14px!important;}
  .tzh-typer-bar{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:0 0 14px 14px!important;
  }
  .typer-name{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:62px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#071d35,#0b2b52)!important;
    color:#fff!important;
    text-align:left!important;
  }
  .typer-item{
    border-left:0!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-height:78px!important;
    padding:12px!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid #dbe5ef!important;
    box-shadow:0 6px 16px rgba(7,25,45,.06)!important;
  }
  .typer-buttons{
    grid-column:1 / -1!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .typer-buttons .btn,.typer-buttons button,.typer-buttons a{
    width:100%!important;
    text-align:center!important;
    padding:15px 12px!important;
    font-size:14px!important;
  }
}

@media (max-width: 760px){
  body{
    min-width:0!important;
    background:#f4f7fb!important;
  }
  #lewa,#prawa,#menu,#menu-belka,#menu-overlay{display:none!important;}
  #pod_tytulem{padding:0 10px 10px!important;}
  
  
  .tzh-logo{
    font-size:54px!important;
    letter-spacing:-4px!important;
  }
  .tzh-zone{
    font-size:13px!important;
    margin-top:8px!important;
  }
  
  
  

  .tzh-typer-bar{
    margin-top:10px!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .typer-name{
    min-height:58px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .typer-item{
    min-height:66px!important;
    grid-template-columns:48px 1fr 20px!important;
    display:grid!important;
    padding:10px 12px!important;
  }
  .typer-item .ico-svg,
  .typer-item .ico-svg svg{
    width:42px!important;
    height:42px!important;
  }
  .typer-copy b{
    font-size:14px!important;
    line-height:1.1!important;
  }
  .typer-copy small{
    font-size:11px!important;
    line-height:1.1!important;
  }
  .typer-arrow{
    font-size:26px!important;
  }
  .typer-buttons{
    grid-template-columns:1fr!important;
  }

  .tzh-grid-main{margin-top:12px!important;}
  .tzh-panel,.rep-banner,.sponsor-strip,.forum-strip,.article-zone{
    border-radius:14px!important;
  }
  .panel-title{
    height:auto!important;
    min-height:52px!important;
    padding:12px 14px!important;
    font-size:18px!important;
    line-height:1.15!important;
    flex-wrap:wrap!important;
  }
  .feature-censor{
    height:auto!important;
    min-height:165px!important;
    padding:18px 16px 18px 110px!important;
    background:
      linear-gradient(90deg,#fff 0 76%,rgba(216,7,18,.07)),
      radial-gradient(circle at 94% 78%,rgba(216,7,18,.35),transparent 28%)!important;
  }
  .feature-censor .megaphone{
    left:18px!important;
    top:28px!important;
    font-size:54px!important;
  }
  .feature-censor .censor-title{
    font-size:27px!important;
    line-height:.92!important;
  }
  .feature-censor small{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .feature-censor strong{
    margin-top:10px!important;
    padding:10px 14px!important;
    font-size:12px!important;
  }

  .contents-list button{
    height:auto!important;
    min-height:66px!important;
    grid-template-columns:56px 1fr 20px!important;
    padding:10px 12px!important;
    gap:8px!important;
  }
  .contents-list em{
    font-size:27px!important;
  }
  .contents-list span{
    font-size:14px!important;
    line-height:1.12!important;
  }
  .contents-list span small{
    font-size:11px!important;
    margin-top:4px!important;
  }
  .contents-list i{
    font-size:26px!important;
  }
  .hero-number-banner{
    margin:10px!important;
    width:calc(100% - 20px)!important;
    height:auto!important;
    min-height:185px!important;
    padding:18px!important;
    background-position:center!important;
    border-radius:14px!important;
  }
  .hero-number-banner span{
    max-width:78%!important;
  }
  .hero-number-banner b{
    font-size:26px!important;
    line-height:.98!important;
  }
  .hero-number-banner small{
    font-size:12px!important;
    line-height:1.25!important;
    margin-top:8px!important;
  }
  .hero-number-banner u{
    margin-top:12px!important;
    padding:10px 14px!important;
    font-size:12px!important;
  }

  .stats-grid-premium,.stats-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
  }
  .stats-grid-premium button,.stats-grid button{
    min-height:76px!important;
    grid-template-columns:54px 1fr 22px!important;
    gap:11px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{
    width:48px!important;
    height:48px!important;
    border-radius:13px!important;
  }
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{
    width:32px!important;
    height:32px!important;
  }
  .stats-grid-premium button span,.stats-grid button span{
    font-size:15px!important;
    line-height:1.08!important;
    letter-spacing:.1px!important;
  }
  .stats-grid-premium b,.stats-grid button b{
    font-size:26px!important;
  }

  .rep-banner.rep-image-banner{
    width:100%!important;
    aspect-ratio:2.18 / 1!important;
    min-height:0!important;
    border-radius:14px!important;
    background-size:cover!important;
    background-position:center!important;
  }
  /* na telefonie klikalne strefy skalują się razem z obrazem */
  .rep-nc{left:7%;top:36%;width:22%;height:12%;}
  .rep-nca-mentos{left:7%;top:52%;width:26%;height:12%;}
  .rep-senior{left:2.5%;bottom:6%;width:31%;height:15%;}
  .rep-u21{left:35%;bottom:6%;width:28%;height:15%;}
  .rep-article{left:64%;bottom:6%;width:33%;height:15%;}

  .sponsor-strip{
    display:grid!important;
    grid-template-columns:72px 1fr!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px!important;
  }
  .sponsor-strip img{
    width:72px!important;
    height:auto!important;
  }
  .sponsor-strip div small{font-size:10px!important;}
  .sponsor-strip div strong{font-size:15px!important;line-height:1.1!important;}
  .sponsor-strip div p{font-size:11px!important;margin:3px 0 0!important;}
  .sponsor-strip .btn{
    grid-column:1 / -1!important;
    width:100%!important;
    text-align:center!important;
    padding:13px 12px!important;
    font-size:13px!important;
  }

  .forum-strip{
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  .forum-strip span{
    font-size:30px!important;
  }
  .forum-strip b{
    font-size:15px!important;
    line-height:1.1!important;
  }
  .forum-strip small{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .forum-strip button{
    grid-column:1 / -1!important;
    width:100%!important;
    padding:13px 12px!important;
    font-size:13px!important;
  }

  .article-zone{
    margin-top:12px!important;
  }
  .article-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  .article-toolbar b{
    font-size:14px!important;
  }
  .article-toolbar button{
    width:100%!important;
    padding:10px!important;
    font-size:12px!important;
  }
  #artykul,#tekst,#tytul,#autor{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  #artykul img,#tekst img{
    max-width:100%!important;
    height:auto!important;
  }
}

@media (max-width: 390px){
  
  .feature-censor{padding-left:88px!important;}
  .feature-censor .megaphone{font-size:44px!important;left:14px!important;}
  .feature-censor .censor-title{font-size:23px!important;}
  .hero-number-banner b{font-size:22px!important;}
  .contents-list button{grid-template-columns:48px 1fr 18px!important;}
  .stats-grid-premium button,.stats-grid button{grid-template-columns:48px 1fr 18px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:44px!important;height:44px!important;}
}


/* === Sponsor TZH: dwa przyciski, grafit + szary, spójne z projektem === */
.sponsor-strip.sponsor-strip-duo{
  display:grid!important;
  grid-template-columns:126px minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  min-height:136px!important;
  padding:22px 38px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
.sponsor-strip-duo .sponsor-copy small{
  display:block!important;
  color:#5f6c7b!important;
  font-size:16px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
}
.sponsor-strip-duo .sponsor-copy strong{
  display:block!important;
  font-size:32px!important;
  line-height:1.05!important;
  color:#08213d!important;
  font-weight:900!important;
  font-style:italic!important;
  text-transform:uppercase!important;
}
.sponsor-strip-duo .sponsor-copy p{
  margin:8px 0 0!important;
  font-size:18px!important;
  color:#2c4158!important;
}
.sponsor-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}
.sponsor-btn{
  min-height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  padding:0 26px!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 10px 22px rgba(9,31,55,.14)!important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.sponsor-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important;}
.sponsor-btn-dark{
  color:#fff!important;
  background:linear-gradient(180deg,#596474 0%,#343d49 100%)!important;
  border:1px solid rgba(20,30,42,.18)!important;
}
.sponsor-btn-grey{
  color:#13273d!important;
  background:linear-gradient(180deg,#f3f6fa 0%,#cfd6df 100%)!important;
  border:1px solid #c2ccd7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 22px rgba(9,31,55,.12)!important;
}
@media(max-width:1200px){
  .sponsor-strip.sponsor-strip-duo{
    grid-template-columns:105px 1fr!important;
  }
  .sponsor-actions{
    grid-column:1 / -1!important;
    justify-content:stretch!important;
  }
  .sponsor-btn{flex:1!important;}
}
@media(max-width:720px){
  .sponsor-strip.sponsor-strip-duo{
    grid-template-columns:74px 1fr!important;
    gap:12px!important;
    padding:14px!important;
    text-align:left!important;
  }
  .sponsor-strip-duo img{width:74px!important;max-width:74px!important;}
  .sponsor-strip-duo .sponsor-copy small{font-size:11px!important;}
  .sponsor-strip-duo .sponsor-copy strong{font-size:18px!important;line-height:1.08!important;}
  .sponsor-strip-duo .sponsor-copy p{font-size:12px!important;margin-top:5px!important;}
  .sponsor-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .sponsor-btn{width:100%!important;min-height:48px!important;font-size:12px!important;padding:0 12px!important;}
}

/* === Poprawka: Polskie Federacje Hokeja + sponsor pod Bohaterem Numeru === */
.polish-feds-strip{
  min-height:136px!important;
  display:grid!important;
  grid-template-columns:118px 1fr auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:24px 36px!important;
  border:1px solid #dbe5f0!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 73% 45%,rgba(10,42,78,.06),transparent 26%),
    linear-gradient(110deg,#ffffff 0%,#f8fbff 48%,#eef5fc 100%)!important;
  box-shadow:0 10px 28px rgba(9,31,55,.09)!important;
  position:relative!important;
  overflow:hidden!important;
}
.polish-feds-strip:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(115deg,transparent 0 56%,rgba(216,7,18,.055) 56% 58%,transparent 58%),
    repeating-linear-gradient(0deg,transparent 0 22px,rgba(10,42,78,.035) 23px,transparent 24px)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
.feds-icon{
  position:relative!important;
  z-index:2!important;
  width:82px!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#edf4fb)!important;
  border:1px solid #d6e1ec!important;
  font-size:42px!important;
  box-shadow:0 8px 20px rgba(9,31,55,.08)!important;
}

.feds-icon img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  display:block!important;
}

.feds-copy{position:relative!important;z-index:2!important;}
.feds-copy strong{
  display:block!important;
  color:#08213d!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:italic!important;
  letter-spacing:.4px!important;
}
.feds-copy p{
  margin:10px 0 0!important;
  color:#465b72!important;
  font-size:18px!important;
  font-weight:700!important;
}
.feds-copy p::after{
  content:""!important;
  display:block!important;
  width:54px!important;
  height:4px!important;
  background:#e20b16!important;
  border-radius:99px!important;
  margin-top:14px!important;
}
.feds-btn{
  position:relative!important;
  z-index:2!important;
  min-height:60px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 34px!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#092747 0%,#061a31 100%)!important;
  border:1px solid rgba(0,0,0,.18)!important;
  box-shadow:0 12px 24px rgba(9,31,55,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:transform .16s ease, box-shadow .16s ease!important;
}
.feds-btn:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(9,31,55,.25)!important;}
.sponsor-card-under-hero{
  margin:0 14px 14px!important;
  width:calc(100% - 28px)!important;
  min-height:116px!important;
  display:grid!important;
  grid-template-columns:102px 1fr 54px!important;
  align-items:center!important;
  gap:18px!important;
  padding:16px 18px!important;
  border:1px solid #e1e8f1!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 8px 22px rgba(9,31,55,.08)!important;
  color:#10243d!important;
  transition:transform .16s ease, box-shadow .16s ease!important;
}
.sponsor-card-under-hero:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(9,31,55,.13)!important;}
.sponsor-card-under-hero img{width:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;}
.sponsor-card-copy small{
  display:block!important;
  font-size:14px!important;
  font-weight:900!important;
  color:#637083!important;
  text-transform:uppercase!important;
}
.sponsor-card-copy strong{
  display:block!important;
  margin-top:2px!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:900!important;
  font-style:italic!important;
  color:#08213d!important;
}
.sponsor-card-copy p{margin:7px 0 0!important;font-size:16px!important;color:#344a62!important;}
.sponsor-card-arrow{
  width:48px!important;
  height:48px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #dfe7f0!important;
  box-shadow:0 8px 18px rgba(9,31,55,.08)!important;
  color:#071d35!important;
  font-size:38px!important;
  font-weight:900!important;
}
@media(max-width:1200px){
  .polish-feds-strip{grid-template-columns:88px 1fr!important;padding:20px!important;}
  .feds-btn{grid-column:1 / -1!important;width:100%!important;}
  .feds-copy strong{font-size:28px!important;}
}
@media(max-width:720px){
  .polish-feds-strip{grid-template-columns:62px 1fr!important;gap:12px!important;padding:14px!important;}
  .feds-icon{width:56px!important;height:56px!important;font-size:30px!important;border-radius:12px!important;}
  .feds-icon img{width:52px!important;height:52px!important;}
  .feds-copy strong{font-size:20px!important;line-height:1.05!important;}
  .feds-copy p{font-size:13px!important;margin-top:6px!important;}
  .feds-copy p::after{width:38px!important;height:3px!important;margin-top:8px!important;}
  .feds-btn{min-height:48px!important;font-size:13px!important;border-radius:10px!important;}
  .sponsor-card-under-hero{grid-template-columns:70px 1fr 42px!important;gap:10px!important;min-height:92px!important;padding:12px!important;}
  .sponsor-card-under-hero img{width:64px!important;max-width:64px!important;max-height:64px!important;}
  .sponsor-card-copy small{font-size:11px!important;}
  .sponsor-card-copy strong{font-size:16px!important;}
  .sponsor-card-copy p{font-size:12px!important;margin-top:4px!important;}
  .sponsor-card-arrow{width:38px!important;height:38px!important;font-size:28px!important;}
}

/* === FINAL 1:1 CO W NUMERZE 24.06 === */
html{zoom:1!important;}
.tzh-grid-main{grid-template-columns:560px 1fr!important;align-items:start!important;}
.contents-panel{border-radius:13px!important;overflow:hidden!important;background:#fff!important;}
.contents-panel .panel-title{
  height:72px!important;
  padding:0 26px!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  color:#061a31!important;
  border-bottom:1px solid #dbe6f2!important;
  gap:14px!important;
}
.contents-panel .panel-title span{
  width:20px!important;height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:22px!important;color:#061a31!important;line-height:1!important;
}
.contents-panel .panel-title b{
  color:#d80712!important;
  font-size:34px!important;
  margin-left:8px!important;
  text-decoration:none!important;
}
.contents-panel .panel-title:after{
  content:"";position:absolute;left:28px;bottom:-1px;width:42px;height:3px;background:#d80712;border-radius:3px;
}
.contents-panel .panel-title{position:relative!important;}
.feature-censor{
  width:100%!important;
  height:auto!important;
  aspect-ratio:937/407!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #dbe6f2!important;
  background:#fff url("../images/tzh_bez_cenzury_final.png") center center / 100% 100% no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
}
.feature-censor > *, .feature-censor .megaphone, .feature-censor .censor-title, .feature-censor small, .feature-censor strong{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
.contents-list{background:#fff!important;}
.contents-list button{
  height:82px!important;
  grid-template-columns:152px 1fr 32px!important;
  padding:0 20px 0 0!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
  border-bottom:1px solid #dbe6f2!important;
  overflow:hidden!important;
  position:relative!important;
  border-radius:0!important;
}
.contents-list button:hover{background:#f8fbff!important;transform:none!important;filter:brightness(1.01)!important;}
.contents-list em{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:132px!important;
  background:linear-gradient(135deg,#e20b16 0%,#bd040d 70%,#97020a 100%)!important;
  color:#fff!important;
  font-size:55px!important;
  font-family:Impact,"Arial Black","Roboto Condensed",Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.15)!important;
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%)!important;
  margin:0!important;
}
.contents-list span{
  font-size:25px!important;
  line-height:1.05!important;
  font-family:Impact,"Arial Black","Roboto Condensed",Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:900!important;
  color:#061a31!important;
  letter-spacing:.2px!important;
  text-transform:uppercase!important;
  padding-left:8px!important;
}
.contents-list span small{
  font-family:"Arial Narrow",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.1!important;
  color:#d80712!important;
  margin-top:8px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}
.contents-list i{
  font-size:42px!important;
  color:#d80712!important;
  font-weight:900!important;
  justify-self:end!important;
  padding-right:6px!important;
}
.hero-number-banner{
  margin:14px!important;
  width:calc(100% - 28px)!important;
  height:auto!important;
  aspect-ratio:935/307!important;
  min-height:0!important;
  padding:0!important;
  border-radius:10px!important;
  border:1px solid rgba(9,33,60,.22)!important;
  background:#071d35 url("../images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;
  box-shadow:0 8px 22px rgba(5,21,41,.20)!important;
  overflow:hidden!important;
}
.hero-number-banner:before,.hero-number-banner:after{display:none!important;content:none!important;}
.hero-number-banner > *, .hero-number-banner span, .hero-number-banner b, .hero-number-banner em, .hero-number-banner small, .hero-number-banner u{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
.hero-number-banner:hover{filter:brightness(1.04) contrast(1.02)!important;transform:translateY(-1px)!important;}
.sponsor-card-under-hero{margin-top:10px!important;}
@media(max-width:1200px){.tzh-grid-main{grid-template-columns:1fr!important}.contents-panel .panel-title{font-size:32px!important}.contents-panel .panel-title b{font-size:32px!important}}
@media(max-width:720px){
  #pod_tytulem{padding:0 8px 10px!important;}
  .contents-panel .panel-title{height:60px!important;font-size:25px!important;padding:0 18px!important;}
  .contents-panel .panel-title b{font-size:25px!important;}
  .contents-list button{height:70px!important;grid-template-columns:112px 1fr 28px!important;}
  .contents-list em{width:98px!important;font-size:42px!important;}
  .contents-list span{font-size:19px!important;padding-left:4px!important;}
  .contents-list span small{font-size:11px!important;margin-top:5px!important;}
  .contents-list i{font-size:34px!important;}
  .hero-number-banner{aspect-ratio:935/307!important;height:auto!important;}
}

/* === RAFAL FINAL 24.06: profesjonalne skalowanie 100% + czytelniejsze artykuły === */
html{
  zoom:1!important;
  -webkit-text-size-adjust:100%!important;
}
#srodek{
  width:min(1640px,100%)!important;
  max-width:1640px!important;
}
#pod_tytulem{
  padding:0 12px 12px!important;
}
.tzh-home{
  max-width:1620px!important;
}
.tzh-grid-main{
  grid-template-columns:500px 1fr!important;
  gap:18px!important;
  margin-top:14px!important;
}
.tzh-panel,
.rep-banner,
.sponsor-strip,
.forum-strip,
.article-zone{
  border-radius:12px!important;
}
.contents-panel .panel-title{
  height:60px!important;
  padding:0 24px!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;
  background:linear-gradient(90deg,#ffffff 0%,#fbfdff 70%,#eef4fa 100%)!important;
  position:relative!important;
}
.contents-panel .panel-title:after{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  bottom:-1px!important;
  width:48px!important;
  height:3px!important;
  background:#e30613!important;
  border-radius:4px!important;
}
.contents-panel .panel-title span{
  font-size:22px!important;
  line-height:1!important;
}
.contents-panel .panel-title b{
  font-size:25px!important;
  margin-left:12px!important;
  color:#e30613!important;
}
.feature-censor{
  height:218px!important;
  min-height:218px!important;
  background-size:cover!important;
  background-position:center!important;
}
.contents-list button{
  height:72px!important;
  grid-template-columns:118px 1fr 26px!important;
  padding:0 18px 0 0!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
  border-bottom:1px solid #dbe6f2!important;
  overflow:hidden!important;
}
.contents-list button:hover{
  background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%)!important;
}
.contents-list em{
  align-self:stretch!important;
  height:100%!important;
  min-width:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#e30613 0%,#bf050d 70%,#9f0209 100%)!important;
  color:#fff!important;
  font-family:Impact,"Arial Black","Roboto Condensed",Arial,sans-serif!important;
  font-size:46px!important;
  line-height:1!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.14)!important;
  clip-path:polygon(0 0,100% 0,86% 100%,0 100%)!important;
}
.contents-list span{
  padding-left:16px!important;
  color:#061a31!important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.contents-list span small{
  display:block!important;
  margin-top:6px!important;
  color:#e30613!important;
  font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-transform:uppercase!important;
}
.contents-list i{
  font-size:34px!important;
  font-weight:900!important;
  color:#e30613!important;
}
.hero-number-banner{
  margin:12px!important;
  width:calc(100% - 24px)!important;
  height:165px!important;
  min-height:165px!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:11px!important;
}
.sponsor-card-under-hero{
  margin:12px!important;
  min-height:94px!important;
  padding:12px 18px!important;
  border-radius:12px!important;
}
.sponsor-card-under-hero img{
  width:74px!important;
  max-width:74px!important;
}
.sponsor-card-copy small{
  font-size:13px!important;
}
.sponsor-card-copy strong{
  font-size:22px!important;
  line-height:1.05!important;
}
.sponsor-card-copy p{
  font-size:15px!important;
  line-height:1.25!important;
}
.stats-panel .panel-title{
  height:60px!important;
  font-size:24px!important;
}
.stats-grid button{
  height:104px!important;
}
.rep-banner{
  min-height:0!important;
}

@media (max-width:1024px){
  #srodek{width:100%!important;max-width:100%!important;}
  #pod_tytulem{padding:0 8px 10px!important;}
  .tzh-grid-main{display:block!important;margin-top:10px!important;}
  .contents-panel .panel-title{height:54px!important;font-size:21px!important;padding:0 18px!important;}
  .contents-panel .panel-title b{font-size:21px!important;margin-left:8px!important;}
  .contents-panel .panel-title:after{left:18px!important;width:42px!important;}
  .feature-censor{height:178px!important;min-height:178px!important;}
  .contents-list button{height:66px!important;grid-template-columns:96px 1fr 22px!important;}
  .contents-list em{min-width:96px!important;font-size:40px!important;}
  .contents-list span{font-size:16px!important;padding-left:12px!important;}
  .contents-list span small{font-size:11px!important;margin-top:5px!important;}
  .hero-number-banner{height:auto!important;min-height:0!important;aspect-ratio:1200/420!important;}
}
@media (max-width:560px){
  .contents-panel .panel-title{height:50px!important;font-size:18px!important;padding:0 14px!important;}
  .contents-panel .panel-title b{font-size:18px!important;}
  .feature-censor{height:154px!important;min-height:154px!important;}
  .contents-list button{height:60px!important;grid-template-columns:78px 1fr 20px!important;}
  .contents-list em{min-width:78px!important;font-size:32px!important;}
  .contents-list span{font-size:14px!important;padding-left:10px!important;line-height:1.05!important;}
  .contents-list span small{font-size:10px!important;margin-top:4px!important;}
  .contents-list i{font-size:26px!important;}
  .hero-number-banner{aspect-ratio:1200/500!important;}
  .sponsor-card-copy strong{font-size:18px!important;}
}

/* === TZH 575: profesjonalne skalowanie 100% + czytelniejsze artykuły === */
html{
  zoom:1!important;
}
#srodek{
  width:min(1600px,100%)!important;
  max-width:1600px!important;
}
#pod_tytulem{
  padding:0 18px 12px!important;
}


.tzh-logo{font-size:66px!important;}
.tzh-zone{font-size:15px!important;letter-spacing:2.2px!important;margin-top:10px!important;}




.tzh-typer-bar-pro,
.tzh-typer-bar{
  min-height:96px!important;
  padding:15px 22px!important;
  grid-template-columns:250px repeat(3,minmax(170px,1fr)) auto!important;
  gap:14px!important;
}
.tzh-typer-bar-pro .typer-name{font-size:25px!important;}
.tzh-typer-bar-pro .typer-name .typer-redline{height:54px!important;}
.tzh-typer-bar-pro .typer-item{min-height:72px!important;padding:14px 42px 14px 18px!important;}
.tzh-typer-bar-pro .ico-svg{width:54px!important;height:54px!important;}
.tzh-typer-bar-pro .ico-svg svg{width:32px!important;height:32px!important;}
.tzh-typer-bar-pro .typer-copy b{font-size:18px!important;line-height:1.05!important;}
.tzh-typer-bar-pro .typer-copy small{font-size:13px!important;line-height:1.05!important;}
.tzh-typer-bar-pro .typer-buttons .btn{min-height:58px!important;padding:0 22px!important;font-size:15px!important;}

.tzh-grid-main{
  grid-template-columns:500px 1fr!important;
  gap:16px!important;
  margin-top:14px!important;
  align-items:start!important;
}
.tzh-panel,.rep-banner,.sponsor-strip,.forum-strip,.article-zone{
  border-radius:12px!important;
}
.contents-panel .panel-title,
.panel-title{
  height:54px!important;
  padding:0 20px!important;
  font-size:21px!important;
  line-height:1!important;
}
.contents-panel .panel-title b{font-size:21px!important;margin-left:8px!important;}
.contents-panel .panel-title:after{left:20px!important;width:48px!important;height:3px!important;}

.feature-censor{
  height:196px!important;
  min-height:196px!important;
  padding:28px 22px 18px 182px!important;
  background-size:cover!important;
  background-position:center!important;
}
.feature-censor .megaphone{left:34px!important;top:45px!important;font-size:88px!important;}
.censor-title{font-size:42px!important;line-height:.88!important;}
.feature-censor small{font-size:16px!important;line-height:1.25!important;margin-top:10px!important;}
.feature-censor strong{
  margin-top:12px!important;
  padding:11px 22px!important;
  font-size:14px!important;
  border-radius:7px!important;
  line-height:1!important;
}

.contents-list button{
  height:68px!important;
  min-height:68px!important;
  grid-template-columns:112px 1fr 26px!important;
  padding:0 18px 0 0!important;
  background:linear-gradient(90deg,#fff 0%,#fbfdff 100%)!important;
}
.contents-list button:hover{background:#f7fbff!important;}
.contents-list em{
  min-width:112px!important;
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#e30613 0%,#b50009 100%)!important;
  color:#fff!important;
  font-family:"Arial Black",Impact,sans-serif!important;
  font-size:40px!important;
  font-weight:900!important;
  font-style:italic!important;
  letter-spacing:-2px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.12)!important;
  clip-path:polygon(0 0,88% 0,100% 100%,0 100%)!important;
}
.contents-list span{
  padding-left:18px!important;
  color:#061b31!important;
  font-family:Arial,"Roboto Condensed",sans-serif!important;
  font-size:16px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.15px!important;
  text-transform:uppercase!important;
}
.contents-list span small,
.contents-list button span small{
  display:block!important;
  color:#d71920!important;
  font-family:Arial,"Roboto Condensed",sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  margin-top:6px!important;
  text-transform:uppercase!important;
}
.contents-list i{
  font-size:30px!important;
  line-height:1!important;
  color:#e30613!important;
}

.hero-number-banner{
  margin:12px!important;
  width:calc(100% - 24px)!important;
  height:150px!important;
  min-height:150px!important;
  border-radius:10px!important;
  background-size:cover!important;
  background-position:center!important;
}
.sponsor-card-under-hero{
  margin:12px!important;
  min-height:88px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
  grid-template-columns:82px 1fr 44px!important;
}
.sponsor-card-under-hero img{width:68px!important;max-width:68px!important;}
.sponsor-card-copy small{font-size:12px!important;}
.sponsor-card-copy strong{font-size:20px!important;line-height:1.05!important;}
.sponsor-card-copy p{font-size:14px!important;}
.sponsor-card-arrow{width:42px!important;height:42px!important;font-size:32px!important;}

.stats-panel .panel-title{height:56px!important;font-size:22px!important;padding:0 22px!important;}
.stats-panel .panel-title:after{left:22px!important;width:62px!important;height:3px!important;}
.stats-grid-premium,.stats-grid{gap:14px!important;padding:18px!important;}
.stats-grid-premium button,.stats-grid button{
  min-height:104px!important;
  height:104px!important;
  grid-template-columns:72px 1fr 24px!important;
  gap:14px!important;
  padding:14px 18px!important;
}
.stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:58px!important;height:58px!important;border-radius:14px!important;}
.stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:38px!important;height:38px!important;}
.stats-grid-premium button span,.stats-grid button span{font-size:17px!important;line-height:1.12!important;}
.stats-grid-premium b,.stats-grid button b{font-size:32px!important;}

.rep-image-banner{margin-top:0!important;}
.polish-feds-strip{min-height:108px!important;padding:18px 28px!important;}

@media (max-width:1350px){
  #srodek{max-width:1280px!important;}
  .tzh-grid-main{grid-template-columns:430px 1fr!important;}
  .contents-list button{height:62px!important;min-height:62px!important;grid-template-columns:94px 1fr 24px!important;}
  .contents-list em{min-width:94px!important;height:62px!important;font-size:34px!important;}
  .contents-list span{font-size:14px!important;padding-left:14px!important;}
  .feature-censor{height:174px!important;min-height:174px!important;padding-left:145px!important;}
  .feature-censor .megaphone{left:24px!important;font-size:72px!important;}
  .censor-title{font-size:34px!important;}
  .feature-censor small{font-size:14px!important;}
}
@media (max-width:1024px){
  #srodek{width:100%!important;max-width:100%!important;}
  .tzh-grid-main{display:block!important;}
  .contents-list button{height:60px!important;min-height:60px!important;grid-template-columns:82px 1fr 22px!important;}
  .contents-list em{min-width:82px!important;height:60px!important;font-size:31px!important;}
  .contents-list span{font-size:14px!important;}
}

/* === TZH professional compact scale v2 ===
   Więcej widoczności przy 100% zoomu bez ręcznego skalowania przeglądarki. */
@media (min-width: 1025px){
  #pod_tytulem{padding:0 14px 10px!important;}
  .tzh-home{max-width:1680px!important;}
  
  
  .tzh-logo{font-size:54px!important;letter-spacing:-4px!important;}
  .tzh-zone{font-size:13px!important;letter-spacing:1.8px!important;margin-top:8px!important;}
  
  
  

  .tzh-typer-bar-pro,.tzh-typer-bar{
    min-height:82px!important;
    padding:12px 18px!important;
    grid-template-columns:220px repeat(3,minmax(150px,1fr)) auto!important;
    gap:10px!important;
  }
  .tzh-typer-bar-pro .typer-name{font-size:21px!important;}
  .tzh-typer-bar-pro .typer-name .typer-redline{height:44px!important;}
  .tzh-typer-bar-pro .typer-item{min-height:58px!important;padding:10px 34px 10px 14px!important;}
  .tzh-typer-bar-pro .ico-svg{width:46px!important;height:46px!important;}
  .tzh-typer-bar-pro .ico-svg svg{width:27px!important;height:27px!important;}
  .tzh-typer-bar-pro .typer-copy b{font-size:15px!important;}
  .tzh-typer-bar-pro .typer-copy small{font-size:11px!important;}
  .tzh-typer-bar-pro .typer-buttons .btn{min-height:48px!important;padding:0 18px!important;font-size:13px!important;}

  .tzh-grid-main{grid-template-columns:455px 1fr!important;gap:14px!important;margin-top:12px!important;}
  .contents-panel .panel-title,.panel-title{height:46px!important;padding:0 17px!important;font-size:18px!important;}
  .contents-panel .panel-title b{font-size:18px!important;margin-left:6px!important;}
  .contents-panel .panel-title:after{left:17px!important;width:42px!important;}

  .feature-censor{height:168px!important;min-height:168px!important;padding:22px 18px 14px 152px!important;}
  .feature-censor .megaphone{left:28px!important;top:38px!important;font-size:70px!important;}
  .censor-title{font-size:34px!important;line-height:.88!important;}
  .feature-censor small{font-size:14px!important;margin-top:8px!important;line-height:1.2!important;}
  .feature-censor strong{margin-top:10px!important;padding:9px 18px!important;font-size:12px!important;border-radius:6px!important;}

  .contents-list button{height:56px!important;min-height:56px!important;grid-template-columns:92px 1fr 22px!important;padding:0 14px 0 0!important;}
  .contents-list em{min-width:92px!important;height:56px!important;font-size:32px!important;letter-spacing:-1.2px!important;}
  .contents-list span{padding-left:15px!important;font-size:14px!important;line-height:1.05!important;letter-spacing:0!important;}
  .contents-list span small,.contents-list button span small{font-size:10px!important;margin-top:4px!important;line-height:1!important;}
  .contents-list i{font-size:25px!important;}

  .hero-number-banner{margin:10px!important;width:calc(100% - 20px)!important;height:128px!important;min-height:128px!important;border-radius:9px!important;}
  .hero-number-banner b{font-size:22px!important;}
  .hero-number-banner small{font-size:13px!important;margin-top:8px!important;line-height:1.2!important;max-width:52%!important;}
  .hero-number-banner u{font-size:11px!important;padding:8px 14px!important;margin-top:9px!important;border-radius:6px!important;}

  .sponsor-card-under-hero{margin:10px!important;min-height:74px!important;padding:8px 14px!important;grid-template-columns:66px 1fr 38px!important;}
  .sponsor-card-under-hero img{width:56px!important;max-width:56px!important;}
  .sponsor-card-copy small{font-size:10px!important;}
  .sponsor-card-copy strong{font-size:17px!important;line-height:1.02!important;}
  .sponsor-card-copy p{font-size:12px!important;margin-top:2px!important;}
  .sponsor-card-arrow{width:36px!important;height:36px!important;font-size:28px!important;}

  .stats-panel .panel-title{height:48px!important;font-size:19px!important;padding:0 18px!important;}
  .stats-grid-premium,.stats-grid{gap:12px!important;padding:14px!important;}
  .stats-grid-premium button,.stats-grid button{height:88px!important;min-height:88px!important;grid-template-columns:60px 1fr 20px!important;gap:12px!important;padding:12px 16px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:50px!important;height:50px!important;border-radius:12px!important;}
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:32px!important;height:32px!important;}
  .stats-grid-premium button span,.stats-grid button span{font-size:15px!important;line-height:1.08!important;}
  .stats-grid-premium b,.stats-grid button b{font-size:27px!important;}

  .rep-image-banner{min-height:250px!important;}
  .polish-feds-strip{min-height:90px!important;padding:14px 22px!important;}
  .forum-strip{min-height:72px!important;padding:10px 24px!important;margin-top:12px!important;}
  .article-zone{margin-top:12px!important;}
}

@media (max-width: 1350px) and (min-width: 1025px){
  .tzh-grid-main{grid-template-columns:390px 1fr!important;}
  .feature-censor{height:148px!important;min-height:148px!important;padding-left:124px!important;}
  .feature-censor .megaphone{left:22px!important;top:36px!important;font-size:58px!important;}
  .censor-title{font-size:28px!important;}
  .feature-censor small{font-size:12px!important;}
  .contents-list button{height:52px!important;min-height:52px!important;grid-template-columns:78px 1fr 20px!important;}
  .contents-list em{min-width:78px!important;height:52px!important;font-size:28px!important;}
  .contents-list span{font-size:12.5px!important;padding-left:12px!important;}
  .contents-list span small{font-size:9px!important;}
  .hero-number-banner{height:112px!important;min-height:112px!important;}
}

/* === RAFAL FIX 24.06: lepsza widoczność + brak ucinania tytułów 01-05 === */
@media (min-width:1025px){
  #srodek{width:min(1500px,100%)!important;max-width:1500px!important;}
  #pod_tytulem{padding:0 12px 10px!important;}
  .tzh-home{max-width:1480px!important;}

  
  
  .tzh-logo{font-size:50px!important;letter-spacing:-4px!important;}
  .tzh-zone{font-size:12px!important;letter-spacing:1.6px!important;margin-top:7px!important;}
  
  
  

  .tzh-typer-bar-pro,.tzh-typer-bar{min-height:76px!important;padding:10px 16px!important;gap:10px!important;}
  .tzh-typer-bar-pro .typer-name{font-size:20px!important;}
  .tzh-typer-bar-pro .typer-name .typer-redline{height:40px!important;}
  .tzh-typer-bar-pro .typer-item{min-height:54px!important;padding:9px 32px 9px 12px!important;}
  .tzh-typer-bar-pro .ico-svg{width:42px!important;height:42px!important;}
  .tzh-typer-bar-pro .ico-svg svg{width:25px!important;height:25px!important;}
  .tzh-typer-bar-pro .typer-copy b{font-size:14px!important;}
  .tzh-typer-bar-pro .typer-copy small{font-size:10px!important;}
  .tzh-typer-bar-pro .typer-buttons .btn{min-height:44px!important;padding:0 16px!important;font-size:12px!important;}

  .tzh-grid-main{grid-template-columns:430px 1fr!important;gap:14px!important;margin-top:11px!important;}
  .contents-panel .panel-title,.panel-title{height:44px!important;padding:0 16px!important;font-size:17px!important;}
  .contents-panel .panel-title b{font-size:17px!important;margin-left:6px!important;}
  .contents-panel .panel-title:after{left:16px!important;width:40px!important;height:3px!important;}

  .feature-censor{height:158px!important;min-height:158px!important;background-size:100% 100%!important;background-position:center!important;padding:0!important;}

  .contents-list button{
    height:54px!important;min-height:54px!important;
    grid-template-columns:108px minmax(0,1fr) 22px!important;
    padding:0 12px 0 0!important;gap:0!important;overflow:hidden!important;
  }
  .contents-list em{
    width:96px!important;min-width:96px!important;height:54px!important;
    font-size:30px!important;letter-spacing:-1px!important;
    clip-path:polygon(0 0,90% 0,100% 100%,0 100%)!important;
    margin:0!important;position:relative!important;z-index:1!important;
  }
  .contents-list span{
    min-width:0!important;display:block!important;
    padding-left:14px!important;padding-right:6px!important;
    font-size:13.5px!important;line-height:1.08!important;letter-spacing:0!important;
    white-space:normal!important;overflow:visible!important;position:relative!important;z-index:2!important;
  }
  .contents-list span small,.contents-list button span small{font-size:9.5px!important;margin-top:3px!important;line-height:1!important;}
  .contents-list i{font-size:24px!important;}

  .hero-number-banner{margin:9px!important;width:calc(100% - 18px)!important;height:118px!important;min-height:118px!important;background-size:100% 100%!important;}
  .sponsor-card-under-hero{margin:9px!important;min-height:68px!important;padding:7px 12px!important;grid-template-columns:58px 1fr 34px!important;}
  .sponsor-card-under-hero img{width:50px!important;max-width:50px!important;}
  .sponsor-card-copy small{font-size:9px!important;}
  .sponsor-card-copy strong{font-size:15px!important;line-height:1.02!important;}
  .sponsor-card-copy p{font-size:11px!important;margin-top:2px!important;}
  .sponsor-card-arrow{width:32px!important;height:32px!important;font-size:24px!important;}

  .stats-panel .panel-title{height:46px!important;font-size:18px!important;padding:0 17px!important;}
  .stats-grid-premium,.stats-grid{gap:11px!important;padding:12px!important;}
  .stats-grid-premium button,.stats-grid button{height:82px!important;min-height:82px!important;grid-template-columns:54px 1fr 19px!important;gap:10px!important;padding:10px 14px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:46px!important;height:46px!important;border-radius:11px!important;}
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:30px!important;height:30px!important;}
  .stats-grid-premium button span,.stats-grid button span{font-size:14px!important;line-height:1.08!important;}
  .stats-grid-premium b,.stats-grid button b{font-size:25px!important;}

  .rep-image-banner{min-height:230px!important;}
  .polish-feds-strip{min-height:82px!important;padding:12px 20px!important;}
  .forum-strip{min-height:66px!important;padding:9px 20px!important;margin-top:10px!important;}
}

@media (max-width:1350px) and (min-width:1025px){
  #srodek{max-width:1200px!important;}
  .tzh-grid-main{grid-template-columns:380px 1fr!important;}
  .feature-censor{height:138px!important;min-height:138px!important;}
  .contents-list button{height:50px!important;min-height:50px!important;grid-template-columns:98px minmax(0,1fr) 20px!important;}
  .contents-list em{width:86px!important;min-width:86px!important;height:50px!important;font-size:27px!important;}
  .contents-list span{padding-left:12px!important;font-size:12.2px!important;line-height:1.05!important;}
  .contents-list span small,.contents-list button span small{font-size:8.5px!important;margin-top:3px!important;}
  .hero-number-banner{height:104px!important;min-height:104px!important;}
}

/* === RAFAL FINAL COMPACT 24.06: mniejsza skala + reprezentacja jako dodatek === */
@media (min-width:1025px){
  #srodek{width:min(1220px,100%)!important;max-width:1180px!important;}
  #pod_tytulem{padding:0 10px 8px!important;}
  .tzh-home{max-width:1160px!important;}

  
  
  .tzh-logo{font-size:44px!important;letter-spacing:-3px!important;}
  .tzh-zone{font-size:10px!important;letter-spacing:1.3px!important;margin-top:6px!important;}
  
  
  

  .tzh-typer-bar-pro,.tzh-typer-bar{min-height:64px!important;padding:8px 14px!important;gap:8px!important;}
  .tzh-typer-bar-pro .typer-name{font-size:17px!important;}
  .tzh-typer-bar-pro .typer-name .typer-redline{height:34px!important;}
  .tzh-typer-bar-pro .typer-item{min-height:46px!important;padding:7px 28px 7px 10px!important;}
  .tzh-typer-bar-pro .ico-svg{width:36px!important;height:36px!important;}
  .tzh-typer-bar-pro .ico-svg svg{width:21px!important;height:21px!important;}
  .tzh-typer-bar-pro .typer-copy b{font-size:12px!important;}
  .tzh-typer-bar-pro .typer-copy small{font-size:9px!important;}
  .tzh-typer-bar-pro .typer-buttons .btn{min-height:38px!important;padding:0 14px!important;font-size:11px!important;border-radius:8px!important;}

  .tzh-grid-main{grid-template-columns:400px 1fr!important;gap:12px!important;margin-top:10px!important;}
  .contents-panel .panel-title,.panel-title{height:40px!important;padding:0 15px!important;font-size:16px!important;}
  .contents-panel .panel-title b{font-size:16px!important;}
  .contents-panel .panel-title:after{left:15px!important;width:36px!important;height:3px!important;}

  .feature-censor{height:142px!important;min-height:142px!important;background-size:100% 100%!important;}
  .contents-list button{height:48px!important;min-height:48px!important;grid-template-columns:92px minmax(0,1fr) 20px!important;padding:0 10px 0 0!important;}
  .contents-list em{width:82px!important;min-width:82px!important;height:48px!important;font-size:27px!important;}
  .contents-list span{padding-left:12px!important;font-size:12.2px!important;line-height:1.05!important;}
  .contents-list span small,.contents-list button span small{font-size:8.5px!important;margin-top:2px!important;line-height:1!important;}
  .contents-list i{font-size:22px!important;}
  .hero-number-banner{margin:8px!important;width:calc(100% - 16px)!important;height:102px!important;min-height:102px!important;background-size:100% 100%!important;}
  .sponsor-card-under-hero{margin:8px!important;min-height:62px!important;padding:6px 10px!important;grid-template-columns:52px 1fr 30px!important;}
  .sponsor-card-under-hero img{width:46px!important;max-width:46px!important;}
  .sponsor-card-copy small{font-size:8px!important;}
  .sponsor-card-copy strong{font-size:13.5px!important;line-height:1.02!important;}
  .sponsor-card-copy p{font-size:10px!important;margin-top:1px!important;}
  .sponsor-card-arrow{width:28px!important;height:28px!important;font-size:22px!important;}

  .stats-panel .panel-title{height:42px!important;font-size:17px!important;padding:0 16px!important;}
  .stats-grid-premium,.stats-grid{gap:9px!important;padding:10px!important;}
  .stats-grid-premium button,.stats-grid button{height:68px!important;min-height:68px!important;grid-template-columns:46px 1fr 18px!important;gap:9px!important;padding:8px 12px!important;border-radius:10px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:40px!important;height:40px!important;border-radius:10px!important;}
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:26px!important;height:26px!important;}
  .stats-grid-premium button span,.stats-grid button span{font-size:12.5px!important;line-height:1.05!important;}
  .stats-grid-premium button span:after,.stats-grid button span:after{width:34px!important;height:3px!important;margin-top:8px!important;}
  .stats-grid-premium b,.stats-grid button b{font-size:22px!important;}

  .rep-banner.rep-image-banner,.rep-image-banner{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4.15 / 1!important;
    background-size:100% 100%!important;
    background-position:center!important;
    border-radius:10px!important;
    margin:0!important;
  }
  .rep-senior{left:2.2%!important;bottom:6.5%!important;width:33%!important;height:15%!important;}
  .rep-u21{left:36.5%!important;bottom:6.5%!important;width:27%!important;height:15%!important;}
  .rep-article{left:65.1%!important;bottom:6.5%!important;width:32.5%!important;height:15%!important;}

  .polish-feds-strip{min-height:70px!important;padding:10px 18px!important;border-radius:10px!important;}
  .feds-icon{width:52px!important;height:52px!important;}
  .feds-icon img{width:44px!important;}
  .feds-copy strong{font-size:19px!important;}
  .feds-copy p{font-size:12px!important;}
  .feds-btn{height:42px!important;padding:0 22px!important;font-size:12px!important;}
  .forum-strip{min-height:58px!important;padding:8px 18px!important;margin-top:8px!important;}
}

@media (max-width:1350px) and (min-width:1025px){
  #srodek{max-width:1160px!important;}
  .tzh-grid-main{grid-template-columns:360px 1fr!important;}
  .feature-censor{height:126px!important;min-height:126px!important;}
  .contents-list button{height:44px!important;min-height:44px!important;grid-template-columns:84px minmax(0,1fr) 18px!important;}
  .contents-list em{width:76px!important;min-width:76px!important;height:44px!important;font-size:24px!important;}
  .contents-list span{font-size:11px!important;line-height:1.04!important;padding-left:10px!important;}
  .contents-list span small,.contents-list button span small{font-size:7.8px!important;}
  .hero-number-banner{height:92px!important;min-height:92px!important;}
  .rep-banner.rep-image-banner,.rep-image-banner{aspect-ratio:4.25 / 1!important;}
}

/* Compact rep banner patch */
.rep-banner.rep-image-banner{
    aspect-ratio:1260/220!important;
}
.rep-senior,.rep-u21,.rep-article{
    height:12.5%!important;
}


/* === RAFAL PATCH 24.06 — header + reprezentacja 1:1 z projektu === */
@media (min-width:1025px){
  
  

  .rep-banner.rep-image-banner,
  .rep-image-banner{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1085 / 300!important;
    padding:0!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#06182c url("../images/project_rep.png") center center / 100% 100% no-repeat!important;
    box-shadow:0 8px 18px rgba(7,25,45,.12)!important;
    border:1px solid rgba(203,216,230,.95)!important;
  }
  .rep-banner.rep-image-banner:before,
  .rep-banner.rep-image-banner:after{
    display:none!important;
    content:none!important;
  }
  .rep-image-banner .rep-copy,
  .rep-image-banner .jerseys,
  .rep-image-banner .eagle,
  .rep-image-banner .rep-actions{
    display:none!important;
  }

  /* Klikalne obszary dopasowane do nowego obrazka */
  .rep-hotspot{position:absolute!important;z-index:20!important;display:block!important;color:transparent!important;font-size:0!important;text-decoration:none!important;}
  .rep-nc{left:4.7%!important;top:43.5%!important;width:30.5%!important;height:11.5%!important;}
  .rep-nca-mentos{left:9.5%!important;top:50%!important;width:23%!important;height:7%!important;}
  .rep-senior{left:3.0%!important;top:70.6%!important;width:31.0%!important;height:18.0%!important;bottom:auto!important;}
  .rep-u21{left:35.0%!important;top:70.6%!important;width:28.0%!important;height:18.0%!important;bottom:auto!important;}
  .rep-article{left:64.4%!important;top:70.6%!important;width:30.0%!important;height:18.0%!important;bottom:auto!important;}
}

@media (max-width:1024px){
  
  
  .rep-banner.rep-image-banner,.rep-image-banner{
    aspect-ratio:1085 / 300!important;
    background:#06182c url("../images/project_rep.png") center center / 100% 100% no-repeat!important;
  }
}

/* ChatGPT compact rep banner */
.rep-banner,
.rep-image-banner,
.tzh-national-card{
    max-height:none !important;
}

.rep-actions .rep-hotspot,
.rep-hotspot{
    transition:all .25s ease !important;
}

/* Hover effect for article rows */
.contents-list button,
.article-row,
.contents-item{
    transition:all .25s ease !important;
}

.contents-list button:hover,
.article-row:hover,
.contents-item:hover{
    transform:translateX(4px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    background:#ffffff !important;
}


/* === RAFAL PATCH 24.06 — CO W NUMERZE jak na screenie + hover === */
@media (min-width:1025px){
  /* lewa kolumna bardziej kompaktowa i czytelna */
  .tzh-grid-main{
    grid-template-columns:400px 1fr!important;
    gap:12px!important;
  }
  .contents-panel{
    border-radius:8px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(6,26,49,.08)!important;
  }
  .contents-panel .panel-title{
    height:40px!important;
    padding:0 14px!important;
    font-size:16px!important;
    letter-spacing:.15px!important;
    border-bottom:1px solid #dde8f3!important;
    background:#fff!important;
  }
  .contents-panel .panel-title:after{
    left:14px!important;
    bottom:-2px!important;
    width:37px!important;
    height:3px!important;
    border-radius:4px!important;
  }
  .contents-panel .panel-title b{
    font-size:16px!important;
    margin-left:8px!important;
    color:#d80712!important;
  }

  /* Baner Bez Cenzury w proporcji ze screena */
  .contents-panel .feature-censor{
    height:148px!important;
    min-height:148px!important;
    padding:0!important;
    border-radius:0!important;
    background:#fff url("../images/project_bez_cenzury.png") center center / 100% 100% no-repeat!important;
    border-bottom:1px solid #dde8f3!important;
    overflow:hidden!important;
  }
  .contents-panel .feature-censor > *{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Lista artykułów 01-05 — jak na screenie */
  .contents-list button{
    height:46px!important;
    min-height:46px!important;
    grid-template-columns:66px minmax(0,1fr) 24px!important;
    gap:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e0e8f1!important;
    box-shadow:none!important;
    overflow:hidden!important;
    position:relative!important;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease, filter .16s ease!important;
  }
  .contents-list button:last-child{border-bottom:1px solid #e0e8f1!important;}
  .contents-list em{
    width:66px!important;
    min-width:66px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#e30b16 0%,#c60610 70%,#a9040b 100%)!important;
    color:#fff!important;
    font-size:25px!important;
    font-weight:900!important;
    font-style:italic!important;
    line-height:1!important;
    letter-spacing:.2px!important;
    clip-path:none!important;
    border-radius:0!important;
    text-shadow:0 2px 5px rgba(0,0,0,.18)!important;
    box-shadow:inset -1px 0 0 rgba(255,255,255,.18)!important;
  }
  .contents-list span{
    min-width:0!important;
    display:block!important;
    padding:0 6px 0 18px!important;
    color:#061b31!important;
    font-size:13.8px!important;
    font-weight:900!important;
    line-height:1.03!important;
    letter-spacing:.1px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    position:relative!important;
  }
  .contents-list span small,
  .contents-list button span small{
    display:block!important;
    margin-top:3px!important;
    color:#d80712!important;
    font-size:9.3px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .contents-list i{
    width:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d80712!important;
    font-size:22px!important;
    font-style:normal!important;
    font-weight:900!important;
    transition:transform .16s ease!important;
  }
  .contents-list button:hover{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 8px 18px rgba(6,26,49,.12)!important;
    z-index:5!important;
    filter:brightness(1.01)!important;
  }
  .contents-list button:hover em{
    background:linear-gradient(180deg,#f01520 0%,#cf0712 70%,#a9040b 100%)!important;
  }
  .contents-list button:hover i{
    transform:translateX(2px)!important;
  }

  /* Bohater numeru jak na screenie — niski, czysty, bez dodatkowego tekstu z HTML */
  .contents-panel .hero-number-banner{
    margin:8px!important;
    width:calc(100% - 16px)!important;
    height:116px!important;
    min-height:116px!important;
    padding:0!important;
    border-radius:6px!important;
    background:#071d35 url("../images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;
    overflow:hidden!important;
    box-shadow:0 8px 18px rgba(6,26,49,.18)!important;
  }
  .contents-panel .hero-number-banner > *,
  .contents-panel .hero-number-banner b,
  .contents-panel .hero-number-banner em,
  .contents-panel .hero-number-banner small,
  .contents-panel .hero-number-banner u{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .contents-panel .hero-number-banner:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.05)!important;
    box-shadow:0 10px 22px rgba(6,26,49,.24)!important;
  }

  .sponsor-card-under-hero{
    margin:8px!important;
    min-height:62px!important;
    border-radius:8px!important;
  }
}

@media (max-width:1024px){
  .contents-panel .feature-censor{height:145px!important;background:#fff url("../images/project_bez_cenzury.png") center center / 100% 100% no-repeat!important;}
  .contents-panel .feature-censor > *{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .contents-list button{height:47px!important;grid-template-columns:66px minmax(0,1fr) 24px!important;padding:0!important;}
  .contents-list em{width:66px!important;min-width:66px!important;height:47px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#e30b16,#b9040d)!important;color:#fff!important;font-size:25px!important;clip-path:none!important;}
  .contents-list span{padding-left:18px!important;font-size:13.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .contents-list span small{font-size:9.2px!important;}
  .hero-number-banner{height:116px!important;min-height:116px!important;background-size:100% 100%!important;}
}

/* FINAL FIX: Bohater Numeru banner – proper ManagerZone logo version, not squeezed */
.contents-panel .hero-number-banner{
  margin:12px!important;
  width:calc(100% - 24px)!important;
  height:188px!important;
  min-height:188px!important;
  padding:0!important;
  border-radius:10px!important;
  background:#071d35 url("../images/tzh_bohater_icy.png") center center / cover no-repeat!important;
  overflow:hidden!important;
  box-shadow:0 10px 24px rgba(6,26,49,.20)!important;
}
.contents-panel .hero-number-banner:after{display:none!important;content:none!important;}
.contents-panel .hero-number-banner > *,
.contents-panel .hero-number-banner b,
.contents-panel .hero-number-banner em,
.contents-panel .hero-number-banner small,
.contents-panel .hero-number-banner u{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:1024px){
  .contents-panel .hero-number-banner{
    height:178px!important;
    min-height:178px!important;
    background-size:cover!important;
  }
}
@media (max-width:720px){
  .contents-panel .hero-number-banner{
    height:148px!important;
    min-height:148px!important;
    background-size:cover!important;
  }
}


/* FINAL FIX RAFAL: kompaktowy baner Bohater Numeru bez ucinania */
.hero-number-banner{
  display:block!important;
  box-sizing:border-box!important;
  width:calc(100% - 36px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1200/304!important;
  margin:12px 18px 14px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:1px solid rgba(6,24,45,.18)!important;
  background:#071d35 url("../images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;
  box-shadow:0 8px 18px rgba(7,25,45,.12)!important;
  cursor:pointer!important;
}
.hero-number-banner:before,.hero-number-banner:after{display:none!important;content:none!important;}
.hero-number-banner > *, .hero-number-banner span, .hero-number-banner b, .hero-number-banner em, .hero-number-banner small, .hero-number-banner u{
  display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important;
}
.hero-number-banner:hover{filter:brightness(1.04) contrast(1.03)!important;transform:translateY(-1px)!important;}
@media(max-width:720px){
  .hero-number-banner{width:calc(100% - 28px)!important;margin:10px 14px 12px!important;aspect-ratio:1200/304!important;height:auto!important;}
}
/* Osobna strona Bohater Numeru - ten sam baner, pełna szerokość */
.bohater-hero{aspect-ratio:1200/304!important;background:#071d35 url("../../tzcfg/images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;}

/* === RAFAL FIX: przywrócone skalowanie + Bohater Numeru jak baner Bez Cenzury === */
.contents-panel .hero-number-banner,
.hero-number-banner{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:145px!important;
  min-height:145px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#f8fbff url("../images/tzh_bohater_icy.png") center center / 100% 100% no-repeat!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.contents-panel .hero-number-banner:before,
.contents-panel .hero-number-banner:after,
.hero-number-banner:before,
.hero-number-banner:after{display:none!important;content:none!important;}
.contents-panel .hero-number-banner > *,
.hero-number-banner > *,
.hero-number-banner span,
.hero-number-banner b,
.hero-number-banner em,
.hero-number-banner small,
.hero-number-banner u{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.hero-number-banner:hover{filter:brightness(1.03) contrast(1.03)!important;transform:none!important;}
@media(max-width:720px){
  .contents-panel .hero-number-banner,
  .hero-number-banner{width:100%!important;height:128px!important;min-height:128px!important;margin:0!important;}
}


/* === FINAL RAFAL FIX 24.06: przywrócony górny baner + idealne centrowanie === */
html, body{
  width:100%!important;
  overflow-x:hidden!important;
}
body{
  display:block!important;
}
#srodek{
  display:block!important;
  width:min(1680px, calc(100% - 48px))!important;
  max-width:1680px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
#pod_tytulem{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 0 12px 0!important;
}
.tzh-home{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}



.tzh-typer-bar,
.tzh-grid-main,
.forum-strip,
.article-zone,
.tzh-footer{
  width:100%!important;
  max-width:100%!important;
}
@media(max-width:1200px){
  #srodek{width:min(100%, calc(100% - 24px))!important;}
}
@media(max-width:720px){
  #srodek{width:100%!important;padding:0 10px!important;}
  
}


/* === Pomocne Programy MZ - kafelek pod federacjami === */
.helper-programs-strip{
  min-height:122px!important;
  display:grid!important;
  grid-template-columns:118px 1fr auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:22px 36px!important;
  margin-top:18px!important;
  border:1px solid #dbe5f0!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 76% 44%,rgba(10,42,78,.065),transparent 28%),
    linear-gradient(110deg,#ffffff 0%,#f9fbff 48%,#eef5fc 100%)!important;
  box-shadow:0 10px 28px rgba(9,31,55,.09)!important;
  position:relative!important;
  overflow:hidden!important;
}
.helper-programs-strip:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(115deg,transparent 0 56%,rgba(216,7,18,.055) 56% 58%,transparent 58%),
    repeating-linear-gradient(0deg,transparent 0 22px,rgba(10,42,78,.035) 23px,transparent 24px)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
.helper-icon svg{width:66px!important;height:66px!important;display:block!important;fill:none!important;stroke:#08213d!important;stroke-width:5!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.helper-icon svg .red{stroke:#e20b16!important;}
.helper-icon svg circle{fill:#e20b16!important;stroke:#08213d!important;stroke-width:3!important;}
@media(max-width:1040px){
  .helper-programs-strip{grid-template-columns:88px 1fr!important;padding:20px!important;}
  .helper-programs-strip .feds-btn{grid-column:1 / -1!important;width:100%!important;}
}
@media(max-width:720px){
  .helper-programs-strip{grid-template-columns:62px 1fr!important;gap:12px!important;padding:14px!important;margin-top:14px!important;}
  .helper-icon svg{width:48px!important;height:48px!important;}
}


/* Pomocne programy MZ */
.polish-feds-strip.tools-strip{
min-height:104px!important;
padding:18px 28px!important;
background:
radial-gradient(circle at 8% 50%,rgba(74,144,226,.08),transparent 24%),
linear-gradient(90deg,#fbfdff 0%,#eef6ff 55%,#e4f0ff 100%)!important;
}
.polish-feds-strip.tools-strip:after{
background:
linear-gradient(120deg,transparent 0 70%,rgba(80,150,255,.10) 70% 71%,transparent 71%),
repeating-linear-gradient(135deg,transparent 0 28px,rgba(80,150,255,.05) 28px 30px)!important;
}
.tools-strip .feds-copy strong{font-size:28px!important;}
.tools-strip .feds-copy p{font-size:16px!important;}
.tools-strip .feds-copy p::after{background:#4b8dff!important;}
.tools-strip .feds-btn{
min-height:54px!important;
background:linear-gradient(180deg,#4f93ff,#2968d8)!important;
}

/* === FINAL: Pomocne Programy MZ - mniejsza kafelka 1:1 jak projekt === */
.helper-programs-strip{
  min-height:68px!important;
  grid-template-columns:88px 1fr auto!important;
  gap:20px!important;
  padding:10px 34px!important;
  margin-top:46px!important;
  border-radius:12px!important;
  border:1px solid #d8e5f4!important;
  background:
    radial-gradient(circle at 2% 45%, rgba(58,142,255,.075), transparent 22%),
    linear-gradient(120deg, rgba(255,255,255,.98) 0%, rgba(248,252,255,.98) 45%, rgba(235,246,255,.98) 100%)!important;
  box-shadow:0 9px 22px rgba(9,31,55,.10)!important;
}
.helper-programs-strip:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(118deg, transparent 0 63%, rgba(70,151,255,.10) 63.2%, transparent 63.8%),
    linear-gradient(118deg, transparent 0 70%, rgba(70,151,255,.13) 70.2%, transparent 70.8%),
    linear-gradient(62deg, transparent 0 76%, rgba(70,151,255,.10) 76.2%, transparent 76.8%),
    radial-gradient(circle at 0% 50%, rgba(64,145,255,.055), transparent 24%)!important;
}
.helper-programs-strip:after{
  background:
    linear-gradient(135deg, transparent 0 65%, rgba(70,151,255,.08) 65.2%, transparent 65.8%),
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(28,110,210,.022) 21px, transparent 22px)!important;
  opacity:.65!important;
}
.helper-programs-strip .feds-icon{
  width:62px!important;
  height:62px!important;
  border-radius:15px!important;
  box-shadow:0 8px 18px rgba(9,31,55,.09)!important;
}
.helper-programs-strip .helper-icon svg{
  width:50px!important;
  height:50px!important;
}
.helper-programs-strip .feds-copy strong{
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:.25px!important;
}
.helper-programs-strip .feds-copy p{
  font-size:14px!important;
  line-height:1.25!important;
  margin-top:7px!important;
}
.helper-programs-strip .feds-copy p::after{
  width:50px!important;
  height:4px!important;
  margin-top:9px!important;
  background:#2f86ff!important;
}
.helper-programs-strip .feds-btn{
  min-height:50px!important;
  height:50px!important;
  padding:0 30px!important;
  border-radius:12px!important;
  font-size:14px!important;
  background:linear-gradient(180deg,#4a99ff 0%,#1d65d8 100%)!important;
  box-shadow:0 10px 20px rgba(37,108,216,.24), inset 0 1px 0 rgba(255,255,255,.28)!important;
  border:1px solid rgba(27,92,190,.25)!important;
}
.helper-programs-strip .feds-btn:hover{
  box-shadow:0 14px 26px rgba(37,108,216,.30), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
@media(max-width:1040px){
  .helper-programs-strip{grid-template-columns:74px 1fr!important;padding:12px 20px!important;margin-top:24px!important;min-height:74px!important;}
  .helper-programs-strip .feds-btn{grid-column:1 / -1!important;width:100%!important;height:46px!important;min-height:46px!important;}
}
@media(max-width:720px){
  .helper-programs-strip{grid-template-columns:54px 1fr!important;gap:12px!important;padding:10px 12px!important;margin-top:18px!important;min-height:70px!important;}
  .helper-programs-strip .feds-icon{width:48px!important;height:48px!important;border-radius:12px!important;}
  .helper-programs-strip .helper-icon svg{width:38px!important;height:38px!important;}
  .helper-programs-strip .feds-copy strong{font-size:18px!important;}
  .helper-programs-strip .feds-copy p{font-size:12px!important;margin-top:5px!important;}
  .helper-programs-strip .feds-copy p::after{width:38px!important;height:3px!important;margin-top:7px!important;}
}

/* === POPRAWKA FINALNA: Pomocne Programy MZ - niska kafelka bez nakładania === */
.helper-programs-strip{
  min-height:78px!important;
  height:auto!important;
  grid-template-columns:92px minmax(360px,1fr) 336px!important;
  gap:32px!important;
  padding:12px 48px!important;
  margin-top:46px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 2% 50%, rgba(53,139,255,.075), transparent 23%),
    linear-gradient(120deg,#fbfdff 0%,#f5fbff 48%,#eaf6ff 100%)!important;
}
.helper-programs-strip:before{
  background:
    linear-gradient(118deg, transparent 0 67%, rgba(70,151,255,.12) 67.2%, transparent 67.9%),
    linear-gradient(118deg, transparent 0 74%, rgba(70,151,255,.10) 74.2%, transparent 74.9%),
    linear-gradient(62deg, transparent 0 81%, rgba(70,151,255,.10) 81.2%, transparent 81.9%)!important;
}
.helper-programs-strip .feds-icon{
  width:70px!important;
  height:70px!important;
  border-radius:16px!important;
  z-index:2!important;
}
.helper-programs-strip .helper-icon svg{
  width:56px!important;
  height:56px!important;
}
.helper-programs-strip .feds-copy{
  min-width:0!important;
  max-width:100%!important;
  z-index:2!important;
}
.helper-programs-strip .feds-copy strong{
  display:block!important;
  white-space:nowrap!important;
  font-size:27px!important;
  line-height:1!important;
  margin:0!important;
}
.helper-programs-strip .feds-copy p{
  max-width:520px!important;
  white-space:normal!important;
  font-size:15px!important;
  line-height:1.25!important;
  margin:7px 0 0 0!important;
}
.helper-programs-strip .feds-copy p::after{
  width:58px!important;
  height:4px!important;
  margin-top:9px!important;
  background:#2f86ff!important;
}
.helper-programs-strip .feds-btn{
  width:336px!important;
  max-width:336px!important;
  min-height:56px!important;
  height:56px!important;
  padding:0 20px!important;
  justify-self:end!important;
  z-index:2!important;
  border-radius:14px!important;
  font-size:15px!important;
  background:linear-gradient(180deg,#4b99ff 0%,#216edf 100%)!important;
}
@media(max-width:1040px){
  .helper-programs-strip{
    grid-template-columns:78px minmax(0,1fr)!important;
    padding:12px 22px!important;
    gap:18px!important;
    min-height:86px!important;
  }
  .helper-programs-strip .feds-btn{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  .helper-programs-strip .feds-copy strong{font-size:23px!important;white-space:normal!important;}
}
@media(max-width:720px){
  .helper-programs-strip{
    grid-template-columns:58px minmax(0,1fr)!important;
    padding:10px 12px!important;
    gap:12px!important;
    min-height:76px!important;
    margin-top:20px!important;
  }
  .helper-programs-strip .feds-icon{width:52px!important;height:52px!important;}
  .helper-programs-strip .helper-icon svg{width:42px!important;height:42px!important;}
  .helper-programs-strip .feds-copy strong{font-size:19px!important;}
  .helper-programs-strip .feds-copy p{font-size:12px!important;}
  .helper-programs-strip .feds-btn{height:44px!important;min-height:44px!important;font-size:12px!important;}
}

/* === FINAL 1:1 Rafał: kafelki bliżej siebie + Pomocne Programy MZ o połowę niższe === */
@media (min-width:1025px){
  .polish-feds-strip{
    margin-bottom:0!important;
    min-height:108px!important;
    height:108px!important;
    padding:14px 28px!important;
    grid-template-columns:92px minmax(0,1fr) auto!important;
    gap:22px!important;
  }

  .helper-programs-strip{
    margin-top:8px!important;
    min-height:54px!important;
    height:54px!important;
    padding:6px 28px!important;
    grid-template-columns:58px minmax(0,1fr) 285px!important;
    gap:18px!important;
    border-radius:10px!important;
    align-items:center!important;
  }

  .helper-programs-strip .feds-icon{
    width:42px!important;
    height:42px!important;
    border-radius:11px!important;
  }

  .helper-programs-strip .helper-icon svg{
    width:34px!important;
    height:34px!important;
  }

  .helper-programs-strip .feds-copy strong{
    font-size:20px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .helper-programs-strip .feds-copy p{
    font-size:12px!important;
    line-height:1.12!important;
    margin-top:4px!important;
    max-width:460px!important;
  }

  .helper-programs-strip .feds-copy p::after{
    width:42px!important;
    height:3px!important;
    margin-top:5px!important;
  }

  .helper-programs-strip .feds-btn{
    width:285px!important;
    max-width:285px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
}

/* === POPRAWKA NR 1 RAFAL 03.07: szerokość strony jak strona główna === */
:root{--tzh-main-page-width:1880px;}
html,body{width:100%!important;overflow-x:hidden!important;}
#srodek{
  width:min(var(--tzh-main-page-width), calc(100vw - 44px))!important;
  max-width:var(--tzh-main-page-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}


.tzh-grid-main{
  grid-template-columns:560px minmax(0,1fr)!important;
  gap:18px!important;
}
.tzh-right-col{min-width:0!important;}
@media(max-width:1200px){
  #srodek{width:calc(100vw - 24px)!important;max-width:100%!important;}
  .tzh-grid-main{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  #srodek{width:100%!important;padding-left:10px!important;padding-right:10px!important;}
}

/* === POPRAWKA 1.3 RAFAL: szerokość jak strona główna + przebudowa proporcji === */
@media (min-width:1025px){
  html,body{overflow-x:hidden!important;}
  #srodek{
    display:block!important;
    width:min(1180px, calc(100vw - 36px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  #pod_tytulem,.tzh-home{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}

  
  

  .tzh-typer-bar,.tzh-typer-bar-pro{
    width:100%!important;
    max-width:100%!important;
    min-height:66px!important;
    padding:8px 12px!important;
    margin:0 0 10px!important;
    grid-template-columns:210px repeat(3,minmax(135px,1fr)) auto!important;
    gap:8px!important;
    border-radius:14px!important;
  }
  .tzh-typer-bar-pro .typer-name{font-size:18px!important;line-height:.96!important;}
  .tzh-typer-bar-pro .typer-name .typer-redline{height:36px!important;}
  .tzh-typer-bar-pro .typer-item{min-height:48px!important;padding:8px 26px 8px 10px!important;border-radius:14px!important;}
  .tzh-typer-bar-pro .ico-svg{width:38px!important;height:38px!important;min-width:38px!important;}
  .tzh-typer-bar-pro .ico-svg svg{width:22px!important;height:22px!important;}
  .tzh-typer-bar-pro .typer-copy b{font-size:12px!important;line-height:1.05!important;}
  .tzh-typer-bar-pro .typer-copy small{font-size:9px!important;line-height:1!important;}
  .tzh-typer-bar-pro .typer-arrow{font-size:26px!important;right:8px!important;}
  .tzh-typer-bar-pro .typer-buttons{gap:8px!important;}
  .tzh-typer-bar-pro .typer-buttons .btn{min-height:40px!important;padding:0 13px!important;font-size:11px!important;border-radius:8px!important;white-space:nowrap!important;}

  .tzh-grid-main{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:390px minmax(0,1fr)!important;
    gap:12px!important;
    margin-top:10px!important;
    align-items:start!important;
  }
  .tzh-right-col{gap:12px!important;min-width:0!important;}
  .tzh-panel,.rep-banner,.polish-feds-strip,.helper-programs-strip,.forum-strip,.article-zone{border-radius:12px!important;}

  .contents-panel{min-width:0!important;overflow:hidden!important;}
  .contents-panel .panel-title,.panel-title{height:40px!important;padding:0 14px!important;font-size:16px!important;line-height:1!important;}
  .contents-panel .panel-title b{font-size:16px!important;margin-left:7px!important;}
  .contents-panel .panel-title:after,.stats-panel .panel-title:after{left:14px!important;width:38px!important;height:3px!important;}
  .contents-panel .feature-censor{height:142px!important;min-height:142px!important;background-size:100% 100%!important;}
  .contents-list button{height:46px!important;min-height:46px!important;grid-template-columns:66px minmax(0,1fr) 22px!important;padding:0!important;}
  .contents-list em{width:66px!important;min-width:66px!important;height:46px!important;font-size:25px!important;}
  .contents-list span{padding:0 6px 0 15px!important;font-size:13px!important;line-height:1.04!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .contents-list span small,.contents-list button span small{font-size:8.8px!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .contents-list i{font-size:21px!important;width:22px!important;}
  .hero-number-banner,.contents-panel .hero-number-banner{height:140px!important;min-height:140px!important;width:100%!important;margin:0!important;background-size:100% 100%!important;}
  .sponsor-card-under-hero{margin:8px!important;min-height:62px!important;padding:7px 10px!important;grid-template-columns:52px 1fr 30px!important;}
  .sponsor-card-under-hero img{width:45px!important;max-width:45px!important;}
  .sponsor-card-copy small{font-size:8px!important;}
  .sponsor-card-copy strong{font-size:13px!important;line-height:1.02!important;}
  .sponsor-card-copy p{font-size:10px!important;margin-top:1px!important;}

  .stats-panel{min-width:0!important;overflow:hidden!important;}
  .stats-panel .panel-title{height:42px!important;font-size:17px!important;padding:0 16px!important;}
  .stats-grid-premium,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:10px!important;}
  .stats-grid-premium button,.stats-grid button{height:68px!important;min-height:68px!important;grid-template-columns:40px minmax(0,1fr) 14px!important;gap:8px!important;padding:8px 10px!important;border-radius:10px!important;}
  .stats-grid-premium .stat-icon,.stats-grid .stat-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:9px!important;}
  .stats-grid-premium .stat-icon svg,.stats-grid .stat-icon svg{width:23px!important;height:23px!important;}
  .stats-grid-premium button span,.stats-grid button span{font-size:11.2px!important;line-height:1.04!important;letter-spacing:0!important;}
  .stats-grid-premium button span:after,.stats-grid button span:after{width:28px!important;height:3px!important;margin-top:6px!important;}
  .stats-grid-premium b,.stats-grid button b{font-size:19px!important;width:14px!important;}

  .tzh-records-accordion{margin-top:9px!important;border-radius:10px!important;}
  .tzh-records-accordion summary{height:56px!important;min-height:56px!important;grid-template-columns:38px minmax(0,1fr) 28px!important;gap:8px!important;padding:8px 12px!important;}
  .tzh-records-accordion .acc-ico{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;}
  .tzh-records-accordion .acc-ico svg{width:23px!important;height:23px!important;}
  .stats-grid-premium .tzh-records-accordion .acc-title{font-size:15px!important;line-height:1.05!important;}
  .tzh-records-accordion .acc-title:after{width:36px!important;height:3px!important;margin-top:6px!important;}
  .tzh-records-accordion .acc-arrow{width:26px!important;height:26px!important;min-width:26px!important;}
  .tzh-records-accordion .acc-body{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 10px 10px!important;padding-top:8px!important;}
  .tzh-records-accordion .acc-card{height:52px!important;min-height:52px!important;grid-template-columns:26px minmax(0,1fr) 6px!important;gap:6px!important;padding:6px!important;border-radius:8px!important;}
  .tzh-records-accordion .mini-ico{width:24px!important;height:24px!important;min-width:24px!important;border-radius:7px!important;}
  .tzh-records-accordion .mini-ico svg{width:16px!important;height:16px!important;}
  .stats-grid-premium .tzh-records-accordion .mini-copy{font-size:8.8px!important;line-height:1.05!important;}
  .tzh-records-accordion .mini-copy:after{width:22px!important;height:2px!important;margin-top:4px!important;}
  .tzh-records-accordion .mini-arr{font-size:15px!important;width:6px!important;}

  .rep-banner.rep-image-banner,.rep-image-banner{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1085/300!important;margin:0!important;border-radius:10px!important;background-size:100% 100%!important;}
  .polish-feds-strip{min-height:76px!important;padding:10px 18px!important;grid-template-columns:62px 1fr auto!important;gap:14px!important;}
  .feds-icon{width:50px!important;height:50px!important;}
  .feds-icon img{width:42px!important;}
  .feds-copy strong{font-size:18px!important;}
  .feds-copy p{font-size:11.5px!important;}
  .feds-btn{height:40px!important;padding:0 18px!important;font-size:11px!important;}
  .helper-programs-strip{margin-top:12px!important;min-height:68px!important;padding:9px 18px!important;grid-template-columns:60px 1fr auto!important;}
  .forum-strip{width:100%!important;min-height:58px!important;margin-top:10px!important;padding:8px 18px!important;grid-template-columns:52px 1fr auto!important;}
  .forum-strip button{min-width:190px!important;font-size:11px!important;padding:0 18px!important;height:38px!important;}
  .article-zone{width:100%!important;}
}

@media (max-width:1024px){
  #srodek{width:100%!important;max-width:100%!important;padding:0 10px!important;transform:none!important;}
  .tzh-grid-main{display:block!important;}
}


/* Banner buttons visible over cleaned background */
.rep-banner.rep-image-banner .rep-senior,
.rep-banner.rep-image-banner .rep-u21,
.rep-banner.rep-image-banner .rep-article{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  text-decoration:none!important;
  font-size:16px!important;
  color:#fff!important;
  border:1px solid rgba(190,212,235,.45)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  overflow:hidden!important;
}
.rep-banner.rep-image-banner .rep-senior,
.rep-banner.rep-image-banner .rep-u21{
  background:linear-gradient(180deg,rgba(7,25,45,.92),rgba(8,30,53,.88))!important;
}
.rep-banner.rep-image-banner .rep-article{
  background:linear-gradient(180deg,rgba(196,11,25,.95),rgba(162,8,20,.92))!important;
  border-color:rgba(255,180,180,.42)!important;
}
.rep-banner.rep-image-banner .rep-senior span,
.rep-banner.rep-image-banner .rep-u21 span,
.rep-banner.rep-image-banner .rep-article span{
  display:block!important;
  color:#fff!important;
  font-size:clamp(14px,1.25vw,18px)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-shadow:0 2px 6px rgba(0,0,0,.3)!important;
}
.rep-banner.rep-image-banner .rep-senior::after,
.rep-banner.rep-image-banner .rep-u21::after,
.rep-banner.rep-image-banner .rep-article::after{
  content:"›"!important;
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-52%)!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.rep-banner.rep-image-banner .rep-senior:hover,
.rep-banner.rep-image-banner .rep-u21:hover,
.rep-banner.rep-image-banner .rep-article:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.05)!important;
}
.rep-banner.rep-image-banner .rep-senior:focus-visible,
.rep-banner.rep-image-banner .rep-u21:focus-visible,
.rep-banner.rep-image-banner .rep-article:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}
@media (max-width:1024px){
  .rep-banner.rep-image-banner .rep-senior span,
  .rep-banner.rep-image-banner .rep-u21 span,
  .rep-banner.rep-image-banner .rep-article span{font-size:12px!important}
  .rep-banner.rep-image-banner .rep-senior::after,
  .rep-banner.rep-image-banner .rep-u21::after,
  .rep-banner.rep-image-banner .rep-article::after{right:10px!important;font-size:20px!important}
}


/* Use generated banner image with built-in button graphics; keep only invisible click zones */
.rep-banner.rep-image-banner .rep-senior,
.rep-banner.rep-image-banner .rep-u21,
.rep-banner.rep-image-banner .rep-article{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:transparent!important;
  border-radius:14px!important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.rep-banner.rep-image-banner .rep-senior span,
.rep-banner.rep-image-banner .rep-u21 span,
.rep-banner.rep-image-banner .rep-article span{
  display:none!important;
}
.rep-banner.rep-image-banner .rep-senior::after,
.rep-banner.rep-image-banner .rep-u21::after,
.rep-banner.rep-image-banner .rep-article::after{
  display:none!important;
  content:none!important;
}
.rep-banner.rep-image-banner .rep-senior:hover,
.rep-banner.rep-image-banner .rep-u21:hover,
.rep-banner.rep-image-banner .rep-article:hover{
  transform:none!important;
  filter:none!important;
  outline:none!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(9,20,34,.10)!important;
  border-radius:14px!important;
}
.rep-banner.rep-image-banner .rep-senior:focus-visible,
.rep-banner.rep-image-banner .rep-u21:focus-visible,
.rep-banner.rep-image-banner .rep-article:focus-visible{
  outline:2px solid rgba(255,255,255,.9)!important;
  outline-offset:-2px!important;
  border-radius:14px!important;
}
/* Fine-tune click zones to the generated banner layout */
.rep-senior{left:4.0%!important;top:73.0%!important;width:31.5%!important;height:13.8%!important;bottom:auto!important;}
.rep-u21{left:36.7%!important;top:73.0%!important;width:31.5%!important;height:13.8%!important;bottom:auto!important;}
.rep-article{left:69.4%!important;top:73.0%!important;width:27.7%!important;height:13.8%!important;bottom:auto!important;}
@media (max-width:1024px){
  .rep-senior{left:3.6%!important;top:72.5%!important;width:31.7%!important;height:14.3%!important;}
  .rep-u21{left:36.5%!important;top:72.5%!important;width:31.8%!important;height:14.3%!important;}
  .rep-article{left:69.1%!important;top:72.5%!important;width:28.2%!important;height:14.3%!important;}
}