@media (max-width:720px){
  .music-page>.player{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
    z-index:2147482500!important;
    display:block!important;
    overflow:visible!important;
  }
  .music-page>.player .player-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .mobile-video-slot{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    height:126px!important;
    z-index:1!important;
  }
  .music-page>.player .now{
    position:absolute!important;
    top:133px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:25px!important;
    z-index:4!important;
  }
  .music-page>.player .controls{
    position:absolute!important;
    top:161px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:84px!important;
    z-index:4!important;
  }
  .music-page>.player .right{
    position:absolute!important;
    top:130px!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    width:38px!important;
    height:32px!important;
    z-index:5!important;
  }
  .music-page>.player .right .mute,
  .music-page>.player .right .vol{
    display:none!important;
  }
  .music-page>.player .right .fullscreen-btn{
    display:inline-flex!important;
  }
  .music-page.music-visual-open>.player{
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .music-page.music-visual-open>.player .mobile-video-slot{
    display:none!important;
  }
  .music-page.music-visual-open>.player .now,
  .music-page.music-visual-open>.player .controls{
    visibility:visible!important;
    pointer-events:auto!important;
  }
}


@media(max-width:720px){
  .music-page .mobile-video-slot{background:#000!important}
  .music-page .mobile-video-poster{position:absolute;inset:0;background:#000 url("../album-cover.jpg") center/cover no-repeat;z-index:2;pointer-events:none}
  .music-page .mobile-video-slot video{position:relative;z-index:3}
  .music-page.music-visual-open .mobile-video-slot{display:none!important}
}

@media(max-width:1050px){
  .music-page .layout{grid-template-columns:minmax(390px,1fr) minmax(280px,360px)}
  .music-page .visual-card{display:none}
  .music-page .player-inner{grid-template-columns:minmax(220px,1fr) minmax(300px,1.25fr) 100px;gap:12px;width:calc(100% - 28px)}
  .music-page .vol{display:none}
}

@media(max-width:720px){
  .music-page{padding:0 0 94px}
  .music-page>.topbar{z-index:200000}
  .music-page .topbar-inner{width:100%;min-height:58px;padding:0 4px;box-sizing:border-box}
  .music-page .topnav{width:100%;justify-content:space-between;gap:0}
  .music-page .topnav>a,.music-page .contact-menu-btn,.music-page .more-toggle{font-size:clamp(8px,2.35vw,10px);letter-spacing:.025em;padding:9px 3px}
  .music-page .contact-menu-panel{right:-3px;width:215px}

  .music-page>.hero{display:none}

  .music-page>.wrap{width:calc(100% - 24px)}
  .music-page .layout{display:block;margin-top:82px}
  .music-page .cover-card{display:none}
  .music-page .top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  .music-page #playAllMobile{display:flex}
  .music-page .top-actions .btn,.music-page .top-actions .spotify-side-btn{font-size:7px;min-height:46px;height:46px;margin:0;padding:8px}
  .music-page .spotify-logo{width:20px;height:20px;flex-basis:20px}
  .music-page .layout>section>.label{display:none}
  .music-page .tracklist{padding:5px}
  .music-page .track{grid-template-columns:24px 40px minmax(0,1fr);gap:8px;min-height:59px;padding:6px}
  .music-page .thumb{width:40px;height:40px}
  .music-page .track-title{font-size:18px}
  .music-page .track-sub,.music-page .track-time{display:none}

  
  .music-page .player{height:252px;min-height:252px;max-height:252px;padding:0;overflow:visible}
  .music-page .player-inner{position:relative;display:block;width:100%;height:252px;min-height:252px;margin:0 auto;padding:0}
  .music-page .mobile-video-slot{position:absolute;left:0;right:0;top:0;width:100%;height:126px;overflow:hidden;background:#000 url("../album-cover.jpg") center/cover no-repeat;border-top:1px solid rgba(228,201,148,.22);border-bottom:1px solid rgba(228,201,148,.22);z-index:1}
  .music-page .mobile-video-slot video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
  .music-page .mobile-video-slot:empty{background:#000 url("../album-cover.jpg") center/cover no-repeat}
  .music-page.music-visual-open .mobile-video-slot{display:none!important}


  .music-page .now{position:absolute;top:133px;left:0;right:0;width:100%;height:25px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;text-align:center}
  .music-page .now-meta{width:calc(100% - 58px);margin:0 auto;text-align:center}
  .music-page .now-title{width:100%;font-size:20px;line-height:24px;text-align:center}
  .music-page .now-sub{display:none}

  .music-page .controls{position:absolute;top:161px;left:0;right:0;width:100%;height:84px;margin:0;padding:0;display:block}
  .music-page .control-row{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:24px;margin:0;padding:0}
  .music-page .ctrl{width:40px;height:40px;padding:0!important}
  .music-page .main-play{width:48px;height:48px;padding:0!important}
  .music-page .player-svg{width:23px;height:23px;fill:#ead9bd;stroke:#ead9bd}
  .music-page .player-svg-play{width:25px;height:25px;fill:#f1dfbd;stroke:none}

  .music-page .visual-card{display:none!important}
  .music-page .more-modal-box{padding:42px 18px 24px}
  .music-page .more-modal-title{font-size:30px}
  .music-page .more-modal-input{font-size:15px}
}

@media(max-width:380px){
  .music-page .top-actions .btn,.music-page .top-actions .spotify-side-btn{font-size:6.5px;padding:6px}
  .music-page .topnav>a,.music-page .contact-menu-btn,.music-page .more-toggle{font-size:7px;letter-spacing:.01em;padding:8px 2px}
  .music-page .cover-card{grid-template-columns:94px minmax(0,1fr);gap:12px}
  .music-page .album-name{font-size:23px}
  .music-page .track-title{font-size:17px}
  .music-page .control-row{gap:12px}
}

@media (max-width:1050px){
  .music-page .layout{margin-top:92px}
}

@media (max-width:700px){
  .music-page .layout{margin-top:92px!important}
}

@media(max-width:1050px){
  .music-page>.music-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:20px}
  .music-page .visual-card{display:none}
  .music-page .player-inner{width:calc(100% - 28px);grid-template-columns:minmax(220px,1fr) minmax(300px,1.25fr) 100px;gap:12px}
  .music-page .vol{display:none}
}

@media(max-width:720px){
  .music-page{background:#070506 url("../night-background.webp") center top/auto 100% fixed no-repeat}
  .music-page{padding-bottom:0!important}
  .music-page::before{background:linear-gradient(180deg,rgba(5,4,6,.88),rgba(5,4,6,.96))}
  .music-page>.music-layout{width:calc(100% - 24px);padding-top:76px;display:block}
  .music-page .cover-card{display:none}
  .music-page .center-column{width:100%}
  .music-page .hero-copy{display:none}
  .music-page .tracks-panel{background:transparent;border:0;box-shadow:none}
  .music-page .visual-card{display:none!important}
  .music-page .player{height:252px;min-height:252px;max-height:252px}
}

@media (max-width:720px){
  .music-page>.player{
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
  }
  .music-page>.player .mobile-video-slot{
    display:block!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:126px!important;
    overflow:hidden!important;
    background:#000!important;
    z-index:1!important;
  }
  .music-page>.player .mobile-video-poster{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#000!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  .music-page>.player .mobile-video-slot video{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    z-index:3!important;
  }
  .music-page>.player .mobile-video-poster-fallback{display:none!important}
  
  .music-page>.player .right{
    position:absolute!important;
    top:128px!important;
    right:10px!important;
    left:auto!important;
    width:34px!important;
    height:30px!important;
    z-index:20!important;
  }
  .music-page>.player .now{
    padding:0 52px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .music-page>.player .now-meta{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .music-page>.player .now-title{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .music-page>.player .right .fullscreen-btn{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:30px!important;
    height:30px!important;
    z-index:20!important;
  }
  .music-page.music-visual-open>.player{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    overflow:visible!important;
  }
  .music-page.music-visual-open>.player .player-inner{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
  }
  .music-page.music-visual-open>.player .mobile-video-slot{
    display:none!important;
  }
  .music-page.music-visual-open>.player .now{
    top:12px!important;
    height:26px!important;
  }
  .music-page.music-visual-open>.player .controls{
    top:43px!important;
    height:76px!important;
  }
  .music-page.music-visual-open>.player .control-row{
    height:48px!important;
  }
  .music-page.music-visual-open>.player .progress{
    height:24px!important;
  }
  .music-page.music-visual-open>.player .right{
    top:8px!important;
    right:10px!important;
    height:34px!important;
  }
  .music-page.music-visual-open>.player .right .fullscreen-btn{
    width:34px!important;
    height:34px!important;
  }
  html.music-visual-open .music-page .visual-overlay{
    bottom:126px!important;
    height:calc(100% - 126px)!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:2147483000!important;
  }
  html.music-visual-open .music-page .visual-overlay video{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
    z-index:2!important;
  }
  html.music-visual-open .music-page .visual-close{
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    z-index:2147483647!important;
  }
  html.music-visual-open .music-page .visual-nav{
    z-index:2147483646!important;
  }
}




@media (max-width:720px){
  .music-page .music-actions-bar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:calc(100% - 24px);margin:78px auto 12px;padding:0}
  .music-page .music-actions-bar .music-top-play,.music-page .music-actions-bar .music-top-spotify{height:46px;min-height:46px;margin:0;padding:8px;min-width:0;font:600 7px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.08em}
  .music-page .music-actions-bar .spotify-logo{width:20px;height:20px;flex:0 0 20px}
  .music-page>.music-layout{padding-top:0!important;margin-top:0!important}
  .music-page .tracks-panel>.top-actions{display:none!important}
  .music-page>.player .progress{box-sizing:border-box;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:7px!important;overflow:visible!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}
}

@media (max-width:720px){
  .music-page>.player .now{
    top:128px!important;
    height:34px!important;
    padding:0 50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .music-page>.player .right{
    top:128px!important;
    right:10px!important;
    left:auto!important;
    width:34px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }
  .music-page>.player .right .fullscreen-btn{
    position:static!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .music-page>.player .now-title{
    line-height:24px!important;
  }
  .music-page.music-visual-open>.player .now{
    top:6px!important;
    height:38px!important;
  }
  .music-page.music-visual-open>.player .right{
    top:8px!important;
    right:10px!important;
    width:34px!important;
    height:34px!important;
  }
  .music-page.music-visual-open>.player .right .fullscreen-btn{
    width:34px!important;
    height:34px!important;
  }
}


.music-page .track:last-child{margin-bottom:0!important}
@media(max-width:720px){.music-page .track:last-child{margin-bottom:0!important}}



/* FIXED41: center progress independently of orientation/layout */
@media (min-width:721px) and (max-width:1050px){
  /* Landscape/mobile-width layout: progress is centered to the viewport,
     not to the middle grid column inside .player-inner. */
  .music-page>.player .progress{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:min(620px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    margin:0!important;
  }
}

/* FIXED42: landscape mobile - center title and transport controls to the viewport */
@media (min-width:721px) and (max-width:1050px){
  html.music-visual-open .music-page>.player .player-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    margin:0!important;
    padding:0!important;
  }
  html.music-visual-open .music-page>.player .now{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:6px!important;
    transform:translateX(-50%)!important;
    width:min(100%,calc(100vw - 100px))!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  html.music-visual-open .music-page>.player .now-meta{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:center!important;
  }
  html.music-visual-open .music-page>.player .now-title{
    width:100%!important;
    text-align:center!important;
  }
  html.music-visual-open .music-page>.player .controls{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:43px!important;
    transform:translateX(-50%)!important;
    width:min(100%,500px)!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  html.music-visual-open .music-page>.player .control-row{
    width:100%!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:26px!important;
    margin:0!important;
    padding:0!important;
  }
}