/* Main CSS File - Imports all modules */

/* Base styles */
@import url('base/reset.css');
@import url('base/fonts.css');
@import url('base/variables.css');
@import url('base/animations.css');

/* Components */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/timeline.css');
@import url('components/chat.css');
@import url('components/forms.css');

/* Sections */
@import url('sections/header.css');
@import url('sections/header-mobile.css');
@import url('sections/hero.css');
@import url('sections/hero-mobile.css');
@import url('sections/services.css');
@import url('sections/steps.css');
@import url('sections/cases.css');
@import url('sections/reviews.css');
@import url('sections/faq.css');
@import url('sections/contact.css');
@import url('sections/consultation.css');
@import url('sections/reviews.css');
@import url('sections/footer-mobile.css');

/* Mobile/Desktop component visibility */
.header-mobile,
.hero-mobile,
.hero-mobile-component,
.footer-mobile {
  display: none;
}

@media (max-width: 768px) {
  .header,
  .hero {
    display: none;
  }
  
  .header-mobile,
  .hero-mobile,
  .hero-mobile-component,
  .footer-mobile {
    display: block;
  }
}

/* Strong iOS-only overrides hook (fallback if @supports fails) */
/* Removed empty iOS hook to avoid warnings */

/* Additional responsive improvements */
@media (max-width: 1200px) {
  .hero,
  .services,
  .steps,
  .cases,
  .reviews,
  .animated-consultation,
  .faq {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 10px;
  }
  
  .services {
    padding-top: 40px;
  }
}

@media (max-width: 768px) {
  .hero,
  .services,
  .steps,
  .cases,
  .reviews,
  .animated-consultation,
  .faq {
    padding-top: 80px;
    padding-bottom: 10px; /* Уменьшаем отступ для мобильных */
  }
  
  .services {
    padding-top: 60px;
  }
  
  .container {
    padding: 0 16px;
  }
  
  .hero__subtitle,
  .services__subtitle,
  .steps__subtitle {
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  .hero,
  .services,
  .steps,
  .cases,
  .reviews,
  .animated-consultation,
  .faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .container {
    padding: 0 12px;
  }
}

/* Touch device improvements */
@media (max-width: 768px) {
  .touch-device .service-card,
  .touch-device .icon-btn,
  .touch-device .btn-contact,
  .touch-device .consultation-btn {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
  }
  
  .hero__title-main,
  .hero__title-secondary,
  .section-title {
    word-wrap: break-word;
    hyphens: auto;
  }
  
  .hero .hero__content {
    margin-top: 20px;
  }
  
  .btn-contact,
  .consultation-btn,
  .chat-send-btn {
    min-height: 28px;
  }
}

/* Very small screens */
@media (max-width: 360px) {
  .container {
    padding: 0 8px;
  }
  
  .hero__title-main,
  .hero__title-secondary {
    font-size: 24px;
    letter-spacing: -1.2px;
  }
  
  .section-title {
    font-size: 24px;
    letter-spacing: -1.2px;
  }
  
  .chat-window {
    width: calc(100vw - 16px);
    padding: 10px;
  }
  
  .consultation-btn {
    width: calc(100vw - 16px);
  }
}

/* Landscape orientation on mobile */
@media (max-width: 768px) and (orientation: landscape) {
  .hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .hero .hero__content {
    margin-top: 10px;
  }
  
  .hero__title-main,
  .hero__title-secondary {
    font-size: 28px;
  }
  
  .hero__badge {
    width: 200px;
    height: 28px;
    font-size: 11px;
  }
}