/**
 * Main CSS Entry Point
 * ========================================
 * Imports all modular CSS files in the
 * correct order to ensure proper cascading
 * and component dependencies.
 */

/* Design System Variables */
@import url('./_variables.css');

/* Utilities & Responsive Helpers */
@import url('./_utilities.css');

/* ==========================================
   Page Layout
   ========================================== */

/* General page wrapper styles */
@import url('./shop-styles.css');

/* ==========================================
   Shop Grid Styles
   ========================================== */

/* Layout: Grid system, containers */
@import url('./shop-grid-layout.css');

/* Components: Cards, controls, trust strip */
@import url('./shop-grid-components.css');

/* Bundle: Special offer section */
@import url('./shop-bundle.css');

/* Product Tiles: Alternative card layout */
@import url('./product-tiles-styles.css');

/* ==========================================
   Product Single Page Styles
   ========================================== */

/* Sections: Trust, features, gallery, timeline, FAQ */
@import url('./product-single-sections.css');

/* ==========================================
   WooCommerce Cart & Checkout
   ========================================== */

/* Cart widget and checkout styling */
@import url('./cart-styles.css');

/* Order thank you page */
@import url('./order-thankyou.css');

/* ==========================================
   Elementor Custom Elements
   ========================================== */

/* Home page Elementor elements */
@import url('./elementor-home.css');
