:root{
  --v2-bg:#07070b;
  --v2-surface:#111018;
  --v2-surface-2:#191424;
  --v2-border:#2a2038;
  --v2-text:#f7f4ff;
  --v2-muted:#a9a1b8;
  --v2-purple:#8b5cf6;
  --v2-purple-2:#a855f7;
  --v2-purple-3:#6d28d9;
  --v2-glow:rgba(139,92,246,.28);
}
html,body{background:var(--v2-bg)!important;color:var(--v2-text)!important}
body{background-image:radial-gradient(circle at 15% -10%,rgba(139,92,246,.16),transparent 28%),radial-gradient(circle at 90% 18%,rgba(168,85,247,.09),transparent 22%)!important}
.site-header{background:rgba(7,7,11,.9)!important;border-bottom:1px solid var(--v2-border)!important;backdrop-filter:blur(18px)}
.site-header .container{height:82px!important}
.logo{color:#fff!important;letter-spacing:-.03em}
.logo:not(:has(img))::first-letter{color:var(--v2-purple)}
.main-nav{margin-left:auto!important}
.main-nav a{color:#c9c1d7!important;border-radius:10px!important;transition:.2s ease}
.main-nav a:hover{color:#fff!important;background:rgba(139,92,246,.12)!important}
.main-content{padding-top:1rem!important}
.container{max-width:1400px!important}
.eyebrow,.content-kicker{color:#c4a7ff!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.showcase-title,.discover-title,.section-title,.section-title-plain{color:#fff!important;letter-spacing:-.035em}
.imdb-featured-container{margin-top:18px!important}
.imdb-showcase{gap:20px!important}
.imdb-main-trailer,.imdb-up-next,.search-command-center,.spotlight-card,.imdb-card,.empty-state{background:linear-gradient(180deg,rgba(26,20,37,.96),rgba(13,12,18,.98))!important;border:1px solid var(--v2-border)!important;box-shadow:0 20px 60px rgba(0,0,0,.3)!important}
.imdb-main-trailer{border-radius:22px!important;overflow:hidden!important}
.main-trailer-stage{min-height:520px!important}
.main-trailer-overlay{background:linear-gradient(0deg,rgba(5,5,8,.98) 0%,rgba(5,5,8,.75) 38%,transparent 75%)!important;padding:42px!important}
.poster-thumbnail{border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 16px 50px rgba(0,0,0,.5)!important}
.hero-btn,.btn{border-radius:11px!important}
.hero-btn-primary,.btn-primary,.imdb-btn-watchlist{background:linear-gradient(135deg,var(--v2-purple),var(--v2-purple-3))!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px var(--v2-glow)!important}
.hero-btn-primary:hover,.btn-primary:hover,.imdb-btn-watchlist:hover{transform:translateY(-1px);filter:brightness(1.08)}
.hero-btn-secondary,.btn-secondary,.imdb-btn-trailer{background:#191721!important;color:#eee8ff!important;border:1px solid #342944!important}
.up-next-title,.spotlight-rating,.imdb-star{color:#b794f6!important}
.up-next-item{border-color:#292034!important;border-radius:12px!important}
.up-next-item:hover{background:rgba(139,92,246,.09)!important}
.search-command-center{border-radius:20px!important;padding:28px!important}
.imdb-search-shell{background:#0d0c12!important;border:1px solid #392b4c!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 0 0 3px transparent!important}
.imdb-search-shell:focus-within{border-color:var(--v2-purple)!important;box-shadow:0 0 0 3px rgba(139,92,246,.15)!important}
.imdb-search-badge{background:#211a2e!important;color:#d7c7ff!important;border-right:1px solid #392b4c!important}
.imdb-search-shell input{background:transparent!important;color:#fff!important}
.imdb-search-shell button{background:var(--v2-purple)!important;color:#fff!important}
.quick-filter-row{gap:10px!important}
.filter-chip,.active-filter{background:#15121d!important;color:#c8bdd7!important;border:1px solid #30263f!important;border-radius:999px!important}
.filter-chip:hover,.filter-chip.active{background:rgba(139,92,246,.16)!important;color:#fff!important;border-color:#7c3aed!important}
.filter-panel-grid{background:#0d0c12!important;border:1px solid #25202e!important;border-radius:14px!important}
.form-control,.filter-select{background:#111018!important;color:#f7f4ff!important;border-color:#342944!important}
.form-control:focus,.filter-select:focus{border-color:var(--v2-purple)!important;box-shadow:0 0 0 3px rgba(139,92,246,.14)!important}
.spotlight-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
.spotlight-card{border-radius:16px!important;overflow:hidden!important;transition:.22s ease}
.spotlight-card:hover,.imdb-card:hover{transform:translateY(-5px)!important;border-color:#5b3f7f!important;box-shadow:0 24px 55px rgba(57,31,95,.34)!important}
.spotlight-media img,.imdb-card-img{transition:transform .35s ease!important}
.spotlight-card:hover img,.imdb-card:hover .imdb-card-img{transform:scale(1.035)!important}
.store-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}
.imdb-card{border-radius:16px!important;overflow:hidden!important;transition:.22s ease!important}
.imdb-card-content{background:transparent!important;padding:14px!important}
.imdb-card-meta,.imdb-card-summary,.imdb-card-credits,.results-copy,.section-copy,.discover-copy,.up-next-meta,.up-next-name,.spotlight-copy,.spotlight-meta{color:var(--v2-muted)!important}
.imdb-card-title a,.spotlight-card h3 a,.trailer-title{color:#fff!important}
.imdb-ribbon{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important}
.card-inline-badge{background:rgba(139,92,246,.9)!important;color:#fff!important}
.card-inline-badge.alt{background:rgba(236,72,153,.88)!important}
.pagination .btn-primary{background:var(--v2-purple)!important}
.site-footer{background:#09080d!important;border-top:1px solid var(--v2-border)!important}
.toast-btn{background:var(--v2-purple)!important}
@media(max-width:1180px){.store-grid,.spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.store-grid,.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-trailer-stage{min-height:420px!important}.main-trailer-overlay{padding:24px!important}}
@media(max-width:520px){.container{padding:0 16px!important}.store-grid,.spotlight-grid{gap:12px!important}.main-trailer-stage{min-height:360px!important}.poster-thumbnail{display:none!important}.search-command-center{padding:20px!important}}

/* V2.4 — larger brand logo */
.site-header .logo{padding:0!important;display:inline-flex!important;align-items:center!important;min-width:0!important}
.site-header .logo img{max-height:64px!important;width:auto!important;max-width:260px!important;object-fit:contain!important;display:block!important}
@media(max-width:768px){
  .site-header{padding:.35rem 0!important}
  .site-header .container{min-height:64px!important;height:64px!important;flex-wrap:nowrap!important}
  .site-header .logo img{max-height:46px!important;max-width:190px!important}
}
@media(max-width:420px){
  .site-header .logo img{max-height:42px!important;max-width:165px!important}
}

/* V2.5 - Stronger desktop navigation */
@media (min-width: 769px) {
  .main-nav a {
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    padding: .6rem .85rem !important;
  }
}

/* V2.6 — premium desktop nav + clean two-row mobile header */
@media (min-width: 769px) {
  .site-header .container {
    height: 88px !important;
  }
  .main-nav {
    gap: .9rem !important;
  }
  .main-nav a {
    position: relative !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    padding: .78rem .7rem !important;
    color: #f4efff !important;
    background: transparent !important;
  }
  .main-nav a::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: .7rem !important;
    right: .7rem !important;
    bottom: .3rem !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,#8b5cf6,#c084fc) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .2s ease !important;
  }
  .main-nav a:hover::after,
  .main-nav a:focus-visible::after {
    transform: scaleX(1) !important;
  }
}

@media (max-width: 768px) {
  .site-header {
    padding: .55rem 0 .7rem !important;
  }
  .site-header .container {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .55rem !important;
  }
  .site-header .logo {
    flex: 0 0 100% !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
  .site-header .logo img {
    max-height: 50px !important;
    max-width: 205px !important;
  }
  .nav-toggle {
    display: none !important;
  }
  .main-nav,
  .main-nav.open {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    position: static !important;
    width: 100% !important;
    order: 3 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: .5rem !important;
  }
  .main-nav a {
    min-width: 0 !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .62rem .45rem !important;
    border: 1px solid rgba(168,85,247,.22) !important;
    border-radius: 12px !important;
    background: rgba(139,92,246,.07) !important;
    color: #f2edff !important;
    font-size: .86rem !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  .site-header .logo img {
    max-height: 47px !important;
    max-width: 195px !important;
  }
  .main-nav a {
    font-size: .82rem !important;
    padding-left: .3rem !important;
    padding-right: .3rem !important;
  }
}

/* V2.7 — Trending carousel: poster-first, scrollable, mobile swipe */
.spotlight-section{position:relative!important;overflow:visible!important}
.spotlight-carousel-shell{position:relative!important;margin-top:8px!important}
.spotlight-carousel{display:flex!important;gap:16px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;padding:8px 4px 20px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-inline:contain!important}
.spotlight-carousel::-webkit-scrollbar{display:none!important}
.spotlight-carousel .spotlight-card{flex:0 0 calc((100% - 64px)/5)!important;min-width:190px!important;scroll-snap-align:start!important;border-radius:18px!important;overflow:hidden!important;transform-origin:center center!important}
.spotlight-carousel .spotlight-media{position:relative!important;display:block!important;aspect-ratio:2/3!important;overflow:hidden!important;background:#0c0a11!important}
.spotlight-carousel .spotlight-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.spotlight-carousel .spotlight-body{padding:13px 13px 15px!important;min-height:112px!important}
.spotlight-carousel .spotlight-rating{font-size:.9rem!important;margin-bottom:6px!important}
.spotlight-carousel .spotlight-card h3{font-size:1rem!important;line-height:1.25!important;margin:0 0 7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.spotlight-carousel .spotlight-meta{font-size:.82rem!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.spotlight-hover-action{position:absolute!important;left:50%!important;bottom:14px!important;transform:translate(-50%,12px)!important;opacity:0!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;padding:8px 14px!important;font-weight:800!important;font-size:.78rem!important;box-shadow:0 10px 28px rgba(109,40,217,.42)!important;transition:.2s ease!important;white-space:nowrap!important}
.spotlight-card:hover .spotlight-hover-action{opacity:1!important;transform:translate(-50%,0)!important}
.spotlight-card:hover{transform:translateY(-6px) scale(1.025)!important;z-index:2!important}
.spotlight-arrow{position:absolute!important;top:42%!important;z-index:5!important;width:46px!important;height:64px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(10,8,15,.88)!important;color:#fff!important;font-size:2.25rem!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 12px 32px rgba(0,0,0,.4)!important;backdrop-filter:blur(12px)!important;transition:.2s ease!important}
.spotlight-arrow:hover{background:linear-gradient(180deg,rgba(139,92,246,.92),rgba(109,40,217,.92))!important;transform:translateY(-2px)!important}
.spotlight-arrow-prev{left:-18px!important}
.spotlight-arrow-next{right:-18px!important}
.spotlight-arrow:disabled{opacity:.25!important;cursor:default!important;transform:none!important}
@media(max-width:1180px){.spotlight-carousel .spotlight-card{flex-basis:calc((100% - 48px)/4)!important}}
@media(max-width:820px){.spotlight-carousel{gap:13px!important;padding-right:42px!important;scroll-padding-left:0!important}.spotlight-carousel .spotlight-card{flex-basis:42%!important;min-width:150px!important}.spotlight-arrow{display:none!important}.spotlight-hover-action{display:none!important}.spotlight-carousel .spotlight-body{min-height:104px!important}}
@media(max-width:520px){.spotlight-carousel .spotlight-card{flex-basis:58%!important;min-width:165px!important}.spotlight-carousel{gap:12px!important;padding-bottom:14px!important}.spotlight-carousel .spotlight-card h3{font-size:.98rem!important}.spotlight-carousel .spotlight-meta{font-size:.78rem!important}}


/* V2.8 — More Picks: five-item sidebar */
@media (min-width: 901px){
  .imdb-up-next .up-next-list{overflow:hidden!important;padding:.22rem!important;gap:.12rem!important;}
  .imdb-up-next .up-next-item{padding:8px 10px!important;margin:.12rem!important;gap:10px!important;min-height:0!important;}
  .imdb-up-next .up-next-poster{width:58px!important;height:86px!important;}
  .imdb-up-next .up-next-play{font-size:.88rem!important;margin-bottom:.2rem!important;line-height:1.15!important;}
  .imdb-up-next .up-next-name{font-size:.76rem!important;line-height:1.2!important;margin-bottom:.16rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .imdb-up-next .up-next-meta{font-size:.72rem!important;margin-top:.08rem!important;}
  .imdb-up-next .up-next-header{padding:1rem 1rem .72rem!important;}
}

/* V2.9 — More Picks fills the sidebar cleanly */
@media (min-width: 901px){
  .imdb-up-next{display:flex!important;flex-direction:column!important;align-self:stretch!important;}
  .imdb-up-next .up-next-list{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;padding:.35rem!important;gap:.34rem!important;}
  .imdb-up-next .up-next-item{flex:1 1 0!important;min-height:0!important;margin:0!important;padding:9px 11px!important;display:flex!important;align-items:center!important;}
  .imdb-up-next .up-next-poster{width:62px!important;height:92px!important;flex:0 0 62px!important;}
  .imdb-up-next .up-next-details{min-width:0!important;justify-content:center!important;}
  .imdb-up-next .up-next-name{margin:.15rem 0!important;}
}

/* Homepage placement controls in admin forms */
.homepage-placement-box{border:1px solid rgba(139,92,246,.34)!important;background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(20,16,29,.66))!important;border-radius:14px!important;padding:16px!important;}
