/**
 * Global Responsive Styles
 * 全局响应式补充样式
 */

/* Container max-width adjustments */
@media (max-width: 1200px) {
  .nav__container,
  .about__container,
  .services__container,
  .why-us__container,
  .contact__container,
  .footer__container {
    max-width: 960px;
  }
}

@media (max-width: 992px) {
  .nav__container,
  .about__container,
  .services__container,
  .why-us__container,
  .contact__container,
  .footer__container {
    max-width: 720px;
  }
}

@media (max-width: 768px) {
  .nav__container,
  .about__container,
  .services__container,
  .why-us__container,
  .contact__container,
  .footer__container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Hide on mobile */
.hide-mobile {
  display: block;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
}

/* Hide on desktop */
.hide-desktop {
  display: none;
}

@media (max-width: 768px) {
  .hide-desktop {
    display: block;
  }
}

/* Text alignment responsive */
@media (max-width: 768px) {
  .text-center-mobile {
    text-align: center;
  }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
  /* Larger touch targets */
  .btn,
  .nav__link,
  .footer__link {
    min-height: 44px;
    min-width: 44px;
  }

  /* Disable hover effects on touch devices */
  .services__card:hover,
  .about__card:hover,
  .why-us__feature:hover .why-us__icon-wrap {
    transform: none;
  }
}