/* ESSENCE ALEX61 — single listing overlay. No legacy listing-bar styling. */
#essenceListingOverlay{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,0);z-index:9998;width:min(88vw,390px);height:58px;border-radius:29px;display:flex;align-items:center;box-sizing:border-box;padding:6px 7px 6px 20px;background:rgba(246,249,247,.72);border:1px solid rgba(255,255,255,.86);box-shadow:0 9px 28px rgba(25,45,35,.13),inset 0 1px 0 rgba(255,255,255,.94);-webkit-backdrop-filter:blur(22px) saturate(165%);backdrop-filter:blur(22px) saturate(165%);transition:transform .32s cubic-bezier(.2,.75,.25,1),opacity .25s ease;will-change:transform,opacity}
#essenceListingOverlay.is-hidden{transform:translate(-50%,calc(100% + 34px));opacity:0;pointer-events:none}
#essenceListingOverlay .elo-label{appearance:none;border:0;background:transparent;margin:0;padding:0 12px 0 0;min-width:0;flex:1;height:46px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-size:9px;font-weight:500;letter-spacing:.13em;line-height:1.25;color:#315c45;white-space:normal;overflow-wrap:anywhere}
#essenceListingOverlay .elo-dot{appearance:none;flex:0 0 46px;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;margin:0;border-radius:50%;border:1px solid rgba(255,255,255,.82);background:rgba(199,230,207,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(49,92,69,.10);display:flex;align-items:center;justify-content:center}
#essenceListingOverlay .elo-dot svg{display:block;width:17px;height:17px;margin:0;fill:none;stroke:#315c45;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.dark #essenceListingOverlay{background:rgba(34,40,37,.68);border-color:rgba(255,255,255,.24);box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18)}
body.dark #essenceListingOverlay .elo-label{color:#f4faf6}body.dark #essenceListingOverlay .elo-dot{background:rgba(117,166,132,.45);border-color:rgba(255,255,255,.25)}body.dark #essenceListingOverlay .elo-dot svg{stroke:#f4faf6}
@media(max-width:390px){#essenceListingOverlay{width:min(90vw,350px);height:54px;border-radius:27px;padding:5px 6px 5px 17px}#essenceListingOverlay .elo-label{height:44px;font-size:9px;letter-spacing:.10em;line-height:1.22;padding-right:9px;white-space:normal}#essenceListingOverlay .elo-dot{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}}


/* Desktop: listing CTA stays visible and clickable; mobile behaviour unchanged. */
@media (min-width:768px){#essenceListingOverlay,#essenceListingOverlay.is-hidden{transform:translate(-50%,0)!important;opacity:1!important;pointer-events:auto!important}}