/* Additional responsive polish */

@media (max-width: 1024px) {
  .section {
    padding: 5rem 0;
  }
  .hero-section {
    background-attachment: scroll;
  }
}

@media (max-width: 800px) {
  .header-inner {
    gap: 1rem;
  }
  .hero-content p,
  .section-intro p {
    font-size: 0.98rem;
  }
}

@media (max-width: 640px) {
  .header-inner {
    padding: 0.8rem 0;
  }
  .btn-primary, .btn-secondary {
    padding: 0.95rem 1.2rem;
  }
  .feature-card,
  .faq-card,
  .testimonial-card,
  .product-card,
  .category-card {
    border-radius: 24px;
  }
}

/* Smooth scrolling section anchor spacing */
:target::before {
  content: '';
  display: block;
  height: 96px;
  margin-top: -96px;
}