.master .mainkontener .prawykontener .tresc_dzialu{
background:transparent;
padding:0;
margin-top:18px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero{
display:flex;
justify-content:space-between;
gap:28px;
padding:32px;
margin-bottom:18px;
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
background:
linear-gradient(135deg, rgba(255,140,32,0.12), rgba(255,140,32,0.02) 42%),
linear-gradient(180deg, rgba(25,31,38,0.98), rgba(16,21,27,0.96));
box-shadow:0 20px 45px rgba(0,0,0,0.26);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__copy{
max-width:760px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__eyebrow{
margin:0 0 12px;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
color:#ff9b3d;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero h1{
margin:0 0 14px;
font-size:38px;
line-height:1.08;
color:#ffffff;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__lead{
margin:0;
font-size:17px;
line-height:1.75;
color:#c7d0d9;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stats{
display:grid;
grid-template-columns:repeat(2, minmax(140px, 1fr));
gap:14px;
min-width:320px;
align-self:stretch;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stat{
display:flex;
flex-direction:column;
justify-content:center;
padding:22px 20px;
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
background:rgba(8,12,16,0.46);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stat span{
font-size:12px;
text-transform:uppercase;
color:#92a2b0;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stat strong{
margin:10px 0 6px;
font-size:32px;
line-height:1;
color:#ffffff;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stat small{
font-size:13px;
color:#c8d1da;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
padding:16px 20px;
margin-bottom:18px;
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
background:rgba(13,18,23,0.88);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__group{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__label{
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
color:#95a5b3;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__chip{
display:inline-flex;
align-items:center;
justify-content:center;
height:38px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.08);
border-radius:999px;
background:#161d24;
color:#dbe3ea;
font-size:13px;
font-weight:bold;
text-decoration:none;
transition:all .18s ease;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__chip:hover{
border-color:rgba(255,155,61,0.45);
background:#1c242d;
color:#ffffff;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__chip.is-active{
border-color:#ff8c20;
background:linear-gradient(180deg, #ff9b3d, #f57a0a);
color:#121820;
box-shadow:0 12px 24px rgba(245,122,10,0.22);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar__summary{
font-size:13px;
color:#9cafbd;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy{
font-size:12px;
color:#9cafbd;
padding:6px 0 16px;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy--bottom{
padding-top:20px;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_szary,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_po_na,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy span{
display:flex;
align-items:center;
justify-content:center;
min-width:42px;
height:42px;
margin:0 6px 0 0;
padding:0 14px;
float:left;
border-radius:12px;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link{
background:#1a222b;
border:1px solid rgba(255,255,255,0.08);
color:#d4dde6;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link:hover{
background:#232d37;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_szary{
background:linear-gradient(180deg, #ff9b3d, #f57a0a);
border:1px solid #ff9b3d;
color:#10151b;
font-weight:bold;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_po_na{
color:#7f8d98;
border:1px dashed rgba(255,255,255,0.08);
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .kropki{
min-width:28px;
padding:0;
margin-right:6px;
color:#71808b;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-lista{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:18px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card{
display:grid;
grid-template-columns:230px minmax(0, 1fr);
min-height:270px;
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
overflow:hidden;
background:linear-gradient(180deg, rgba(24,31,38,0.98), rgba(14,19,25,0.98));
box-shadow:0 18px 36px rgba(0,0,0,0.26);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cover{
position:relative;
display:block;
overflow:hidden;
text-decoration:none;
background:
radial-gradient(circle at 30% 18%, rgba(255,186,99,0.4), transparent 32%),
linear-gradient(180deg, rgba(255,157,61,0.18), rgba(0,0,0,0.18)),
linear-gradient(135deg, #3a2b1b, #11181f 55%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cover:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(6,9,12,0.04), rgba(6,9,12,0.64)),
url('/img/tlo_gora.jpg') center center / cover no-repeat;
mix-blend-mode:screen;
opacity:.4;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cover:after{
content:"";
position:absolute;
left:22px;
right:22px;
bottom:22px;
height:1px;
background:rgba(255,255,255,0.12);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__badge,
.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cta{
position:absolute;
left:22px;
z-index:2;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__badge{
top:22px;
display:inline-flex;
align-items:center;
height:30px;
padding:0 12px;
border-radius:999px;
background:rgba(10,14,18,0.72);
border:1px solid rgba(255,255,255,0.12);
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
color:#f7f0e8;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cta{
bottom:42px;
font-size:22px;
line-height:1.15;
font-weight:bold;
color:#ffffff;
max-width:170px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content{
display:flex;
flex-direction:column;
padding:26px 28px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__meta{
display:flex;
flex-wrap:wrap;
gap:8px 16px;
margin-bottom:12px;
font-size:12px;
color:#8fa0ad;
text-transform:uppercase;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content h2{
margin:0 0 14px;
font-size:28px;
line-height:1.12;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content h2 a{
color:#ffffff;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content h2 a:hover{
color:#ffb163;
text-decoration:none;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content p{
margin:0;
font-size:15px;
line-height:1.72;
color:#c2ccd5;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__footer{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin-top:auto;
padding-top:20px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__author{
font-size:13px;
font-weight:bold;
color:#ffb163;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:12px;
background:linear-gradient(180deg, #ff9b3d, #f57a0a);
color:#121820;
font-size:13px;
font-weight:bold;
text-decoration:none;
box-shadow:0 14px 30px rgba(245,122,10,0.2);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__link:hover{
color:#121820;
text-decoration:none;
filter:brightness(1.05);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--wot .poradnik-card__cover{
background:
radial-gradient(circle at 28% 18%, rgba(255,173,84,0.52), transparent 33%),
linear-gradient(180deg, rgba(255,140,32,0.12), rgba(9,12,16,0.46)),
linear-gradient(135deg, #463222, #121920 58%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--blitz .poradnik-card__cover{
background:
radial-gradient(circle at 30% 16%, rgba(96,182,255,0.5), transparent 30%),
linear-gradient(180deg, rgba(44,137,255,0.2), rgba(8,12,18,0.4)),
linear-gradient(135deg, #132533, #121920 62%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--warthunder .poradnik-card__cover{
background:
radial-gradient(circle at 30% 18%, rgba(255,112,84,0.46), transparent 30%),
linear-gradient(180deg, rgba(196,64,30,0.22), rgba(7,11,16,0.38)),
linear-gradient(135deg, #33201b, #121920 58%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--warships .poradnik-card__cover{
background:
radial-gradient(circle at 32% 18%, rgba(98,191,221,0.42), transparent 30%),
linear-gradient(180deg, rgba(44,125,165,0.18), rgba(10,15,22,0.44)),
linear-gradient(135deg, #173244, #121920 58%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--warplanes .poradnik-card__cover{
background:
radial-gradient(circle at 32% 18%, rgba(186,189,255,0.38), transparent 30%),
linear-gradient(180deg, rgba(115,122,217,0.18), rgba(10,13,20,0.44)),
linear-gradient(135deg, #26304e, #121920 58%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card--generals .poradnik-card__cover{
background:
radial-gradient(circle at 32% 18%, rgba(152,230,128,0.34), transparent 30%),
linear-gradient(180deg, rgba(81,151,66,0.18), rgba(11,14,18,0.44)),
linear-gradient(135deg, #263725, #121920 58%);
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-empty{
padding:30px 34px;
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
background:rgba(18,24,31,0.92);
font-size:15px;
line-height:1.7;
color:#c8d1da;
}

@media only screen and (max-width: 1180px){
.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero{
flex-direction:column;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stats{
min-width:0;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-lista{
grid-template-columns:1fr;
}
}

@media only screen and (max-width: 860px){
.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero{
padding:24px;
border-radius:16px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero h1{
font-size:30px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__lead{
font-size:15px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradniki-toolbar{
flex-direction:column;
align-items:flex-start;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card{
grid-template-columns:1fr;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cover{
min-height:220px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__cta{
max-width:260px;
font-size:26px;
}
}

@media only screen and (max-width: 640px){
.master .mainkontener .prawykontener .tresc_dzialu .poradniki-hero__stats{
grid-template-columns:1fr;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content{
padding:22px 20px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__content h2{
font-size:24px;
}

.master .mainkontener .prawykontener .tresc_dzialu .poradnik-card__footer{
flex-direction:column;
align-items:flex-start;
}

.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_szary,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy .link_po_na,
.master .mainkontener .prawykontener .tresc_dzialu .dalsze_listy span{
min-width:38px;
height:38px;
padding:0 12px;
}
}