
.f3-chat-launch{position:fixed;right:22px;bottom:22px;z-index:500;border:2px solid #111;background:#e5ff17;color:#111;padding:14px 18px;font:800 .76rem/1 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:5px 5px 0 #111;transition:.18s ease}.f3-chat-launch:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #111}.f3-chat-panel{position:fixed;right:22px;bottom:82px;z-index:501;width:min(420px,calc(100vw - 28px));height:min(640px,calc(100vh - 110px));background:#f2f0eb;border:2px solid #111;box-shadow:9px 9px 0 rgba(0,0,0,.92);display:none;grid-template-rows:auto 1fr auto}.f3-chat-panel.open{display:grid}.f3-chat-head{background:#111;color:#fff;padding:14px 15px;display:flex;align-items:center;justify-content:space-between}.f3-chat-head div{display:flex;align-items:center;gap:10px}.f3-chat-head b{display:grid;place-items:center;width:34px;height:34px;background:#e5ff17;color:#111;font:900 1rem Inter,sans-serif}.f3-chat-head strong{display:block;font:800 .79rem Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}.f3-chat-head small{display:block;margin-top:3px;color:#bdbdb7;font:.68rem Inter,sans-serif}.f3-chat-close{border:0;background:transparent;color:#fff;font-size:1.5rem}.f3-chat-log{overflow:auto;padding:16px;display:grid;align-content:start;gap:11px;background-image:linear-gradient(to right,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.045) 1px,transparent 1px);background-size:52px 52px}.f3-chat-msg{max-width:88%;padding:11px 12px;border:1px solid rgba(0,0,0,.2);font:500 .9rem/1.45 Inter,Arial,sans-serif;white-space:pre-wrap}.f3-chat-msg.bot{background:#fff;justify-self:start;border-left:5px solid #e5ff17}.f3-chat-msg.user{background:#111;color:#fff;justify-self:end}.f3-chat-chips{display:flex;flex-wrap:wrap;gap:7px}.f3-chat-chip{border:1px solid #111;background:#f2f0eb;padding:8px 9px;font:800 .65rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.f3-chat-escalate{background:#111;color:#fff;border-left:5px solid #e5ff17;padding:12px;display:grid;gap:9px}.f3-chat-escalate strong{font:800 .72rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}.f3-chat-escalate input{width:100%;padding:10px;border:1px solid #777;background:#fff;color:#111}.f3-chat-escalate button{padding:10px;border:0;background:#e5ff17;color:#111;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.f3-chat-form{border-top:2px solid #111;padding:11px;background:#f2f0eb;display:grid;grid-template-columns:1fr auto;gap:8px}.f3-chat-form textarea{min-height:46px;max-height:120px;resize:none;border:1px solid #111;background:#fff;padding:11px}.f3-chat-form button{border:0;background:#111;color:#e5ff17;padding:0 14px;font-weight:900}.f3-chat-typing{font-size:.75rem;color:#625f5d;padding:0 16px 8px}.f3-system-trust{border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);display:grid;grid-template-columns:1.4fr repeat(2,.8fr);background:#0a0a0a;color:#fff}.f3-system-trust>div{padding:25px 28px;border-right:1px solid rgba(255,255,255,.15)}.f3-system-trust>div:last-child{border-right:0}.f3-system-trust .f3-trust-kicker{color:#e5ff17;font:800 .68rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}.f3-system-trust h3{font:800 1.15rem/1.15 Inter,sans-serif;margin:8px 0}.f3-system-trust p{margin:0;color:#d0d0ca;font:.86rem/1.5 Inter,sans-serif}.f3-system-trust strong{display:block;color:#e5ff17;font:800 1.5rem 'Barlow Condensed',Inter,sans-serif;margin:6px 0;text-transform:uppercase}.f3-support-link{color:#e5ff17;text-decoration:underline;cursor:pointer}@media(max-width:760px){.f3-chat-launch{right:14px;bottom:14px}.f3-chat-panel{right:14px;bottom:70px}.f3-system-trust{grid-template-columns:1fr}.f3-system-trust>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}}

.f3-chat-sale{background:#fff;border:2px solid #111;border-left:6px solid #e5ff17;padding:13px;display:grid;gap:9px}.f3-chat-sale>strong{font:800 .75rem Inter,sans-serif;letter-spacing:.07em}.f3-chat-sale-money{display:grid;grid-template-columns:1fr 1fr;border:1px solid #111}.f3-chat-sale-money span{padding:9px;font:700 .62rem Inter,sans-serif;letter-spacing:.06em}.f3-chat-sale-money span+span{border-left:1px solid #111}.f3-chat-sale-money b{display:block;margin-top:4px;font:800 1.1rem 'Barlow Condensed',Inter,sans-serif}.f3-chat-sale label{display:grid;gap:4px;font:800 .62rem Inter,sans-serif;letter-spacing:.06em}.f3-chat-sale input,.f3-chat-sale textarea{width:100%;border:1px solid #777;background:#f8f7f2;padding:9px;font:500 .82rem/1.35 Inter,sans-serif}.f3-chat-sale button{border:0;background:#111;color:#e5ff17;padding:12px;font:800 .68rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.f3-chat-sale small{font:700 .63rem/1.35 Inter,sans-serif;color:#555}.f3-chat-sale-note{font:500 .68rem/1.4 Inter,sans-serif;color:#666}

/* Mobile chat sheet: fit the dynamic viewport, preserve safe areas, and keep live-chat controls reachable. */
@media(max-width:760px){
  .f3-chat-panel{
    top:calc(env(safe-area-inset-top,0px) + 8px);
    right:calc(env(safe-area-inset-right,0px) + 8px);
    bottom:auto;
    left:calc(env(safe-area-inset-left,0px) + 8px);
    width:auto;
    height:calc(100vh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    max-height:none;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
    box-shadow:4px 4px 0 rgba(0,0,0,.92);
  }
  .f3-chat-log{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px}
  .f3-chat-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:10px}
  .f3-chat-head>div{min-width:0;gap:8px}
  .f3-chat-head small{display:none}
  .f3-chat-head strong{font-size:.72rem;white-space:nowrap}
  .f3-chat-head .f3-live-talk{margin-left:0;white-space:nowrap;padding:7px 8px;font-size:8px}
  .f3-chat-close{width:34px;height:34px;padding:0;display:grid;place-items:center;cursor:pointer}
  .f3-chat-form{padding:8px;gap:6px}
  .f3-chat-form textarea{min-height:42px;max-height:88px;padding:9px;font-size:16px}
  .f3-chat-form button{min-width:44px;padding:0 10px}
  .f3-chat-typing{padding:0 10px 6px}
}
