
/* ---- lrs-fb v3 : FAQ en perspective ----
   Bulles de questions flottant sur 3 plans (arriere-plan reduit + flou),
   une bulle centrale nette qui tourne toutes les 3 s : la suivante vient
   de l'arriere-plan en avancant (scale + deblur), l'ancienne recule.
   Clic sur la bulle centrale -> reponse de l'agence sous la scene. */
.lrs-fb3.lrs-fb3{position:relative;width:100%;margin:44px 0 8px;overflow:clip;border-radius:20px}
.lrs-fb3.lrs-fb3 .lrs-fb3__stage{position:relative;width:100%;
  height:clamp(300px,38vw,380px)}
button.lrs-fb3__b.lrs-fb3__b{position:absolute;left:50%;top:50%;
  width:min(420px,84vw);margin:0;padding:0 !important;box-sizing:border-box;
  background:none !important;border:none !important;cursor:pointer;
  color:#F6F1EC;font-family:var(--lrs-text,'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif);
  font-size:15.5px;font-weight:400;line-height:1.5;text-align:left;
  white-space:normal !important;display:block;
  transform:translate(-50%,-50%) scale(.5);opacity:0;
  transition:transform .5s cubic-bezier(.22,1,.36,1),
    opacity .45s ease,filter .45s ease;
  will-change:transform,filter,opacity}
button.lrs-fb3__b.lrs-fb3__b.lrs-retour{
  z-index:8 !important;
  transition:transform .5s cubic-bezier(.35,.1,.3,1),
    opacity .45s ease .08s,filter .45s ease .1s}
button.lrs-fb3__b.lrs-fb3__b .lrs-fb3__in{display:flex;align-items:flex-start;
  gap:12px;min-width:0}
button.lrs-fb3__b.lrs-fb3__b:not(.lrs-centre){cursor:pointer}
button.lrs-fb3__b.lrs-fb3__b.lrs-centre{z-index:9}
button.lrs-fb3__b.lrs-fb3__b.lrs-centre .lrs-fb3__fl{
  background:rgba(246,241,236,.06);
  border-color:rgba(224,122,74,.5);
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 26px rgba(224,122,74,.16)}
button.lrs-fb3__b.lrs-fb3__b.lrs-centre:hover .lrs-fb3__fl{
  border-color:rgba(224,122,74,.85);
  box-shadow:0 24px 60px rgba(0,0,0,.55),var(--lrs-neon,0 0 18px rgba(224,122,74,.4))}
button.lrs-fb3__b.lrs-fb3__b:focus-visible{outline:2px solid #E07A4A;outline-offset:3px}
.lrs-fb3.lrs-fb3 .lrs-fb3__av{flex:0 0 auto;width:32px;height:32px;
  border-radius:50% !important;object-fit:cover;
  border:1.5px solid rgba(224,122,74,.55);background:#17120F}
.lrs-fb3.lrs-fb3 .lrs-fb3__t{min-width:0;overflow-wrap:break-word}
.lrs-fb3.lrs-fb3 .lrs-fb3__t::after{
  content:"voir la réponse";display:block;
  font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#E07A4A;
  margin-top:7px;opacity:0;
  transition:opacity .45s ease}
button.lrs-fb3__b.lrs-fb3__b.lrs-centre .lrs-fb3__t::after{
  opacity:1;transition:opacity .4s ease 1s}
/* flottement doux du plan arriere */
.lrs-fb3.lrs-fb3 .lrs-fb3__fl{display:flex;align-items:flex-start;gap:12px;
  min-width:0;width:100%;box-sizing:border-box;
  padding:14px 20px;border-radius:16px;
  background:rgba(246,241,236,.04);
  border:1px solid rgba(246,241,236,.14);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:border-color .6s ease,box-shadow .6s ease,background-color .6s ease;
  animation:lrs-fb3-flotte 7s ease-in-out infinite}
button.lrs-fb3__b.lrs-fb3__b.lrs-centre .lrs-fb3__fl{animation:none}
@keyframes lrs-fb3-flotte{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4px,-8px) scale(1.05)}66%{transform:translate(-3px,-3px) scale(1.02)}}
/* reponse de l'agence sous la scene */
.lrs-fb3.lrs-fb3 .lrs-fb3__ligne{display:flex;justify-content:flex-end;
  position:relative;z-index:11;margin:-134px 5% 0 0}
.lrs-fb3.lrs-fb3.lrs-rep-ouverte button.lrs-fb3__b:not(.lrs-centre){
  opacity:.14 !important}
.lrs-fb3.lrs-fb3 .lrs-fb3__rep{max-width:520px;padding:16px 22px;
  border-radius:16px;cursor:pointer;
  background:rgba(224,122,74,.10);border:1px solid rgba(224,122,74,.35);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#F6F1EC;font-family:var(--lrs-text,'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif);
  font-size:14px;font-weight:400;line-height:1.6;text-align:left;
  display:flex;align-items:flex-start;gap:12px;
  opacity:0;transform:translateY(12px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
.lrs-fb3.lrs-fb3 .lrs-fb3__rep:hover{box-shadow:var(--lrs-neon,0 0 16px rgba(224,122,74,.35))}
.lrs-fb3.lrs-fb3 .lrs-fb3__rep.est-la{opacity:1;transform:translateY(0)}
.lrs-fb3.lrs-fb3 .lrs-fb3__rep .lrs-fb3__av{background:#0D0D0D;object-fit:contain;
  padding:5px;box-sizing:border-box}
.lrs-fb3.lrs-fb3 .lrs-fb3__t2{min-width:0}
.lrs-fb3.lrs-fb3 .lrs-fb3__t2 b{display:block;font-size:10.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:#E07A4A;margin-bottom:5px}
@media(max-width:600px){
  .lrs-fb3.lrs-fb3 .lrs-fb3__stage{height:340px}
  .lrs-fb3.lrs-fb3 .lrs-fb3__ligne{margin:-90px 2% 0 0}
  button.lrs-fb3__b.lrs-fb3__b{font-size:13.5px}
  button.lrs-fb3__b.lrs-fb3__b.lrs-centre{font-size:14.5px}}
@media(prefers-reduced-motion:reduce){
  button.lrs-fb3__b.lrs-fb3__b{transition:border-color .3s,box-shadow .3s}
  .lrs-fb3.lrs-fb3 .lrs-fb3__fl{animation:none}
  .lrs-fb3.lrs-fb3 .lrs-fb3__rep{transition:none;transform:none}}
