/* Main CSS file - now imports modular components */
@import 'css/variables.css';
@import 'css/base.css';
@import 'css/layout.css';
@import 'css/header.css';
@import 'css/hero.css';
@import 'css/sections.css';
@import 'css/products.css';
@import 'css/forms.css';
@import 'css/footer.css';
@import 'css/home.css';  /* Added new home-specific styles */
@import 'css/responsive.css';
@import 'css/balsamo.css';  /* Added balsamo styles */
@import 'css/velas.css';  /* Added velas styles */
@import 'css/lightbox.css';  /* Added lightbox styles */
@import 'css/legal.css';  /* Added legal styles */

/* Adding responsive styles for the inspiration gallery */
@media (max-width: 992px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }
  
  .gallery-item img {
    height: 220px;
  }
}

/* All other code has been moved to the files above */