/* 响应式相关的覆盖样式，可以根据需要继续扩展 */

@media (max-width: 768px) {
  .nav__links {
    gap: 12px;
  }

  .hero__carousel {
    width: 100vw;
  }

  .hero-contact-bar {
    margin-top: -32px;
    padding: 0 5vw;
  }

  .hero-contact-bar__inner {
    flex-direction: column;
    padding: 20px;
  }

  .hero-contact-bar__item {
    min-width: 100%;
    padding: 12px 0;
    border-right: none !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  }

  .hero-contact-bar__item:last-child {
    border-bottom: none;
  }
}