
.lrs-mm{--or:#BA4C18;--encre:#241A14;--filet:rgba(38,26,19,.12)}
.lrs-mm__g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px;
  padding:6px 2px 10px}
.lrs-mm__t{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:var(--encre)}
.lrs-mm__ph{display:flex;align-items:center;justify-content:center;width:100%;
  aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#FFFFFF;
  border:1px solid transparent;transition:border-color .25s,transform .25s}
.lrs-mm__ph img{width:100%;height:100%;object-fit:contain;display:block}
.lrs-mm__t:hover .lrs-mm__ph{border-color:var(--or);transform:translateY(-2px)}
/* deux lignes de reserve : « eclairage sur batterie » passe a la ligne et
   desalignait les comptes de toute la rangee. */
.lrs-mm__n{font-family:'Montserrat',-apple-system,Arial,sans-serif;font-size:12.5px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or);
  line-height:1.3;min-height:2.6em}
.lrs-mm__c{font-size:12px;color:rgba(38,26,19,.6)}
.lrs-mm__vide{display:block;width:100%;height:100%;background:rgba(38,26,19,.04)}
/* ---- la barre des familles ---- */
.lrs-mc{position:relative;z-index:40;background:#FFFFFF;border-bottom:1px solid rgba(38,26,19,.10)}
.lrs-mc__in{display:flex;align-items:stretch;gap:4px;max-width:1248px;
  margin:0 auto;padding:0 24px;flex-wrap:wrap}
/* le panneau s ancre sur la BARRE (.lrs-mc), pas sur la famille ni sur la
   colonne : ancre sur la famille il sortait de l ecran des la deuxieme
   entree, ancre sur la colonne il s arretait a 1248 px et laissait voir la
   photo de chaque cote. Il doit filer d un bord a l autre, comme la barre. */
.lrs-mc__f{position:static}
.lrs-mc__s{display:flex;align-items:center;gap:7px;padding:16px 14px;cursor:pointer;
  list-style:none;font-family:'Montserrat',-apple-system,Arial,sans-serif;font-size:12.5px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#241A14;
  border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.lrs-mc__s::-webkit-details-marker{display:none}
.lrs-mc__s:hover{color:#BA4C18}
.lrs-mc__n{font-size:11px;font-weight:600;color:rgba(38,26,19,.45)}
.lrs-mc__f[open] > .lrs-mc__s{color:#BA4C18;border-bottom-color:#BA4C18}
.lrs-mc__p{position:absolute;top:100%;left:0;right:0;
  background:#FFFFFF;border-bottom:1px solid rgba(38,26,19,.10);
  box-shadow:0 26px 50px rgba(38,26,19,.14);padding:24px 0 28px}
/* le contenu, lui, reste dans la colonne du site */
.lrs-mc__p > .lrs-mm{max-width:1248px;margin:0 auto;padding:0 24px}
.lrs-mc__tout{margin-left:auto;align-self:center;padding:16px 4px;text-decoration:none;
  font-family:'Montserrat',-apple-system,Arial,sans-serif;font-size:12.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#BA4C18;white-space:nowrap}
@media(max-width:900px){
  .lrs-mc__in{display:block;padding:0 20px}
  .lrs-mc__f{border-bottom:1px solid rgba(38,26,19,.08)}
  .lrs-mc__p{position:static;left:auto;right:auto;border:0;box-shadow:none;padding:4px 0 18px}
  .lrs-mc__p > .lrs-mm{padding:0}
  .lrs-mc__f[open] > .lrs-mc__s{border-bottom-color:transparent}
  .lrs-mc__tout{display:block;margin:0;padding:16px 0}
}
@media(max-width:1100px){.lrs-mm__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.lrs-mm__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}
