body {
  font-family: 'Inter', sans-serif;
  margin:0;
  background: #ffffff;
  user-select: none;
  -webkit-user-select: none; /* Safari/Chrome */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge eski */
}








 /* Contact icon (pastki o‘ng burchakda) */
  .contact-btn {
    position:fixed;
    bottom:20px;
    right:20px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#e4002b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:transform 0.2s;
    z-index:6000;
  }
  .contact-btn:hover {
    transform:scale(1.1);
  }

  /* Overlay */
  .overlay {
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none; /* boshida yopiq */
    align-items:center;
    justify-content:center;
    z-index:6000;
  }
  .overlay.active {
    display:flex;
  }

  /* Contact box */
  .contact-box {
    background:#fff;
    padding:30px;
    border-radius:12px;
    max-width:400px;
    width:90%;
    text-align:left;
    box-shadow:0 6px 16px rgba(0,0,0,0.3);
    animation:fadeIn 0.3s ease;
    text-decoration: none;
  }
  .contact-box h2 {
    margin-top:0;
    margin-bottom:15px;
  }
  .contact-box p {
    margin:8px 0;
    color:#333;
    text-decoration: none;
    margin-left: 15px;
  }

    .contact-box strong {
    margin-right: 15px;
  }

    .contact-box a {
    color:#409de4;
    text-decoration: none;
  }
  .close-btn {
    margin-top:20px;
    display:inline-block;
    padding:10px 20px;
    border-radius:6px;
    background:#e4002b;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
  }

  @keyframes fadeIn {
    from {opacity:0; transform:translateY(-20px);}
    to {opacity:1; transform:translateY(0);}
  }


.tel {
  animation: phone-shake 3s ease-in-out infinite; /* har 3 soniyada qaytariladi */
  transform-origin: center; /* aylanish markazdan bo‘lsin */
}

/* Silkinish animatsiyasi */
@keyframes phone-shake {
  0%, 80% { transform: rotate(0deg); }   /* dastlab 0° */
  85% { transform: rotate(-15deg); }
  90% { transform: rotate(15deg); }
  95% { transform: rotate(-10deg); }
  97% { transform: rotate(10deg); }
  99% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }      /* oxirida joyiga qaytadi */
}