/* ============================================
   ARGO'S PACK - Main Stylesheet
   Modular CSS Architecture
   ============================================ */

/* 1. Variables - Must be first */
@import url('variables.css');

/* 2. Reset and Base */
@import url('reset.css');

/* 3. Utilities */
@import url('utilities.css');

/* 4. Background */
@import url('background.css');

/* 5. Header and Navigation */
@import url('header.css');

/* 6. Hero Section */
@import url('hero.css');

/* 7. Buttons */
@import url('buttons.css');

/* 8. Benefits Section */
@import url('benefits.css');

/* 9. Products Section */
@import url('products.css');

/* 10. Contact Section */
@import url('contact.css');

/* 11. Lightbox */
@import url('lightbox.css');

/* 12. Product Modal */
@import url('product-modal.css');

/* 13. Gallery */
@import url('gallery.css');

/* 14. More Products */
@import url('more-products.css');

/* 15. Footer */
@import url('footer.css');

/* 16. WhatsApp Button */
@import url('whatsapp.css');

/* 17. Lazy Loading */
@import url('lazy-loading.css');

/* 18. Responsive Design - Must be last */
@import url('responsive.css');