<!-- ISWAVLETI.COM Simple Loading Screen -->  
  <div id="loader">  
  <div class="loader-box">  
  <div class="loader-text">  
  მიმდინარეობს გვერდის ჩატვირთვა…  
  </div>  
  <div class="progress-bar">  
  <div class="progress-fill"></div>  
  </div>  
  </div>  
  </div>  
  <style>  
  /* Overlay */  
  #loader {  
  position: fixed;  
  inset: 0;  
  background: #ffffff;  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  z-index: 10000;  
  transition: opacity 0.6s ease, visibility 0.6s ease;  
  }  
  #loader.hidden {  
  opacity: 0;  
  visibility: hidden;  
  pointer-events: none;  
  }  
  /* Box */  
  .loader-box {  
  width: 360px;  
  background: #fff;  
  border: 2px solid #000;  
  box-shadow: 0 0 22px rgba(255, 0, 0, 0.35);  
  padding: 26px 24px;  
  text-align: center;  
  }  
  /* Text */  
  .loader-text {  
  font-size: 14px;  
  font-weight: 600;  
  letter-spacing: 0.5px;  
  margin-bottom: 18px;  
  color: #111;  
  animation: fadeText 1.5s infinite;  
  }  
  /* Progress Bar */  
  .progress-bar {  
  width: 100%;  
  height: 10px;  
  background: #e0e0e0;  
  border: 1px solid #ccc;  
  overflow: hidden;  
  }  
  .progress-fill {  
  width: 0%;  
  height: 100%;  
  background: linear-gradient(90deg, #ff0000, #b30000);  
  animation: fillBar 3s forwards;  
  }  
  /* Animations */  
  @keyframes fillBar {  
  from { width: 0%; }  
  to { width: 100%; }  
  }  
  @keyframes fadeText {  
  0% { opacity: 0.4; }  
  50% { opacity: 1; }  
  100% { opacity: 0.4; }  
  }  
  </style>  
  <script>  
  document.addEventListener("DOMContentLoaded", () => {  
  const loader = document.getElementById("loader");  
  document.body.style.overflow = "hidden";  
  setTimeout(() => {  
  loader.classList.add("hidden");  
  document.body.style.overflow = "auto";  
  }, 3000);  
  });  
  </script>