/* extavibers - /search-result/ : s'ajoute à accueil/assets/home.css (cartes, barres jaunes, bannières, cookies, +18 : tout est partagé). Préfixe sr-. Sans cadres. */
.sr{gap:10px}
.sr-h2{margin:0 0 8px;font-size:.95rem;font-weight:800;color:var(--hm-navy)}

/* ---------- Fil d'Ariane + en-tête */
.sr-crumb{padding:0 10px;overflow-x:auto;scrollbar-width:none}
.sr-crumb::-webkit-scrollbar{display:none}
.sr-crumb ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;white-space:nowrap;font-size:.74rem;color:var(--hm-muted);font-weight:600}
.sr-crumb li+li::before{content:"›";margin:0 7px;color:#b4bdd3;font-weight:700}
.sr-crumb a{color:var(--hm-muted);transition:color .2s}
.sr-crumb a:hover{color:var(--hm-navy)}
.sr-crumb [aria-current]{color:var(--hm-navy);font-weight:800}
.sr-head{display:flex;align-items:center;gap:14px;padding:6px 10px 2px}
.sr-head-img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px var(--hm-gold),0 10px 20px -12px rgba(9,44,116,.8)}
.sr-head h1{margin:0;font-size:clamp(1.2rem,3.4vw,1.9rem);line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--hm-navy);overflow-wrap:anywhere}
.sr-desc{margin:4px 0 0;max-width:78ch;font-size:.82rem;line-height:1.5;color:var(--hm-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.sr-crumb,.sr-head{padding-left:2px;padding-right:2px}.sr-head-img{width:68px;height:68px}.sr-desc{font-size:.9rem;-webkit-line-clamp:3}}

/* ---------- Sous-catégories : pastilles, ou vignettes rondes pour les super-catégories */
.sr-chipsec{padding:0 10px}
.sr-chips,.sr-tiles{list-style:none;margin:0;padding:2px 0 6px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.sr-chips::-webkit-scrollbar,.sr-tiles::-webkit-scrollbar,.sr-subchips::-webkit-scrollbar{display:none}
.sr-chips a,.sr-subchips a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 13px;border-radius:99px;background:var(--hm-soft);color:var(--hm-navy);font-weight:700;font-size:.8rem;transition:background .2s,color .2s,transform .2s}
.sr-chips a:hover,.sr-subchips a:hover{background:var(--hm-gold);transform:translateY(-1px)}
.sr-chips em,.sr-subchips em{font-style:normal;font-weight:800;font-size:.68rem;color:var(--hm-muted);background:#fff;border-radius:99px;padding:2px 7px}
.sr-tiles li{flex:none;scroll-snap-align:start}
.sr-tiles a{display:grid;justify-items:center;gap:6px;width:84px;text-align:center}
.sr-tile-img{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--hm-navy2),var(--hm-ink));box-shadow:0 0 0 3px #fff,0 0 0 5px var(--hm-gold),0 12px 22px -14px rgba(9,44,116,.9);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.sr-tile-img img{width:100%;height:100%;object-fit:cover}
.sr-tile-ph{color:var(--hm-gold2);font-weight:800;font-size:1.6rem}
.sr-tile-n{font-size:.7rem;font-weight:700;line-height:1.2;color:var(--hm-navy)}
.sr-tiles a:hover .sr-tile-img{transform:translateY(-3px) scale(1.04)}
@media(min-width:900px){.sr-chipsec{padding:0 2px}.sr-chips{flex-wrap:wrap;overflow:visible}.sr-tiles a{width:104px}.sr-tile-img{width:80px;height:80px}.sr-tile-n{font-size:.78rem}}

/* ---------- Disposition : filtres à gauche, résultats à droite */
.sr-layout{display:block}
.sr-main{min-width:0;display:grid;gap:10px;align-content:start}
@media(min-width:1000px){
  .sr-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:26px;align-items:start}
  .sr-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-width:thin;padding:2px 6px 16px 2px}
  .sr-overlay,.sr-fopen,.sr-side-head{display:none!important}
}

/* barre latérale (sur mobile : tiroir à gauche) */
.sr-side{font-size:.86rem}
@media(max-width:999px){
  .sr-side{position:fixed;z-index:9980;top:0;bottom:0;left:0;width:min(88vw,360px);background:#fff;overflow:auto;padding:0 16px 24px;transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 60px -20px rgba(7,26,71,.6);visibility:hidden}
  html.sr-open .sr-side{transform:none;visibility:visible}
  .sr-overlay{position:fixed;inset:0;z-index:9970;background:rgba(7,26,71,.55);backdrop-filter:blur(3px)}
  .sr-overlay[hidden]{display:none}
  .sr-side-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -16px 6px;padding:14px 16px;background:#fff;font-size:1rem;color:var(--hm-navy)}
}
.sr-x,.sr-fopen{border:0;cursor:pointer;font:inherit}
.sr-x{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--hm-soft);color:var(--hm-navy)}
.sr-side-t{margin:10px 0 6px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-muted)}
.sr-tree ul{list-style:none;margin:0;padding:0}
.sr-tree ul ul{margin:2px 0 6px 12px;padding-left:10px;border-left:2px solid var(--hm-soft)}
.sr-tree a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:10px;color:#27345c;font-weight:600;line-height:1.3;transition:background .2s,color .2s}
.sr-tree a:hover{background:var(--hm-soft);color:var(--hm-navy)}
.sr-tree a.is-on{background:linear-gradient(100deg,var(--hm-gold),var(--hm-gold2));color:var(--hm-navy);font-weight:800}
.sr-tree em{font-style:normal;font-size:.7rem;font-weight:700;color:var(--hm-muted)}
.sr-tree a.is-on em{color:var(--hm-navy)}
.sr-tree li.is-open>a:not(.is-on){color:var(--hm-navy);font-weight:800}
.sr-all a{font-weight:800;color:var(--hm-navy)}

