/* ============ Floating support launcher (global) ============ */
.sl-fab{position:fixed;right:20px;bottom:20px;z-index:9000;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(150deg,#e0324b,#c8102e);color:#fff;box-shadow:0 10px 26px rgba(200,16,46,.38);
  display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s}
.sl-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 32px rgba(200,16,46,.46)}
.sl-fab i{font-size:26px;line-height:1}
.sl-fab .sl-fab-close{display:none}
.sl-open .sl-fab .sl-fab-open{display:none}
.sl-open .sl-fab .sl-fab-close{display:block}
.sl-fab::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(200,16,46,.35);animation:slpulse 2.4s ease-out infinite}
.sl-open .sl-fab::after{display:none}
@keyframes slpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}

.sl-panel{position:fixed;right:20px;bottom:88px;z-index:9000;width:360px;max-width:calc(100vw - 32px);
  background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(20,10,10,.28);overflow:hidden;
  transform:translateY(14px) scale(.98);opacity:0;pointer-events:none;transition:.2s;max-height:calc(100vh - 120px);display:flex;flex-direction:column}
.sl-open .sl-panel{transform:none;opacity:1;pointer-events:auto}
.sl-head{background:linear-gradient(150deg,#c8102e,#9c0c23);color:#fff;padding:18px 20px 16px;position:relative}
.sl-head h3{margin:0;font-size:16.5px;display:flex;align-items:center;gap:8px}
.sl-head p{margin:5px 0 0;font-size:12.5px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px}
.sl-head .sl-dot{width:8px;height:8px;border-radius:50%;background:#4be08a;box-shadow:0 0 0 3px rgba(75,224,138,.28)}
.sl-body{overflow-y:auto;padding:16px}
.sl-sec-h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a99483;margin:2px 0 9px}
.sl-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}
.sl-tile{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #eee2d7;border-radius:11px;text-decoration:none;color:#2c2620;font-size:13px;font-weight:600;transition:.14s;background:#fff}
.sl-tile:hover{border-color:#e2a37f;background:#fff8f2;transform:translateY(-1px)}
.sl-tile i{font-size:18px;color:#c8102e;flex:none}
.sl-tile.sl-tile-hi{grid-column:1 / -1;background:linear-gradient(120deg,#fff3ea,#fff);border-color:#f0c9a8}
.sl-msg-h{display:flex;align-items:center;justify-content:space-between;margin:4px 0 9px}
.sl-msg-h .sl-sec-h{margin:0}
.sl-form input,.sl-form textarea{display:block;width:100%;margin-bottom:9px;padding:10px 12px;border:1px solid #e5d9cc;border-radius:10px;font:inherit;font-size:13.5px;background:#fdfbf8;box-sizing:border-box}
.sl-form input:focus,.sl-form textarea:focus{outline:2px solid #f0b490;border-color:transparent}
.sl-form textarea{resize:vertical;min-height:74px}
.sl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sl-send{width:100%;background:linear-gradient(150deg,#e0324b,#c8102e);color:#fff;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}
.sl-send:hover{filter:brightness(1.06)}
.sl-send:disabled{opacity:.6;cursor:default}
.sl-note{font-size:11px;color:#a99483;margin:8px 0 0;text-align:center}
.sl-ok{display:none;text-align:center;padding:22px 10px}
.sl-ok i{font-size:40px;color:#1d9e5f}
.sl-ok b{display:block;margin:8px 0 3px;font-size:15px;color:#2c2620}
.sl-ok span{font-size:12.5px;color:#8a7f74}
.sl-err{display:none;background:#fdecec;border:1px solid #f5c6c6;color:#b02a37;border-radius:9px;padding:9px 11px;font-size:12.5px;margin-bottom:9px}
.sl-chan{display:flex;gap:8px;border-top:1px solid #f2e8dd;margin-top:14px;padding-top:14px}
.sl-chan a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#6a6058;font-size:11px;font-weight:600;padding:8px 4px;border-radius:10px;transition:.14s}
.sl-chan a:hover{background:#faf4ee;color:#c8102e}
.sl-chan a i{font-size:20px;color:#c8102e}
@media(max-width:480px){.sl-panel{right:12px;left:12px;width:auto;bottom:84px}.sl-fab{right:16px;bottom:16px}}