/* v2-lib-celebrate.css — "added to your library" fly-in + first-product popup (uses the shared .mOv/.mCard system) */
.lcFly{position:fixed;z-index:600;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--gold,#E5A82E),0 20px 50px rgba(0,0,0,.5);pointer-events:none}
.lcFly img{width:100%;height:100%;object-fit:contain;display:block}
.lcPulse{animation:lcPulse 1.2s ease-out}
@keyframes lcPulse{0%{box-shadow:0 0 0 0 rgba(229,168,46,.55)}40%{box-shadow:0 0 0 10px rgba(229,168,46,0);color:var(--gold,#E5A82E)}100%{box-shadow:0 0 0 0 rgba(229,168,46,0)}}
aside .nav,.mobBurger{position:relative}
.lcPlus{position:absolute;top:2px;right:6px;padding:2px 6px;border-radius:8px;background:var(--gold,#E5A82E);color:#141210;font:700 11px Inter,sans-serif;opacity:0;pointer-events:none}
.lcPlus.on{animation:lcPlus 1.6s ease-out forwards}
@keyframes lcPlus{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
html body .mCard.lcCard{width:min(480px,92vw);max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border-radius:8px;text-align:center}
.lcStage{position:relative;width:150px;height:150px;margin:8px auto 22px}
.lcTile,.lcBack{position:absolute;inset:0;border-radius:8px}
.lcTile{background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.45);animation:lcDrop .6s cubic-bezier(.2,.9,.25,1.15) both .1s}
.lcTile img{width:100%;height:100%;object-fit:contain;display:block}
.lcBack{background:#2a2823;border:1px solid rgba(245,244,240,.12)}
.lcBack.b1{transform:rotate(-6deg) translate(-10px,4px);animation:lcFan1 .6s ease-out both .25s}
.lcBack.b2{transform:rotate(7deg) translate(12px,6px);animation:lcFan2 .6s ease-out both .3s}
.lcTk{position:absolute;right:-10px;bottom:-10px;width:36px;height:36px;border-radius:50%;background:var(--gold,#E5A82E);color:#141210;display:grid;place-items:center;box-shadow:0 0 0 4px #1b1a17;animation:lcPop .4s cubic-bezier(.2,.9,.3,1.4) both .6s}
@keyframes lcDrop{from{opacity:0;transform:translateY(-26px) scale(.9)}to{opacity:1;transform:none}}
@keyframes lcFan1{from{opacity:0;transform:none}to{opacity:1;transform:rotate(-6deg) translate(-10px,4px)}}
@keyframes lcFan2{from{opacity:0;transform:none}to{opacity:1;transform:rotate(7deg) translate(12px,6px)}}
@keyframes lcPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
html body .lcCard .mT,html body .lcCard .mS{padding-right:0}
.lcCard .mS b{color:var(--tp,#F5F4F0)}
.lcList{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.lcList li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:rgba(245,244,240,.04);border:1px solid rgba(245,244,240,.08);font-size:14px;color:var(--tp,#F5F4F0)}
.lcList li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold,#E5A82E);flex:0 0 auto}
.lcList em{margin-left:auto;font-style:normal;color:var(--ts,#B8B2A7);font-size:13px}
.lcBtns{display:flex;gap:10px;justify-content:center}
.lcBtns .cta,.lcBtns .backb{margin:0;width:auto;min-height:48px;padding:0 24px;border-radius:8px;font-size:15px}
@media (max-width:760px){html body .mCard.lcCard{width:100vw;text-align:center;display:flex;flex-direction:column;justify-content:center}.lcBtns{flex-direction:column-reverse}.lcBtns .cta,.lcBtns .backb{width:100%}}
@media (prefers-reduced-motion:reduce){.lcTile,.lcBack,.lcTk,.lcPulse,.lcPlus.on{animation:none!important}.lcPlus.on{opacity:1}}
@media (max-height:700px){.lcList{gap:4px;margin-bottom:18px}.lcList li{padding:7px 12px}}
@media (max-height:640px){.lcStage{width:110px;height:110px;margin:0 auto 14px}html body .mCard.lcCard{padding:22px 24px}}