.nm-hero { touch-action:pan-y; background-image:linear-gradient(rgba(54,12,99,.18),rgba(54,12,99,.18)),url('neon-marketplace-hero.png')!important; background-color:#4b1681!important; }
.nm-hero[data-carousel-ready="true"] { display:block; grid-template-columns:none; }
.hero-track { display:flex; width:100%; min-height:inherit; transition:transform .42s cubic-bezier(.22,.7,.25,1); }
.hero-slide { position:relative; flex:0 0 100%; min-width:100%; min-height:inherit; overflow:hidden; }
.hero-default-slide .nm-hero-copy { height:100%; }
.hero-dots { position:absolute; z-index:6; left:50%; bottom:10px; display:flex; gap:6px; transform:translateX(-50%); }
.hero-dots button { width:7px!important; min-width:7px!important; max-width:7px!important; height:7px!important; min-height:7px!important; max-height:7px!important; padding:0!important; border:0!important; border-radius:999px!important; background:rgba(255,255,255,.5)!important; box-shadow:0 1px 5px rgba(14,0,42,.24)!important; }
.hero-dots button.active { width:22px!important; min-width:22px!important; max-width:22px!important; background:#fff!important; }
.radio-hero-slide { display:grid; grid-template-columns:minmax(100px,.42fr) minmax(0,.58fr); align-items:center; gap:22px; padding:28px 40px; background:radial-gradient(circle at 17% 20%,#fe55cc 0,transparent 24%),linear-gradient(125deg,#5520a2,#7d22b5 58%,#c326b7); color:#fff; }
.radio-hero-art { justify-self:center; width:min(175px,100%); aspect-ratio:1; border-radius:28px; object-fit:cover; box-shadow:0 20px 44px rgba(9,0,35,.38); }
.radio-art-fallback { display:grid; place-items:center; background:#b520bd; color:#fff; font-size:58px; font-weight:900; }
.radio-hero-copy { min-width:0; }
.radio-hero-copy h2 { margin:8px 0 5px; color:#fff!important; font-size:clamp(28px,4vw,46px); line-height:1.02; text-shadow:0 3px 18px rgba(13,0,38,.7); }
.radio-hero-copy p { margin:0; color:#fff!important; font-size:clamp(15px,2vw,20px); font-weight:700; text-shadow:0 2px 12px rgba(13,0,38,.72); }
.radio-hero-copy small { display:block; margin-top:13px; color:#f9eaff!important; font-size:12px; font-weight:700; }
.radio-live { display:inline-flex; align-items:center; gap:7px; color:#fff!important; font-size:11px; font-weight:900; letter-spacing:.14em; text-shadow:0 2px 8px #20003f; }
.radio-live i { width:8px; height:8px; border-radius:50%; background:#ff5a7f; box-shadow:0 0 0 5px rgba(255,90,127,.16); }
.radio-hero-toggle { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:auto!important; min-width:128px!important; max-width:none!important; height:42px!important; min-height:42px!important; margin:14px 0 0!important; padding:0 18px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:#fff!important; color:#3a086b!important; box-shadow:0 10px 24px rgba(13,0,38,.3)!important; font-size:13px!important; font-weight:900!important; line-height:1!important; }
.radio-hero-toggle .radio-play-icon { display:inline-grid; place-items:center; width:18px; color:#a414c7!important; font-size:15px; }
.radio-hero-toggle .radio-toggle-label { color:#3a086b!important; white-space:nowrap; }
.radio-hero-toggle:focus-visible { outline:3px solid #fff!important; outline-offset:3px; }
.playing .radio-live i { animation:radio-pulse 1.3s infinite; }
.hero-ad-slide,.hero-ad-slide>a { display:block; width:100%; height:100%; color:#fff; }
.hero-ad-slide img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-ad-slide:after { content:none; }
.hero-ad-copy { position:absolute; z-index:2; left:clamp(22px,5vw,56px); bottom:clamp(28px,8vw,64px); max-width:62%; }
.hero-ad-copy h2 { margin:0; color:#fff; font-size:clamp(27px,4vw,46px); line-height:1.05; text-shadow:0 3px 18px #16012f; }
.hero-ad-copy p { margin:8px 0 0; color:#fff; font-size:clamp(14px,2vw,19px); font-weight:700; text-shadow:0 2px 12px #16012f; }
.radio-drag-control { position:fixed; z-index:95; right:18px; bottom:88px; width:58px; height:58px; padding:4px; border:2px solid rgba(255,255,255,.9); border-radius:50%; background:linear-gradient(135deg,#ff3dbd,#6b2af5); color:#fff; box-shadow:0 13px 30px rgba(57,8,120,.42); touch-action:none; user-select:none; cursor:grab; }
.radio-drag-control:active { cursor:grabbing; }
.radio-drag-control img { position:absolute; inset:4px; width:46px; height:46px; border-radius:50%; object-fit:cover; opacity:.42; }
.radio-drag-control .radio-play-icon { position:relative; z-index:2; display:grid; place-items:center; width:100%; height:100%; font-size:17px; font-weight:900; text-shadow:0 2px 5px rgba(24,0,54,.65); }
@keyframes radio-pulse { 50% { opacity:.42; transform:scale(.86); } }
@media (max-width:700px) {
  .radio-hero-slide { grid-template-columns:92px minmax(0,1fr); gap:14px; padding:22px 20px 27px; }
  .radio-hero-art { width:92px; border-radius:18px; }
  .radio-hero-copy h2 { font-size:26px; }
  .radio-hero-copy p { font-size:14px; }
  .radio-hero-copy small { margin-top:7px; font-size:10px; }
  .radio-live { font-size:9px; }
  .radio-hero-toggle { min-width:112px!important; height:36px!important; min-height:36px!important; margin-top:9px!important; padding:0 13px!important; font-size:11px!important; }
  .hero-ad-copy { left:20px; bottom:32px; max-width:78%; }
  .hero-ad-copy h2 { font-size:28px; }
  .hero-ad-copy p { font-size:14px; }
  .radio-drag-control { right:14px; bottom:82px; width:54px; height:54px; }
  .radio-drag-control img { width:42px; height:42px; }
}
@media (max-width:380px) {
  .radio-hero-slide { grid-template-columns:74px minmax(0,1fr); padding-inline:15px; }
  .radio-hero-art { width:74px; border-radius:14px; }
  .radio-hero-copy h2 { font-size:22px; }
  .radio-hero-copy small { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-track { transition:none; }
  .playing .radio-live i { animation:none; }
}
