/* Hucial 261.0.77 — Lives & Salons 2.0. Aucun blur, animation infinie ou couche GPU forcée. */
.home-primary-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}.home-primary-pillar{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--border,#d9dee5);border-radius:18px;background:var(--card,#fff);color:inherit;text-decoration:none;min-height:154px}.home-primary-pillar strong{font-size:1.25rem}.home-primary-pillar small{font-size:.95rem;line-height:1.45}.home-primary-pillar .pillar-kicker{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-primary-pillar .pillar-count{margin-top:auto;font-weight:700}.home-live-salon-spotlight{margin:0 0 18px;padding:16px;border:1px solid var(--border,#d9dee5);border-radius:18px;background:var(--card,#fff)}.home-live-salon-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.home-live-salon-heading h2{margin:.15rem 0}.home-live-salon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-live-salon-item{padding:14px;border:1px solid var(--border,#d9dee5);border-radius:14px;background:transparent}.home-live-salon-item h3{margin:.35rem 0}.home-live-salon-item p{margin:.25rem 0}.home-live-salon-item .primary-button{display:inline-flex;margin-top:8px}.live-salon-live-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:999px;background:#d52b3f;margin-right:.4rem}.feed-live-salon-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:12px;border:1px solid var(--border,#d9dee5);border-radius:14px;background:var(--card,#fff)}.feed-live-salon-card strong{display:block}.feed-live-salon-card small{display:block;margin-top:3px}.feed-live-salon-card.is-ended{opacity:.82}.live-salon-hub{max-width:1180px;margin:0 auto;padding:18px}.live-salon-hub-hero{padding:22px;border:1px solid var(--border,#d9dee5);border-radius:20px;background:var(--card,#fff)}.live-salon-hub-hero h1{margin:.25rem 0}.live-salon-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.live-salon-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.live-salon-stats>div{padding:14px;border:1px solid var(--border,#d9dee5);border-radius:14px;background:var(--card,#fff)}.live-salon-stats strong,.live-salon-stats span{display:block}.live-salon-stats strong{font-size:1.35rem}.live-salon-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 10px}.live-salon-section-heading h2{margin:.2rem 0}.live-salon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-salon-card,.live-salon-empty{padding:16px;border:1px solid var(--border,#d9dee5);border-radius:16px;background:var(--card,#fff)}.live-salon-card header{font-size:.85rem;font-weight:700}.live-salon-card h3{margin:.45rem 0}.live-salon-meta{font-size:.9rem}.live-salon-upcoming-list{display:grid;gap:8px}.live-salon-upcoming-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border,#d9dee5);border-radius:14px}.live-salon-upcoming-list article span{display:block;font-size:.88rem}.live-salon-principles>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-salon-principles article{padding:14px;border:1px solid var(--border,#d9dee5);border-radius:14px}.live-continue-salon{margin-top:12px;padding:12px;border:1px solid var(--border,#d9dee5);border-radius:14px}
@media(max-width:760px){.home-primary-pillars,.home-live-salon-list,.live-salon-grid,.live-salon-principles>div{grid-template-columns:1fr}.home-primary-pillar{min-height:auto}.live-salon-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.live-salon-upcoming-list article{grid-template-columns:1fr}.feed-live-salon-card{align-items:flex-start;flex-direction:column}}


/* Hucial 261.0.78 — Accueil équilibré Feed = Lives & Salons.
   Règle performance: CSS statique seulement; aucun blur, animation, transition GPU ou observer. */
body[data-route="social/index"] .home-live-salon-spotlight.home-product-card{
  position:relative;
  margin:0 0 18px;
  padding:0;
  overflow:hidden;
  border:2px solid rgba(24,116,107,.35);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f2fbf8);
  box-shadow:none;
}
body[data-route="social/index"] .home-live-salon-spotlight.home-product-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  border-radius:999px;
  background:linear-gradient(180deg,#0b7c74,#75d8d0);
  pointer-events:none;
}
body[data-route="social/index"] .home-live-salon-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin:0;
  padding:1rem 1rem .55rem 1.2rem;
}
body[data-route="social/index"] .home-live-salon-heading h2{
  margin:.12rem 0 .22rem;
  font-size:clamp(1.45rem,4.8vw,2rem);
  line-height:1.08;
}
body[data-route="social/index"] .home-live-salon-heading p{margin:0;max-width:52ch}
body[data-route="social/index"] .home-product-mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:13px;
  background:#dff7f3;
  color:#176d66;
  font-size:1.2rem;
  font-weight:900;
}
body[data-route="social/index"] .home-live-salon-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:0 1rem .8rem 1.2rem;
}
body[data-route="social/index"] .home-live-salon-actions .primary-button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin:0;
  padding:.65rem .75rem;
  text-align:center;
}
body[data-route="social/index"] .home-live-salon-program{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:1px solid rgba(23,102,94,.22);
  border-radius:14px;
  background:#fff;
  color:#176d66;
  font-weight:850;
  text-decoration:none;
}
body[data-route="social/index"] .home-live-salon-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 1rem .75rem 1.2rem;
}
body[data-route="social/index"] .home-live-salon-item{
  padding:13px 14px;
  border:1px solid rgba(28,91,84,.18);
  border-radius:16px;
  background:#fff;
}
body[data-route="social/index"] .home-live-salon-empty{
  grid-column:1/-1;
  padding:14px 16px;
  background:#fbfefd;
}
body[data-route="social/index"] .home-live-salon-empty h3{margin:0 0 .2rem;font-size:1.05rem}
body[data-route="social/index"] .home-live-salon-empty p{margin:0;color:#526e6a}
body[data-route="social/index"] .home-live-salon-upcoming{
  margin:0 1rem .7rem 1.2rem;
  padding:.7rem .8rem;
  border:1px solid rgba(28,91,84,.14);
  border-radius:14px;
  background:#fff;
}
body[data-route="social/index"] .home-live-salon-all{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0 1rem 1rem 1.2rem;
  color:#176d66;
  font-weight:850;
  text-align:center;
  text-underline-offset:.2em;
}

/* Les deux cartes-piliers restent exactement de même poids visuel. */
body[data-route="social/index"] .home-primary-pillar{
  border:2px solid rgba(24,116,107,.26);
  box-shadow:none;
}
body[data-route="social/index"] .home-primary-pillar:focus-visible,
body[data-route="social/index"] .home-live-salon-actions a:focus-visible,
body[data-route="social/index"] .home-live-salon-all:focus-visible{
  outline:3px solid #0d6f67;
  outline-offset:3px;
}

/* Feed: zones tactiles >=48px conservées, mais suppression de l'étirement vertical historique. */
body[data-route="social/index"] .feed-simple-actions{
  grid-auto-rows:auto!important;
  align-items:start!important;
}
body[data-route="social/index"] .feed-simple-actions form{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}
body[data-route="social/index"] .feed-simple-actions button{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:.45rem .5rem!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}
body[data-route="social/index"] .feed-simple-actions button[aria-disabled="true"]{
  opacity:1!important;
  background:#f0f6f5!important;
  border-color:#bfd1ce!important;
  color:#5b7471!important;
}

@media(max-width:760px){
  body[data-route="social/index"] .home-live-salon-heading{padding:.78rem .9rem .45rem 1rem;align-items:center}
  body[data-route="social/index"] .home-live-salon-heading .eyebrow{font-size:.68rem;letter-spacing:.1em}
  body[data-route="social/index"] .home-live-salon-heading h2{font-size:1.35rem}
  body[data-route="social/index"] .home-live-salon-heading p{font-size:.9rem;line-height:1.4}
  body[data-route="social/index"] .home-product-mark{width:36px;height:36px;flex-basis:36px;border-radius:12px}
  body[data-route="social/index"] .home-live-salon-actions{padding:0 .9rem .65rem 1rem;gap:7px}
  body[data-route="social/index"] .home-live-salon-list{grid-template-columns:1fr;padding:0 .9rem .65rem 1rem}
  body[data-route="social/index"] .home-live-salon-item{padding:12px 13px}
  body[data-route="social/index"] .home-live-salon-upcoming{margin:0 .9rem .6rem 1rem}
  body[data-route="social/index"] .home-live-salon-all{margin:0 .9rem .8rem 1rem}
  body[data-route="social/index"] .feed-simple-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body[data-route="social/index"] .feed-simple-actions button{font-size:.84rem!important}
}
@media(max-width:360px){
  body[data-route="social/index"] .home-live-salon-actions{grid-template-columns:1fr}
  body[data-route="social/index"] .home-live-salon-program{grid-column:auto}
  body[data-route="social/index"] .feed-simple-actions button{font-size:.8rem!important;padding:.4rem .28rem!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="social/index"] .home-live-salon-spotlight,
  body[data-route="social/index"] .home-live-salon-spotlight *{scroll-behavior:auto!important}
}