/* Product Carousel Main CSS File - Modularized */

/* Import all modular CSS files */
@import 'product-carousel/_base.css';
@import 'product-carousel/_content.css';
@import 'product-carousel/_product-showcase.css';
@import 'product-carousel/_navigation.css';
@import 'product-carousel/_animations.css';
@import 'product-carousel/_responsive.css';

/* 
 * This file now imports all the modular CSS components:
 * 
 * _base.css - Core carousel structure, layout, and loading states
 * _content.css - Content styling (badges, titles, descriptions, prices, buttons)
 * _product-showcase.css - Product image display and secondary products
 * _navigation.css - Navigation buttons and pagination controls
 * _animations.css - Keyframe animations and transitions
 * _responsive.css - All media queries organized by breakpoint
 * 
 * Benefits of this modular approach:
 * - Easier maintenance and debugging
 * - Better organization of related styles
 * - Improved code readability
 * - Simplified collaboration between developers
 * - Easier to locate and modify specific functionality
 */