<style>
/* ======================
  TOGGLE BUTTON
====================== */
.uc-open-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:260px;
  margin:60px auto;
  padding:14px;
  background:#ff0000;
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  border-radius:30px;
  box-shadow:0 10px 25px rgba(255,0,0,.4);
}

/* ======================
  OVERLAY
====================== */
.uc-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

/* ======================
  FORM WRAPPER
====================== */
.uc-contact{
  max-width:420px;
  width:90%;
  background:#fff;
  font-family:Arial,sans-serif;
  animation:slideUp .35s ease;
}

@keyframes slideUp{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:none}
}

/* ======================
  HEADER
====================== */
.uc-header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  background:#ff0000;
  height:58px;
  position:relative;
}

.uc-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  border-bottom:2px solid #ff1313;
}

/* CLOSE */
.uc-close{
  position:absolute;
  right:14px;
  top:14px;
  cursor:pointer;
  font-size:18px;
}

/* ======================
  FIELD
====================== */
.uc-field{
  display:flex;
  align-items:center;
  background:#f8f9ff;
  padding:14px;
  margin:24px;
  border:2px solid #8f8f91;
  position:relative;
}

.uc-field::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:10px;
  border-bottom:2px dashed #8f8f91;
}

.uc-field::before{
  content:"";
  position:absolute;
  left:-2px;right:-2px;bottom:-14px;
  border-bottom:2px solid #ff1313;
}

/* ======================
  ICONS
====================== */
.uc-icon-box{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:14px;
  color:#fff;
  font-size:18px;
}
.uc-blue{background:#4f7cff}
.uc-orange{background:#ff9a3c}
.uc-purple{background:#8b6cff}

/* ======================
  INPUTS
====================== */
.uc-contact input,
.uc-contact textarea{
  all:unset;
  width:100%;
  font-size:15px;
  color:#2f2f45;
}
.uc-textarea{min-height:120px}

/* ======================
  BUTTON
====================== */
.uc-btn{
  width:calc(100% - 48px);
  margin:20px 24px 30px;
  padding:16px;
  background:#e11d2e;
  color:#fff;
  font-size:18px;
  font-weight:600;
  border:none;
  cursor:pointer;
}
.uc-btn:hover{background:#c71626}
</style>

<!-- OPEN BUTTON -->
<div class="uc-open-btn" onclick="openContact()">
  📞 დაგვიკავშირდით
</div>

<!-- OVERLAY + FORM -->
<div class="uc-overlay" id="ucOverlay">
  <div class="uc-contact myWinCont">

  <div class="uc-header">
  📞 მოგვწერეთ
  <span class="uc-close" onclick="closeContact()">✖</span>
  </div>

  <div class="uc-field">
  <div class="uc-icon-box uc-blue">👤</div>
  <input type="text" placeholder="სახელი და გვარი">
  </div>

  <div class="uc-field">
  <div class="uc-icon-box uc-orange">✉️</div>
  <input type="text" placeholder="ელექტრონული ფოსტა">
  </div>

  <div class="uc-field">
  <div class="uc-icon-box uc-purple">💬</div>
  <textarea class="uc-textarea" placeholder="თქვენი შეტყობინება"></textarea>
  </div>

  <button class="uc-btn">➤ გაგზავნა</button>

  </div>
</div>

<script>
/* OPEN / CLOSE */
function openContact(){
  document.getElementById("ucOverlay").style.display="flex";
}
function closeContact(){
  document.getElementById("ucOverlay").style.display="none";
}

/* შენი ორიგინალი script */
document.querySelectorAll(
  '.myWinCont input[type="password"], .myWinCont input[type="text"], .myWinCont textarea'
).forEach(el=>{
  el.style.border='none';
  el.style.background='none';
});
</script>