/* Les P'tites Copines - bandeau stories 24/10/2026 */
.lpc-stories{position:relative;z-index:5;margin:0;padding:0;background:transparent}
.lpc-stories:empty{display:none}
.lpc-stories .mq-sec{padding:30px 0 8px;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.lpc-stories .mq-sec::-webkit-scrollbar{display:none}
.lpc-stories .mq{display:flex;width:max-content}
.lpc-stories .mq-in{display:flex;gap:20px;padding-right:20px}
.lpc-stories .mq-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;padding-top:6px;text-align:center;text-decoration:none;color:var(--txt,#fbeef0);font-family:var(--f-display,Montserrat,sans-serif);font-weight:700;font-size:12px;animation:lpcHop 5.5s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:var(--b,0s)}
.lpc-stories .mq-nm{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lpc-stories .mq-av{position:relative;display:block;width:88px;height:88px;border-radius:50%;animation:lpcBob 4s ease-in-out infinite;animation-delay:var(--b,0s);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.lpc-stories .mq-av::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,var(--rose2,#ff8fb1),var(--rose,#ff4f8b),#ff2d78,var(--rose,#ff4f8b),var(--blush,#f9d9d3),var(--rose2,#ff8fb1));animation:lpcSpin 3.2s linear infinite,lpcGlow 2.4s ease-in-out infinite;animation-delay:var(--d,0s),var(--d,0s)}
.lpc-stories .mq-ph{position:relative;z-index:1;display:block;width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--bg,#12070d);background:var(--card,#211019)}
.lpc-stories .mq-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;border:0;margin:0;max-width:none;animation:lpcKB 9s ease-in-out infinite alternate;animation-delay:var(--b,0s)}
.lpc-stories .mq-item:hover .mq-av,.lpc-stories .mq-item:focus-visible .mq-av{animation:lpcWig .5s ease-in-out 2;transform:scale(1.12)}
.lpc-stories .mq-item:hover .mq-av::before{animation-duration:1.2s,2.4s}
.lpc-stories .mq-item::after{content:attr(data-tip);position:absolute;top:-20px;left:50%;transform:translate(-50%,6px);white-space:nowrap;background:linear-gradient(90deg,var(--rose,#ff4f8b),var(--wine,#7a1f3d));color:#fff;font-size:11px;padding:4px 10px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:3}
.lpc-stories .mq-item:hover::after{opacity:1;transform:translate(-50%,0)}
.lpc-stories .mq-say{position:absolute;top:-16px;left:50%;z-index:4;white-space:nowrap;background:var(--cream,#fff4f0);color:var(--wine,#7a1f3d);font-family:var(--f-body,system-ui,sans-serif);font-size:12px;font-weight:800;padding:5px 11px;border-radius:16px;box-shadow:var(--glow,0 4px 18px rgba(255,79,139,.6));transform:translate(-30%,0) scale(0);transform-origin:20% 100%;animation:lpcSayIn .45s cubic-bezier(.34,1.8,.64,1) forwards}
.lpc-stories .mq-say::after{content:"";position:absolute;left:22%;bottom:-6px;border:6px solid transparent;border-top-color:var(--cream,#fff4f0);border-bottom:0}
.lpc-stories .mq-say.out{animation:lpcSayOut .35s ease-in forwards}
.lpc-stories .mq-talk{z-index:6}
.lpc-stories .mq-talk .mq-av{transform:scale(1.1)}
.lpc-stories .mq-new{position:absolute;top:78px;left:50%;transform:translateX(-50%);z-index:3;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,var(--rose,#ff4f8b),var(--rose2,#ff8fb1));padding:2px 8px;border-radius:10px;border:2px solid var(--bg,#12070d);animation:lpcNew 1.6s ease-in-out infinite}
@keyframes lpcSpin{to{transform:rotate(360deg)}}
@keyframes lpcGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(255,79,139,.55))}50%{filter:drop-shadow(0 0 16px rgba(255,143,177,.9))}}
@keyframes lpcBob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.04)}}
@keyframes lpcKB{from{transform:scale(1.08)}to{transform:scale(1.2) translate(-3%,2%)}}
@keyframes lpcHop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-9px)}90%{transform:translateY(0)}95%{transform:translateY(-3px)}}
@keyframes lpcWig{0%,100%{transform:scale(1.12) rotate(0)}25%{transform:scale(1.12) rotate(-9deg)}75%{transform:scale(1.12) rotate(9deg)}}
@keyframes lpcSayIn{to{transform:translate(-30%,0) scale(1)}}
@keyframes lpcSayOut{from{transform:translate(-30%,0) scale(1);opacity:1}to{transform:translate(-30%,-8px) scale(.6);opacity:0}}
@keyframes lpcNew{50%{box-shadow:0 0 14px var(--rose,#ff4f8b)}}
@media(max-width:640px){.lpc-stories .mq-sec{padding-top:28px}.lpc-stories .mq-item{width:84px}.lpc-stories .mq-nm{max-width:84px}.lpc-stories .mq-av,.lpc-stories .mq-ph{width:70px;height:70px}.lpc-stories .mq-new{top:62px}.lpc-stories .mq-in{gap:14px;padding-right:14px}}
.lpc-stories *,.lpc-stories *::before,.lpc-stories *::after{box-sizing:border-box}
.lpc-stories .mq-av::before{z-index:0}
.lpc-stories .mq-new{white-space:nowrap;line-height:1.3}
.lpc-stories .mq-say{line-height:1.3}