/* PROJECT RULE:
   Layout via Flexbox/Grid only.
   No absolute positioning or transforms for layout.
*/
     
/* ==== SAFE IMPORTS (STEP 1 – FIXED ORDER) ==== */

/* 1️⃣ Base (tokens, globals) */
@import url("./base/variables.css");
@import url("./base/global.css");

/* 2️⃣ Layout foundations */
@import url("./layout/header.css");
@import url("./layout/grids.css");
@import url("./layout/footer.css");

/* 3️⃣ Core components (FOUNDATION FIRST) */
@import url("./components/card.css");
@import url("./components/badges.css");
@import url("./components/skeletons.css");
@import url("./components/pagination.css");

/* 4️⃣ Feature logic that DEPENDS on cards */
@import url("./features/search.css");
@import url("./features/cart.css");
@import url("./features/login.css");
@import url("./features/locale.css");
@import url("./features/delivery.css");
@import url("./features/filters.css");
@import url("./features/sidenav.css");

/* 5️⃣ Sections (visual compositions) */
@import url("./sections/banner.css");
@import url("./sections/mega-menu.css");
@import url("./sections/marketing.css");

/* 6️⃣ Page-level overrides */
@import url("./pages/shop.css");

/* 7️⃣ Utilities (state & helpers LAST) */
@import url("./utilities/helpers.css");
@import url("./utilities/states.css");

/* 8️⃣ Modals (isolated, always last-safe) */
@import url("./modals/base-modal.css");
@import url("./modals/notify-modal.css");
@import url("./modals/promo-modal.css");
@import url("./modals/cookie-modal.css");
@import url("./modals/review-consent.css");