/* Shared desktop presentation. The counter is revealed only by the existing validated presence client. */
html body #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]){display:flex!important;position:fixed!important;left:24px!important;bottom:24px!important;top:auto!important;right:auto!important;width:auto!important;min-width:0!important;max-width:264px!important;align-items:center!important;gap:12px!important;padding:11px 17px 11px 12px!important;border:1px solid #b386e849!important;border-radius:18px!important;background:linear-gradient(125deg,#22152bec,#100a1aef)!important;box-shadow:0 12px 32px #0005,inset 0 1px 0 #fff0fb12!important;backdrop-filter:blur(18px);color:#f8f3ff!important;z-index:9990!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;animation:viewer-arrive .45s cubic-bezier(.22,1,.36,1) both!important;font-family:Rajdhani,system-ui,sans-serif!important}
#liveVisitors:before,#liveVisitors:after{display:none!important}
#liveVisitors .viewer-emblem{position:relative;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#a16be50a;border:1px solid #a174cf25}
#liveVisitors .viewer-emblem img{display:block;width:34px;height:34px;object-fit:contain}
#liveVisitors .viewer-emblem i{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;background:#69e5ac;border:2px solid #18101f;border-radius:50%;box-sizing:content-box}
#liveVisitors .viewer-emblem i:after{content:'';position:absolute;inset:-4px;border:1px solid #69e5ac77;border-radius:50%;animation:viewer-pulse 2.8s ease-out infinite}
#liveVisitors .live-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;line-height:1.2!important}
#liveVisitors .viewer-caption{display:flex;align-items:center;gap:8px;color:#c3a9dc;font:700 9px/1.2 Rajdhani,system-ui,sans-serif;letter-spacing:.12em}
#liveVisitors .viewer-caption em{font:700 7px/1.2 system-ui,sans-serif;letter-spacing:.06em;padding:2px 4px;border:1px solid #c5a1f12a;border-radius:4px;color:#b9aacb;font-style:normal}
#liveVisitors .viewer-reading{display:flex!important;align-items:baseline!important;gap:7px!important;white-space:nowrap}
#liveVisitors .live-copy strong{display:inline-block!important;color:#fff!important;font-size:19px!important;font-weight:700!important;font-variant-numeric:tabular-nums;line-height:1!important;min-width:1ch}
#liveVisitors #liveVisitorText{display:inline!important;width:auto!important;max-width:none!important;opacity:1!important;color:#e2d6ed!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}
#liveVisitors .viewer-count-updated{animation:viewer-number .32s cubic-bezier(.22,1,.36,1)}
html body:has(.support-chat-panel:not([hidden])) #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]),html body:has(.modal[aria-hidden="false"]) #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]){display:none!important}
#liveVisitors #liveVisitorText:after{content:none!important;display:none!important}
html body.privacy-choice-open #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]){bottom:24px!important}
@keyframes viewer-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes viewer-pulse{0%{transform:scale(.7);opacity:.8}75%,100%{transform:scale(1.9);opacity:0}}
@keyframes viewer-number{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}

/* Presentation only: phones still participate in the same anonymous store-wide count. */
@media(max-width:980px),(hover:none) and (pointer:coarse){html body #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){html body #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]),#liveVisitors *{animation:none!important;transition:none!important}}

/* Compact count; the full meaning remains available to screen readers. */
html body #liveVisitors #liveVisitorText{display:none!important}
html body #liveVisitors.sitewide-live-visitors.counter-enabled:not([hidden]){gap:10px!important;padding:10px 13px 10px 11px!important;max-width:180px!important}