/* ==========================================================================
   AL-ARAFAH SUPER SHOP — stylesheet entry point
   Import order matters: tokens and reset first, then layout, then components.
   ========================================================================== */

/* base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/utilities.css");

/* layout */
@import url("layout/header.css");
@import url("layout/nav.css");
@import url("layout/hero.css");
@import url("layout/footer.css");
@import url("layout/pages.css");

/* components */
@import url("components/splash.css");
@import url("components/announcement.css");
@import url("components/deals-bar.css");
@import url("components/button.css");
@import url("components/chips.css");
@import url("components/category-browser.css");
@import url("components/countries.css");
@import url("components/delivery.css");
@import url("components/chat.css");
@import url("components/card.css");
@import url("components/promo.css");
@import url("components/lightbox.css");
@import url("components/map.css");
@import url("components/search-box.css");
@import url("components/filters.css");

/* breakpoints last so they override */
@import url("base/responsive.css");