/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Адаптивность для мобильных устройств */
@media (max-width: 1240px) {
  .child__card{
    padding: 14px;
  }

  .main {
    padding: 20px 0;
  }

  .main__form-h3 {
    text-align: left;
    margin: 0;
  }

  .main__form-father, .main__form-mother {
    padding: 20px 0;
  }

  .main__form-h4 {
    text-align: left;
  }

  .defect__child-hidden {
    margin: 0;
    text-align: left;
  }

  .defect__child-descr {
    text-align: left;
  }

  .defect__child-val {
    border: 1px solid #b8b8b8;
    border-radius: 4px;
  }

  .defect__child-descr {
    line-height: 200%;
    font-size: 16px;
  }

  .defect__child-hidden {
    width: 100%;
  }

  .main label {
    line-height: 150%;
  }

   .child-chip {
    gap: 10px;
    align-items: flex-start;
  }
}


@media(max-width: 1024px){
  .main__form-doc{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .header__text h1 {
      font-size: 2.2em;
  }

  .main__title {
      font-size: 2em;
  }

  .main__form {
      gap: 15px;
  }

  .main__form-input {
      font-size: 1em;
  }

  .main__form-input[type="submit"] {
      font-size: 1.1em;
  }

  .footer__descr h3,
  .footer__descr h4 {
      font-size: 1em;
  }

  
}

 /* Media Queries */
 @media (max-width: 768px) {
  .main__registration {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  }

  .registration__block {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; /* Блоки занимают всю ширину на маленьких экранах */
      margin-bottom: 30px;
  }

  .child__card{
    padding: 12px;
    gap: 10px;
  }

  .child__field{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }

  .child__field--number{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }

  .child__field--actions{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .child-chip{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .main__form-rod{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }

  .main__form-mother{
    width: 100%;
  }

  .main__form-father{
    width: 100%;
  }

  .kennel__cont{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 480px) {
  .header__text-h1 {
      font-size: 2rem;
  }

  .header__text-descr {
      font-size: 1rem;
  }

  .main__registration-title {
      font-size: 1.5rem;
  }

  .main__registration-descr {
      font-size: 0.9rem;
  }

  .btn {
      padding: 10px 20px;
      font-size: 1rem;
  }
}

@media (max-width: 650px) {
  .main__form-gender{
    gap: 20px;
  }

  .main__header-title{
    font-size: 30px;
  }

  .main__form-doc-left{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

   .main__form-doc-right{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}