@media (min-width:721px){
  html,body{background:#070506 url("/muzyka/night-background.webp") center center / cover no-repeat fixed !important;}
  body{background-attachment:fixed !important;}
  .music-page{background:transparent !important;}
  .music-page::before{position:fixed !important;inset:0 !important;}
}


@media (min-width:1051px){
  .music-page .player{height:220px;min-height:220px;max-height:220px;overflow:hidden}
  .music-page .player-inner{position:relative;display:block;width:min(900px,calc(100% - 48px));height:220px;min-height:220px;max-height:220px;margin:0 auto;padding:0}
  .music-page .now{position:absolute;top:12px;left:0;right:0;width:100%;height:32px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
  .music-page .now-meta{width:calc(100% - 90px);text-align:center}
  .music-page .now-title{font-size:24px;line-height:30px}
  .music-page .controls{position:absolute;top:50px;left:0;right:0;width:100%;height:62px;display:block;margin:0;padding:0}
  .music-page .control-row{width:100%;height:62px;display:flex;align-items:center;justify-content:center;gap:30px;margin:0;padding:0}
  .music-page .ctrl{width:46px;height:46px}
  .music-page .main-play{width:58px;height:58px}
  .music-page .progress{position:absolute;top:122px;left:50%;transform:translateX(-50%);width:min(700px,80%);height:28px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;margin:0;padding:0}
  .music-page .right{position:absolute;left:0;right:0;bottom:15px;width:100%;height:32px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0}
  .music-page .right .fullscreen-btn{position:absolute;top:-160px;right:0;width:34px;height:34px}
  .music-page .right .mute{width:30px;height:30px}
  .music-page .right .vol{width:180px}
}


@media (min-width:1051px){
  .music-page>.player{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    z-index:210000!important;
    overflow:hidden!important;
  }
  .music-page>.player .player-inner{
    position:relative!important;
    display:block!important;
    width:min(760px,calc(100% - 48px))!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .music-page>.player .now{
    position:absolute!important;
    top:8px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .now-meta{
    width:calc(100% - 70px)!important;
    text-align:center!important;
  }
  .music-page>.player .now-title{
    font-size:22px!important;
    line-height:28px!important;
  }
  .music-page>.player .controls{
    position:absolute!important;
    top:38px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:92px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  .music-page>.player .control-row{
    width:100%!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:26px!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .ctrl{
    width:42px!important;
    height:42px!important;
  }
  .music-page>.player .main-play{
    width:54px!important;
    height:54px!important;
  }
  .music-page>.player .progress{
    position:absolute!important;
    left:50%!important;
    top:58px!important;
    transform:translateX(-50%)!important;
    width:min(620px,82%)!important;
    height:26px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:8px!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .progress input[type="range"]{
    width:100%!important;
    min-width:0!important;
  }
  .music-page>.player .right{
    position:absolute!important;
    left:50%!important;
    top:136px!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(620px,82%)!important;
    height:30px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .right .mute{
    display:inline-flex!important;
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .music-page>.player .right .vol{
    display:block!important;
    width:min(280px,55%)!important;
    max-width:none!important;
    min-width:120px!important;
    margin:0!important;
  }
  .music-page>.player .right .fullscreen-btn{
    position:absolute!important;
    top:-128px!important;
    right:-4px!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
  }
}

  .music-page .progress{position:absolute;left:0;right:0;bottom:4px;width:100%;height:24px;margin:0;padding:0;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:7px;align-items:center;font-size:8px}
  .music-page .progress input[type="range"]{display:block;width:100%;min-width:0;height:18px;margin:0;padding:0;accent-color:#d7b36f}
  .music-page .progress input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent}
  .music-page .progress input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#d7b36f}
  .music-page .progress input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border:0;border-radius:50%;background:#f3e5c8;box-shadow:0 0 0 1px rgba(215,179,111,.7)}
  .music-page .progress input[type="range"]::-moz-range-track{height:5px;border-radius:999px;background:#d7b36f}
  .music-page .progress input[type="range"]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#f3e5c8}

  .music-page .right{position:absolute;top:130px;right:0;width:38px;height:32px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
  .music-page .right .mute,.music-page .right .vol{display:none}
  .music-page .right .fullscreen-btn{appearance:none!important;-webkit-appearance:none!important;display:inline-flex;width:32px;height:32px;min-width:32px;min-height:32px;padding:0!important;margin:0;border:0!important;border-radius:0!important;background:transparent!important;color:#d7b36f!important;align-items:center;justify-content:center}
  .music-page .fullscreen-svg{width:21px;height:21px;fill:none;stroke:#d7b36f;stroke-width:1.7}

@media (min-width:1051px){
  .music-page .player{height:118px;min-height:118px;max-height:118px;overflow:hidden}
  .music-page .player-inner{height:118px;min-height:118px;max-height:118px;width:min(1420px,calc(100% - 48px));grid-template-columns:minmax(250px,1fr) minmax(430px,1.5fr) 150px;gap:28px;align-items:center}
  .music-page .now{height:118px;min-width:0}
  .music-page .controls{min-width:0}
  .music-page .right{height:118px;min-width:0}
}

@media (min-width:721px){
  .music-page > .player .mobile-video-slot{display:none!important;}
  .music-page > .visual-card{display:block!important;}
}


@media (min-width:721px){
  .music-page .music-actions-bar{display:none!important}
  .music-page>.player .progress{box-sizing:border-box;width:min(620px,calc(100% - 28px))!important;max-width:calc(100% - 28px)!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;overflow:visible!important}
}

@media (min-width:721px){
  html.music-visual-open .music-page .visual-overlay{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:180px!important;
    width:auto!important;
    height:auto!important;
    inset:0 0 180px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:0!important;
    background:#000!important;
    z-index:2147483000!important;
  }
  html.music-visual-open .music-page .visual-overlay video{
    position:absolute!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
    z-index:2!important;
  }
}



.music-page .visual-overlay-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#000;display:none;z-index:3;pointer-events:none}
.music-page .visual-overlay.cover-only .visual-overlay-poster{display:block!important}
.music-page .visual-overlay.cover-only video{visibility:hidden!important;opacity:0!important}
@media(max-width:720px){
  .music-page .mobile-video-slot.show-poster video{visibility:hidden!important;opacity:0!important}
  .music-page .mobile-video-slot.show-poster .mobile-video-poster{display:block!important;visibility:visible!important;opacity:1!important}
}


.music-page .track:last-child{margin-bottom:0!important}



/* FIXED41: keep progress centered regardless of orientation */
.music-page>.player .progress{left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin-left:0!important;margin-right:0!important;}

/* VIDEO-RATIO: on laptop/desktop the side frame follows the real video's aspect ratio. */
@media (min-width:1051px){
  .music-page .visual-frame{
    aspect-ratio:var(--visual-video-ratio,16/9)!important;
    height:auto!important;
    min-height:0!important;
  }
  .music-page .visual-frame video{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Desktop: spójny nagłówek STO DUSZ */
.music-page .hero-copy h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  color:#cfae70;
}

/* FINAL MUSIC HEADER FIX: desktop/laptop STO DUSZ matches the subtitle font and uses gold. */
@media (min-width:721px){
  body.music-page .hero-copy > h1{
    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:clamp(64px,8vw,112px) !important;
    font-weight:500 !important;
    line-height:.9 !important;
    letter-spacing:.02em !important;
    color:#cfae70 !important;
    text-shadow:0 10px 45px rgba(0,0,0,.65) !important;
  }
  body.music-page .hero-copy > .hero-sub{
    font-family:"Cormorant Garamond", Georgia, serif !important;
  }
}