/* ============================================================
   KOMPONENT: Szybki kontakt (WhatsApp / czat)
   Miejsce pod przyszły czat AI — panel .chat-panel gotowy do rozbudowy.
   ============================================================ */
.quick-contact{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:14px}

.chat-fab{display:flex;align-items:center;gap:10px;background:var(--gold);color:#fff;border:none;cursor:pointer;
  padding:13px 20px;border-radius:40px;font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.05em;
  box-shadow:var(--shadow);transition:.3s}
.chat-fab:hover{background:var(--gold-deep)}
.chat-fab-ico{font-size:1.15rem}

.chat-panel{width:320px;max-width:calc(100vw - 44px);background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:var(--shadow);overflow:hidden}
.chat-head{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--cream);padding:14px 18px}
.chat-head strong{font-family:var(--serif);font-size:1.1rem}
.chat-close{background:none;border:none;color:var(--cream);font-size:1.4rem;cursor:pointer;line-height:1}
.chat-body{padding:18px;color:var(--ink-soft);font-size:.92rem}
.chat-body p{margin-bottom:10px}
.chat-actions{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}
.chat-actions .btn{width:100%;text-align:center;padding:12px 18px;font-size:.76rem}

@media(max-width:520px){
  .chat-fab-txt{display:none}
  .chat-fab{padding:15px}
}