/* Component styles — extracted from inline styles in later phases.
   Each component gets its own section. */

@layer components {
  /* Phase 2: product cards, grid, badges, hero, categories */
  /* Phase 2: PDP, variant selector, gallery, accordion */
  /* Phase 3: layout components (header, footer, nav, search) */
  /* Phase 3: cart components (drawer, items, summary) */
  /* Phase 4: content components (contact, reviews, newsletter) */
  /* Phase 4: page templates (checkout success, etc.) */
}