/* ==================================================
   THE PROBLEM SECTION - Modular CSS Architecture
   ================================================== */

/* ==================== COMPONENT IMPORTS ==================== */

/* Layout & Structure */
@import url('./components/layout.css');

/* Card System */
@import url('./components/card-base.css');
@import url('./components/card-a.css');
@import url('./components/card-b.css');
@import url('./components/card-c.css');
@import url('./components/card-d.css');

/* Animations & Effects */
@import url('./components/animations.css');

/* ==================================================
   This file now serves as the main entry point for
   all TheProblemSection styles. Each component is
   organized in its own file with clear separation
   between desktop and mobile styles.
   
   Structure:
   ├── layout.css        → Section structure & grid
   ├── card-base.css     → Common card styles
   ├── card-a.css        → "Des commerciaux sous-équipés"
   ├── card-b.css        → "Une progression trop lente" (Featured)
   ├── card-c.css        → "CRM qui surveillent..."
   ├── card-d.css        → "Des directeurs débordés"
   └── animations.css    → Card animations & effects
   ================================================== */