/* WTV App Store flow add-on: jump bar, featured band, filters, compact listings, back to top */
:root{--sf-top:76px}
html{scroll-padding-top:150px}
.sf-bar{position:sticky;top:var(--sf-top);z-index:900;background:rgba(10,10,10,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,168,76,.35);padding:12px 20px}
.sf-bar-in{max-width:1180px;margin:0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sf-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 1 auto;min-width:0;padding:2px 0}
.sf-chips::-webkit-scrollbar{display:none}
.sf-chip{flex:0 0 auto;font:600 .82rem/1 'Open Sans','Open Sans Fallback',sans-serif;color:var(--wh);background:#161616;border:1px solid rgba(201,168,76,.4);border-radius:999px;padding:9px 14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.sf-chip:hover{border-color:var(--gold)}
.sf-chip[aria-pressed="true"],.sf-chip.is-on{background:var(--gold);color:#0a0a0a;border-color:var(--gold)}
.sf-chip b{font-weight:700;opacity:.75;margin-left:4px}
.sf-search{flex:1 1 220px;max-width:300px;min-width:180px;position:relative;margin-left:auto}
.sf-search input{width:100%;font:500 .9rem 'Open Sans','Open Sans Fallback',sans-serif;color:var(--wh);background:#161616;border:1px solid rgba(201,168,76,.4);border-radius:999px;padding:10px 14px 10px 38px;outline:none}
.sf-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.18)}
.sf-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--gold);pointer-events:none}
.sf-count{max-width:1180px;margin:8px auto 0;font-size:.8rem;color:var(--mt)}
.sf-empty{text-align:center;color:var(--mt);padding:40px 20px;display:none}
.sf-empty.show{display:block}
.sf-empty button{margin-top:12px}

/* hero call-to-action row */
.sf-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.sf-hero-cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700}

/* genre badge on artist tiles */
.artist-tile{position:relative}
.sf-tag{display:inline-block;margin-top:6px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.45);border-radius:999px;padding:2px 8px}
.artist-tile.sf-hide,section.sf-hide,section.sf-hide+.dvd{display:none!important}

/* compact app listings */
.sf-compact .app-wrap{align-items:start}
.sf-compact.sf-closed .app-detail,.sf-compact.sf-closed .app-poster-link{display:none}
.sf-compact.sf-closed .app-wrap{grid-template-columns:1fr!important;max-width:720px;margin-left:auto;margin-right:auto}
.sf-toggle{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px auto 0;max-width:720px}
.sf-toggle button,.sf-toggle a{font:600 .85rem 'Open Sans','Open Sans Fallback',sans-serif;color:var(--gold);background:transparent;border:1px solid rgba(201,168,76,.5);border-radius:6px;padding:9px 16px;cursor:pointer;text-decoration:none}
.sf-toggle button:hover,.sf-toggle a:hover{background:rgba(201,168,76,.1)}
.sf-compact .sl .sf-genre{margin-left:8px;color:var(--wh);opacity:.7}

/* featured band on the App Store */
.sf-feature{max-width:1180px;margin:0 auto;padding:44px 24px}
.sf-feature-in{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;border:1px solid rgba(201,168,76,.45);background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.02));padding:32px;border-radius:10px}
.sf-feature h2{font-family:'Cinzel','Cinzel Fallback',serif;color:var(--gold);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:8px 0 12px}
.sf-feature p{color:var(--mt);line-height:1.7;font-size:.95rem}
.sf-feature .sf-hero-cta{justify-content:flex-start}
.sf-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sf-icons a{display:block;text-align:center;text-decoration:none;color:var(--wh);font-size:.72rem;line-height:1.3}
.sf-icons img{width:100%;aspect-ratio:1;border-radius:18px;border:1px solid rgba(201,168,76,.35);object-fit:cover;display:block;margin-bottom:6px;background:#111}
.sf-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* back to top */
.sf-top{position:fixed;right:18px;bottom:96px;z-index:950;width:46px;height:46px;border-radius:50%;background:var(--gold);color:#0a0a0a;border:none;box-shadow:0 6px 18px rgba(0,0,0,.5);cursor:pointer;display:none;align-items:center;justify-content:center}
.sf-top.show{display:flex}
.sf-top svg{width:20px;height:20px}

@media(max-width:820px){
  :root{--sf-top:70px}
  .sf-bar{padding:10px 12px}
  .sf-search{flex:1 1 100%;max-width:none;order:-1;margin-left:0}
  .sf-feature-in{grid-template-columns:1fr;padding:22px}
  .sf-icons{grid-template-columns:repeat(4,1fr);gap:8px}
}

/* For Artists & Labels button */
.sf-cc-btn{flex-direction:column;gap:2px!important;line-height:1.2;text-align:center}
.sf-cc-btn .sf-cc-k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8}