.service-label{position:absolute;z-index:2;transform:translate(-50%,-100%);min-width:96px;max-width:140px;padding:4px 8px;border:1px solid;border-radius:18px;text-align:center;pointer-events:none;background:#0d262fe0;backdrop-filter:blur(4px);box-shadow:0 3px 10px #0a1f2566;color:#e8f0eb;font-family:Arial,Helvetica,sans-serif;opacity:.78;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}
.service-label[hidden]{display:none}
.service-label strong{display:block;font-size:10px;letter-spacing:.6px;white-space:nowrap}
.service-label span{display:block;font-size:12px;font-weight:bold;margin:2px 0}
.service-label small{display:block;font-size:9.5px;opacity:.9}
.service-label.recycle{background:#093b2aee;border-color:#56e29d}
.service-label.food{background:#4b270aee;border-color:#f5a84e}
.service-label.nearby{opacity:1;transform:translate(-50%,-100%) scale(1.06);box-shadow:0 0 0 2px #fff7cf88,0 4px 16px #081d24bb}
.service-label.nearby small{font-weight:bold;color:#fff6b6}
@media(max-width:680px), (max-height:550px){.service-label{min-width:70px;padding:2px 6px;border-radius:12px}.service-label strong{font-size:9px}.service-label span{font-size:10px;margin:1px 0}.service-label small{display:none}}