/* CDS ZIK • locale, accessibility, tablet & phone layout */
.locale-switch{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #56516b;border-radius:9px;background:#191624;white-space:nowrap}
.locale-switch a{display:inline-flex;justify-content:center;align-items:center;min-width:31px;height:29px;padding:3px 5px;color:#b8adcd;font-weight:800;letter-spacing:.03em;font-size:10px;border-radius:5px}
.locale-switch a.active,.locale-switch a[aria-current="true"]{color:#140e20;background:#dfd0ff}
.locale-switch a:hover{color:#fff;background:#51426d}
.locale-switch a.active:hover{color:#120c1b}
.topbar{gap:clamp(8px,1.6vw,23px)}
.topbar nav{gap:clamp(9px,1.45vw,24px)}
.topbar nav a{letter-spacing:.05em}
.album-art img,.detail-cover img,.song-cover img{object-fit:cover}
@media (min-width:901px) and (max-width:1300px){
  .topbar{padding-left:22px;padding-right:22px}
  .nav-special{display:none}
  .topbar nav{gap:14px}
  .locale-switch a{min-width:27px}
  .portal{padding:90px 32px 65px;min-height:650px}
  .portal h1{font-size:clamp(58px,6vw,85px)}
  .portal h2{font-size:clamp(80px,10vw,140px)}
  .portal-copy p{font-size:14px}
}
@media(max-width:900px){
  .topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding:12px 20px}
  .topbar nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;gap:24px;padding:7px 0 3px}
  .topbar nav a{font-size:11px}
  .locale-switch{margin-left:auto}
  .split-home{min-height:0}
  .portal{min-height:570px}
  .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-hero{grid-template-columns:1fr 1fr}
  .detail-copy h1{overflow-wrap:anywhere}
}
@media(max-width:640px){
  .topbar{min-height:58px;padding:9px 12px;gap:9px}
  .signature{font-size:12px}
  .locale-switch{padding:3px;gap:1px}
  .locale-switch a{min-width:29px;height:29px}
  .topbar nav{order:3;justify-content:space-between;gap:13px;overflow-x:auto;scrollbar-width:none;padding:3px 0}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{font-size:10px;flex-shrink:0}
  .portal{min-height:550px;padding:82px 22px 48px}
  .split-heading{font-size:7px;letter-spacing:.11em}
  .portal h1{font-size:clamp(55px,13vw,78px)}
  .portal h2{font-size:clamp(75px,21vw,120px)}
  .portal-copy p{max-width:95%;font-size:14px}
  .portal-button,.main-action{gap:18px;font-size:10px;padding:13px 15px}
  .zik-hero h1{font-size:clamp(46px,12vw,67px)}
  .zik-hero-copy{padding:52px 20px 28px}
  .hero-actions{margin-bottom:28px}
  .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .album-detail{padding:22px 17px 64px}
  .detail-copy h1{font-size:clamp(40px,11vw,60px)}
  .detail-stats{gap:11px}
  .track-row{min-width:0}
  .track-name{overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
  .site-footer{gap:20px}
  .audio-dock{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .artist-grid{grid-template-columns:1fr}
}
@media(max-width:380px){
  .brand-mark{width:29px;height:29px}
  .signature{gap:7px;font-size:10px}
  .locale-switch a{min-width:25px;font-size:9px}
  .topbar nav a{font-size:9px}
  .portal h1{font-size:57px}
  .portal h2{font-size:79px}
  .album-grid{gap:14px 10px}
  .album-meta h3{font-size:13px}
  .dock-progress{max-width:100%}
}