/* 1.9.25 — compact mobile header and poster-over-image hero. */
.ca-mobile-search-toggle,.ca-mobile-trailer-link{display:none}
@media(max-width:680px){
 body:not(.ca-inline-player)>.site-header .header-inner{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;min-height:56px}
 body:not(.ca-inline-player)>.site-header .menu-toggle{order:0;flex:0 0 24px;width:24px;padding:0}
 body:not(.ca-inline-player)>.site-header .brand{order:1;flex:1 1 90px;max-width:calc(100% - 158px);min-width:50px}
 body:not(.ca-inline-player)>.site-header .brand .brand-logo{max-width:100%!important;object-position:left center}
 body:not(.ca-inline-player)>.site-header .ca-mobile-search-toggle{display:inline-grid;place-items:center;order:2;flex:0 0 30px;width:30px;height:34px;padding:5px;color:var(--text)}
 body:not(.ca-inline-player)>.site-header [data-ca-account-slot]{order:3;flex:0 0 auto;margin-left:0}
 body:not(.ca-inline-player)>.site-header .ca-language{order:4}
 body:not(.ca-inline-player)>.site-header .ca-user-name,body:not(.ca-inline-player)>.site-header .ca-account-menu summary>span:not(.ca-header-avatar),body:not(.ca-inline-player)>.site-header .ca-notifications,body:not(.ca-inline-player)>.site-header .header-list{display:none}
 body:not(.ca-inline-player)>.site-header .ca-account-menu summary{max-width:none;padding:0;font-size:0;gap:0}
 body:not(.ca-inline-player)>.site-header .ca-header-avatar,body:not(.ca-inline-player)>.site-header .ca-header-avatar img{width:30px;height:30px;flex-basis:30px}
 body:not(.ca-inline-player)>.site-header .search-form{display:none;order:10;flex:1 0 100%;width:100%;margin-top:4px}
 body:not(.ca-inline-player)>.site-header.ca-mobile-search-open .search-form{display:flex}
 .home-main{width:calc(100% - 8px);padding-top:4px}
 .home-main .hero-grid{display:block;margin-bottom:0}
 .home-main .hero-grid>.up-next{display:none}
 .home-main .hero-slides-viewport,.home-main .hero-feature{height:auto;min-height:0}
 .home-main .hero-feature{border-radius:9px 9px 0 0;background:var(--bg);overflow:hidden}
 .home-main .hero-cover-layer{position:relative;inset:auto;height:auto;width:100%}
 .home-main .hero-backdrop{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:9px}
 .home-main .hero-shade{display:none}
 .home-main .hero-content{position:relative;inset:auto;bottom:auto;left:auto;right:auto;display:grid;grid-template-columns:clamp(82px,27vw,112px) minmax(0,1fr);gap:14px;align-items:start;margin:-58px 8px 0 2px;padding:0 0 10px;color:var(--text)}
 .home-main .hero-poster-wrap{display:block;width:100%;max-width:none;min-width:0;aspect-ratio:2/3;margin:0;box-shadow:none;align-self:start;border-radius:5px;flex-basis:auto}
 .home-main .hero-info{position:relative;padding:58px 0 0;min-width:0}
 .home-main .hero-play-row{display:block}
 .home-main .hero-play-circle-btn{position:absolute;top:0;left:0;width:48px;height:48px;padding:0}
 .home-main .hero-play-circle-btn .play-circle{width:48px;height:48px;border-width:2px}
 .home-main .hero-title-line{display:block}
 .home-main .hero-title-block h1{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;margin:0 0 5px;font-size:16px;line-height:1.25;font-weight:700;color:var(--text)}
 .home-main .hero-duration{position:absolute;top:16px;left:60px;display:block;margin:0;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000}
 .home-main .hero-subtitle{margin:0 0 6px}
 .home-main .hero-watch-link{font-size:14px;line-height:1.3;font-weight:600;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
 .home-main .hero-nav-arrow{top:clamp(65px,22vw,130px);width:25px;height:40px;font-size:25px;opacity:.75}
 .home-main .hero-nav-arrow.prev{left:4px}.home-main .hero-nav-arrow.next{right:4px}
 .home-main .hero-content .ca-reaction-toolbar{font-size:12px;flex-wrap:wrap;gap:5px}
 .home-main .ca-mobile-trailer-link{display:flex;align-items:center;gap:8px;margin:0 12px;padding:4px 0 20px;font-size:18px;font-weight:700;color:var(--text)}
 .home-main [data-ca-home-block="topics"]{padding:16px 8px 8px;margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .home-main .quick-topic-pills{margin:0 0 10px;gap:10px;padding:0;scrollbar-width:none}
 .home-main .topic-pill{border:1px solid var(--line);border-radius:20px;padding:5px 12px;min-height:29px;font-size:13px;line-height:1.3}
 .home-main [data-ca-home-block="discovery"]{padding:0 10px}
 .home-main .featured-today-section{margin-top:24px}
 .home-main .featured-today-section>.imdb-gold-heading{font-size:24px}
}

@media(max-width:680px){
 .home-main .hero-grid>.up-next{display:none!important}
 body:not(.ca-inline-player)>.site-header .header-inner{gap:8px!important}
 body:not(.ca-inline-player)>.site-header .menu-toggle{order:0!important}
 body:not(.ca-inline-player)>.site-header .brand{order:1!important}
 body:not(.ca-inline-player)>.site-header .ca-mobile-search-toggle{display:inline-grid!important;order:2!important}
 body:not(.ca-inline-player)>.site-header .search-form{display:none!important}
 body:not(.ca-inline-player)>.site-header.ca-mobile-search-open .search-form{display:flex!important}
 body:not(.ca-inline-player)>.site-header .header-list,body:not(.ca-inline-player)>.site-header .ca-notifications{display:none!important}
 .home-main .hero-content .ca-reaction-row{flex-wrap:nowrap;gap:8px}
 .home-main .hero-content .ca-reaction-row>[data-react="dislike"],.home-main .hero-content .ca-reaction-row>.ca-react-divider,.home-main .hero-content .ca-reaction-row>.ca-react-pill:not([data-react="love"]){display:none}
 .home-main .hero-content .ca-reaction-row>.ca-react-pill{border:0;padding:2px;background:transparent;font-size:12px}
 .home-main .hero-content .ca-reaction-row>.ca-react-more{order:4;opacity:.7}
 .home-main .hero-content .ca-reaction-row>.ca-react-pill[data-react="love"] img{width:21px;height:21px}
 .home-main .hero-title-block h1{font-size:17px}
 .home-main .hero-watch-link{font-size:15px}
 .home-main .ca-mobile-trailer-link{padding-bottom:22px}
}

/* 1.9.30: softly fade the mobile hero image into its dark background. */
@media(max-width:680px){
 .home-main .hero-backdrop{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.22) 94%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.22) 94%,transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 }
}