/**
 * Main CSS file that imports all modular CSS components
 * Drone Beginnings Website
 */

/* Import CSS Variables & Base Styles */
@import 'variables.css';
@import 'base.css';

/* Import Component Styles */
@import 'components/grid.css';
@import 'components/cards.css';
@import 'components/video-cards.css';
@import 'components/photo-cards.css';
@import 'components/navigation.css';
@import 'components/hero.css';
@import 'components/lightbox.css';
@import 'components/animations.css';
@import 'components/modal.css';
@import 'components/gear-cards.css';
@import 'components/tabs.css';
@import 'components/responsive.css';
@import 'components/panorama.css';
@import 'components/video-player.css';
@import 'components/video-animations.css';
@import 'components/panorama-overrides.css';
@import 'components/placeholders.css';
@import 'components/progressive-loading.css';
@import 'components/custom-hotspots.css';
@import 'components/info-panels.css'; /* Shared info panel styles */

/* Add additional component imports here as needed */

/* Additional utility classes */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mb-20 {
  margin-bottom: 5rem;
}