/* Auth Popup Fixes - Уменьшение размеров на 7% */

/* Уменьшаем размеры попапов на 7% */
@media (min-width: 768px) {
  .popup-lg {
    max-width: 923px !important; /* Было 993px, уменьшено на 7% */
  }
  
  .popup-pw {
    max-width: 423px !important; /* Было 455px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры изображений на 7% */
  .popup-lg .block-image img:not(.popup-logo) {
    max-height: 716px !important; /* Было 770px, уменьшено на 7% */
  }
  
  /* Уменьшаем отступы на 7% */
  .popup-lg .block-content {
    padding: 19px 9px !important; /* Было 20px 10px, уменьшено на 7% */
  }
  
  .popup-pw {
    padding: 19px 9px !important; /* Было 20px 10px, уменьшено на 7% */
  }
  
  /* Уменьшаем размер логотипа на 7% */
  .popup-lg .popup-logo {
    width: 117px !important; /* Было 125.5px, уменьшено на 7% */
    top: 23px !important; /* Было 25px, уменьшено на 7% */
    left: 19px !important; /* Было 20px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры кнопок на 7% */
  .popup-lg .btn {
    min-height: 52px !important; /* Было 56px, уменьшено на 7% */
    font-size: 19px !important; /* Было 20px, уменьшено на 7% */
  }
  
  .popup-pw .btn {
    min-height: 52px !important; /* Было 56px, уменьшено на 7% */
    font-size: 19px !important; /* Было 20px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры заголовков на 7% */
  .popup-lg .h2,
  .popup-pw .h2 {
    font-size: 45px !important; /* Было 48px, уменьшено на 7% */
    line-height: 1.2 !important;
    margin-bottom: 26px !important; /* Было 28px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры полей ввода на 7% */
  .popup-lg .input-primary {
    min-height: 41px !important; /* Было 44px, уменьшено на 7% */
    font-size: 16px !important;
  }
  
  .popup-pw .input-primary {
    min-height: 45px !important; /* Было 48px, уменьшено на 7% */
    font-size: 16px !important;
  }
  
  /* Уменьшаем отступы между элементами формы на 7% */
  .popup-lg .form {
    gap: 22px !important; /* Было 24px, уменьшено на 7% */
  }
  
  .popup-pw .form {
    gap: 30px !important; /* Было 32px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры разделителя на 7% */
  .popup-lg .divider {
    font-size: 15px !important; /* Было 16px, уменьшено на 7% */
    margin: 19px 0 !important; /* Было 20px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры текста на 7% */
  .popup-lg .text-primary {
    font-size: 13px !important; /* Было 14px, уменьшено на 7% */
    line-height: 1.5 !important;
  }
  
  /* Уменьшаем размеры футера попапа на 7% */
  .popup-lg .footer-popup {
    height: 48px !important; /* Было 52px, уменьшено на 7% */
    font-size: 13px !important; /* Было 14px, уменьшено на 7% */
    margin: 19px -9px -19px !important; /* Было 20px -10px -20px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры чекбокса на 7% */
  .popup-lg .form .checkbox-label input[type=checkbox] {
    width: 17px !important; /* Было 18px, уменьшено на 7% */
    height: 17px !important; /* Было 18px, уменьшено на 7% */
    margin-right: 10px !important; /* Было 11px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры иконок в кнопках на 7% */
  .popup-lg .btn svg {
    width: 25px !important; /* Было 24px, уменьшено на 7% */
    height: 25px !important; /* Было 24px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры социальных кнопок на 7% */
  .popup-lg .btn-white {
    font-size: 19px !important; /* Было 20px, уменьшено на 7% */
    gap: 11px !important; /* Было 12px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры подтверждающего баннера на 7% */
  .popup-pw .confirm-banner {
    max-width: 155px !important; /* Было 167px, уменьшено на 7% */
    margin: -19px auto 32px !important; /* Было -20px auto 34px, уменьшено на 7% */
  }
  
  /* Уменьшаем отступы для заголовков в popup-pw на 7% */
  .popup-pw .h2.title-primary {
    margin-bottom: 19px !important; /* Было 20px, уменьшено на 7% */
  }
  
  .popup-pw .h2.title-secondary {
    margin-bottom: 26px !important; /* Было 28px, уменьшено на 7% */
  }
  
  /* Уменьшаем размеры подзаголовков на 7% */
  .popup-pw .popup-subtitle {
    font-size: 13px !important; /* Было 14px, уменьшено на 7% */
    line-height: 1.5 !important;
  }
  
  .popup-pw .popup-subtitle.text-primary {
    margin-bottom: 26px !important; /* Было 28px, уменьшено на 7% */
  }
  
  .popup-pw .popup-subtitle.text-secondary {
    margin-bottom: 37px !important; /* Было 40px, уменьшено на 7% */
  }
}

/* Для очень больших экранов - дополнительное уменьшение на 7% */
@media (min-width: 1200px) {
  .popup-lg {
    max-width: 858px !important; /* Дополнительное уменьшение на 7% */
  }
  
  .popup-pw {
    max-width: 393px !important; /* Дополнительное уменьшение на 7% */
  }
  
  .popup-lg .block-content {
    padding: 18px 8px !important;
  }
  
  .popup-pw {
    padding: 18px 8px !important;
  }
}

/* Для мобильных устройств - стандартные размеры */
@media (max-width: 767px) {
  .popup-lg,
  .popup-pw {
    max-width: 430px !important;
  }
  
  .popup-lg .block-content,
  .popup-pw {
    padding: 20px 10px !important;
  }
}
