/* ==========================================================================
   MAIN.CSS — único CSS que se enlaza en el HTML.
   Importa todo en orden: base → componentes.
   Para añadir un componente nuevo: crear el archivo en /components y
   añadir aquí su @import.
   ========================================================================== */

/* Base */
@import url("base/variables.css");
@import url("base/fonts.css");
@import url("base/reset.css");
@import url("base/base.css");

/* Componentes comunes */
@import url("components/button.css");
@import url("components/slider-controls.css");
@import url("components/site-footer.css");
@import url("components/marquee.css");
@import url("components/product-grid.css");
@import url("components/reveal.css");

/* Home */
@import url("components/site-header.css");
@import url("components/main-nav.css");

/* Páginas de producto */
@import url("components/product-header.css");
@import url("components/side-menu.css");
@import url("components/hero.css");
@import url("components/intro.css");
@import url("components/fragrance.css");
@import url("components/feature.css");
@import url("components/banner.css");
@import url("components/page-title.css");
@import url("components/duo.css");
@import url("components/notes-slider.css");
@import url("components/sustainability.css");
@import url("components/story.css");
@import url("components/personalities.css");
@import url("components/coming-soon.css");