/* css/responsive.css */
/* Responsive Layout Tweaks */
@media (max-width: 480px) {
  body {
    font-size: 15px;
  }
  
  .btn {
    width: 100%;
    padding: 0.8rem 1.5rem;
  }

  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }

  .hero-buttons .btn {
    width: 100%;
  }
  
  .section-header h2 {
    font-size: 2rem;
  }

  .footer-bottom {
    text-align: center;
  }

  .footer-legal-links {
    justify-content: center;
    margin-top: var(--spacing-xs);
  }
}

@media (max-width: 768px) {
  .welcome-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .welcome-image-box {
    height: 300px;
    width: 100%;
  }

  .featured-treatment {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .featured-treatment .img-wrapper {
    height: 300px !important;
  }

  .featured-text-box {
    padding: var(--spacing-md) !important;
  }

  .contact-preview-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
}

/* Ensure no horizontal overflow */
body, html {
  overflow-x: hidden;
  width: 100%;
}