
.ln{position:fixed;z-index:70;bottom:calc(16px + env(safe-area-inset-bottom, 0px));left:16px;right:84px;display:flex;justify-content:flex-start;pointer-events:none}
/* right:84px keeps clear of the live chat bubble (bottom right). */
/* Never over the cookie banner: it shows once that is answered (or never shown). */
body:has(#tantot-consent:not([hidden])) .ln{display:none}
@media (min-width:640px){.ln{right:auto;width:420px}}
.ln[hidden]{display:none}
.ln-card{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;max-width:420px;padding:8px 8px 8px 14px;
         background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-pop);box-shadow:var(--shadow-lg)}
.ln-icon{flex:none;color:var(--teal-ink)}
.ln-text{flex:1 1 180px;min-width:0;margin:0;font-size:14.5px;line-height:1.4}
.ln-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.ln.is-leaving .ln-card{opacity:0;transform:translateY(6px);transition:opacity .15s ease-in,transform .15s ease-in}
@media (prefers-reduced-motion:no-preference){.ln-card{animation:ln-in .2s ease-out}@keyframes ln-in{from{opacity:0;transform:translateY(6px)}}}
@media (prefers-reduced-motion:reduce){.ln.is-leaving .ln-card{transition:none}}
@media print{.ln{display:none!important}}
