/* region ======================================== HEADER ======================================== */

.header-component {
    height: 325px;
}

.header-component > .header-player {
    /*position: absolute !important;*/
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100% !important;*/
}

#player {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 75vh !important;
    width: 100% !important;
    z-index: -10 !important;
}

.header-component > .header-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75vh;
    z-index: -10;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.header-component > .header-background-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75vh;
    background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 50%, rgba(10, 10, 10, 1) 90%, rgba(10, 10, 10, 1) 100%);
    z-index: -10;
}

.header-component > .header-player {
    z-index: -5;
}

.header-component .header-items {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    height: 325px;
    /*max-height: 325px;*/
    /*width: 100%;*/
    overflow: hidden;
}

.header-component .header-items .header-item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 325px;
    height: 325px;
    max-height: 325px;
    width: 100%;
    outline: none !important;
}

.header-component .header-items .header-item img {
    height: auto;
    width: auto;
    max-height: 90%;
    max-width: 100%;
}

.header-component .header-items .slick-next {
    right: 0 !important;
    width: 50px !important;
    height: 50px !important;
}

.header-component .header-items .slick-prev {
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 1;
}

.header-component .header-items .slick-next::before, .header-component .header-items .slick-prev::before {
    font-size: 50px;
}

/* endregion ======================================== HEADER ======================================== */

/* region ======================================== TOOLBAR ======================================== */

.toolbar-component {
    height: 3.25rem;
    max-height: 3.25rem;
    overflow: hidden;
}

.toolbar-component > .section > .container {
    height: 3.25rem;
    max-height: 3.25rem;
    overflow: hidden;
    background-color: rgba(54, 54, 54, 0.4);
    border-radius: 4px;
}

.toolbar-links, .toolbar-filters {
    height: 3.25rem;
}

/* endregion ======================================== TOOLBAR ======================================== */

/* region ======================================== GRID ======================================== */

#page-container > .grid-component > .section {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.grid-component {
    /*height: 150px;*/
}

.grid-items {
    height: fit-content;
    /*width: 100%;*/
}

#categories-products-grid .section {
    margin: 0 !important;
}

/* endregion ======================================== GRID ======================================== */

/* region ======================================== MENU-LINKS ======================================== */

.menuLinks-component {
    /*width: 250px;*/
    /*height: 250px;*/
    /*background: lightgrey;*/
    /*margin-right: 908px;*/
    /*z-index: 100000000000000000 !important;*/
    /*float: left;*/
    position: sticky;
    top: calc(3.25rem + 1.5rem);
}

@media screen and (max-width: 1023px) {
    .menu-links-container {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}

.menuLinks-component.is-sticky {
    position: fixed;
    top: calc(52px + 1.5rem);
}

/*[data-component="content"] .menu.is-sticky {*/
/*    position: fixed;*/
/*    top: calc(52px + 1.5rem);*/
/*}*/

/*@media (min-width: 769px) {*/
/*    [data-component="content"] form {*/
/*        width: 50%;*/
/*        margin: auto;*/
/*    }*/
/*}*/

/* endregion ======================================== MENU-LINKS ======================================== */

/* region ======================================== MENU-FILTERS ======================================== */

.menuFilters-component {}

.menuFilters-component .navbar-burger {
    width: 2rem !important;
    height: 2rem !important;
}

.menuFilters-component .navbar-burger span {
    /*background-color: white;*/
}

.menuFilters-component {
    background-color: rgba(54, 54, 54, 0.4);
}

@media screen and (max-width: 1023px) {
    .menuFilters-component {
        padding: 0 !important;
    }

    .menu-filters-container {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .products-grid-container {
        padding-left: 0.05px !important;
        margin-left: 0 !important;
    }

    .menuFilters-component .menu-list {
        padding: 0.75rem 1.5rem !important;
    }
}

/* endregion ======================================== MENU-FILTERS ======================================== */

/* region ======================================== HTML-CONTENT ======================================== */

.htmlContent-component {}

.htmlContent-component .content {
    background-color: rgba(54, 54, 54, 0.4);
    border-radius: 2px;
    padding: 1.5rem;
    text-align: justify;
}

/* endregion ======================================== HTML-CONTENT ======================================== */



/* region ======================================== TEMPLATE ======================================== */
/* endregion ======================================== TEMPLATE ======================================== */
/* region =============== TEMPLATE =============== */
/* endregion =============== TEMPLATE =============== */
