// Utilities
@import "utils/_classes";
@import "utils/_common";

// Base
@import "base/_reset";
@import "base/_typography";

// Components
@import "components/_mega-menu";
@import "components/_tabs";
@import "components/_buttons";
@import "components/_scrollbar";
@import "components/_countdown";
@import "components/_breadcrumb";
@import "components/_form";
@import "components/_alert";
@import "components/_table";
@import "components/_badge";
@import "components/_panel";
@import "components/_pagination";
@import "components/_loader";
@import "components/_modal";

// Layouts
@import "layouts/_top-nav";
@import "layouts/_header";
@import "layouts/_sidebar-menu";
@import "layouts/_localization";
@import "layouts/_sidebar-cart";
@import "layouts/_navigation";
@import "layouts/_bottom-navigation";
@import "layouts/_subscribe";
@import "layouts/_newsletter";
@import "layouts/_cookie-bar";
@import "layouts/_footer";

[x-cloak] {
    display: none !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: var(--color-gray-lite);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
    border-radius: 5px;
    background: #bab9b9;
    transition: 0.2s ease-in-out;

    &:hover {
        background: var(--color-primary);
    }
}


@media (max-width: 480px) {
  body {
    touch-action: manipulation;
  }
}