.category-page{background:#f4f7fb;padding:34px 0 70px}.category-breadcrumbs{font-size:12px;color:#718096;margin-bottom:20px}.category-breadcrumbs a{color:inherit}.category-hero{position:relative;overflow:hidden;min-height:370px;display:flex;align-items:flex-end;padding:42px;border-radius:26px;color:#fff;background:linear-gradient(120deg,#071423,#12365a);box-shadow:0 18px 48px rgba(9,28,51,.13)}.category-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(46,119,220,.36),transparent 35%)}.category-hero-content{position:relative;z-index:1;max-width:780px}.category-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ed1b35;font-size:10px;font-weight:900;letter-spacing:.08em}.category-hero h1{margin:15px 0 12px;font-size:clamp(42px,6vw,74px);letter-spacing:-.05em;line-height:.98}.category-hero p{margin:0;color:#d8e4f0;font-size:17px;line-height:1.6}.category-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:22px;margin-top:24px}.category-panel{padding:24px;border:1px solid #e0e7ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(13,36,64,.05)}.category-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.category-panel h2{margin:0;font-size:25px}.category-panel-head a{color:#e21b2d;font-size:12px;font-weight:900}.category-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding-bottom:20px;border-bottom:1px solid #e6ebf1}.category-lead img,.category-list img{width:100%;object-fit:cover;border-radius:14px}.category-lead img{height:265px}.category-lead h3{font-size:28px;line-height:1.12;margin:12px 0}.category-meta{color:#77869a;font-size:11px;font-weight:700}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.category-card{display:grid;grid-template-columns:120px 1fr;gap:13px;color:#122137;text-decoration:none}.category-card img{height:82px}.category-card h3{margin:4px 0;font-size:15px;line-height:1.25}.category-side-list{display:grid;gap:12px}.category-rank{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #e7ecf2;text-decoration:none;color:#14243a}.category-rank span{color:#e21b2d;font-size:22px;font-weight:950}.category-rank strong{font-size:14px;line-height:1.35}.category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.category-tags a{padding:8px 11px;border-radius:999px;background:#eef2f6;color:#293950;font-size:11px;text-decoration:none}.category-ad{margin-top:20px;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#081524,#15365a)}.category-ad small{color:#adc9e7}.category-ad strong{display:block;margin:10px 0;font-size:20px}.all-topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.topic-tile{padding:20px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;color:#14243a;text-decoration:none}.topic-tile strong{display:block;font-size:18px}.topic-tile span{display:block;margin-top:7px;color:#77869a;font-size:12px;line-height:1.4}@media(max-width:900px){.category-layout{grid-template-columns:1fr}.all-topics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.category-page{padding-top:18px}.category-hero{min-height:320px;padding:27px 22px;border-radius:20px}.category-lead{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.category-card{grid-template-columns:105px 1fr}.all-topics-grid{grid-template-columns:1fr}}

/* Tematy — katalog z ikonami */
.topics-directory{padding-bottom:84px}.topics-hero{min-height:330px}.topics-hero-mark{position:absolute;right:44px;bottom:-38px;z-index:1;color:rgba(255,255,255,.055);font-size:230px;font-weight:950;line-height:1;letter-spacing:-.09em;pointer-events:none}.topics-section{margin-top:24px}.topics-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.topics-section-head h2{margin:4px 0 0;color:#0d1d32;font-size:30px;letter-spacing:-.035em}.topics-section-head p{margin:0 0 4px;color:#738298;font-size:12px;font-weight:750}.topics-eyebrow{color:#e21b2d;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.topics-directory .all-topics-grid{gap:14px;margin-top:0}.topics-directory .topic-tile{--topic-accent:#1f67d2;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:118px;padding:18px 16px 18px 18px;overflow:hidden;border:1px solid #dde5ef;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfcfe);box-shadow:0 8px 24px rgba(12,35,64,.045);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.topics-directory .topic-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--topic-accent);opacity:.92}.topics-directory .topic-tile:hover,.topics-directory .topic-tile:focus-visible{border-color:color-mix(in srgb,var(--topic-accent) 30%,#dce4ed);box-shadow:0 16px 35px rgba(12,35,64,.11);transform:translateY(-3px);outline:none}.topic-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--topic-accent);background:color-mix(in srgb,var(--topic-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--topic-accent) 17%,#fff)}.topic-icon svg{width:25px;height:25px}.topic-copy{min-width:0}.topics-directory .topic-copy strong{display:block;color:#102039;font-size:17px;line-height:1.15}.topics-directory .topic-copy>span{display:-webkit-box;margin-top:7px;overflow:hidden;color:#718096;font-size:11px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topic-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--topic-accent);background:color-mix(in srgb,var(--topic-accent) 8%,#fff);font-size:15px;font-weight:900;transition:transform .2s ease}.topic-tile:hover .topic-arrow{transform:translateX(3px)}.topic-tone-red{--topic-accent:#df263b!important}.topic-tone-blue{--topic-accent:#236bd8!important}.topic-tone-navy{--topic-accent:#12365a!important}.topic-tone-orange{--topic-accent:#e76f1d!important}.topic-tone-green{--topic-accent:#16845d!important}.topic-tone-gold{--topic-accent:#b98916!important}.topic-tone-slate{--topic-accent:#607086!important}.topic-tone-yellow{--topic-accent:#c8930d!important}.topic-tone-violet{--topic-accent:#7551c9!important}.topic-tone-cyan{--topic-accent:#1688a9!important}.topic-tone-rose{--topic-accent:#c94e77!important}@media(max-width:1180px){.topics-directory .all-topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.topics-directory .all-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-hero-mark{right:18px;font-size:190px}}@media(max-width:650px){.topics-section-head{align-items:flex-start;flex-direction:column;gap:5px}.topics-directory .all-topics-grid{grid-template-columns:1fr}.topics-directory .topic-tile{min-height:108px}.topics-hero-mark{font-size:140px;right:8px;bottom:-20px}}


/* =====================================================
   TEMATY — WERSJA MINIMALISTYCZNA
   ===================================================== */
.topics-directory{background:#f6f8fb;padding-bottom:88px}
.topics-directory .category-breadcrumbs{margin-bottom:16px;color:#7b8797}
.topics-directory .topics-hero{min-height:236px;align-items:center;padding:40px 44px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,#091827 0%,#133c67 100%);box-shadow:0 18px 44px rgba(14,31,52,.10)}
.topics-directory .topics-hero:after{background:radial-gradient(circle at 88% 14%,rgba(83,151,226,.19),transparent 34%)}
.topics-directory .category-kicker{padding:0;color:#ff5365;background:transparent;font-size:10px;letter-spacing:.16em}
.topics-directory .category-hero h1{margin:14px 0 10px;font-size:clamp(42px,5vw,64px)}
.topics-directory .category-hero p{max-width:650px;color:#d7e1eb;font-size:15px;line-height:1.55}
.topics-section{margin-top:34px}
.topics-section-head{align-items:flex-end;margin-bottom:18px;padding:0 2px}
.topics-section-head h2{font-size:27px;font-weight:850}
.topics-section-head p{color:#8490a0;font-size:11px;font-weight:700}
.topics-eyebrow{font-size:9px;letter-spacing:.15em}
.topics-directory .all-topics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.topics-directory .topic-tile{--topic-accent:#e5233f;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:13px;min-height:104px;padding:17px 16px;border:1px solid #e3e8ef;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(16,36,62,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.topics-directory .topic-tile:before{display:none}
.topics-directory .topic-tile:hover,.topics-directory .topic-tile:focus-visible{border-color:#cfd8e3;box-shadow:0 12px 28px rgba(16,36,62,.08);transform:translateY(-2px)}
.topics-directory .topic-icon{width:40px;height:40px;border:0;border-radius:11px;color:#2d415b;background:#f1f4f8}
.topics-directory .topic-icon svg{width:21px;height:21px;stroke-width:1.65}
.topics-directory .topic-copy strong{font-size:15px;font-weight:820;letter-spacing:-.01em}
.topics-directory .topic-copy>span{margin-top:6px;color:#7a8797;font-size:10.5px;line-height:1.4;-webkit-line-clamp:2}
.topics-directory .topic-arrow{width:20px;height:20px;color:#9aa6b5;background:transparent;font-size:14px}
.topics-directory .topic-tile:hover .topic-arrow{color:#e5233f;transform:translateX(2px)}
.topics-directory [class*="topic-tone-"]{--topic-accent:#e5233f!important}
@media(max-width:1180px){.topics-directory .all-topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.topics-directory .all-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-directory .topics-hero{min-height:220px;padding:34px}}
@media(max-width:650px){.topics-directory{padding-bottom:60px}.topics-directory .topics-hero{min-height:210px;padding:28px 24px;border-radius:18px}.topics-directory .all-topics-grid{grid-template-columns:1fr}.topics-directory .topic-tile{min-height:98px}.topics-section{margin-top:26px}}

/* =====================================================
   TEMATY — PRECYZYJNE WYRÓWNANIE IKON I ELEMENTÓW
   ===================================================== */
.topics-directory .topic-tile > .topic-icon,
.topics-directory .topic-tile > .topic-copy,
.topics-directory .topic-tile > .topic-arrow{
  margin:0;
}

.topics-directory .topic-tile{
  align-items:center;
}

.topics-directory .topic-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  justify-self:start;
  flex:0 0 40px;
  width:40px;
  min-width:40px;
  max-width:40px;
  height:40px;
  min-height:40px;
  max-height:40px;
  padding:0;
  line-height:0;
  overflow:hidden;
}

.topics-directory .topic-icon svg{
  display:block;
  flex:0 0 21px;
  width:21px;
  height:21px;
  margin:0;
  padding:0;
  transform:none;
  transform-origin:center;
}

.topics-directory .topic-copy{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  margin:0;
}

.topics-directory .topic-copy strong,
.topics-directory .topic-copy > span{
  margin-left:0;
  margin-right:0;
}

.topics-directory .topic-arrow{
  align-self:center;
  justify-self:end;
  margin:0;
  line-height:1;
}

/* Visible ad placement on category pages */
.category-ad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;margin-top:18px;padding:24px;border:1px dashed #aebdce;border-radius:16px;background:linear-gradient(145deg,#fff,#f3f6fa);text-align:center;overflow:hidden}
.category-ad::before{content:"250 × 250 px";display:grid;place-items:center;width:96px;height:96px;margin-bottom:15px;border:1px solid #d8e0ea;border-radius:13px;background:#fff;color:#65758a;font-size:11px;font-weight:950;letter-spacing:.05em;box-shadow:0 8px 20px rgba(12,31,56,.06)}
.category-ad small{color:#e31e3c;font-size:9px;font-weight:950;letter-spacing:.12em}
.category-ad strong{max-width:260px;margin:8px 0 14px;color:#12243d;font-size:16px;line-height:1.3}


/* NaszeMedia.info v3.1: indywidualne bannery tematów */
.category-hero--image{position:relative;isolation:isolate;min-height:370px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;background:linear-gradient(105deg,var(--topic-accent-dark) 0%,color-mix(in srgb,var(--topic-accent) 72%,#071526) 58%,rgba(7,21,38,.45) 100%);}
.category-hero--image::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--topic-banner);background-size:cover;background-position:center;opacity:.34;transform:scale(1.02)}
.category-hero--image::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,16,31,.96) 0%,rgba(4,16,31,.78) 46%,rgba(4,16,31,.24) 100%),linear-gradient(0deg,rgba(4,16,31,.6),transparent 70%)}
.category-hero--image .category-hero-content{position:relative;z-index:1;max-width:760px}
.category-hero--image .category-kicker{background:var(--topic-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--topic-accent) 36%,transparent)}
.category-hero__cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;margin:0 36px 34px 0;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;text-decoration:none;font-weight:800;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.category-hero__cta:hover{background:#fff;color:#0b1c31}
.category-lead__image{display:block;overflow:hidden;border-radius:16px}
.category-lead h3 a{color:inherit;text-decoration:none}.category-lead h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:760px){.category-hero--image{min-height:330px;align-items:flex-end}.category-hero__cta{display:none}.category-hero--image::after{background:linear-gradient(0deg,rgba(4,16,31,.96),rgba(4,16,31,.35))}}


/* NaszeMedia.info v3.3: niezależne, lokalne bannery dla każdego tematu */
.category-hero--image{isolation:isolate;align-items:flex-end;background:var(--topic-accent-dark,#071423)}
.category-hero--image:after{display:none}
.category-hero__media,.category-hero__shade{position:absolute;inset:0}
.category-hero__media{z-index:-3;overflow:hidden}
.category-hero__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.category-hero__shade{z-index:-2;background:linear-gradient(90deg,rgba(4,15,28,.95) 0%,rgba(4,15,28,.78) 42%,rgba(4,15,28,.20) 76%,rgba(4,15,28,.08) 100%)}
.category-hero-content{z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.category-hero__cta{position:absolute;right:5.5%;bottom:72px;z-index:2;display:inline-flex;align-items:center;gap:14px;padding:15px 21px;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:#fff;background:rgba(7,20,35,.18);backdrop-filter:blur(8px);font-size:13px;font-weight:850;text-decoration:none;transition:.2s ease}
.category-hero__cta:hover,.category-hero__cta:focus-visible{background:#fff;color:#102039;transform:translateY(-2px);outline:none}
@media(max-width:760px){.category-hero__shade{background:linear-gradient(90deg,rgba(4,15,28,.92),rgba(4,15,28,.48))}.category-hero__cta{right:22px;bottom:24px;padding:12px 16px}.category-hero-content{padding-bottom:52px}}

/* =====================================================
   NaszeMedia.info v3.4 — lekki, biznesowy nagłówek działu
   ===================================================== */
.category-page{padding-top:24px}
.category-page .category-breadcrumbs{margin-bottom:14px}
.category-page .category-hero--image{
  min-height:238px;
  max-height:238px;
  align-items:center;
  padding:34px 42px;
  border:1px solid #dfe6ee;
  border-radius:20px;
  color:#102039;
  background:#fff;
  box-shadow:0 10px 30px rgba(16,36,62,.065);
}
.category-page .category-hero__media{
  inset:0 0 0 auto;
  z-index:0;
  width:44%;
  opacity:.96;
}
.category-page .category-hero__media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 18%,rgba(255,255,255,.22) 62%,rgba(255,255,255,.04) 100%);
}
.category-page .category-hero__media img{
  filter:saturate(.78) contrast(.94) brightness(1.06);
  object-position:center;
}
.category-page .category-hero__shade{
  z-index:0;
  background:
    linear-gradient(90deg,#fff 0%,#fff 50%,rgba(255,255,255,.72) 66%,rgba(255,255,255,.1) 100%),
    linear-gradient(135deg,color-mix(in srgb,var(--topic-accent) 5%,#fff),#fff 58%);
}
.category-page .category-hero-content{
  position:relative;
  z-index:2;
  width:min(60%,760px);
  max-width:760px;
  text-shadow:none;
}
.category-page .category-kicker{
  padding:0 0 8px;
  border-radius:0;
  color:var(--topic-accent);
  background:transparent;
  box-shadow:none;
  font-size:9px;
  letter-spacing:.16em;
}
.category-page .category-kicker::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:9px;
  border-radius:99px;
  background:var(--topic-accent);
}
.category-page .category-hero h1{
  margin:8px 0 8px;
  color:#102039;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1;
  letter-spacing:-.045em;
}
.category-page .category-hero p{
  max-width:620px;
  margin:0;
  color:#617084;
  font-size:14px;
  line-height:1.55;
}
.category-page .category-hero__cta{
  right:30px;
  bottom:28px;
  z-index:3;
  gap:10px;
  margin:0;
  padding:10px 14px;
  border:1px solid rgba(16,32,57,.14);
  color:#20334e;
  background:rgba(255,255,255,.88);
  box-shadow:0 6px 18px rgba(16,36,62,.07);
  backdrop-filter:blur(10px);
  font-size:11px;
}
.category-page .category-hero__cta:hover,
.category-page .category-hero__cta:focus-visible{
  border-color:color-mix(in srgb,var(--topic-accent) 36%,#d7dee8);
  color:var(--topic-accent-dark);
  background:#fff;
  transform:translateY(-1px);
}
@media(max-width:900px){
  .category-page .category-hero--image{min-height:220px;max-height:none;padding:30px 32px}
  .category-page .category-hero__media{width:48%}
  .category-page .category-hero-content{width:64%}
}
@media(max-width:650px){
  .category-page{padding-top:16px}
  .category-page .category-hero--image{min-height:214px;padding:26px 22px 58px;border-radius:16px}
  .category-page .category-hero__media{width:62%;opacity:.48}
  .category-page .category-hero__shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 62%,rgba(255,255,255,.64) 100%)}
  .category-page .category-hero-content{width:100%;max-width:88%;padding-bottom:0}
  .category-page .category-hero h1{font-size:38px}
  .category-page .category-hero p{font-size:13px;line-height:1.45}
  .category-page .category-hero__cta{display:inline-flex;right:auto;left:22px;bottom:18px;padding:9px 12px}
}

/* =====================================================
   NaszeMedia.info v3.5 — tematyczne ilustracje redakcyjne
   ===================================================== */
.category-page .category-hero--image{
  min-height:220px;
  max-height:220px;
  padding:30px 38px;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(16,36,62,.055);
}
.category-page .category-hero__media{width:40%;}
.category-page .category-hero__media::before{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 14%,rgba(255,255,255,.42) 48%,rgba(255,255,255,0) 100%);
}
.category-page .category-hero__media img{
  object-fit:cover;
  object-position:center;
  filter:none;
}
.category-page .category-hero__shade{
  background:linear-gradient(90deg,#fff 0%,#fff 54%,rgba(255,255,255,.84) 68%,rgba(255,255,255,.18) 100%);
}
.category-page .category-hero h1{font-size:clamp(36px,3.8vw,54px)}
.category-page .category-hero__cta{right:24px;bottom:22px;background:rgba(255,255,255,.88)}
@media(max-width:760px){
  .category-page .category-hero--image{min-height:210px;max-height:none;padding:28px 24px}
  .category-page .category-hero__media{width:52%;opacity:.42}
  .category-page .category-hero__shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 62%,rgba(255,255,255,.72) 100%)}
  .category-page .category-hero-content{width:100%;padding-bottom:0}
  .category-page .category-hero__cta{display:none}
}