/* filtres */
.sr-filters{margin-top:14px;display:grid;gap:16px}
.sr-filters fieldset{margin:0;padding:0;border:0;min-width:0}
.sr-filters legend{padding:0 0 8px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-muted)}
.sr-filters legend small{text-transform:none;letter-spacing:0;font-weight:700}
.sr-chk{display:flex;align-items:center;gap:9px;padding:6px 2px;cursor:pointer;font-weight:600;color:#27345c}
.sr-chk input{width:18px;height:18px;margin:0;accent-color:var(--hm-navy);flex:none}
.sr-chk span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-chk em{font-style:normal;font-size:.7rem;font-weight:700;color:var(--hm-muted)}
.sr-scroll{max-height:216px;overflow:auto;scrollbar-width:thin}
.sr-price{display:flex;align-items:center;gap:8px}
.sr-price input,.sr-filters select,.sr-sort select{width:100%;min-width:0;padding:10px 12px;border:0;border-radius:12px;background:var(--hm-soft);color:var(--hm-navy);font:600 .84rem Montserrat,system-ui,sans-serif;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,background .2s}
.sr-price input:focus,.sr-filters select:focus,.sr-sort select:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 2px var(--hm-gold)}
.sr-hint{margin:0;font-size:.76rem;color:var(--hm-muted)}
.sr-fbtn{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(transparent,#fff 28%)}
.sr-reset{font-weight:700;font-size:.8rem;color:var(--hm-muted);text-decoration:underline;text-underline-offset:3px}

/* ---------- Barre de résultats : nombre, tri, bouton Filtres (mobile) */
.sr-bar{display:flex;align-items:center;gap:10px;padding:0 10px}
.sr-count{margin:0;flex:1;font-weight:800;font-size:.86rem;color:var(--hm-navy)}
.sr-fopen{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;background:var(--hm-navy);color:#fff;font-weight:800;font-size:.76rem}
.sr-fopen .hm-i{width:16px;height:16px}
.sr-sort{display:flex;align-items:center;gap:8px}
.sr-sort label{font-size:.74rem;font-weight:700;color:var(--hm-muted);white-space:nowrap}
.sr-sort select{width:auto;padding:9px 12px;font-size:.78rem}
@media(max-width:599px){.sr-sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sr-sort select{max-width:150px}}
@media(min-width:1000px){.sr-bar{padding:0 2px}}

/* filtres actifs */
.sr-active{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 10px}
.sr-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px 6px 12px;border-radius:99px;background:#fff6dc;color:var(--hm-navy);font-weight:700;font-size:.76rem;box-shadow:inset 0 0 0 1.5px var(--hm-gold);transition:background .2s}
.sr-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44vw}
.sr-pill .hm-i{width:14px;height:14px;stroke-width:2.8}
.sr-pill:hover{background:var(--hm-gold)}
.sr-clear{font-weight:800;font-size:.76rem;color:var(--hm-red);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1000px){.sr-active{padding:0 2px}}

/* ---------- Résultats : même carte que l'accueil, colonnes adaptées à la largeur */
.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:2px 6px 8px!important}
@media(min-width:640px){.sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1180px){.sr-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:2px 2px 8px!important}}
.sr-shelf-grid .hm-card:nth-child(n+7){display:none}
@media(min-width:1180px){.sr-shelf-grid .hm-card:nth-child(n+7){display:block}}
.sr-subchips{list-style:none;margin:0;padding:8px 8px 0;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.sr-subchips a{padding:6px 11px;font-size:.74rem}
.sr-shelves{display:grid;gap:14px}
.sr-qbooks{margin-top:8px}

/* pagination */
.sr-pager{padding:10px 0 4px}
.sr-pager ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
.sr-pager a,.sr-pager span.is-on{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;height:40px;padding:0 12px;border-radius:99px;font-weight:800;font-size:.84rem;background:var(--hm-soft);color:var(--hm-navy);transition:background .2s,transform .2s}
.sr-pager a:hover{background:var(--hm-gold);transform:translateY(-1px)}
.sr-pager span.is-on{background:var(--hm-navy);color:#fff;box-shadow:0 10px 18px -10px rgba(9,44,116,.9)}
.sr-pager .hm-i{width:16px;height:16px}
.sr-gap{color:var(--hm-muted);padding:0 2px}
@media(max-width:480px){.sr-pager li:has(>a[rel]) span{display:none}}

/* aucun résultat / catégorie introuvable */
.sr-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:36px 16px 28px}
.sr-empty svg{width:68px;height:68px}
.sr-empty h2{margin:6px 0 0;font-size:1.15rem;font-weight:800;color:var(--hm-navy)}
.sr-empty p{margin:0 0 10px;max-width:46ch;font-size:.88rem;color:var(--hm-muted)}
.hm-js .sr .hm-reveal{transition-duration:.45s}