/* =============================================================================
   ZOOM SHOP — Storefront stylesheet (manifest)
   -----------------------------------------------------------------------------
   This file is intentionally tiny: it only `@import`s the component
   stylesheets in `parts/` so every page that links style.css continues to
   work unchanged. Edit a component file (e.g. parts/navbar.css) instead of
   touching this manifest.

   Load order matters:
     1. _tokens      ── design tokens + light/dark variable maps
     2. _base        ── reset, typography, container, scrollbar
     3. _animations  ── keyframes + .reveal primitive
     4. Components   ── small, isolated pieces (no media queries)
     5. responsive   ── all breakpoint overrides last, so they win the cascade
   ============================================================================= */

/* ── Foundation ──────────────────────────────────────────────────────────── */
@import url("parts/_tokens.css");
@import url("parts/_base.css");
@import url("parts/_animations.css");

/* ── Layout / chrome ─────────────────────────────────────────────────────── */
@import url("parts/promo-bar.css");
@import url("parts/navbar.css");
@import url("parts/mega-menu.css");   /* RetailDost-style grouped dropdown */
@import url("parts/drawer.css");
@import url("parts/footer.css");

/* ── Building blocks ─────────────────────────────────────────────────────── */
@import url("parts/buttons.css");
@import url("parts/sections.css");

/* ── Home / marketing ────────────────────────────────────────────────────── */
@import url("parts/home-strip.css");      /* new circular cat strip + hero carousel */
@import url("parts/brands-stores.css");   /* /info/brands.php + /info/stores.php */
@import url("parts/hero.css");             /* legacy hero — kept for other pages */
@import url("parts/category-card.css");
@import url("parts/brand-strip.css");
@import url("parts/trust.css");
@import url("parts/cta-banner.css");
@import url("parts/coupons-strip.css");
@import url("parts/search-suggest.css");

/* ── Catalog / listing ───────────────────────────────────────────────────── */
@import url("parts/product-card.css");
@import url("parts/filters.css");
@import url("parts/pagination.css");

/* ── Product / cart / orders ─────────────────────────────────────────────── */
@import url("parts/product-detail.css");
@import url("parts/reviews.css");
@import url("parts/cart.css");
@import url("parts/invoice.css");

/* ── Feedback widgets ────────────────────────────────────────────────────── */
@import url("parts/empty-state.css");
@import url("parts/toast.css");

/* ── Breakpoint overrides — MUST come last ───────────────────────────────── */
@import url("parts/responsive.css");