/* ===== CONTACT US (include block) ===== */
.contact-us-teo {
  width: 100%;
  box-sizing: border-box;
}

.contact-us-teo__inner {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 60px; /* ✅ ровно 60px между картинкой и контентом */
  width: 100%;
  box-sizing: border-box;
}

.contact-us-teo__img {
  flex: 0 0 auto;

  width: 100%;              /* ✅ может сжиматься */
  max-width: 366px;         /* ✅ максимум как в макете */

  aspect-ratio: 183 / 181;  /* ✅ пропорции */

  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-us-teo__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;      /* ✅ вписываем без обрезки */
}

/* контент справа */
.contact-us-teo__content {
  flex: 0 1 640px;     /* ✅ не растягиваемся шире 640 */
  max-width: 640px;    /* ✅ предел */

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

/* заголовок */
.contact-us-teo__title {
  max-width: 640px; /* ✅ как просил */
  width: 100%;
  margin: 0;

  color: #4F4F4F;
  text-align: center;

  font-family: "PT Astra Serif", serif;
  font-weight: 800;
  font-style: italic;

  font-size: 48px;
  line-height: 100%;
}

/* текстовый блок */
.contact-us-teo__text {
  max-width: 475px; /* ✅ как просил */
  width: 100%;
  margin-top: 16px;

  color: #363636;
  text-align: center;
  font-family: "tt-commons-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25.6px; /* 160% */
}

.contact-us-teo__text p {
  margin: 0;
}

.contact-us-teo__text p + p {
  margin-top: 10px;
}

/* label типа "Электронная почта" */
.contact-us-teo__label {
  margin-top: 16px;
  font-family: "tt-commons-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

/* ссылки */
.contact-us-teo__link {
  color: #005C67; /* можешь поменять */
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.contact-us-teo__link:hover {
  opacity: 0.75;
}

.favorites + .contact-us-teo {
    margin-top: 80px;
}

/* =============================================
   RESPONSIVE
   ============================================= */

/* ===== 1600px ===== */
@media (max-width: 1600px) {
    .contact-us-teo__inner {
        padding: 0 40px;
    }
    
    .contact-us-teo__content {
        flex: 0 1 550px;
        max-width: 550px;
    }
}

/* ===== 1400px ===== */
@media (max-width: 1400px) {
    .contact-us-teo__inner {
        gap: 50px;
        padding: 0 60px;
    }
    
    .contact-us-teo__img {
        max-width: 300px;
    }
    
    .contact-us-teo__content {
        flex: 0 1 480px;
        max-width: 480px;
    }
}

/* ===== 1200px ===== */
@media (max-width: 1200px) {
    .contact-us-teo__inner {
        gap: 40px;
        padding: 0 80px;
    }
    
    .contact-us-teo__img {
        max-width: 260px;
    }
    
    .contact-us-teo__content {
        flex: 0 1 420px;
        max-width: 420px;
    }
}

/* ===== 1100px ===== */
@media (max-width: 1100px) {
    .contact-us-teo__inner {
        gap: 30px;
        padding: 0 100px;
    }
    
    .contact-us-teo__img {
        max-width: 240px;
    }
    
    .contact-us-teo__content {
        flex: 0 1 380px;
        max-width: 380px;
    }
}

/* ===== 1024px — планшет, вертикальный layout ===== */
@media (max-width: 1024px) {
    .contact-us-teo__inner {
        flex-direction: column;
        gap: 32px;
        padding: 0 40px;
    }
    
    .contact-us-teo__content {
        flex: none;
        width: 100%;
        max-width: 475px;
        order: 1;
    }
    
    .contact-us-teo__img {
        max-width: 244px;
        height: 244px;
        order: 2;
    }

}

/* ===== 850px ===== */
@media (max-width: 850px) {
    .contact-us-teo__inner {
        padding: 0 24px;
        gap: 28px;
    }
}

/* ===== 768px ===== */
@media (max-width: 768px) {
    .contact-us-teo__inner {
        gap: 24px;
    }


        .contact-us-teo {
margin-bottom: 160px;
}
}

/* ===== 560px — мобилка ===== */
@media (max-width: 560px) {
    .contact-us-teo__inner {
        padding: 0 16px;
        gap: 40px;
    }


    
    .contact-us-teo__content {
        max-width: 100%;
    }
    
    .contact-us-teo__title {
        max-width: 100%;
        font-size: 24px ;
    }
    
    .contact-us-teo__text {
        max-width: 100%;
         font-size: 14px;
    }
    
    .contact-us-teo__img {
        max-width: 244px;
        height: 244px;
    }

      .contact-us-teo__label {
    margin-top: 30px;
  }
  
  .contact-us-teo__link {
    margin-bottom: 30px;
  }

    .contact-us-teo__text p:first-child {
    margin-bottom: 30px;
  }
}

/* ===== 480px ===== */
@media (max-width: 480px) {
    .contact-us-teo__inner {
        padding: 0 12px;
    }
    

}

/* ===== 400px ===== */
@media (max-width: 400px) {
    .contact-us-teo__img {
        max-width: 200px;
        height: 200px;
    }
  
}

/* ===== 360px ===== */
@media (max-width: 360px) {
    .contact-us-teo__img {
        max-width: 180px;
        height: 180px;
    }
}