/* Responsive Styles */
@media (min-width: 768px) {
    .hero-title {
      font-size: 4.5rem;
    }
    
    .hero-subtitle {
      font-size: 1.5rem;
    }
    
    .nav-links {
      display: flex;
    }
    
    .mobile-menu-btn {
      display: none;
    }
    
    .about-container {
      flex-direction: row;
      align-items: flex-start;
    }
    
    .about-image {
      width: 50%;
      margin-bottom: 0;
      padding-right: 4rem;
    }
    
    .about-content {
      width: 50%;
    }
    
    .newsletter-form {
      flex-direction: row;
    }
    
    .footer-content {
      flex-direction: row;
      justify-content: space-between;
    }
  }
  
  /* Tablet specific adjustments */
  @media (min-width: 768px) and (max-width: 1023px) {
    .collection-item {
      width: 7rem;
    }
    
    .dress-image {
      height: 11rem;
    }
    
    .featured-item {
      width: 9rem;
    }
    
    .featured-image {
      height: 14rem;
    }
  }
  
  /* Larger screens */
  @media (min-width: 1024px) {
    .hero-title {
      font-size: 5rem;
    }
    
    .section-title {
      font-size: 2rem;
    }
    
    .collection-item {
      width: 8rem;
      margin-right: 0.75rem;
    }
    
    .featured-item {
      width: 10rem;
      margin-right: 0.75rem;
    }
    
    .newsletter-container {
      max-width: 40rem;
    }
    
    .newsletter-form {
      max-width: 28rem;
    }
  }
  
  /* Extra large screens */
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
    
    .collection-item {
      width: 9rem;
      margin-right: 1rem;
    }
    
    .dress-image {
      height: 14rem;
    }
    
    .featured-item {
      width: 11rem;
      margin-right: 1rem;
    }
    
    .featured-image {
      height: 17rem;
    }
  }