@media (max-width: 768px) {

  .hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .sales {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 768px) {

  .hero-content {
    padding-left: 24px;
    max-width: 100%;
  }

  .hero-content h1 {
    font-size: 36px;
  }

  .hero-indicator {
    left: 24px;
    bottom: 30px;
  }

  .hero-indicator span {
    width: 36px;
  }
}

@media (max-width: 768px) {

  .showcase-track {
    gap: 28px;
    padding-left: 24px;
  }

  .showcase-item {
    min-width: 320px;
    height: 200px;
  }
}

@media (max-width: 768px) {
  .glow-divider span {
    font-size: 1rem;
    padding: 12px 28px;
  }
}

@media (max-width: 768px) {

  .sales-card {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 32px 24px;
  }

  .sales-photo {
    margin: auto;
    height: 300px;
    max-width: 220px;
  }

  .sales-info h2 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-middle {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }
}