/* NOVA 12.5.132 — stabilité du bandeau GENRES / TRIER PAR.
   Desktop: largeur déterministe basée sur le viewport, jamais sur les cartes rendues. */
body.nova-ui-rewrite .topbar{
  position:fixed!important;top:0!important;left:var(--nova-rail)!important;right:0!important;width:auto!important;
  z-index:5100!important;transform:none!important;translate:none!important;will-change:auto!important;
}

@media (min-width:761px){
  .catalog-page .page-main{padding-top:78px!important;}
  .catalog-page .catalog-v2-hero{padding-top:10px!important;}

  .catalog-page .catalog-v2-controls{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;
    max-width:none!important;z-index:4900!important;transform:none!important;translate:none!important;
    opacity:1!important;visibility:visible!important;box-sizing:border-box!important;
  }

  /* Une fois épinglé, le bandeau occupe TOUJOURS la même largeur.
     Aucun calcul lié au nombre de cartes/genre sélectionné. */
  .catalog-page.nova-catalog-pin-ready .catalog-v2-controls{
    position:fixed!important;
    top:76px!important;
    left:calc(var(--nova-rail) + 16px)!important;
    right:16px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    z-index:5000!important;
    box-sizing:border-box!important;
  }

  .catalog-page .nova-catalog-pin-placeholder{display:none!important;}
  .catalog-page.nova-catalog-pin-ready .nova-catalog-pin-placeholder{
    display:block!important;
    height:var(--nova-catalog-fixed-height)!important;
    margin:14px 16px 20px!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }

  .catalog-page .catalog-v2-controls .filter-bar{min-width:0!important;}
}

@media (max-width:760px){
  body.nova-ui-rewrite .topbar{
    position:fixed!important;inset:0 0 auto 0!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;height:64px!important;z-index:5100!important;transform:none!important;translate:none!important;margin:0!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  body.nova-ui-rewrite .topbar>.brand{flex:0 0 auto!important;margin-right:auto!important;white-space:nowrap!important}
  body.nova-ui-rewrite .topbar .mobile-quick-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;margin-left:auto!important}
  .catalog-page .page-main{padding-top:calc(76px + env(safe-area-inset-top))!important;overflow:visible!important;}
  .catalog-page .catalog-v2-controls,.catalog-page .catalog-v2-controls.catalog-controls-fixed{
    position:relative!important;top:auto!important;
    left:auto!important;right:auto!important;width:auto!important;display:block!important;z-index:4900!important;
    margin:6px 8px 14px!important;padding:12px!important;border-radius:14px!important;
    max-width:calc(100vw - 16px)!important;background:rgba(8,9,12,.985)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.72)!important;overflow:visible!important;
  }
  .catalog-page.nova-catalog-pin-ready .catalog-v2-controls,
  .catalog-page.nova-catalog-pin-ready .catalog-v2-controls.catalog-controls-fixed{
    position:fixed!important;top:64px!important;left:8px!important;right:8px!important;width:auto!important;
    max-width:none!important;margin:0!important;z-index:5000!important;
  }
  .catalog-page.nova-catalog-pin-ready .nova-catalog-pin-placeholder{
    display:block!important;height:var(--nova-catalog-fixed-height)!important;margin:6px 8px 14px!important;
    pointer-events:none!important;visibility:hidden!important;
  }
  .catalog-page .catalog-controls-placeholder,.catalog-page .nova-catalog-pin-placeholder{display:none!important;height:0!important;margin:0!important;}
  .catalog-page .catalog-v2-genres,.catalog-page .catalog-v2-sort{width:100%!important;min-width:0!important;}
  .catalog-page .catalog-v2-sort{margin-top:10px!important;}
  .catalog-page .catalog-v2-controls .filter-bar,.catalog-page .catalog-v2-controls .sort-bar{
    display:flex!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    gap:7px!important;padding:2px 1px 5px!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:none!important;
  }
  .catalog-page .catalog-v2-controls .filter-bar::-webkit-scrollbar,.catalog-page .catalog-v2-controls .sort-bar::-webkit-scrollbar{display:none!important;}
  .catalog-page .catalog-v2-controls button{position:relative!important;z-index:1!important;flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important;pointer-events:auto!important;touch-action:manipulation!important;}
}