#gd-chat-widget{font-family:Lato,Arial,sans-serif}

.gd-chat-float{
  position:fixed;
  right:24px;
  bottom:24px;
  width:62px;
  height:62px;
  border-radius:50%;
  border:0!important;
  outline:0!important;
  background:#9D836C;
  color:#fff;
  z-index:99999;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

.gd-chat-float svg{
  width:31px;
  height:31px;
  display:block;
}

.gd-chat-panel{
  display:none;
  position:fixed;
  right:38px;
  bottom:96px;
  width:340px;
  background:#fff;
  border-radius:6px;
  z-index:99999;
  box-shadow:0 12px 35px rgba(0,0,0,.22);
  overflow:hidden;
}

.gd-chat-panel.active{display:block}

.gd-chat-head{
  background:linear-gradient(135deg,#111,#333);
  color:#fff;
  padding:18px;
  display:flex;
  align-items:center;
  gap:14px;
}

.gd-chat-head-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

.gd-chat-head-icon svg{
  width:32px;
  height:32px;
}

.gd-chat-head strong{
  flex:1;
  text-align:center;
  font-size:16px;
}

.gd-chat-close{
  background:transparent;
  border:0;
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

.gd-chat-body{padding:18px}

.gd-chat-intro{
  background:#f1f3f6;
  padding:14px;
  border-radius:7px;
  margin-bottom:16px;
  font-size:14px;
  line-height:1.45;
}

#gdChatForm input,
#gdChatForm textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d5d9df;
  border-radius:7px;
  padding:12px;
  margin:6px 0;
  font-size:14px;
  background:#fff;
}

#gdChatForm textarea{
  height:100px;
  resize:none;
}

.gd-phone-row{
  display:flex;
  width:100%;
}

.gd-phone-row select{
  width:98px;
  border:1px solid #d5d9df;
  border-radius:7px 0 0 7px;
  padding:12px 8px;
  background:#fff;
  font-size:14px;
}

.gd-phone-row input{
  flex:1;
  border-radius:0 7px 7px 0!important;
  margin-left:-1px!important;
}

.gd-chat-consent{
  display:flex;
  gap:10px;
  background:#f1f3f6;
  padding:12px;
  border-radius:7px;
  font-size:11px;
  line-height:1.4;
  margin:10px 0;
}

.gd-chat-consent input{
  width:auto!important;
  margin-top:2px;
  accent-color:#9D836C;
}

.gd-chat-send{
  display:block;
  width:100%;
  margin:12px auto;
  background:#9D836C;
  color:#fff;
  border:0;
  border-radius:7px;
  padding:13px 30px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}

.gd-chat-powered{
  text-align:center;
  font-size:12px;
  margin-top:18px;
  color:#333;
}

@media(max-width:480px){
  .gd-chat-panel{
    right:12px;
    left:12px;
    width:auto;
    bottom:92px;
  }

  .gd-chat-float{
    right:18px;
    bottom:18px;
  }
}