/* css/main.css */

/* 1. Base Styles */
@import url('base/variables.css');
@import url('base/base.css');

/* 2. Component Styles */
@import url('components/preloader.css');
@import url('components/cart.css');
@import url('components/modals.css');
@import url('components/header.css');
@import url('components/drawers.css');
@import url('components/modals.css');
@import url('components/product-card.css');
@import url('components/footer.css');
/* (Add any other small component files you create, like _toast.css) */

/* 3. Page-Specific Styles */
@import url('pages/product-detail.css');
@import url('pages/wishlist.css');
@import url('pages/faq.css');
@import url('pages/support.css');
@import url('pages/account.css');
@import url('pages/offers.css');
@import url('pages/our-sourcing.css');
@import url('pages/new-arrivals.css');
@import url('pages/contact.css'); 
@import url('pages/about.css'); 
@import url('pages/recipes.css');