/*
    BASE
*/
@import url('base/variables.css');

/*
    LAYOUT
*/
@import url('layout/header.css');
@import url('layout/main.css');
@import url('layout/footer.css');

/*
    COMPONENTS
*/
@import url('components/breadcrumbs.css');
@import url('components/button.css');
@import url('components/notifications.css');
@import url('components/number-input.css');
@import url('components/pagination.css');
@import url('components/radio-inputs.css');
@import url('components/select-option.css');

/*
    FORMS
*/

@import url('forms/address-form.css');
@import url('forms/auth-form.css');
@import url('forms/form.css');
@import url('forms/login-form.css');
@import url('forms/style1-form.css');


/*
    PAGES
*/
@import url('pages/cart.css');
@import url('pages/categories.css');
@import url('pages/checkout.css');
@import url('pages/errorPage.css');
@import url('pages/home.css');
@import url('pages/order.css');
@import url('pages/products.css');
@import url('pages/profile.css');
@import url('pages/wishlist.css');

/*
    ADMIN PANEL
*/
@import url('admin/layout/adminPanel.css');
@import url('admin/pages/categories.css');
@import url('admin/pages/products.css');
@import url('admin/pages/addProduct.css');


* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body{
    padding: 0;
    margin: 0;
    font-family: var(--font-family-base);
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
}

body.no-scroll{
    overflow: hidden;
}

.hidden{
    display: none;
}