/**
 * SafePrio - Main Stylesheet
 * Version: 2.0.0 (Modularized)
 * Last updated: 2026-02-04
 * 
 * This file imports all CSS modules.
 * Original monolithic version saved as: style_original.css
 * 
 * MODULE STRUCTURE:
 * =================
 * 1.  variables.css    - CSS variables, reset, base styles
 * 2.  buttons.css      - Button components
 * 3.  header.css       - Header & navigation
 * 4.  cart.css         - Cart sidebar
 * 5.  symbols.css      - Symbol icons (VM/AS categories)
 * 6.  hero.css         - Hero section
 * 7.  sections.css     - USP, News, Carousel, CTA
 * 8.  cards.css        - Product cards
 * 9.  footer.css       - Footer
 * 10. products-page.css - Products listing, sidebar, filters
 * 11. product-detail.css - Product detail page
 * 12. forms.css        - Form elements
 * 13. checkout.css     - Checkout page
 * 14. modals.css       - Modal dialogs
 * 15. pages.css        - Contact & About pages
 * 16. responsive.css   - Media queries
 */

/* Base & Variables */
@import url('modules/variables.css');

/* Components */
@import url('modules/buttons.css');
@import url('modules/symbols.css');
@import url('modules/modals.css');

/* Layout */
@import url('modules/header.css');
@import url('modules/footer.css');
@import url('modules/cart.css');

/* Sections */
@import url('modules/hero.css');
@import url('modules/sections.css');
@import url('modules/cards.css');

/* Pages */
@import url('modules/products-page.css');
@import url('modules/product-detail.css');
@import url('modules/checkout.css');
@import url('modules/pages.css');

/* Forms */
@import url('modules/forms.css');

/* Responsive - must be last */
@import url('modules/responsive.css');