/* ============ PIOSENKI — wspolne ============ */
.songs-hero{position:relative;padding:clamp(8rem,18vh,11rem) 0 4rem;overflow:clip}
.songs-hero h1{max-width:18ch;text-wrap:balance}
.songs-hero .lede{max-width:57ch}
.songs-hero .hero-light,.dzial-hero .hero-light{top:-12%;background:
  radial-gradient(1040px 780px at 46% 30%, rgba(var(--key),.6) 0%, rgba(var(--key),0) 70%),
  radial-gradient(420px 360px at 70% 45%, rgba(var(--warm),.1) 0%, rgba(var(--warm),0) 70%),
  radial-gradient(130% 118% at 44% 34%, rgba(0,0,0,0) 42%, var(--vignette) 100%);
  -webkit-mask-image:linear-gradient(#000 calc(100% - 120px),transparent);
  mask-image:linear-gradient(#000 calc(100% - 120px),transparent)}

/* ============ LANDING — kafle-linki ============ */
.theme-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.4vw,1.8rem)}
.theme-card{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 56px -26px rgba(0,0,0,.6);text-decoration:none;color:#fff;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .4s}
.theme-card figure{margin:0;aspect-ratio:4/3;position:relative;background:#0a1b34}
.theme-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.theme-card .tc-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,13,30,.94) 4%,rgba(5,13,30,.3) 52%,rgba(5,13,30,0) 88%)}
.tc-cap{position:absolute;left:0;right:0;bottom:0;padding:1.15rem 1.3rem 1.25rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.9rem}
.tc-cap > span:first-child{min-width:0}
.tc-name{font:800 clamp(1.2rem,2vw,1.5rem)/1.05 var(--font-display);letter-spacing:-.01em;color:#fff;margin:0;display:block;text-wrap:balance}
.tc-count{font:700 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--warm),.96);margin:.5rem 0 0;display:block}
.tc-go{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--warm),.96);color:#1a0f06;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.tc-go svg{width:18px;height:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.theme-card:hover{transform:translateY(-5px);box-shadow:0 38px 70px -22px rgba(0,0,0,.72);border-color:rgba(var(--warm),.55)}
.theme-card:hover img{transform:scale(1.05)}
.theme-card:hover .tc-go svg{transform:translateX(3px)}
.theme-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--key),.95),0 30px 60px -24px rgba(0,0,0,.7)}

.songs-more{margin:clamp(2.8rem,6vh,4rem) 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);color:var(--ink-2);font-size:1rem;line-height:1.6}
.songs-more .sm-label{font:800 .9rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--warm),.9);margin-right:1em}

.nav-links a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(var(--warm),.7);text-decoration-thickness:2px;text-underline-offset:6px}

/* ============ PODSTRONA DZIALU ============ */
.dzial-hero{position:relative;padding:clamp(7.5rem,16vh,10rem) 0 2.5rem;overflow:clip}
.dzial-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.dzial-back{display:inline-flex;align-items:center;gap:.5rem;font:700 .78rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;margin:0 0 1.3rem;transition:color .3s,gap .3s}
.dzial-back svg{width:15px;height:15px}
.dzial-back:hover{color:rgba(var(--warm),.95);gap:.7rem}
.dzial-hero h1{margin:0;max-width:16ch;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.06}
.dzial-hero .lede{max-width:50ch;margin:1.1rem 0 0}
.dzial-hero-media{position:relative}
.dzial-hero-media::before{content:"";position:absolute;inset:-14% -18%;background:radial-gradient(closest-side,rgba(var(--warm),.13),transparent 72%);filter:blur(8px);pointer-events:none}
.dzial-hero-media figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 34px 70px -24px rgba(0,0,0,.65)}
.dzial-hero-media img{display:block;width:100%;height:100%;object-fit:cover}

.dzial-songs{position:relative;padding:clamp(1.5rem,4vh,3rem) 0 0;overflow-x:clip}
.dzial-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(1.5rem,2.8vw,2.3rem)}

