/* NOVA X.5 — refonte visuelle fidèle à la maquette fournie */
:root{--nova-red:#ef334b;--nova-bg:#06080b;--nova-panel:#0b0e12;--nova-line:rgba(255,255,255,.09);--nova-rail:78px}
html{background:var(--nova-bg)}
body.nova-ui-rewrite{padding-left:var(--nova-rail)!important;background:radial-gradient(circle at 82% 9%,rgba(22,35,47,.22),transparent 28%),linear-gradient(180deg,#070a0e,#05070a 55%,#070a0e)!important;color:#f5f6f8;font-family:Inter,Arial,sans-serif!important}
body.nova-ui-rewrite main,body.nova-ui-rewrite footer{margin-left:0!important}
.nova-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--nova-rail)!important;z-index:150!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:15px 0 18px!important;background:#070a0e!important;border-right:1px solid var(--nova-line)!important;box-shadow:none!important}
.sidebar-brand{width:42px!important;height:42px!important;margin:0 0 28px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#ff3655,#d90d34)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(239,51,75,.22)!important}
.sidebar-brand span{font-size:20px!important;font-weight:900!important;line-height:1!important}
.sidebar-main{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;margin:0!important}
.sidebar-main a,.sidebar-main button,.sidebar-account{position:relative!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#aeb4bd!important;cursor:pointer!important;text-decoration:none!important;transition:.18s ease!important}
.sidebar-main svg,.sidebar-account svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.sidebar-main a:hover,.sidebar-main button:hover,.sidebar-account:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
.sidebar-main a.active,.sidebar-main button.active,.sidebar-account.active{color:#fff!important;background:rgba(239,51,75,.10)!important;box-shadow:inset 0 0 0 1px rgba(239,51,75,.45)!important}
.sidebar-main a.active:before,.sidebar-main button.active:before{content:""!important;position:absolute!important;left:-15px!important;top:7px!important;bottom:7px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:var(--nova-red)!important;box-shadow:0 0 14px var(--nova-red)!important}
.sidebar-main [data-label]:after,.sidebar-account[data-label]:after{content:attr(data-label)!important;position:absolute!important;left:59px!important;top:50%!important;transform:translateY(-50%) translateX(-5px)!important;padding:7px 9px!important;border:1px solid var(--nova-line)!important;border-radius:7px!important;background:#10141a!important;color:#fff!important;font-size:11px!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:.15s!important;box-shadow:0 8px 24px rgba(0,0,0,.45)!important}
.sidebar-main [data-label]:hover:after,.sidebar-account[data-label]:hover:after{opacity:1!important;transform:translateY(-50%)!important}
.sidebar-account{margin-top:auto!important}
.sidebar-account:after{z-index:2}.sidebar-status{position:absolute!important;right:8px!important;bottom:8px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#31c56d!important;border:2px solid #070a0e!important}
.topbar{position:absolute!important;z-index:70!important;top:0!important;left:var(--nova-rail)!important;right:0!important;height:72px!important;padding:0 25px!important;display:flex!important;align-items:center!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(4,7,10,.97),rgba(4,7,10,.72),transparent)!important;backdrop-filter:none!important;box-shadow:none!important}
.topbar>.brand{order:0!important;margin:0!important;color:#ef334b!important;font-size:30px!important;font-weight:900!important;letter-spacing:-.04em!important;text-decoration:none!important}
.topbar>.brand span{letter-spacing:-.04em!important}
.topbar>nav[data-main-nav]{order:1!important;margin:0 auto!important;display:flex!important;gap:44px!important;align-items:center!important}
.topbar>nav[data-main-nav] a{position:relative!important;padding:26px 2px 19px!important;color:#e8e9ec!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important}
.topbar>nav[data-main-nav] a:after{bottom:11px!important;height:2px!important;border-radius:2px!important;background:var(--nova-red)!important}
.topbar .mobile-menu,.topbar>.nova-search,.topbar>.account-button{display:none!important}
.nova-hero{min-height:0!important;height:355px!important;margin:72px 24px 0!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;overflow:hidden!important;background-position:center 28%!important;background-size:cover!important;box-shadow:0 22px 70px rgba(0,0,0,.36)!important;transition:opacity .25s ease!important}
.nova-hero .hero-shade{background:linear-gradient(90deg,rgba(4,6,9,.98) 0%,rgba(4,6,9,.85) 30%,rgba(4,6,9,.25) 56%,rgba(4,6,9,.55) 100%),linear-gradient(0deg,rgba(4,6,9,.8),transparent 42%)!important}
.nova-hero .hero-copy{width:min(530px,48vw)!important;padding:48px 0 26px 7.5vw!important}
.nova-hero .eyebrow{margin-bottom:13px!important;color:#d4d7dc!important;font-size:9px!important;letter-spacing:.26em!important}.nova-n-mark{display:inline-grid!important;place-items:center!important;width:18px!important;height:22px!important;background:var(--nova-red)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;transform:skew(-6deg)!important}
.nova-hero .hero-logo-frame{height:75px!important;display:flex!important;align-items:flex-end!important}.nova-hero .hero-logo-frame img{max-width:420px!important;max-height:74px!important;object-fit:contain!important;object-position:left bottom!important}
.nova-hero h1{margin:3px 0 10px!important;max-width:500px!important;font-size:clamp(42px,5vw,72px)!important;line-height:.92!important;font-weight:900!important;letter-spacing:-.06em!important;text-transform:uppercase!important;text-shadow:0 8px 30px #000!important}
.nova-hero h1.logo-active{display:none!important}.nova-hero .metadata{margin:12px 0 9px!important;color:#f4f5f7!important;font-size:12px!important;font-weight:650!important}.nova-hero .hero-chips{display:none!important}.nova-hero .synopsis{max-width:500px!important;margin:0!important;color:#d0d3d8!important;font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:2!important}.nova-hero .actions{margin-top:16px!important;gap:11px!important}.nova-hero .primary,.nova-hero .secondary{height:40px!important;padding:0 19px!important;border-radius:6px!important;font-size:12px!important}.nova-hero .primary{background:linear-gradient(135deg,#ff4058,#ee273f)!important;color:#fff!important}.nova-hero .secondary{background:rgba(26,29,34,.86)!important;border:1px solid rgba(255,255,255,.08)!important}.nova-hero .hero-dots{position:absolute!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;margin:0!important;display:flex!important;gap:8px!important}.nova-hero .hero-dots button{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#777d85!important}.nova-hero .hero-dots button.active{width:22px!important;border-radius:4px!important;background:var(--nova-red)!important}
.home-rows{position:relative!important;z-index:4!important;margin:0!important;padding:20px 0 70px!important;background:transparent!important}.discovery-strip{display:flex!important;gap:10px!important;align-items:center!important;overflow:auto!important;padding:0 26px 18px!important;border:0!important}.discovery-strip button{height:38px!important;padding:0 17px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;background:#11151a!important;color:#bfc4cb!important;font-size:12px!important;white-space:nowrap!important}.discovery-strip button:hover,.discovery-strip button.active{border-color:rgba(239,51,75,.7)!important;background:rgba(239,51,75,.13)!important;color:#fff!important}
.catalog-row{margin:0 0 29px!important}.row-heading{padding:0 26px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.row-heading h2{margin:0!important;font-size:18px!important;font-weight:750!important;letter-spacing:-.02em!important}.row-heading h2:before{content:"";display:inline-block;width:4px;height:18px;margin-right:9px;border-radius:4px;background:linear-gradient(#ffb20b,#ff6b00);vertical-align:-3px}.media-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:168px!important;gap:12px!important;overflow-x:auto!important;padding:3px 26px 16px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.media-rail::-webkit-scrollbar{display:none!important}.x-card{position:relative!important;height:235px!important;border-radius:9px!important;overflow:visible!important;text-decoration:none!important;color:#fff!important;scroll-snap-align:start!important;transition:.2s ease!important}.x-card:hover{transform:translateY(-5px) scale(1.025)!important;z-index:5!important}.x-card-image{position:absolute!important;inset:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background-size:cover!important;background-position:center!important;box-shadow:0 10px 28px rgba(0,0,0,.35)!important}.x-card-overlay{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:55px 9px 9px!important;border-radius:0 0 9px 9px!important;background:linear-gradient(transparent,rgba(0,0,0,.9))!important;opacity:1!important;transform:none!important}.x-card-overlay strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.x-card-overlay small{display:block!important;margin-top:3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#b7bbc1!important;font-size:9px!important}.rank-rail{grid-auto-columns:198px!important;gap:22px!important}.rank-rail .x-card{height:235px!important;margin-left:34px!important}.rank-number{position:absolute!important;z-index:-1!important;left:-44px!important;bottom:-8px!important;font-size:112px!important;font-weight:950!important;line-height:1!important;color:#0a0d11!important;-webkit-text-stroke:2px #737982!important;text-shadow:0 8px 30px #000!important}.watch-progress{left:8px!important;right:8px!important;bottom:5px!important}
footer{padding:30px 26px!important}
/* Catalogues / fiches / compte — même identité visuelle */
.nova-inner-page .page-main,.account-ui-page .account-main{padding-top:96px!important}.nova-inner-page .page-hero{min-height:215px!important;padding:44px 26px 28px!important;border-bottom:1px solid var(--nova-line)!important;background:radial-gradient(circle at 75% 20%,rgba(239,51,75,.10),transparent 30%)!important}.nova-inner-page .page-hero h1{font-family:Inter,Arial,sans-serif!important;font-size:48px!important;font-weight:850!important;letter-spacing:-.045em!important}.nova-inner-page .page-hero p{max-width:650px!important;color:#999fa8!important}.nova-inner-page .filter-bar{padding:22px 26px!important}.nova-inner-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:24px 16px!important;padding:6px 26px 70px!important}.nova-inner-page .media-card{border-radius:9px!important;background:#0b0e12!important;border:1px solid var(--nova-line)!important;overflow:hidden!important;transition:.2s!important}.nova-inner-page .media-card:hover{transform:translateY(-6px)!important;border-color:rgba(239,51,75,.42)!important}.title-ui-page .watch-main{padding-top:72px!important}.account-ui-page .account-page{padding:30px 26px 80px!important}.account-ui-page .profile-card,.account-ui-page .settings-card,.account-ui-page .dashboard-section{border:1px solid var(--nova-line)!important;border-radius:13px!important;background:#0b0f14!important}
.modal-open{overflow:hidden!important}.sidebar-account .sidebar-status{background:#67707b!important}.sidebar-account.is-connected .sidebar-status{background:#31c56d!important;box-shadow:0 0 10px rgba(49,197,109,.65)!important}.nova-hero .secondary.active,[data-favorite].active{border-color:rgba(239,51,75,.7)!important;background:rgba(239,51,75,.16)!important;color:#fff!important}
.favorite-poster-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:16px!important}.favorite-poster-card{position:relative!important;min-width:0!important;border:1px solid var(--nova-line)!important;border-radius:12px!important;background:#0a0d12!important;overflow:hidden!important;transition:transform .2s ease,border-color .2s ease!important}.favorite-poster-card:hover{transform:translateY(-5px)!important;border-color:rgba(239,51,75,.45)!important}.favorite-poster-card>a{display:block!important;padding:8px 8px 12px!important;color:#fff!important;text-decoration:none!important}.favorite-poster{display:block!important;aspect-ratio:2/3!important;border-radius:8px!important;background-position:center!important;background-size:cover!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}.favorite-poster-card strong,.favorite-poster-card small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.favorite-poster-card strong{margin:10px 2px 3px!important;font-size:13px!important}.favorite-poster-card small{margin:0 2px!important;color:#9299a3!important;font-size:11px!important}.favorite-poster-card>button{position:absolute!important;top:14px!important;right:14px!important;width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;background:rgba(4,6,9,.78)!important;color:#fff!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;backdrop-filter:blur(8px)!important}.favorite-poster-card>button:hover{background:#ef334b!important}
/* Recherche */
.nova-search-modal{padding:6vh 24px 24px!important}.nova-search-backdrop{background:rgba(0,0,0,.82)!important;backdrop-filter:blur(16px)!important}.nova-search-dialog{width:min(980px,100%)!important;border-radius:18px!important;background:linear-gradient(180deg,#11161d,#080b0f)!important;border:1px solid rgba(255,255,255,.11)!important}.nova-search-dialog h2{font-size:34px!important}.nova-search-field{height:58px!important;border-radius:12px!important}.nova-search-results{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.nova-search-result{grid-template-columns:54px 1fr 18px!important;background:rgba(255,255,255,.018)!important}.nova-search-result img{width:54px!important;height:75px!important;border-radius:7px!important}
@media(max-width:900px){:root{--nova-rail:0px}body.nova-ui-rewrite{padding-left:0!important;padding-bottom:68px!important}.nova-sidebar{top:auto!important;bottom:0!important;width:100%!important;height:66px!important;flex-direction:row!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;border-right:0!important;border-top:1px solid var(--nova-line)!important}.sidebar-brand{display:none!important}.sidebar-main{flex:1!important;flex-direction:row!important;justify-content:space-around!important;gap:0!important}.sidebar-main a,.sidebar-main button,.sidebar-account{width:46px!important;height:46px!important}.sidebar-account{margin:0!important}.sidebar-main [data-label]:after,.sidebar-account[data-label]:after{display:none!important}.sidebar-main a.active:before,.sidebar-main button.active:before{left:10px!important;right:10px!important;top:-7px!important;bottom:auto!important;width:auto!important;height:3px!important}.topbar{left:0!important;height:64px!important;padding:0 16px!important}.topbar>.brand{font-size:24px!important}.topbar>nav[data-main-nav]{margin-left:auto!important;margin-right:0!important;gap:18px!important}.topbar>nav[data-main-nav] a{padding:22px 0 17px!important;font-size:12px!important}.topbar>nav[data-main-nav] a:nth-child(n+3){display:none!important}.nova-hero{height:500px!important;margin:64px 12px 0!important;background-position:65% center!important}.nova-hero .hero-copy{width:82%!important;padding:210px 18px 24px!important}.nova-hero .hero-shade{background:linear-gradient(0deg,#05070a 0%,rgba(5,7,10,.88) 43%,rgba(5,7,10,.08) 77%)!important}.nova-hero h1{font-size:42px!important}.nova-hero .hero-logo-frame img{max-width:300px!important}.discovery-strip{padding-left:16px!important;padding-right:16px!important}.row-heading{padding-left:16px!important;padding-right:16px!important}.media-rail{grid-auto-columns:145px!important;padding-left:16px!important;padding-right:16px!important}.x-card{height:205px!important}.rank-rail{grid-auto-columns:174px!important}.rank-rail .x-card{height:205px!important}.nova-inner-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:16px!important;padding-right:16px!important}.nova-search-results{grid-template-columns:1fr!important}}

/* NOVA X.7 — correctifs héros, affiches et espace client */
.nova-hero{box-shadow:none!important}
.nova-hero .hero-shade{background:linear-gradient(90deg,rgba(4,6,9,.94) 0%,rgba(4,6,9,.68) 30%,rgba(4,6,9,.10) 57%,rgba(4,6,9,.12) 100%),linear-gradient(0deg,rgba(4,6,9,.34),transparent 38%)!important}
.nova-inner-page .media-card{background-color:#0b0e12!important;background-image:var(--poster)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.account-ui-page .account-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;overflow:hidden!important;background:radial-gradient(circle at 88% 35%,rgba(239,51,75,.22),transparent 26%),linear-gradient(110deg,#0c1117,#080b0f)!important}
.account-hero h1 span{color:#fff}.account-hero-mark{margin-right:8vw;color:rgba(239,51,75,.12);font-size:150px;font-weight:950;line-height:.7;transform:skew(-7deg)}
.account-ui-page .account-page{grid-template-columns:240px minmax(0,1fr)!important;gap:22px!important;max-width:1500px;margin:0 auto!important}
.account-ui-page .profile-card{padding:25px 18px!important;text-align:left!important;background:linear-gradient(180deg,#10151b,#090c10)!important}
.account-ui-page .profile-avatar{margin:0 0 16px!important;width:68px!important;height:68px!important;background:linear-gradient(135deg,#ff3f59,#8b0825)!important;font-family:Inter,Arial,sans-serif!important;font-weight:850!important}
.account-ui-page .provider-list{justify-content:flex-start!important}
.account-menu{display:grid;gap:6px;margin:24px -6px}.account-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#aeb5bd;text-decoration:none;font-size:12px;transition:.18s}.account-menu a:hover{background:rgba(239,51,75,.11);color:#fff}.account-menu a span{width:20px;color:#ef334b;font-size:17px;text-align:center}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:25px 27px;border:1px solid var(--nova-line);border-radius:15px;background:linear-gradient(120deg,#131920,#0c1015)}.dashboard-welcome h2{margin:4px 0 5px;font-size:26px}.dashboard-welcome p{margin:0;color:#8f98a3;font-size:12px}.dashboard-welcome .account-link{white-space:nowrap}
.account-ui-page .stat-row article{position:relative;overflow:hidden;padding:21px!important}.account-ui-page .stat-row article:after{content:"";position:absolute;inset:auto -25px -45px auto;width:90px;height:90px;border-radius:50%;background:rgba(239,51,75,.07)}.account-ui-page .stat-row strong{font-family:Inter,Arial,sans-serif!important}.stat-icon{float:right!important;color:#ef334b!important;font-size:20px!important}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h3{margin:4px 0 0;font-size:20px}.section-heading>a{color:#ef334b;font-size:11px;text-decoration:none}
.account-ui-page .dashboard-section{margin-top:18px!important;padding:24px!important}.account-ui-page .settings-card{margin-top:18px!important;margin-bottom:0!important}.account-ui-page .list-item{padding:15px!important;background:#0e1318!important;border-color:rgba(255,255,255,.07)!important}.account-ui-page .favorite-poster-card{background:#0d1217!important}
@media(max-width:900px){.nova-hero .hero-shade{background:linear-gradient(0deg,#05070a 0%,rgba(5,7,10,.76) 43%,rgba(5,7,10,.04) 77%)!important}.account-ui-page .account-page{grid-template-columns:1fr!important}.account-ui-page .profile-card{position:static!important}.account-menu{grid-template-columns:repeat(2,1fr)}.account-hero-mark{display:none}.dashboard-welcome{align-items:flex-start;flex-direction:column}.account-ui-page .stat-row{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:560px){.account-ui-page .stat-row{grid-template-columns:1fr!important}.account-ui-page .account-page{padding-left:12px!important;padding-right:12px!important}.account-ui-page .dashboard-section,.account-ui-page .settings-card{padding:18px!important}.favorite-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* NOVA X.8 — images sans voiles ni ombres noires */
.nova-hero,
.nova-hero::before,
.nova-hero::after,
.nova-hero .hero-shade{
  box-shadow:none!important;
  text-shadow:none!important;
}
.nova-hero::before,
.nova-hero::after,
.nova-hero .hero-shade{
  content:none!important;
  display:none!important;
  background:none!important;
}
.nova-hero h1,
.nova-hero .hero-logo-frame img{
  text-shadow:none!important;
  filter:none!important;
}
.x-card-image,
.x-card:hover .x-card-image,
.nova-inner-page .media-card,
.nova-inner-page .media-card:hover,
.favorite-poster,
.rank-number{
  box-shadow:none!important;
  text-shadow:none!important;
}
.x-card-overlay{
  padding:8px 9px!important;
  background:rgba(7,10,14,.72)!important;
  backdrop-filter:blur(5px)!important;
}
.nova-inner-page .media-card .media-shade{
  display:none!important;
  background:none!important;
}
.nova-inner-page .media-info{
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  padding:8px 9px!important;
  border-radius:7px!important;
  background:rgba(7,10,14,.72)!important;
  backdrop-filter:blur(5px)!important;
}
.nova-inner-page .media-info strong{
  margin-bottom:3px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
}
.nova-inner-page .media-info small{font-size:9px!important}
.x-card,.x-card-image,.nova-inner-page .media-card{
  will-change:transform;
}
.x-card-image,.nova-inner-page .media-card{
  transition:transform .22s ease,border-color .22s ease!important;
}
@media(prefers-reduced-motion:reduce){
  .x-card,.x-card-image,.nova-inner-page .media-card{transition:none!important}
}

/* NOVA X.9 — mobile premium */
html{scroll-behavior:smooth}
body.nova-ui-rewrite{-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
.nova-sidebar,.topbar,.x-card-image,.media-card,.dashboard-section,.settings-card{
  -webkit-backdrop-filter:saturate(135%);
  backdrop-filter:saturate(135%);
}
.x-card-image,.nova-inner-page .media-card{
  border-color:rgba(255,255,255,.11)!important;
}
.x-card:focus-visible,.media-card:focus-visible,.nova-sidebar a:focus-visible,
.nova-sidebar button:focus-visible,.actions button:focus-visible{
  outline:2px solid #ff4960!important;
  outline-offset:3px!important;
}

@media(max-width:760px){
  :root{--mobile-nav-h:74px}
  html{scroll-padding-top:64px}
  body.nova-ui-rewrite{
    padding-left:0!important;
    padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    background:#06080b!important;
  }
  body.nova-ui-rewrite main,body.nova-ui-rewrite footer{width:100%!important}

  /* Barre premium fixe en bas, accessible au pouce */
  .nova-sidebar{
    inset:auto 0 0 0!important;
    width:auto!important;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding:7px max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-columns:1fr 4fr 1fr!important;
    gap:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-width:1px 0 0!important;
    background:rgba(7,9,13,.94)!important;
    -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
    backdrop-filter:blur(22px) saturate(155%)!important;
  }
  .sidebar-brand{display:none!important}
  .sidebar-main{
    grid-column:1/4!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:0!important;
    align-items:center!important;
  }
  .sidebar-main a,.sidebar-main button,.sidebar-account{
    width:100%!important;
    height:58px!important;
    border-radius:14px!important;
  }
  .sidebar-main a:nth-child(5){grid-column:4}
  .sidebar-account{grid-column:5!important;grid-row:1!important;margin:0!important;z-index:2}
  .sidebar-main svg,.sidebar-account svg{width:23px!important;height:23px!important}
  .sidebar-main [data-label]:after,.sidebar-account[data-label]:after{display:none!important}
  .sidebar-main a.active,.sidebar-main button.active,.sidebar-account.active{
    color:#ff4960!important;
    background:rgba(239,51,75,.10)!important;
    box-shadow:none!important;
  }
  .sidebar-main a.active:before,.sidebar-main button.active:before{
    left:50%!important;top:auto!important;bottom:2px!important;width:18px!important;height:3px!important;
    transform:translateX(-50%)!important;border-radius:10px!important;
  }
  .sidebar-status{right:calc(50% - 14px)!important;bottom:13px!important}

  .topbar{
    position:fixed!important;
    left:0!important;right:0!important;top:0!important;
    height:58px!important;
    padding:env(safe-area-inset-top) 18px 0!important;
    background:rgba(6,8,11,.82)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  .topbar>.brand{font-size:24px!important;letter-spacing:-.055em!important}
  .topbar>.mobile-menu,.topbar>nav[data-main-nav]{display:none!important}

  .nova-hero{
    height:min(71vh,590px)!important;
    min-height:480px!important;
    margin:58px 0 0!important;
    border:0!important;
    border-radius:0 0 24px 24px!important;
    background-position:center 20%!important;
  }
  .nova-hero .hero-copy{
    position:absolute!important;
    inset:auto 0 0!important;
    width:100%!important;
    padding:120px 20px 25px!important;
    background:linear-gradient(0deg,#06080b 0%,rgba(6,8,11,.96) 28%,rgba(6,8,11,.72) 61%,transparent 100%)!important;
  }
  .nova-hero .eyebrow{margin-bottom:9px!important;font-size:8px!important}
  .nova-hero .hero-logo-frame{height:50px!important}
  .nova-hero .hero-logo-frame img{max-width:72vw!important;max-height:48px!important}
  .nova-hero h1{max-width:92vw!important;margin:2px 0 8px!important;font-size:clamp(34px,11vw,52px)!important;line-height:.94!important}
  .nova-hero .metadata{margin:8px 0 7px!important;font-size:11px!important}
  .nova-hero .synopsis{
    display:-webkit-box!important;
    max-width:94%!important;
    font-size:12px!important;
    line-height:1.48!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .nova-hero .actions{display:grid!important;grid-template-columns:1.45fr 1fr!important;gap:9px!important;margin-top:15px!important}
  .nova-hero .actions #hero-watch{order:1!important}
  .nova-hero .actions #hero-info{order:2!important}
  .nova-hero .primary,.nova-hero .secondary{width:100%!important;height:47px!important;border-radius:13px!important;font-weight:800!important}
  .nova-hero #hero-watch{
    border:1px solid rgba(255,255,255,.22)!important;
    background:linear-gradient(135deg,#ff3b51 0%,#e10f31 55%,#b90625 100%)!important;
    box-shadow:0 12px 28px rgba(225,15,49,.38),inset 0 1px 0 rgba(255,255,255,.24)!important;
  }
  .nova-hero #hero-watch:active{transform:scale(.97)!important}
  .nova-hero .secondary{background:rgba(255,255,255,.11)!important;backdrop-filter:blur(10px)!important}
  .nova-hero .nova-n-mark{display:none!important}
  .nova-hero .hero-dots{bottom:8px!important}

  .home-rows{padding:18px 0 25px!important}
  .catalog-row{margin-bottom:24px!important}
  .row-heading{padding:0 16px!important;margin-bottom:11px!important}
  .row-heading h2{font-size:17px!important}
  .row-heading h2:before{width:3px;height:16px;margin-right:8px}
  .media-rail{
    grid-auto-columns:31vw!important;
    min-height:0!important;
    gap:10px!important;
    padding:2px 16px 11px!important;
    scroll-padding-inline:16px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
  }
  .x-card{height:44vw!important;max-height:205px!important;border-radius:11px!important}
  .x-card:hover{transform:none!important}
  .x-card:active{transform:scale(.975)!important}
  .x-card-image{border-radius:11px!important;background-color:#11161d!important}
  .x-card-overlay{
    padding:7px 8px!important;
    border-radius:0 0 10px 10px!important;
    background:rgba(6,8,11,.58)!important;
    backdrop-filter:blur(8px)!important;
  }
  .rank-rail{grid-auto-columns:37vw!important;gap:15px!important}
  .rank-rail .x-card{height:48vw!important;max-height:220px!important;margin-left:25px!important}
  .rank-number{left:-30px!important;bottom:-4px!important;font-size:82px!important;color:transparent!important;-webkit-text-stroke:1.5px rgba(255,255,255,.52)!important}
  footer{display:none!important}

  /* Catalogues : deux belles affiches par ligne */
  .nova-inner-page .page-main,.account-ui-page .account-main{padding-top:58px!important}
  .nova-inner-page .page-hero{
    min-height:auto!important;
    padding:34px 16px 22px!important;
    background:radial-gradient(circle at 88% 8%,rgba(239,51,75,.16),transparent 42%)!important;
  }
  .nova-inner-page .page-hero h1{font-size:38px!important}
  .nova-inner-page .page-hero p{font-size:13px!important;line-height:1.55!important}
  .nova-inner-page .filter-bar{
    position:sticky!important;top:58px!important;z-index:30!important;
    padding:12px 16px!important;overflow-x:auto!important;flex-wrap:nowrap!important;
    background:rgba(6,8,11,.9)!important;backdrop-filter:blur(16px)!important;
    scrollbar-width:none!important;
  }
  .nova-inner-page .filter-bar::-webkit-scrollbar{display:none}
  .nova-inner-page .filter-bar button,.nova-inner-page .filter-bar select{
    flex:0 0 auto!important;min-height:40px!important;border-radius:999px!important;
  }
  .nova-inner-page .catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 14px!important;padding:17px 14px 34px!important;
  }
  .nova-inner-page .media-card{
    aspect-ratio:2/3!important;
    min-height:0!important;border-radius:12px!important;
    background-color:#11161d!important;
  }
  .nova-inner-page .media-card:hover{transform:none!important}
  .nova-inner-page .media-card:active{transform:scale(.98)!important}
  .nova-inner-page .media-info{
    left:6px!important;right:6px!important;bottom:6px!important;
    padding:7px 8px!important;background:rgba(6,8,11,.62)!important;
  }
  .nova-inner-page .media-info strong{font-size:11px!important}

  /* Fiches et lecteur en plein écran mobile */
  .title-card{width:100%!important;max-width:none!important;max-height:94dvh!important;margin-top:auto!important;border-radius:22px 22px 0 0!important}
  .title-modal{align-items:flex-end!important;padding:0!important}
  .title-card .title-visual{min-height:260px!important}
  .title-copy{padding:18px!important}
  .title-copy .actions{display:grid!important;grid-template-columns:1fr!important}
  .player-modal{padding:0!important;background:#000!important}
  .player-shell{width:100%!important;height:100dvh!important;border-radius:0!important}
  .player-stage{height:calc(100dvh - 72px)!important}

  /* Espace client compact, premium et lisible */
  .account-ui-page .account-hero{padding:32px 18px 24px!important}
  .account-ui-page .account-hero h1{font-size:32px!important}
  .account-ui-page .account-page{padding:12px 12px 34px!important;gap:12px!important}
  .account-ui-page .profile-card{
    padding:18px!important;border-radius:18px!important;text-align:left!important;
    display:grid!important;grid-template-columns:auto 1fr!important;column-gap:13px!important;
  }
  .profile-avatar{grid-row:1/3!important;width:52px!important;height:52px!important}
  .profile-card h3,.profile-card p{margin:0!important;align-self:center!important}
  .profile-card .provider-list,.profile-card .account-menu,.profile-card #logout{grid-column:1/3!important}
  .account-menu{
    display:flex!important;overflow-x:auto!important;gap:7px!important;margin:16px -4px 12px!important;
    scrollbar-width:none!important;
  }
  .account-menu a{flex:0 0 auto!important;padding:10px 12px!important;border-radius:999px!important}
  .dashboard-welcome,.account-ui-page .dashboard-section,.account-ui-page .settings-card{
    padding:18px!important;border-radius:18px!important;
  }
  .dashboard-welcome h2{font-size:24px!important}
  .account-ui-page .stat-row{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .account-ui-page .stat-row article{min-width:0!important;padding:14px 8px!important;border-radius:15px!important}
  .account-ui-page .stat-row article strong{font-size:24px!important}
  .account-ui-page .stat-row article>span:last-child{font-size:9px!important}
  .favorite-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .settings-form{grid-template-columns:1fr!important}
  .settings-form input{min-height:48px!important;font-size:16px!important}
  .modal{padding:12px!important}
  .auth-card{width:100%!important;max-height:94dvh!important;overflow-y:auto!important;border-radius:22px!important}
}

@media(max-width:370px){
  .media-rail{grid-auto-columns:35vw!important}
  .rank-rail{grid-auto-columns:42vw!important}
  .nova-hero .hero-copy{padding-left:15px!important;padding-right:15px!important}
  .account-ui-page .stat-row{grid-template-columns:1fr!important}
}

@media(min-width:761px){
  .nova-sidebar{background:rgba(7,10,14,.92)!important;backdrop-filter:blur(18px)!important}
  .nova-hero{border-radius:20px!important}
  .x-card-image,.nova-inner-page .media-card{border-radius:12px!important}
  .dashboard-section,.settings-card,.profile-card{border-radius:18px!important}
}

/* NOVA X.10.1 — correctif mobile espace client */
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.nova-ui-rewrite main,
  body.nova-ui-rewrite .page-main,
  .account-ui-page .account-page,
  .account-ui-page .dashboard,
  .account-ui-page .profile-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  /* Sept emplacements : cinq navigations, Discord et Compte. */
  .nova-sidebar{
    display:block!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
  }
  .sidebar-main{
    width:calc(100% * 6 / 7)!important;
    height:58px!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:center!important;
  }
  .sidebar-main a,.sidebar-main button{
    width:100%!important;
    min-width:0!important;
  }
  .sidebar-main a:nth-child(5){grid-column:auto!important}
  .sidebar-account{
    position:absolute!important;
    top:7px!important;
    right:8px!important;
    bottom:auto!important;
    width:calc((100% - 16px)/7)!important;
    height:58px!important;
    margin:0!important;
  }
  .sidebar-level-badge{
    left:auto!important;
    right:3px!important;
    bottom:2px!important;
    z-index:20!important;
  }
  .sidebar-status{right:5px!important;top:4px!important;bottom:auto!important}

  .account-ui-page .page-main{padding-left:0!important;padding-right:0!important}
  .account-ui-page .account-hero{margin:0!important;border-left:0!important;border-right:0!important;border-radius:0 0 20px 20px!important}
  .account-ui-page .account-page{width:100%!important;margin:0!important;padding:12px 12px 34px!important}
  .account-ui-page .profile-card{
    width:100%!important;
    overflow:hidden!important;
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .profile-card h3,.profile-card>p{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .profile-card .account-menu{
    width:100%!important;
    margin:16px 0 12px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .profile-card .account-menu a,
  .profile-card .account-menu button{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
    padding:11px 10px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .profile-card #logout{width:100%!important;min-height:50px!important}
}
/* NOVA X.12.2.18 — collection et animations */
.collection-shell{display:grid;gap:28px;margin-top:30px}
.collection-stats{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:14px}
.collection-stats article{padding:20px 24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,#12171d,#090c10);animation:nova-rise .55s both}
.collection-stats strong{display:block;font-size:34px}.collection-stats span{color:#8d929b}
.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.collection-card{position:relative;min-width:0;animation:nova-rise .55s both;transition:transform .28s ease,filter .28s ease}
.collection-card:hover{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 18px 28px rgba(229,9,53,.22))}
.collection-card a{display:grid;gap:10px;color:#fff;text-decoration:none}
.collection-poster{display:block;aspect-ratio:2/3;border-radius:14px;background:#17191d center/cover;box-shadow:0 16px 32px #0007}
.collection-copy{display:grid;gap:3px}.collection-copy small{color:#8d929b}
.collection-card button{position:absolute;right:8px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:#090a0dd9;color:#fff;font-size:22px;backdrop-filter:blur(10px)}
.collection-progress{height:4px;margin-top:6px;border-radius:99px;background:#34363b;overflow:hidden}.collection-progress i{display:block;height:100%;background:linear-gradient(90deg,#e50935,#ff4d69)}
@keyframes nova-rise{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nova-glow{50%{box-shadow:0 0 34px rgba(229,9,53,.35)}}
.primary,.hero-actions a,.hero-actions button{transition:transform .22s ease,box-shadow .22s ease!important}.primary:hover,.hero-actions a:hover,.hero-actions button:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 12px 32px rgba(229,9,53,.28)}
.page-hero h1{animation:nova-rise .6s both}.collection-hero{position:relative;overflow:hidden}.collection-hero:after{content:"";position:absolute;width:280px;height:280px;right:3%;top:0;border-radius:50%;background:#e5093520;filter:blur(30px);animation:nova-glow 3s ease-in-out infinite}
@media(max-width:980px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-stats{grid-template-columns:1fr 1fr}.collection-stats article{padding:16px}.collection-stats strong{font-size:28px}}

/* NOVA X.12.2.19 — demande d'ajout */
.topbar>nav[data-main-nav] a.request-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;color:#fff!important;background:linear-gradient(135deg,#f2244d,#a70422)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:7px 13px!important;box-shadow:0 8px 22px #e5093528!important;font-size:13px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.request-nav-link:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px #e5093545!important;filter:brightness(1.08)!important}
.mobile-quick-actions{display:none}
.request-page .page-main{min-height:calc(100vh - 170px)}
.request-hero{position:relative;overflow:hidden}
.request-hero:after{content:"";position:absolute;right:4%;top:10%;width:300px;height:300px;border-radius:50%;background:#e5093526;filter:blur(36px);animation:nova-glow 3s ease-in-out infinite}
.request-shell{width:min(720px,calc(100% - 32px));margin:28px auto;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(21,24,29,.96),rgba(8,9,12,.98));box-shadow:0 24px 70px #0008;animation:nova-rise .55s both}
.request-form{display:grid;gap:22px}.request-heading{display:flex;align-items:center;gap:15px}.request-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#f31542,#9e031f);font-size:28px;box-shadow:0 10px 28px #e5093540}.request-heading h2{margin:2px 0 0}
.request-form label,.request-form fieldset{display:grid;gap:9px;color:#e7e9ee;font-weight:650}.request-form small{color:#858a94;font-weight:400}.request-form input[type=text],.request-form textarea{width:100%;box-sizing:border-box;border:1px solid #ffffff16;border-radius:14px;background:#080a0e;color:#fff;padding:15px 16px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}.request-form textarea{resize:vertical}.request-form input:focus,.request-form textarea:focus{border-color:#e50935;box-shadow:0 0 0 4px #e5093520;transform:translateY(-1px)}
.request-form fieldset{border:0;padding:0;margin:0}.request-kind{display:grid;grid-template-columns:1fr 1fr;gap:12px}.request-kind label{display:block}.request-kind input{position:absolute;opacity:0;pointer-events:none}.request-kind span{display:block;padding:16px;text-align:center;border:1px solid #ffffff16;border-radius:14px;background:#0b0d11;cursor:pointer;transition:.22s}.request-kind input:checked+span{border-color:#e50935;background:#e5093518;box-shadow:0 0 0 3px #e5093515;transform:translateY(-2px)}
.request-submit{display:flex!important;justify-content:center;align-items:center;gap:12px;min-height:52px}.request-submit span{font-size:20px;transition:transform .2s}.request-submit:hover span{transform:translateX(5px)}.request-submit:disabled{opacity:.6;cursor:wait}.settings-message.success{color:#5ee89a}.settings-message.error{color:#ff6b7d}.request-login{display:inline-flex;margin-top:12px}
@media(max-width:760px){
  .topbar{padding-left:16px!important;padding-right:12px!important}
  .mobile-quick-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important}
  .mobile-quick-actions a{text-decoration:none!important}
  .mobile-favorite-action{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;color:#fff!important}
  .mobile-favorite-action svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
  .mobile-request-action{display:inline-flex!important;align-items:center!important;gap:4px!important;height:34px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;background:linear-gradient(135deg,#ed1742,#a60423)!important;color:#fff!important;box-shadow:0 7px 18px rgba(229,9,53,.25)!important;font-size:11px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
  .mobile-request-action span{font-size:15px!important;line-height:1!important}
  .request-shell{padding:20px;margin-top:18px}.request-kind{grid-template-columns:1fr}.request-hero:after{width:180px;height:180px}.request-heading>span{width:42px;height:42px}
}
@media(max-width:360px){
  .mobile-request-action{width:34px!important;padding:0!important;justify-content:center!important;font-size:0!important}
  .mobile-request-action span{font-size:17px!important}
}

/* NOVA X.12.4.18 — navigation mobile uniforme */
@media(max-width:760px){
  :root{--mobile-nav-h:66px!important}
  body.nova-ui-rewrite{
    padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
  }
  .topbar{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 12px 0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .topbar>.brand{
    flex:0 0 auto!important;
    margin:0!important;
  }
  .topbar>.mobile-menu{display:none!important}
  .topbar>nav[data-main-nav]{display:none!important}
  .mobile-quick-actions{
    min-width:0!important;
    height:34px!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .nova-discord-float.nova-discord-mobile-header,
  .mobile-favorite-action{
    position:relative!important;
    inset:auto!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
  }
  .nova-sidebar{
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding:4px 8px env(safe-area-inset-bottom)!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
  }
  .sidebar-main{
    grid-column:1/5!important;
    width:100%!important;
    height:58px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .sidebar-main>a:nth-child(5){display:none!important}
  .sidebar-account{
    position:relative!important;
    inset:auto!important;
    grid-column:5!important;
    grid-row:1!important;
    width:100%!important;
    height:58px!important;
  }
}

/* NOVA X.12.2.26 — densité mobile et affiches Collection */
@media(max-width:600px){
  /* Accueil : deux affiches complètes visibles avec un espacement régulier. */
  .media-rail{
    grid-auto-columns:calc((100vw - 44px)/2)!important;
    gap:12px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .catalog-row{overflow:hidden!important}

  /* Films et Séries : grille compacte de deux affiches par ligne. */
  .nova-inner-page .catalog-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:12px!important;
    row-gap:18px!important;
    padding:16px 12px 38px!important;
  }
  .nova-inner-page .catalog-grid .media-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2/3!important;
  }

  .collection-grid{column-gap:12px!important;row-gap:20px!important}
  .collection-poster{
    background-color:#11161d!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
}