/* =========================================
   responsive-fix.css — Общие адаптивные исправления
   Охвати.рф — все страницы
   ========================================= */

/* === ГЛОБАЛЬНЫЕ ПРАВИЛА === */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  min-width: 0;
}

img, video, svg, canvas {
  max-width: 100%;
  height: auto;
}

/* Убираем возможность горизонтального скролла из-за абсолютных элементов */
#allrecords {
  overflow-x: hidden;
}

/* =============================================
   HERO / PROMO СЕКЦИЯ
   (бизнес, автомаркетплейс, лизинг, изъятые)
   ============================================= */

/* Декоративные круги — ограничиваем overflow */
.promo-slide {
  overflow: hidden;
}

/* === 480px — мобильные телефоны === */
@media (max-width: 480px) {
  .promo-section {
    padding: 16px 10px 20px 10px !important;
  }
  .promo-slide {
    padding: 20px 16px !important;
    min-height: 280px !important;
    border-radius: 18px !important;
  }
  .promo-slide-title {
    font-size: 1.4rem !important;
  }
  .promo-slide-description {
    font-size: 0.95rem !important;
    padding-top: 6px !important;
  }
  .promo-slide-text {
    padding-top: 20px !important;
    padding-bottom: 100px !important;
  }
  .promo-slide-button {
    bottom: 12px !important;
    font-size: 0.85rem !important;
    padding: 10px 20px !important;
  }
  .promo-slide-image {
    height: 120px !important;
  }
  .promo-right-column {
    grid-template-columns: 1fr !important;
  }
  .promo-card {
    padding: 18px !important;
    border-radius: 16px !important;
  }
  .promo-card-title {
    font-size: 1.1rem !important;
  }
  .promo-card-image {
    flex: 0 0 60px !important;
    height: 60px !important;
  }
  .promo-slider-nav {
    bottom: 14px !important;
    right: 14px !important;
  }
  .promo-nav-btn {
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  .promo-slider-indicators-wrapper {
    top: 14px !important;
    left: 16px !important;
  }
  /* Декоративные круги — уменьшаем */
  .promo-slide::before {
    width: 200px !important;
    height: 200px !important;
  }
  .promo-slide::after {
    width: 150px !important;
    height: 150px !important;
  }
}

/* === 360px — очень маленькие экраны === */
@media (max-width: 360px) {
  .promo-slide-title {
    font-size: 1.2rem !important;
  }
  .promo-slide-description {
    font-size: 0.85rem !important;
  }
  .promo-slide {
    min-height: 240px !important;
    padding: 16px 12px !important;
  }
  .promo-slide-image {
    height: 100px !important;
  }
}


/* =============================================
   МОНИТОРИНГ / ПАРТНЁРЫ (market-*)
   (финансовый маркетплейс)
   ============================================= */
@media (max-width: 480px) {
  .market-monitoring {
    padding: 0 10px 12px 10px !important;
  }
  .market-monitoring-title {
    font-size: 1.3rem !important;
    margin-bottom: 24px !important;
  }
  .market-card {
    padding: 18px !important;
    border-radius: 16px !important;
  }
  .market-card-title {
    font-size: 1.1rem !important;
  }
  .market-chart-bars {
    height: 120px !important;
    gap: 6px !important;
  }
  .market-tab {
    padding: 5px 10px !important;
    font-size: 0.7rem !important;
  }
}


/* =============================================
   БЛОК УСЛУГ / ПРОДУКТОВ (services-*)
   (финансовый маркетплейс)
   ============================================= */

/* Фикс minmax(320px) который ломает экраны <320px */
@media (max-width: 380px) {
  .services-categories-grid {
    grid-template-columns: 1fr !important;
  }
  .service-button {
    padding: 16px 14px !important;
    min-height: 140px !important;
    border-radius: 16px !important;
  }
  .service-button-title {
    font-size: 1rem !important;
  }
  .service-button-description {
    font-size: 0.8rem !important;
    max-width: 100% !important;
  }
  .service-button-image {
    width: 35% !important;
  }
}


/* =============================================
   КАЛЬКУЛЯТОР ЛИЗИНГА
   (Лизинговые программы)
   ============================================= */

/* Добавляем недостающий 1024px breakpoint */
@media (max-width: 1024px) and (min-width: 769px) {
  .calculator-section {
    padding: 14px 16px 20px 16px !important;
  }
  .leasing-categories {
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .category-item {
    width: auto !important;
    min-width: 100px !important;
    padding: 10px 14px !important;
  }
  .sliders-row {
    gap: 16px !important;
  }
  .leasing-card .financial-metrics {
    grid-template-columns: repeat(3, auto) !important;
    gap: 8px !important;
  }
}

/* 360px — самые маленькие */
@media (max-width: 360px) {
  .calculator-section {
    padding: 8px 10px 12px 10px !important;
  }
  .leasing-categories {
    gap: 6px !important;
  }
  .category-item {
    width: 90px !important;
    padding: 6px 10px !important;
  }
  .category-item span {
    font-size: 0.58rem !important;
  }
  .slider-group {
    padding: 6px !important;
  }
  .leasing-card {
    padding: 0 10px 10px 10px !important;
  }
  .card-left {
    width: 100% !important;
  }
  .leasing-card .card-row {
    gap: 8px !important;
  }
  .quick-apply-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 10px 16px !important;
    font-size: 0.8rem !important;
  }
}


/* =============================================
   ТИПЫ ЛИЗИНГА (leasing-types-grid)
   (Лизинговые программы — текстовая секция)
   ============================================= */

/* Добавляем 480px breakpoint чтобы 1fr 1fr стал 1fr */
@media (max-width: 480px) {
  .leasing-types-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .who-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .pros-steps {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .requirements-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .documents-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .text-section {
    padding: 16px 12px !important;
  }
  .text-section h2 {
    font-size: 1.4rem !important;
  }
  .principle-card {
    padding: 18px !important;
  }
}


/* =============================================
   ПРЕИМУЩЕСТВА / BENTO GRID (advantages-*)
   (Автомаркетплейс, Изъятые авто)
   ============================================= */
@media (max-width: 480px) {
  .advantages-section {
    padding: 12px 10px !important;
  }
  .advantages-title {
    font-size: 1.4rem !important;
  }
  .advantages-header {
    margin-bottom: 24px !important;
  }
  .advantage-card {
    padding: 18px !important;
    border-radius: 16px !important;
    min-height: auto !important;
  }
  .advantages-grid {
    gap: 12px !important;
  }
}


/* =============================================
   ТРАНСПОРТ / CTA (transport-types-*)
   (Автомаркетплейс, Изъятые авто)
   ============================================= */
@media (max-width: 480px) {
  .transport-types-section {
    padding: 28px 10px !important;
  }
  .transport-types-title {
    font-size: 1.4rem !important;
  }
  .transport-types-description {
    font-size: 0.9rem !important;
  }
  .transport-types-grid {
    gap: 12px !important;
  }
  .transport-type-card {
    padding: 18px !important;
    border-radius: 16px !important;
  }
}


/* =============================================
   ФОРМЫ ЗАЯВОК (form-card, form-section)
   (Контакты, Блог, Лизинговые программы)
   ============================================= */
@media (max-width: 380px) {
  .form-section {
    padding: 16px 10px 32px !important;
  }
  .form-card {
    padding: 20px 14px !important;
    border-radius: 18px !important;
  }
  .form-submit-btn {
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
  }
}

/* Попап-форма калькулятора */
@media (max-width: 480px) {
  .popup-content {
    padding: 16px !important;
    width: 98% !important;
    border-radius: 16px !important;
  }
  .popup-title {
    font-size: 1.2rem !important;
  }
  .application-form {
    grid-template-columns: 1fr !important;
  }
  .application-form .form-group {
    grid-column: 1 !important;
  }
  .form-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .program-top {
    flex-direction: column !important;
    text-align: center !important;
    gap: 10px !important;
  }
  .program-icon {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  .financial-summary {
    flex-direction: column !important;
    gap: 12px !important;
  }
}


/* =============================================
   ФУТЕР (footer-*)
   (все бизнес-страницы)
   ============================================= */
@media (max-width: 380px) {
  .footer {
    padding: 32px 0 12px !important;
  }
  .footer-container {
    padding: 0 12px !important;
  }
  .footer-brand {
    font-size: 1.2rem !important;
  }
  .footer-tagline {
    font-size: 0.85rem !important;
  }
  .footer-nav-section {
    gap: 24px !important;
  }
  .footer-nav-link {
    font-size: 0.85rem !important;
  }
  .footer-contact-item {
    font-size: 0.9rem !important;
  }
  .footer-bottom {
    font-size: 0.75rem !important;
  }
}


/* =============================================
   TILDA КОМПОНЕНТЫ — ОБЩИЕ ФИКСЫ
   (Каталоги, фиды, формы)
   ============================================= */

/* Tilda каталог/фид — предотвращаем переполнение */
@media (max-width: 480px) {
  .t-store__card__textwrapper,
  .t-feed__post-textwrapper {
    padding: 12px !important;
  }
  .t-store__card__title,
  .t-feed__post-title {
    font-size: 0.95rem !important;
  }
  .t-section__title {
    font-size: 1.8rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .t-section__descr {
    font-size: 0.95rem !important;
  }
}

/* Tilda popup — улучшаем для мобильных */
@media (max-width: 480px) {
  .t-popup__container {
    padding: 16px !important;
    width: 95% !important;
    max-width: none !important;
  }
  .t702__title {
    font-size: 1.2rem !important;
  }
  .t702__descr {
    font-size: 0.9rem !important;
  }
}

/* Tilda Zero блоки — на стартовой странице */
/* Firefox не поддерживает css zoom — фолбэк через transform */
@supports not (zoom: 1) {
  .t396__elem,
  .t396__group {
    zoom: normal !important;
  }
}


/* =============================================
   СТАРТОВАЯ СТРАНИЦА — СПЕЦИАЛЬНЫЕ ПРАВИЛА
   (quiz-form, t396 Zero блоки)
   ============================================= */
@media (max-width: 480px) {
  .t-quiz__panel {
    padding: 8px 10px !important;
  }
  .t-quiz__quiz-description-text {
    font-size: 0.8rem !important;
  }
  .t-quiz__quiz-wrapper {
    border-radius: 16px !important;
  }
  .t-radio__item {
    font-size: 0.85rem !important;
  }
  .t-heading_xs {
    font-size: 1.1rem !important;
  }
  .t-quiz__contact-form__header__title {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 360px) {
  .t-quiz__quiz-wrapper {
    border-radius: 12px !important;
  }
  .t-quiz__panel {
    padding: 6px 8px !important;
  }
  .t-heading_xs {
    font-size: 1rem !important;
  }
}


/* =============================================
   ГЛОБАЛЬНАЯ ТИПОГРАФИКА АДАПТИВНАЯ
   ============================================= */
@media (max-width: 480px) {
  h1, .t-title_xxs, .t-heading_lg {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 360px) {
  h1, .t-title_xxs, .t-heading_lg {
    font-size: 1.2rem !important;
  }
}


/* =============================================
   ЛАНДШАФТНАЯ ОРИЕНТАЦИЯ МОБИЛЬНЫХ
   ============================================= */
@media (max-height: 500px) and (orientation: landscape) {
  .oxnav-container {
    height: 56px !important;
  }
  .oxnav-body-spacer {
    height: 56px !important;
  }
  .mobile-menu,
  .oxnav-mobile {
    padding-top: 10px !important;
  }
}


/* =============================================
   ПЛАНШЕТЫ В ПОРТРЕТНОЙ ОРИЕНТАЦИИ
   (768-1024px) — доп. улучшения
   ============================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  .promo-right-column {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .market-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .services-categories-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .transport-types-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .advantages-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* =============================================
   КНОПКИ — КАСАНИЕ (мобильные с тач-экранами)
   ============================================= */
@media (hover: none) and (pointer: coarse) {
  /* Минимальный размер таргетов для касания — 44px */
  .nav-item,
  .oxnav-item,
  .submenu-item,
  .oxnav-sub a,
  .mobile-nav-item,
  .oxnav-mob-item,
  .footer-nav-link,
  .market-tab {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* Убираем hover-эффекты которые залипают на тач */
  .service-button:hover {
    transform: none !important;
  }
  .promo-card:hover {
    transform: none !important;
  }
  .advantage-card:hover {
    transform: none !important;
  }
  .transport-type-card:hover {
    transform: none !important;
  }
}


/* =============================================
   ПЕЧАТЬ
   ============================================= */
@media print {
  .oxnav-header,
  .oxnav-body-spacer,
  .header,
  .burger-menu,
  .mobile-menu,
  .oxnav-mobile {
    display: none !important;
  }
  body {
    font-size: 12pt;
  }
}