/* Floating hot-promotions launcher (left) and live chat (right). */
.fl-promo,.fl-chat{position:fixed;z-index:60;font-size:15px}
.fl-promo{left:0;top:50%;transform:translateY(-50%)}
.fl-chat{right:20px;bottom:20px}
.fl-promo-btn,.fl-chat-btn{position:relative;display:flex;align-items:center;gap:8px;border:0;cursor:pointer;font-weight:650;color:#fff;box-shadow:0 10px 28px rgb(11 18 32/.28)}
.fl-promo-btn{flex-direction:column;justify-content:center;width:64px;min-height:84px;padding:12px 6px;border-radius:0 14px 14px 0;background:var(--dark);border:1px solid #23324c;border-left:0;font-size:12px;line-height:1.25;text-align:center}
.fl-promo-btn svg{width:28px;height:28px;color:var(--cyan)}
.fl-chat-btn{min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:var(--primary)}
.fl-chat-btn:hover{background:var(--primary-hover)}
.fl-promo-btn:hover{border-color:var(--cyan)}
.fl-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f97316;color:#fff;font-size:12px;line-height:22px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #fff}
.fl-panel{position:fixed;z-index:61;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px rgb(11 18 32/.28);overflow:hidden}
.fl-panel[hidden]{display:none}
.fl-promo-panel{left:76px;top:50%;transform:translateY(-50%);width:min(400px,calc(100vw - 96px));max-height:min(620px,calc(100vh - 120px))}
.fl-chat-panel{right:20px;bottom:84px;width:min(380px,calc(100vw - 40px));height:min(560px,calc(100vh - 120px))}
.fl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border);background:var(--dark);color:var(--light-text)}
.fl-head h2{font-size:18px;letter-spacing:0;margin:0}
.fl-head p{margin:4px 0 0;font-size:13px;color:var(--light-muted)}
.fl-close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--dark-border);border-radius:10px;background:transparent;color:var(--light-text);cursor:pointer}
.fl-close:hover{border-color:var(--cyan)}
.fl-close svg{width:18px;height:18px}
.fl-promo-list{list-style:none;margin:0;padding:12px;overflow-y:auto;display:grid;gap:10px}
.fl-promo-list a{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--text)}
.fl-promo-list a:hover{border-color:var(--primary);background:var(--info-bg)}
.fl-promo-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #dbe3ea;padding:6px}
.fl-promo-logo.is-dark{background:#182336;box-shadow:none}
.fl-promo-logo.is-icon{background:var(--info-bg);color:var(--primary)}
.fl-promo-logo img{width:100%;height:100%;object-fit:contain}
.fl-promo-text{display:grid;gap:3px;min-width:0}
.fl-promo-text strong{font-size:15px;line-height:1.35}
.fl-promo-text small{font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fl-tag{justify-self:start;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6;color:#fff}
.fl-tag.tag-hot{background:#ea580c}
.fl-tag.tag-new{background:#0e7490}
.fl-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--primary);color:#fff}
.fl-arrow svg{width:15px;height:15px}
.fl-foot{display:block;padding:14px 18px;border-top:1px solid var(--border);font-size:14px;font-weight:600;color:var(--primary-hover)}
/* chat */
.fl-chat-start{padding:16px 18px;overflow-y:auto;display:grid;gap:14px;align-content:start}
.fl-chat-start fieldset{border:0;padding:0;margin:0}
.fl-chat-start legend{font-weight:650;margin-bottom:10px}
.fl-topics{display:flex;flex-wrap:wrap;gap:8px}
.fl-topics label{position:relative}
.fl-topics input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.fl-topics span{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;font-size:14px;background:var(--surface)}
.fl-topics input:checked+span{border-color:var(--primary);background:var(--info-bg);color:var(--primary-hover);font-weight:650}
.fl-topics input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.fl-field span{display:block;font-size:14px;margin-bottom:6px}
.fl-start{width:100%}
.fl-alt{justify-self:center;font-size:14px;color:var(--primary-hover);min-height:36px;display:inline-flex;align-items:center}
.fl-error{margin:0;font-size:14px;color:var(--error)}
.fl-chat-room{display:flex;flex-direction:column;flex:1;min-height:0}
.fl-chat-room[hidden]{display:none}
.fl-chat-topic{margin:0;padding:8px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--subtle)}
.fl-messages{list-style:none;margin:0;padding:14px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:var(--page)}
.fl-messages li{max-width:82%;padding:9px 13px;border-radius:14px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.fl-messages .from-visitor{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}
.fl-messages .from-staff{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}
.fl-messages .from-system{align-self:center;max-width:92%;background:transparent;color:var(--muted);font-size:13px;text-align:center;padding:4px 8px}
.fl-messages small{display:block;font-size:12px;opacity:.8;margin-bottom:2px}
.fl-compose{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--border);background:var(--surface)}
.fl-compose textarea{flex:1;min-height:44px;max-height:120px;resize:none;font-size:16px;padding:10px 12px}
.fl-send{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:12px;background:var(--primary);color:#fff;cursor:pointer}
.fl-send:disabled{opacity:.6}
.fl-chat-room .fl-error{padding:0 14px 10px}
@media(max-width:760px){
  .fl-promo{top:auto;bottom:16px;left:12px;transform:none}
  .fl-promo-btn{flex-direction:row;width:auto;min-height:52px;padding:0 16px 0 14px;border-radius:999px;border:1px solid #23324c;font-size:14px}
  .fl-promo-btn svg{width:22px;height:22px}
  .fl-chat{right:12px;bottom:16px}
  .fl-chat-btn{padding:0 16px 0 14px}
  .fl-promo-panel,.fl-chat-panel{left:8px;right:8px;top:auto;bottom:80px;transform:none;width:auto}
  .fl-promo-panel{max-height:calc(100vh - 110px)}
  .fl-chat-panel{height:calc(100vh - 110px)}
  html.nav-locked .fl-promo,html.nav-locked .fl-chat{display:none}
}
@media(max-width:380px){.fl-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fl-promo-btn,.fl-chat-btn{padding:0 14px}}
@media print{.fl-promo,.fl-chat{display:none}}
.fl-chat-start[hidden],.fl-error[hidden],.fl-badge[hidden]{display:none}
@media(max-width:760px){.toast{bottom:84px}.site-footer{padding-bottom:76px}}