.catalogue-page>.catalogue-header{box-sizing:border-box;height:var(--catalogue-header-height,70px);margin-bottom:0}
.catalogue-page-title{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Le retour tactile natif peut dessiner un rectangle au-delà des coins arrondis. */
.selection-tabs button{-webkit-tap-highlight-color:transparent;background-clip:padding-box}
.catalogue-selection .selection-tabs button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--teal,#087f8c)}
.selection-tabs button:active{background:var(--accent-surface,#edf3fb)}
html[data-interface="modern"] .selection-tabs button:is(:active,:focus-visible){border-color:var(--accent-border,#b9dedd);background:var(--ui-soft)}
.catalogue-filter-autohide-option{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:.85rem;line-height:1.5}.catalogue-filter-autohide-option input{flex:none;margin-top:4px}.catalogue-filters-reveal{display:none!important}
.catalogue-selection .selection-panel{animation:none!important}
.catalogue-selection .selection-panel.is-panel-closing{pointer-events:none}
.catalogue-page.is-panel-moving{overflow-anchor:none}
.catalogue-filter-anchor{display:block;height:0;overflow-anchor:none;pointer-events:none}
/* Garder la validation hors de la liste défilante, même sur un petit écran. */
.catalogue-selection:has([data-selection-panel="categories"]:not([hidden])) {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - var(--catalogue-header-height, 64px) - 6px - env(safe-area-inset-bottom, 0px));
}
.catalogue-selection:has([data-selection-panel="categories"]:not([hidden])) > .selection-tabs {
  flex: none;
}
.catalogue-selection:has([data-selection-panel="categories"]:not([hidden])) > .catalogue-selection-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.catalogue-selection .selection-panel[data-selection-panel="categories"]:not([hidden]) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  padding: 10px;
}
.selection-panel[data-selection-panel="categories"] .catalogue-newness-filter {
  flex: none;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 8px;
  min-height: 32px;
  font-size: 1rem;
}

.catalogue-selection .selection-panel[data-selection-panel="categories"] .category-filter {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin-bottom: 8px;
  padding: 8px;
}
.selection-panel[data-selection-panel="categories"] .category-family { margin-bottom: 4px; }
.selection-panel[data-selection-panel="categories"] .category-choices { gap: 4px; }
.selection-panel[data-selection-panel="categories"] .category-choices label {
  min-height: 34px;
  padding: 4px 8px;
  font-size: .9rem;
  line-height: 1.2;
}
.selection-panel[data-selection-panel="categories"] input[type="checkbox"] { width: 18px; height: 18px; }
.selection-panel[data-selection-panel="categories"] .category-children { margin-top: 4px; }
.selection-panel[data-selection-panel="categories"] .category-children > summary { min-height: 30px; padding: 4px 8px; font-size: .75rem; }
.catalogue-selection .selection-panel[data-selection-panel="categories"] > .selection-submit {
  position: static;
  flex: none;
  min-height: 38px;
  padding: 8px 10px;
  font-size: .85rem;
  line-height: 1.25;
  box-shadow: none;
}
/* Garder le fond présent permet le fondu inverse lorsque les filtres se décollent. */
.catalogue-newness-filter{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--ink,#17324d);font-weight:700;cursor:pointer}.catalogue-newness-filter input[type="checkbox"]{flex:none;width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--teal,#087d87)}
.catalogue-selection::before{position:absolute;z-index:-1;inset:-1px 0 -6px;content:"";pointer-events:none;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(var(--navy-rgb,18,58,88),.12);backdrop-filter:blur(12px);opacity:0;transition:opacity .65s ease-in-out}
.catalogue-selection.is-stuck::before{opacity:1}
html[data-interface="modern"] .catalogue-selection::before{background:var(--ui-primary,var(--navy-deep,#0b2b43));box-shadow:0 10px 22px rgba(18,58,88,.12)}
@media(max-width:650px){.catalogue-selection::before{inset:-1px 0 -4px}}
/* Les boutons conservent leur coulissement ; seul le fond varie en transparence. */
.catalogue-selection{overflow-anchor:none}
.catalogue-selection .selection-tabs{transform:translateY(0);will-change:transform;transition:transform .85s cubic-bezier(.4,0,.2,1)}
.catalogue-selection::before{transform:translateY(0);will-change:transform,opacity;transition:transform .85s cubic-bezier(.4,0,.2,1),opacity .65s ease-in-out}
.catalogue-selection.is-idle-hidden{pointer-events:none}
.catalogue-selection.is-idle-hidden .selection-tabs{transform:translateY(calc(-100% - 20px))}
.catalogue-selection.is-idle-hidden::before{transform:translateY(-100%);opacity:0}
.catalogue-selection.is-idle-hidden .catalogue-selection-form{visibility:hidden}
@media(prefers-reduced-motion:reduce){.catalogue-selection .selection-tabs,.catalogue-selection::before{transition:none}}
/* Le choix explicite de l’application prime pour ce bandeau uniquement. */
html[data-filter-motion="smooth"] .catalogue-selection .selection-tabs{transition:transform .85s cubic-bezier(.4,0,.2,1)!important}
html[data-filter-motion="smooth"] .catalogue-selection::before{transition:transform .85s cubic-bezier(.4,0,.2,1),opacity .65s ease-in-out!important}
html[data-filter-motion="instant"] .catalogue-selection .selection-tabs,
html[data-filter-motion="instant"] .catalogue-selection::before{transition:none!important}