@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600&family=Mulish:wght@400;500;600&display=swap');

body,
.t-auth,
.t-auth__wrapper,
.t-auth__container,
.t-auth__page,
.t-records {
  background: #fdfbf7 !important;
  color: #282722 !important;
  font-family: Commissioner, Arial, sans-serif !important;
}

.t-auth__wrapper,
.t-auth__container,
.t-auth__page {
  min-height: 100vh !important;
}

.t-auth__form,
.t-auth__form-wrapper,
.t-auth__content,
.t-auth form {
  box-sizing: border-box !important;
  background: #fffefa !important;
  border: 1px solid rgba(40, 39, 34, 0.13) !important;
  border-radius: 2px !important;
  box-shadow: 0 18px 45px rgba(40, 39, 34, 0.07) !important;
}

.t-auth__title,
.t-auth__form-title,
.t-auth h1,
.t-auth h2 {
  color: #282722 !important;
  font-family: Mulish, Arial, sans-serif !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.04 !important;
  text-transform: uppercase !important;
}

.t-auth__text,
.t-auth__descr,
.t-auth label,
.t-auth__form label,
.t-auth__form-text,
.t-auth__form a {
  color: #696861 !important;
  font-family: Commissioner, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.t-auth a {
  color: #4d5544 !important;
  text-decoration-color: rgba(77, 85, 68, 0.4) !important;
  text-underline-offset: 3px !important;
  transition: color .2s ease !important;
}

.t-auth a:hover {
  color: #806762 !important;
}

.t-auth input[type="text"],
.t-auth input[type="email"],
.t-auth input[type="password"],
.t-auth input[type="tel"],
.t-auth .t-input,
.t-auth__form input {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 17px !important;
  box-sizing: border-box !important;
  background: #fdfbf7 !important;
  border: 1px solid rgba(40, 39, 34, 0.25) !important;
  border-radius: 0 !important;
  color: #282722 !important;
  font-family: Commissioner, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background .2s ease !important;
}

.t-auth input::placeholder,
.t-auth .t-input::placeholder {
  color: #9c9b95 !important;
  opacity: 1 !important;
}

.t-auth input:focus,
.t-auth .t-input:focus {
  background: #fffefa !important;
  border-color: #4d5544 !important;
}

.t-auth button,
.t-auth input[type="submit"],
.t-auth .t-submit,
.t-auth__btn,
.t-auth__form button {
  min-height: 52px !important;
  padding: 0 30px !important;
  background: #4d5544 !important;
  border: 1px solid #4d5544 !important;
  border-radius: 0 !important;
  color: #fdfbf7 !important;
  font-family: Mulish, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}

.t-auth button:hover,
.t-auth input[type="submit"]:hover,
.t-auth .t-submit:hover,
.t-auth__btn:hover,
.t-auth__form button:hover {
  background: #806762 !important;
  border-color: #806762 !important;
  transform: translateY(-1px) !important;
}

.t-auth .t-input-error,
.t-auth .t-form__errorbox-wrapper,
.t-auth .js-error-control-box {
  color: #9b4a45 !important;
  font-family: Commissioner, Arial, sans-serif !important;
}

@media screen and (max-width: 640px) {
  .t-auth__title,
  .t-auth__form-title,
  .t-auth h1,
  .t-auth h2 {
    font-size: 27px !important;
  }

  .t-auth input[type="text"],
  .t-auth input[type="email"],
  .t-auth input[type="password"],
  .t-auth input[type="tel"],
  .t-auth .t-input,
  .t-auth__form input {
    min-height: 52px !important;
    font-size: 16px !important;
  }
}
/* Pompon Buton — принудительно меняем шрифты личного кабинета */

body,
body * {
  font-family: Commissioner, Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
[class*="title"],
[class*="heading"],
[class*="headline"] {
  font-family: Mulish, Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
}

button,
input[type="submit"],
input[type="button"],
[class*="button"],
[class*="btn"] {
  font-family: Mulish, Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

input,
textarea,
select,
label,
[class*="label"],
[class*="input"],
[class*="placeholder"],
[class*="text"] {
  font-family: Commissioner, Arial, sans-serif !important;
}