/* =============================================
   AMBER CLINIK — Custom CSS v5
   Оптимизация для ВСЕХ экранов:
   Android, iOS, MacBook, iMac, 30" мониторы, 4K/5K
   ============================================= */

/* =============================================
   ОБЩЕЕ
   ============================================= */

/* 1. Плавный скролл */
html {
  scroll-behavior: smooth;
}

/* 2. iOS + Android — предотвращение зума при фокусе на полях */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  font-size: 16px !important;
}

/* =============================================
   МОБИЛЬНЫЕ (Android + iPhone)
   ============================================= */

/* 3. Маленькие Android-телефоны (360px — Samsung Galaxy S) */
@media screen and (max-width: 380px) {
  #rec2279122381 .t702__popup {
    width: 95vw !important;
    padding: 16px 14px !important;
    border-radius: 16px !important;
  }
  #rec2279122381 .t702__title {
    font-size: 18px !important;
  }
  #rec2278386351 .t657 {
    margin: 4px !important;
    padding: 8px 10px !important;
  }
}

/* 4. Средние Android-телефоны (390-412px — Pixel, Samsung A) */
@media screen and (min-width: 381px) and (max-width: 480px) {
  #rec2279122381 .t702__popup {
    width: 92vw !important;
    padding: 20px 16px !important;
  }
}

/* 5. Большие Android-телефоны (412-480px — Samsung Ultra) */
@media screen and (min-width: 481px) and (max-width: 768px) {
  #rec2279122381 .t702__popup {
    width: 85vw !important;
    max-width: 400px !important;
  }
}

/* 6. Форма записи — общее для всех телефонов */
@media screen and (max-width: 768px) {
  #rec2279122381 .t702__popup {
    border-radius: 20px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
  }
  #rec2279122381 .t702__title {
    font-size: 20px !important;
  }
  #rec2279122381 .t702__btn {
    width: 100% !important;
    min-height: 48px !important;
  }
}

/* 7. Cookie-баннер — маленькие экраны */
@media screen and (max-width: 560px) {
  #rec2278386351 .t657 {
    border-radius: 12px !important;
    margin: 8px !important;
    padding: 10px 14px !important;
  }
  #rec2278386351 .t657__text {
    font-size: 11px !important;
  }
}

/* 8. Android-планшеты (600-800px — Samsung Tab) */
@media screen and (min-width: 600px) and (max-width: 800px) {
  #rec2279122381 .t702__popup {
    width: 70vw !important;
    max-width: 500px !important;
  }
}

/* =============================================
   ТАЧ-УСТРОЙСТВА (Android + iOS)
   ============================================= */

/* 9. Крупные зоны нажатия для тач-устройств */
@media (hover: none) and (pointer: coarse) {
  .t-btn,
  .t702__btn,
  .t657__btn {
    min-height: 48px !important;
  }
  .t-sociallinks a {
    min-width: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* 10. Отключение hover-эффектов на тач-устройствах */
@media (hover: none) {
  .t396__elem:hover {
    transform: none !important;
  }
}

/* =============================================
   ПЛАНШЕТЫ (iPad + Android)
   ============================================= */

/* 11. Планшеты — горизонтальная ориентация, карта на всю ширину */
@media screen and (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
  #rec2124911201 {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
  }
  #rec2124911201 .t570__map {
    height: 50vh !important;
    width: 100% !important;
  }
  #rec2124911201 .t570__container {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =============================================
   НОУТБУКИ И ПК
   ============================================= */

/* 12. Все экраны шире 1280px — контент на всю ширину */
@media screen and (min-width: 1280px) {
  #allrecords {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 13. Маленькие ноутбуки (1366x768) — карта 60vh */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  #rec2124911201 .t570__map {
    height: 60vh !important;
  }
}

/* 14. Apple MacBook (1280-1800px) — карта 65vh */
@media screen and (min-width: 1280px) and (max-width: 1800px) {
  #rec2124911201 .t570__map {
    height: 65vh !important;
  }
}

/* 15. Стандартные ПК (1400-1800px) — карта 70vh */
@media screen and (min-width: 1400px) and (max-width: 1800px) {
  #rec2124911201 .t570__map {
    height: 70vh !important;
  }
}

/* =============================================
   30" МОНИТОРЫ И ШИРОКИЕ ЭКРАНЫ
   ============================================= */

/* 16. 30" мониторы 2560x1440 (QHD) */
@media screen and (min-width: 2559px) and (max-width: 2561px) {
  #allrecords {
    width: 100% !important;
    max-width: 100% !important;
  }
  #rec2124911201 .t570__map {
    height: 75vh !important;
  }
}

/* 17. 30" мониторы 3840x2160 (4K) */
@media screen and (min-width: 3839px) and (max-width: 3841px) {
  #allrecords {
    width: 100% !important;
    max-width: 100% !important;
  }
  #rec2124911201 .t570__map {
    height: 75vh !important;
  }
}

/* 18. Все экраны шире 1800px — iMac, 30", 4K — карта 75vh */
@media screen and (min-width: 1800px) {
  #rec2124911201 .t570__map {
    height: 75vh !important;
  }
}

/* 19. Ultra-wide (3200px+) — контент по центру */
@media screen and (min-width: 3200px) {
  #allrecords {
    max-width: 3200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 20. 5K/6K (5120px+) — контент по центру */
@media screen and (min-width: 5120px) {
  #allrecords {
    max-width: 4000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}