/* ZAHODY — живий Зелений Гість (guest-live-ui.js): картка запрошення й вибору коробки, кнопки самого гостя */
#gl-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);opacity:0;visibility:hidden;width:min(360px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;
  background:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.32);padding:18px 18px 14px;z-index:210;transition:opacity .2s,transform .2s;border:2px solid #3FA535;font:14px/1.45 system-ui,sans-serif;color:#1f2a33;box-sizing:border-box}
#gl-card.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
#gl-card .gl-h{display:flex;align-items:center;gap:10px;font-size:17px;color:#1F6B2C;margin-bottom:6px}
#gl-card .gl-bi{flex:0 0 auto;width:40px;height:40px}
#gl-card .gl-bi svg{width:100%;height:100%}
#gl-card p{margin:6px 0 10px}
#gl-card .gl-small{font-size:12px;color:#5b6670}
#gl-card .gl-big{display:block;width:100%;border:0;border-radius:12px;padding:12px 14px;margin:6px 0;background:#3FA535;color:#fff;font-weight:800;font-size:15px;cursor:pointer}
#gl-card .gl-big.gl-alt{background:#eef6ec;color:#1F6B2C}
#gl-card .gl-link{display:block;margin:6px auto 0;border:0;background:none;color:#5b6670;text-decoration:underline;font-size:13px;cursor:pointer;padding:6px}
/* кнопки гостя: на телефоні місце дає touch.js (data-slot="top"), на компʼютері — стовпчиком під кнопками живих людей */
.gl-btn{left:12px;color:#1F6B2C;box-shadow:0 0 0 3px #3FA535,0 3px 10px rgba(0,0,0,.2)}
.gl-btn svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#gl-wave{top:184px}#gl-call{top:246px}#gl-box{top:308px}
.gl-btn .gl-w{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font:700 11px/16px system-ui,sans-serif;font-style:normal;background:#1F6B2C;color:#fff;border-radius:8px;padding:0 5px;white-space:nowrap}
.gl-btn .gl-w:empty{display:none}
.gl-btn.gl-wait{opacity:.6}
body.map .gl-btn,body.styling .gl-btn{display:none!important}