/* ----- player: lite-youtube facade (wspolny) ----- */
.song{margin:0}
.song-no{font:800 .82rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .65rem}
.song-thumb{display:block;width:100%;position:relative;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#0a1b34;padding:0;font:inherit;color:inherit}
.song-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.96);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.song-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,29,58,.16),rgba(5,13,30,.5));opacity:.82;transition:opacity .4s}
.song-thumb:hover img{transform:scale(1.05);filter:none}
.song-thumb:hover::after{opacity:.38}
.song-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--warm),.96);color:#1a0f06;box-shadow:0 12px 30px -8px rgba(0,0,0,.65);transition:transform .42s cubic-bezier(.2,.7,.2,1),background .3s;z-index:1}
.song-thumb:hover .song-play{transform:translate(-50%,-50%) scale(1.09)}
.song-thumb:focus-visible{outline:none}
.song-thumb:focus-visible .song-play{box-shadow:0 0 0 4px rgba(var(--key),.95),0 12px 30px -8px rgba(0,0,0,.65)}
.song-play svg{width:24px;height:24px;margin-left:3px}
.song-thumb.playing{cursor:default;background:#000}
.song-thumb.playing::after{content:none}
.song-thumb.playing iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:auto}
.song-meta{padding:1rem .15rem 0}
.song-title{font:800 1.12rem/1.25 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0}
.song-by{font:700 .7rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--warm),.92);margin:.45rem 0 0}
.song-note{font-size:.97rem;line-height:1.5;color:var(--ink-2);margin:.6rem 0 0;max-width:42ch}

.dzial-other{margin:clamp(3.2rem,7vh,5rem) 0 0;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.08)}
.dzial-other .do-label{font:800 .9rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--warm),.9);margin:0 0 1.1rem}
.do-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.do-link{display:flex;align-items:center;gap:1rem;padding:.85rem .95rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);text-decoration:none;color:var(--ink);background:rgba(255,255,255,.025);transition:border-color .35s,transform .4s,background .35s}
.do-link:hover{border-color:rgba(var(--warm),.6);transform:translateY(-2px);background:rgba(255,255,255,.05)}
.do-link:focus-visible{outline:none;border-color:rgba(var(--key),.9);box-shadow:0 0 0 2px rgba(var(--key),.6)}
.do-link img{width:68px;height:51px;object-fit:cover;border-radius:10px;flex:0 0 auto;filter:brightness(1.1) saturate(1.04)}
.do-link .dl-name{font:800 1.02rem/1.1 var(--font-display);display:block}
.do-link .dl-count{font:700 .66rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--warm),.92);margin-top:.32rem;display:block}

/* ============ CTA (wspolne) ============ */
.songs-cta{position:relative;text-align:center;padding:6rem 0;overflow:clip;border-top:1px solid rgba(255,255,255,.07)}
.songs-cta::before{content:"";position:absolute;inset:auto 0 -25% 0;height:90%;background:radial-gradient(closest-side,rgba(var(--key),.34),transparent 70%);pointer-events:none}
.songs-cta h2{margin-bottom:.6rem}
.songs-cta p{color:var(--ink-2);max-width:48ch;margin:0 auto 1.4rem}

@media (max-width:880px){
  .songs-hero{padding-top:7rem}
  .theme-grid{grid-template-columns:1fr;gap:1rem}
  .theme-card figure{aspect-ratio:16/9}
  .dzial-hero{padding-top:6.5rem}
  .dzial-hero .wrap{grid-template-columns:1fr;gap:1.8rem}
  .dzial-hero-media{order:-1}
  .dzial-hero-media figure{aspect-ratio:16/9}
  .dzial-list{grid-template-columns:1fr;gap:1.8rem}
  .song-note{max-width:none}
  .songs-more .sm-label{display:block;margin:0 0 .4rem}
}
@media (prefers-reduced-motion:reduce){
  .theme-card,.theme-card img,.song-thumb img,.tc-go svg,.song-play,.do-link{transition:none}
}