@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=Nunito:wght@400;600;700;800;900&display=swap');

.t-popup {
  background: rgba(10, 77, 100, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.t-popup__container {
  background: #ffffff !important;
  border: 1px solid #dde7ea !important;
  border-radius: 28px !important;
  padding: 48px 44px !important;
  padding-top: 64px !important;
  max-width: 480px !important;
  box-shadow: 0 0 60px rgba(15,126,161,0.10), 0 30px 60px rgba(10,77,100,0.18) !important;
}

/* ===================================================================
   YOPISH (×) TUGMASI
   Muammo: Tilda × ikonkasini oq rangda chizadi, popup foni ham oq —
   ikonka ko'rinmay qoladi. Yechim: Tilda ikonkasini yashiramiz va
   × belgisini CSS orqali o'zimiz chizamiz + och doira fon beramiz.
   =================================================================== */

.t-popup__container {
  position: relative !important;
}

/* Doira shaklidagi tugma — popupning o'ng yuqori burchagida */
.t-popup__close,
.t-popup .t-popup__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #F7FAFB !important;
  background-color: #F7FAFB !important;
  border: 1px solid #dde7ea !important;
  box-shadow: 0 4px 14px rgba(10, 77, 100, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
}

.t-popup__close:hover {
  background: #eaf3f6 !important;
  transform: scale(1.06) !important;
}

/* Tilda'ning o'z ikonkasi (oq SVG) — yashiriladi */
.t-popup__close-icon,
.t-popup__close svg,
.t-popup__close img {
  display: none !important;
}

/* × belgisi — CSS orqali chiziladi, rangi brend ko'ki */
.t-popup__close::before,
.t-popup__close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  height: 2.5px !important;
  border-radius: 3px !important;
  background: #0A5570 !important;
  pointer-events: none !important;
}

.t-popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.t-popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Ichki wrapper — butun doira bosiladigan bo'lsin */
.t-popup__close-wrapper,
.t-popup__close-btn {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}

/* Mobilda biroz kichikroq */
@media screen and (max-width: 560px) {
  .t-popup__close {
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
  .t-popup__close::before,
  .t-popup__close::after {
    width: 16px !important;
  }
}

.t-popup__container .t-title,
.t-popup__container [class*="t-title"] {
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #0A5570 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

.t-popup__container .t-descr,
.t-popup__container [class*="t-descr"] {
  font-family: 'Nunito', -apple-system, sans-serif !important;
  font-size: 15px !important;
  color: #5c7783 !important;
  margin-bottom: 28px !important;
  text-align: left !important;
}

/* Oddiy inputlar */
.t-popup__container input[type="text"],
.t-popup__container input[type="email"],
.t-popup__container textarea {
  background: #F7FAFB !important;
  border: 1px solid #dde7ea !important;
  border-radius: 14px !important;
  color: #0A4D64 !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 16px 20px !important;
  width: 100% !important;
  outline: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}

.t-popup__container input[type="text"]:focus,
.t-popup__container input[type="email"]:focus,
.t-popup__container textarea:focus {
  border-color: #0F7EA1 !important;
  box-shadow: 0 0 0 3px rgba(15,126,161,0.12) !important;
  background: #ffffff !important;
}

/* TELEFON — tashqi wrapper */
.t-popup__container .t-input-group.t-input-group_ph {
  background: #F7FAFB !important;
  border: 1px solid #dde7ea !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}

.t-popup__container .t-input-group.t-input-group_ph:focus-within {
  border-color: #0F7EA1 !important;
  box-shadow: 0 0 0 3px rgba(15,126,161,0.12) !important;
  background: #ffffff !important;
}

/* Bayroq qismi */
.t-popup__container .t-input-phonemask__select {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #dde7ea !important;
  border-radius: 0 !important;
  padding: 0 12px !important;
  margin: 0 !important;
  color: #5c7783 !important;
  font-size: 15px !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
}

/* Ichki wrap */
.t-popup__container .t-input-phonemask__wrap {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ichki input — border YO'Q */
.t-popup__container input.t-input-phonemask {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #0A4D64 !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 16px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  -webkit-appearance: none !important;
}

.t-popup__container input.t-input-phonemask:focus {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* Placeholder */
.t-popup__container input::placeholder,
.t-popup__container textarea::placeholder {
  color: rgba(92,119,131,0.5) !important;
  font-weight: 500 !important;
}

/* Fieldlar orasidagi bo'shliq */
.t-popup__container .t-input-block {
  margin-bottom: 16px !important;
}

/* Submit */
.t-popup__container .t-btn,
.t-popup__container button[type="submit"],
.t-popup__container input[type="submit"] {
  background: linear-gradient(135deg,#0BB8AE 0%,#0CC8A7 100%) !important;
  color: #04302b !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 17px 32px !important;
  width: 100% !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(12,200,167,0.35) !important;
  margin-top: 8px !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  outline: none !important;
}

.t-popup__container .t-btn:hover,
.t-popup__container button[type="submit"]:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 14px 30px rgba(12,200,167,0.45) !important;
}

.t-popup__container .t-form__footnote,
.t-popup__container [class*="footnote"] {
  font-family: 'Nunito', -apple-system, sans-serif !important;
  font-size: 13px !important;
  color: #5c7783 !important;
  text-align: center !important;
  margin-top: 14px !important;
}

.t-popup__container .t-errormessage {
  color: #b6493f !important;
  font-size: 12px !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  margin-top: 6px !important;
}

.t-popup__container .t-form__done,
.t-popup__container .t706__done {
  color: #0a8f77 !important;
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: center !important;
}