/**
 * Artisan Commerce - Master Section Importer
 * Location: /assets/css/main.css
 */


/* --- 1. MOBILE SECTION MODULES (MAX-WIDTH: 991PX) --- */
@import url('sections/sec-0-base.css');
@import url('sections/sec-1-header.css');
@import url('sections/sec-2-navigation-dock.css');
@import url('sections/sec-3-shop-catalog.css');
@import url('sections/sec-4-single-product.css');
@import url('sections/sec-5-front-lifestyle.css');
@import url('sections/sec-6-catalog-filters.css');
@import url('sections/sec-7-checkout.css');
@import url('sections/sec-8-account-overrides.css');
@import url('sections/sec-9-footer.css');
@import url('sections/sec-10-typography.css');

/* --- 2. DESKTOP SECTION MODULES (MIN-WIDTH: 992PX) --- */
@import url('sections-desktop/desktop-header.css');
@import url('sections-desktop/desktop-categories.css');
@import url('sections-desktop/desktop-catalog.css');
@import url('sections-desktop/desktop-megamenu.css');

/* ==========================================================================
   STRICT DEVICE CONTAINER VISIBILITY TOGGLES (SYNCED AT 992px)
   ========================================================================== */

/* 1. DESKTOP VIEWPORT (992px and wider) */
@media (min-width: 992px) {
    .tech-desktop-only {
        display: block !important;
    }
    .tech-mobile-only {
        display: none !important;
    }
}

/* 2. MOBILE & TABLET VIEWPORT (991px and smaller) */
@media (max-width: 991px) {
    .tech-desktop-only {
        display: none !important;
    }
    .tech-mobile-only {
        display: block !important;
    }
}