/* ALSEBAILTV_UI_POLISH_V1 — safe presentation layer */
:root{--tv-panel:#10231f;--tv-panel-2:#0d1d1a;--tv-gold:#e4c88f;--tv-gold-soft:rgba(228,200,143,.18);--tv-shadow:0 18px 48px rgba(0,0,0,.18)}

/* Journey */
#intro-feature{padding:34px 0!important}
#intro-feature .intro-feature-inner{gap:34px!important}
#intro-feature .intro-feature-image{border-radius:20px!important;box-shadow:var(--tv-shadow)}
#intro-feature .intro-feature-copy h2{font-size:clamp(30px,3vw,48px)!important;margin:12px 0!important}
#intro-feature .intro-feature-copy p{font-size:clamp(15px,1.15vw,18px)!important;margin-bottom:20px!important}
#intro-feature .intro-feature-button{padding:13px 24px!important;font-size:16px!important}

/* Live broadcast */
#live-channel.channel-live{padding:24px 0!important;background:linear-gradient(180deg,rgba(228,200,143,.025),transparent),#0b1916!important}
#live-channel .channel-live-inner{padding:22px 24px!important;border-radius:18px!important;border-color:rgba(228,200,143,.24)!important;box-shadow:var(--tv-shadow)!important}
#live-channel .channel-live-copy{max-width:760px!important}
#live-channel .channel-live-kicker{padding:5px 10px;border-radius:999px;background:rgba(255,98,98,.08);border:1px solid rgba(255,98,98,.2)}
#live-channel .channel-live h2{font-size:clamp(20px,1.8vw,28px)!important;margin:9px 0 4px!important}
#live-channel .channel-live p{max-width:680px!important}
#live-channel .channel-live-watch,#live-channel .channel-live-doctor{min-height:48px!important;border-radius:11px!important;padding:11px 18px!important}
#live-channel .channel-live-watch{box-shadow:0 8px 22px rgba(228,200,143,.13)}

/* Recorded live */
#recorded-live.tv-home-recorded{padding:30px 0 32px!important;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important}
#recorded-live .tv-home-recorded-inner{width:min(1520px,calc(100% - 80px))!important}
#recorded-live .tv-home-recorded-head{margin-bottom:18px!important;align-items:end!important}
#recorded-live .tv-home-recorded-grid{gap:14px!important}
#recorded-live .tv-home-recorded-card{border-radius:14px!important;box-shadow:0 10px 26px rgba(0,0,0,.15)!important}
#recorded-live .tv-home-recorded-media{aspect-ratio:16/9!important}

/* Search / categories */
.toolbar{border-block:1px solid rgba(255,255,255,.07);background:rgba(9,24,20,.92);backdrop-filter:blur(12px)}
.toolbar-inner{gap:14px!important;padding:13px 0!important}
.search{min-height:42px;border-radius:11px!important;background:rgba(255,255,255,.035)!important}
.category-links{gap:8px!important;padding-block:2px;scrollbar-width:none}
.category-links::-webkit-scrollbar{display:none}
.category-links .chip{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px!important;border-radius:10px!important;white-space:nowrap}
.category-links .chip span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:rgba(228,200,143,.12);color:var(--tv-gold);font-size:10px;font-variant-numeric:tabular-nums}

/* Library */
#library.library{padding-top:24px!important;padding-bottom:36px!important}
#library .library-intro{margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.07)}
#library .library-intro .overline{font-size:15px;font-weight:800;letter-spacing:0}
#library #result-count{padding:6px 10px;border:1px solid rgba(228,200,143,.16);border-radius:999px;background:rgba(228,200,143,.05)}
#shelves>.shelf{margin-block:16px!important;padding:22px!important;border-radius:20px!important;background:linear-gradient(155deg,rgba(255,255,255,.03),rgba(255,255,255,.008) 58%)!important;box-shadow:0 12px 32px rgba(0,0,0,.11)!important}
#shelves>.shelf::before{right:28px!important;left:28px!important}
.shelf-top{margin-bottom:16px!important}
.shelf-label h2,.mbc-intro h2{letter-spacing:-.015em}
.video-track{gap:16px!important}
.video-card .thumb,.mbc-card .thumb{border-radius:12px!important}
.video-card,.mbc-card{border-radius:14px}
.video-title{margin-top:8px!important;line-height:1.65!important}

/* MBC */
#mbc{padding:0!important}
#mbc .mbc-intro{margin:0 0 18px!important;padding:22px 24px!important;border-radius:16px!important;background:linear-gradient(120deg,#173129,#0d201b)!important}
#mbc .mbc-track{gap:20px 16px!important}
#mbc .mbc-card{padding-bottom:2px}
#mbc .mbc-origin{border-radius:10px!important}

/* Accessibility / motion */
@media (hover:hover){.video-card:hover,.mbc-card:hover{transform:translateY(-3px)}}
@media (max-width:1100px){#recorded-live .tv-home-recorded-inner{width:min(100% - 52px,1520px)!important}}
@media (max-width:760px){
  #intro-feature{padding:24px 0!important}
  #intro-feature .intro-feature-inner{gap:20px!important}
  #intro-feature .intro-feature-copy h2{font-size:28px!important}
  #live-channel.channel-live{padding:16px 0!important}
  #live-channel .channel-live-inner{padding:18px!important;gap:16px!important}
  #recorded-live.tv-home-recorded{padding:24px 0!important}
  #recorded-live .tv-home-recorded-inner{width:calc(100% - 36px)!important}
  .toolbar-inner{gap:9px!important;padding:11px 0!important}
  .category-links{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px}
  .category-links .chip{flex:0 0 auto}
  #library.library{padding-top:18px!important}
  #library .library-intro{gap:8px!important;margin-bottom:12px!important}
  #shelves>.shelf{margin-block:12px!important;padding:16px 12px 18px!important;border-radius:17px!important}
  #mbc .mbc-intro{padding:17px!important;margin-bottom:14px!important}
}
@media (max-width:430px){
  #live-channel .channel-live-watch,#live-channel .channel-live-doctor{min-height:46px!important}
  #recorded-live .tv-home-recorded-grid{gap:10px!important}
  #library #result-count{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.video-card,.mbc-card{transition:none!important;transform:none!important}}