/* Modern: the ADN catalogue and remote-control flow, with a Freely-inspired skin.
   Fixed TV geometry, static gradients and short opacity/position transitions. */
.template-modern{background:#080b12}
.template-modern #wrapper.adn-root{font-family:Arial,Helvetica,sans-serif;background:var(--app-background,#080b12)}
.template-modern .adn-nav{width:72px;background:var(--app-background,#080b12);border-right:1px solid rgba(255,255,255,.08)}
.template-modern .adn-logo{width:56px;height:56px;margin:20px 8px 26px;object-position:left center}
.template-modern .adn-nav-item{width:260px;height:54px;padding-left:0!important}
.template-modern .adn-icon{left:24px;top:16px;width:23px;height:22px;opacity:.72}
.template-modern .adn-nav-label{left:74px;line-height:54px;font-size:17px;font-weight:500;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-nav-item.adn-selected:after,.template-modern .adn-nav-item.adn-focused:after{left:0;top:15px;bottom:auto;width:3px;height:24px;border-radius:3px;background:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-nav-item.adn-focused{background:var(--surface-color,#14161c)}
.template-modern .adn-nav-item.adn-focused .adn-nav-label,.template-modern .adn-nav-item.adn-selected .adn-nav-label{color:var(--app-text-color,#fff)}
.template-modern .adn-nav-item.adn-focused .adn-icon,.template-modern .adn-nav-item.adn-selected .adn-icon{opacity:1}
.template-modern .adn-nav-open .adn-nav{width:260px}
.template-modern .adn-nav-open .adn-logo{width:168px;margin-left:16px}
.template-modern .adn-viewport{left:80px;width:1200px;background:var(--app-background,#080b12)}
.template-modern .adn-viewport:before{display:none}
.template-modern .adn-nav-open .adn-viewport{left:268px}
.template-modern .adn-hero{width:1200px!important;height:320px!important;background:var(--surface-color,#14161c)!important}
.template-modern .adn-hero-image{left:440px;width:760px;height:320px;object-position:center}
.template-modern .adn-hero-shade{background:linear-gradient(90deg,var(--surface-color,#14161c) 20%,transparent 88%)}
.template-modern .adn-hero-shade:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--app-background,#080b12))}
.template-modern .adn-hero-copy{left:32px;top:38px;width:540px;height:270px}
.template-modern .adn-hero-brandmark{position:absolute;left:-20px;top:-26px;width:340px;height:380px;object-fit:contain;opacity:.14;pointer-events:none}
.template-modern .adn-hero-copy h1{font-size:38px;line-height:1.16;font-weight:700;max-height:90px;letter-spacing:-.7px}
.template-modern .adn-hero-copy p{top:105px;width:470px;font-size:16px;line-height:23px;max-height:92px;font-weight:400}
.template-modern .adn-hero-copy small{top:-19px;font-size:12px;letter-spacing:1px;color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-root .adn-action{border-radius:24px;background:linear-gradient(110deg,var(--menu-highlight-color,#ff2e63),var(--modern-secondary,#793bff));font-weight:700;font-size:15px;color:var(--app-text-color,#fff)}
.template-modern .adn-hero-copy .adn-action{left:0;top:218px;width:auto;min-width:186px;height:42px;line-height:42px;padding:0 25px}
.template-modern .adn-dots{right:30px;bottom:24px}
.template-modern .adn-dots button{width:8px;height:8px;background:rgba(255,255,255,.4);margin-left:9px}
.template-modern .adn-dots button.selected{width:26px;border-radius:6px;background:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-home-rows{padding:4px 32px 50px}
.template-modern .adn-row{margin:12px 0 26px}
.template-modern .adn-row-title{font-size:21px;line-height:28px;font-weight:600;margin-bottom:12px!important}
.template-modern .adn-row-title:after{display:none}
.template-modern .adn-row-clip{padding:8px;margin:-8px}
.template-modern .adn-live{width:182px;height:132px;border-radius:10px!important;background:var(--surface-color,#14161c)}
.template-modern .adn-live:before{content:'';position:absolute;left:0;right:0;bottom:0;height:55px;border-radius:0 0 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.template-modern .adn-channel-logo{left:46px;top:10px;width:90px;height:69px}
.template-modern .adn-live-copy{left:10px;right:10px;top:86px;font-size:13px;line-height:18px;text-align:center}
.template-modern .adn-live-copy strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-modern .adn-live-copy small{font-size:10px;text-transform:uppercase;letter-spacing:1px}
.template-modern .adn-live-copy small:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--menu-highlight-color,#ff2e63);margin-right:5px;vertical-align:middle}
.template-modern .adn-card-frame{border-radius:12px}
.template-modern .adn-card-frame img{border-radius:8px}
.template-modern .adn-portrait .adn-card-frame img{border-radius:8px}
.template-modern .adn-card-title{font-size:15px;font-weight:600;line-height:22px}
.template-modern .adn-card-meta,.template-modern .adn-duration{color:var(--menu-text-color,#aeb3c2);font-size:11px}
.template-modern .adn-badge{border-radius:5px;background:var(--menu-highlight-color,#ff2e63);color:var(--app-text-color,#fff);font-size:10px}
.template-modern .adn-root .adn-focused{outline-color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-card.adn-focused .adn-card-frame{border-color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-live.adn-focused{outline-color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-channel.adn-focused{border-color:var(--menu-highlight-color,#ff2e63)!important}
.template-modern .adn-tabs{padding-left:32px;padding-right:32px}
.template-modern .adn-tab{font-size:16px!important;line-height:34px;margin-right:24px}
.template-modern .adn-tab.adn-tab-selected{border-bottom:3px solid var(--menu-highlight-color,#ff2e63)!important}
.template-modern .adn-grid{padding-left:32px;padding-right:32px}
.template-modern .adn-grid.adn-columns-6{padding-left:24px;padding-right:0}
.template-modern .adn-grid.adn-columns-4 .adn-live{width:270px;height:185px}
.template-modern .adn-grid.adn-columns-4 .adn-live .adn-channel-logo{left:75px;top:18px;width:120px;height:100px}
.template-modern .adn-grid.adn-columns-4 .adn-live .adn-live-copy{top:132px}
.template-modern .adn-channel{background:var(--surface-color,#14161c);border-color:var(--surface-color,#14161c)!important;border-radius:12px!important}
.template-modern .adn-detail-open .adn-viewport{left:0;width:1280px}
.template-modern .adn-detail-shade{background:linear-gradient(90deg,var(--app-background,#080b12) 8%,var(--app-background,#080b12) 30%,transparent 78%)}
.template-modern .adn-detail-shade:after{background:linear-gradient(transparent,var(--app-background,#080b12))}
.template-modern .adn-detail-hero h1{font-size:36px;line-height:42px;font-weight:700;max-width:800px}
.template-modern .adn-detail-hero p{font-size:15px;line-height:22px}
.template-modern .adn-back{background:var(--surface-color,#14161c)!important;border:0!important}
.template-modern .adn-login h2{font-size:24px;font-weight:600}
.template-modern .adn-login input{border-radius:10px;background:var(--surface-color,#14161c);color:var(--app-text-color,#fff);border:1px solid var(--menu-text-color,#aeb3c2)}
.template-modern .adn-login-qr{border-color:var(--surface-color,#14161c)}
.template-modern .adn-search-box{padding-left:32px;padding-right:32px}
.template-modern .adn-search-box input{background:var(--surface-color,#14161c);color:var(--app-text-color,#fff);border-color:var(--surface-color,#14161c);border-radius:10px}
.template-modern .adn-keyboard{padding-left:32px}
.template-modern .adn-keyboard button{background:var(--surface-color,#14161c);border-radius:8px}
.template-modern #hero .hero-media{left:520px;width:680px;height:320px}
.template-modern .adn-top .adn-nav{width:1280px;height:86px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
.template-modern .adn-top .adn-logo{width:56px;height:56px;margin:15px}
.template-modern .adn-top .adn-nav-item{width:auto;height:60px;padding:0 12px!important}
.template-modern .adn-top .adn-nav-label{position:static;line-height:60px;font-size:15px}
.template-modern .adn-top .adn-nav-item:after{top:auto;bottom:0;left:12px;width:calc(100% - 24px);height:3px}
.template-modern .adn-top .adn-viewport{left:0;top:86px;width:1280px;height:634px}
.template-modern .adn-top .adn-hero{width:1280px!important}
.template-modern .adn-top .adn-hero-image{width:840px}
.template-modern .adn-top.adn-detail-open .adn-viewport{top:0;height:720px}
/* Discovery pages use category chips and larger, labelled covers. */
.template-modern .adn-discovery-header{height:134px;padding:25px 32px 14px}
.template-modern .adn-discovery-header>small{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-discovery-header h1{font-size:34px;line-height:40px;font-weight:700;margin:6px 0 5px;letter-spacing:-.5px}
.template-modern .adn-discovery-header p{font-size:15px;line-height:23px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-discovery-filters{height:68px;padding:10px 32px 14px}
.template-modern .adn-discovery-filters .adn-tab{height:42px;line-height:40px;margin-right:12px;padding:0 17px!important;border:1px solid var(--surface-color,#14161c)!important;border-radius:22px;background:var(--surface-color,#14161c);font-size:14px!important}
.template-modern .adn-discovery-filters .adn-tab.adn-tab-selected{background:var(--menu-highlight-color,#ff2e63);color:var(--app-text-color,#fff)!important;border-color:var(--menu-highlight-color,#ff2e63)!important}
.template-modern .adn-filter-count{display:inline-block;margin-left:10px;font-size:11px;opacity:.75}
.template-modern .adn-collection-heading{height:48px;padding:8px 32px;position:relative}
.template-modern .adn-collection-heading h2{display:inline-block;font-size:22px;line-height:32px;font-weight:600}
.template-modern .adn-collection-heading>span{position:absolute;right:36px;top:16px;font-size:13px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-discovery-page .adn-grid{padding:14px 32px 30px}
.template-modern .adn-discovery-page .adn-grid.adn-columns-6{padding-left:32px;padding-right:32px}
.template-modern .adn-discovery-page .adn-portrait{width:164px;height:336px;margin-right:24px!important}
.template-modern .adn-discovery-page .adn-portrait .adn-card-frame{width:164px;height:278px;margin:0;padding:0;border:2px solid transparent;background:var(--surface-color,#14161c)}
.template-modern .adn-discovery-page .adn-portrait .adn-card-frame img{width:160px;height:274px;object-fit:contain}
.template-modern .adn-discovery-page .adn-card.adn-focused .adn-card-frame{border-color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-discovery-page .adn-portrait .adn-card-title{white-space:normal;max-height:42px;font-size:15px;line-height:21px;margin-top:9px}
.template-modern .adn-discovery-page .adn-card-meta{font-size:11px;line-height:17px;margin-top:5px}
.template-modern .adn-discovery-page .adn-grid.adn-columns-3 .adn-card{width:352px;height:292px;margin-right:24px!important;margin-bottom:24px}
.template-modern .adn-news-page .adn-card-frame{width:352px;height:202px;padding:0;border:2px solid transparent}
.template-modern .adn-news-page .adn-card-frame img{width:348px;height:198px}
.template-modern .adn-news-page .adn-card-title{font-size:17px;line-height:23px;white-space:normal;max-height:46px;margin-top:8px}
.template-modern .adn-news-date{display:inline-block;font-size:12px;color:var(--menu-text-color,#aeb3c2);margin-top:9px}
.template-modern .adn-news-page .adn-duration{display:inline-block;float:right;margin-top:9px;line-height:14px}
.template-modern .adn-season-tabs .adn-tab{background:var(--surface-color,#14161c);border:0!important;border-radius:20px;padding:0 18px!important;margin-right:12px}
.template-modern .adn-season-tabs .adn-tab.adn-tab-selected{background:var(--menu-highlight-color,#ff2e63)}
/* Live TV and radio: one catalogue, clear station cards and a compact area picker. */
.template-modern .adn-station-area{height:56px;padding:3px 32px 9px}
.template-modern .adn-region-trigger{height:42px;border:1px solid var(--surface-color,#14161c)!important;border-radius:10px;background:var(--surface-color,#14161c);padding:0 15px!important;min-width:260px}
.template-modern .adn-region-trigger small{font-size:10px;letter-spacing:1px;color:var(--menu-text-color,#aeb3c2);margin-right:15px}
.template-modern .adn-region-trigger strong{font-size:14px;font-weight:500}.template-modern .adn-region-trigger>span{margin-left:24px;font-size:20px}
.template-modern .adn-stations-page .adn-grid{padding:12px 32px 30px}
.template-modern .adn-stations-page .adn-channel{position:relative;width:264px;height:194px;padding:0!important;margin-right:18px!important;margin-bottom:20px;background:var(--surface-color,#14161c);border:2px solid transparent!important;border-radius:14px!important}
.template-modern .adn-stations-page .adn-channel.adn-focused{border-color:var(--menu-highlight-color,#ff2e63)!important}
.template-modern .adn-stations-page .adn-square-logo{position:absolute;left:86px;top:26px;width:88px;height:88px}
.template-modern .adn-station-live{position:absolute;left:15px;top:13px;font-size:9px;letter-spacing:1px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-station-live:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--menu-highlight-color,#ff2e63);margin-right:6px;vertical-align:middle}
.template-modern .adn-station-title{position:absolute;left:15px;right:15px;top:126px;font-size:17px;line-height:23px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-modern .adn-station-action{position:absolute;left:15px;bottom:15px;font-size:12px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-channel.adn-focused .adn-station-action{color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-channel.adn-focused .adn-station-action:after{content:' →';margin-left:5px}
.template-modern .adn-region-overlay{position:absolute;left:0;top:0;width:1280px;height:720px;z-index:25;background:rgba(0,0,0,.8)}
.template-modern .adn-region-picker{position:absolute;left:190px;top:100px;width:900px;padding:28px;background:var(--surface-color,#14161c);border:1px solid rgba(255,255,255,.15);border-radius:18px}
.template-modern .adn-region-picker h2{font-size:26px;font-weight:600;line-height:34px}
.template-modern .adn-region-picker p{font-size:14px;line-height:22px;margin:5px 0 20px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-region-options{position:relative;max-height:340px;overflow:hidden;padding:5px;margin:-5px;font-size:0}
.template-modern .adn-region-option{position:relative;display:inline-block;width:264px;height:38px;margin:0 14px 8px 0;border-radius:8px;padding:0 12px!important;background:var(--app-background,#080b12);font-size:13px!important}
.template-modern .adn-region-option small{position:absolute;right:10px;top:12px;font-size:10px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-region-dismiss{margin-top:18px;padding:8px 20px!important;background:var(--app-background,#080b12);border-radius:20px;font-size:14px!important}
.template-modern .adn-audio-modern{padding:0;text-align:left;background:var(--app-background,#080b12)}
.template-modern .adn-audio-kicker{position:absolute;left:64px;top:50px;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-audio-modern>img{position:absolute;left:140px;top:165px;width:330px;height:330px;padding:48px;border-radius:50%;background:var(--surface-color,#14161c);border:1px solid rgba(255,255,255,.1)}
.template-modern .adn-audio-modern h1{position:absolute;left:560px;top:216px;width:620px;max-height:132px;margin:0;font-size:42px;line-height:44px;font-weight:700}
.template-modern .adn-audio-modern>p{position:absolute;left:564px;top:375px;margin:0;font-size:16px;color:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-audio-modern>p:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:10px;background:var(--menu-text-color,#aeb3c2)}
.template-modern .adn-audio-modern.is-playing>p:before{background:var(--menu-highlight-color,#ff2e63)}
.template-modern .adn-audio-controls{position:absolute;left:560px;top:435px}
.template-modern .adn-audio-controls .adn-action{margin-right:18px;min-width:150px;padding:12px 24px}
.template-modern .adn-audio-controls .adn-audio-close{background:var(--surface-color,#14161c)}