/* Header - START */

#app-header {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 9999999;
    background: var(--bs-header-background);
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}

#app-header #header-topbar {
    background: var(--bs-header-topbar-background);
}

#app-header #header-topbar * {
    color: var(--bs-header-topbar-color);
}

#app-header #header-topbar p {
    margin: 0;
}

.header-logo-mobile {
    height: 60px !important;
}

#app-header #app-primary-menu a {
    color: var(--bs-header-link-color);
}

#app-header #app-primary-menu > li.menu-item-level-1 > a {
    transition: all 0.3s ease-in-out;
}

#app-header #app-primary-menu > li:hover > a,
#app-header #app-primary-menu > li.menu-item-level-1 > a:hover {
    color: var(--hover-header-color);
}

#app-header #app-primary-menu li.menu-item-level-2 .second-level > a {
    color: var(--hover-header-color);
}

#app-header #app-primary-menu > li.item-has-children > .sub-menu.sub-menu-level-2 {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    background: var(--bs-header-background);
    pointer-events: none;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}

#app-header #app-primary-menu > li.item-has-children > .sub-menu-level-2 > .row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#app-header #app-primary-menu > li.item-has-children > a.touch-hover + .sub-menu,
#app-header #app-primary-menu > li.item-has-children:hover > .sub-menu.sub-menu-level-2 {
    pointer-events: all;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.offcanvas-below-header {
    top: var(--header-height, 80px) !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    height: calc(100dvh - var(--header-height, 80px)) !important;
}

.xoo-wsc-sc-cont {
    width: 1px;
    height: 1px;
    overflow: hidden;
    transform: scale(0.01);
}

.offcanvas .user-action-absolute-element,
.cart-count {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    color: var(--bs-black);
    font-size: 12px;
}

#app-header .user-action-absolute-element:empty {
    display: none;
}

.dropdown-toggle::after {
    display: none;
}

.sub-menu-item-banner img {
    aspect-ratio: 284 / 312;
    max-height: 312px;
}

.menu-item-level-3 img {
    aspect-ratio: 1 / 1;
    width: 48px;
    height: 48px;
}

@media (min-width:1360px) {
    .menu-item-level-3 img {
        aspect-ratio: 1 / 1;
        width: 64px;
        height: 64px;
    }
}

.shape-container {
    width: 130px;
}

.shape-container-mobile {
    width: 100px;
}

.shape-container-mobile img {
    aspect-ratio: 1 / 1;
    max-width: 32px;
}

.custom-line-separator {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 18px;
}

.mobile-header-icons-height {
    height: 20px;
}

.icon-hover path,
.icon-hover circle,
.cursor-pointer .user-action-absolute-element {
    transition: all 0.3s ease-in-out;
}

.icon-hover:hover path,
.icon-hover:hover circle {
    stroke: var(--hover-header-color);
}

.cursor-pointer:hover .user-action-absolute-element {
    color: var(--hover-header-color);
}

svg.has-items {
    fill: var(--bs-black);
}

.mobile-menu-separator {
    border-bottom: 1px solid #E4E4E4;
}

.mobile-menu-separator-second-level {
    border-top: 1px solid #E4E4E4;
}

.offcanvas-body .nav-link.second-level {
    color: var(--hover-header-color);
}

.offcanvas-footer-separator {
    border-top: 1px solid #E4E4E4;
}

.dropdown-menu {
    min-width: 177px !important;
}

.dropdown-menu.show {
    margin: 12px 0px !important;
    background-color: var(--bs-white) !important;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
    border: none;
}

.dropdown-item {
    transition: all 0.3s ease-in-out;
}

.dropdown-item:hover {
    background-color: transparent;
    color: var(--hover-header-color);
}

#app-primary-menu .sub-menu-level-2::before,
#app-primary-menu .sub-menu-level-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 100%;
    background: #fff;
}

#app-primary-menu .sub-menu-level-2::after {
    left: unset;
    right: -40px;
}

.user-action-absolute-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    font-size: 10px;
}


/* fibosearch*/
.fibosearch {
    /* transition: all 0.3s ease !important; */
    width: 100% !important;
}

.fibosearch.visible {
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    /* transition: all 0.3s ease !important; */
}

.dgwt-wcas-search-input {
    border: 1px solid transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
    margin: 16px 0px !important;
    font-size: 24px !important;
    height: 36px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dgwt-wcas-search-input::placeholder {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;

}

@media (min-width: 1250px) {
    .dgwt-wcas-search-input::placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .dgwt-wcas-search-input {
        margin: 24px 0px !important;
        border-bottom: unset !important;
    }

    .fibosearch .dgwt-wcas-search-wrapp {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
}

.dgwt-wcas-search-submit {
    background-color: transparent !important;
}

.dgwt-wcas-search-submit svg {
    height: 20px !important;
    width: 20px !important;
}

.dgwt-wcas-search-submit::before {
    display: none !important;
}

.dgwt-wcas-preloader {
    width: unset !important;
    right: 42px !important;
}

.dgwt-wcas-close path {
    fill: var(--bs-black) !important;
}

.dgwt-wcas-close svg {
    height: 20px !important;
    width: 20px !important;
}

@media (min-width: 993px) {
    .dgwt-wcas-search-submit svg {
        height: 32px !important;
        width: 32px !important;
    }

    .dgwt-wcas-close svg {
        height: 32px !important;
        width: 32px !important;
    }

    .dgwt-wcas-preloader {
        right: 52px !important;
    }
}

/* fibosearch -END */

@media (max-width: 1257px) and (min-width: 1250px) {
    .redcase-enable-touch-device-hover {
        font-size: 11px !important;
    }
}

/* Header - END */

/* AJAX Search - Start */

.dgwt-wcas-suggestion:after {
    display: none;
}

.dgwt-wcas-suggestions-wrapp {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
}

.dgwt-wcas-si {
    width: 100%;
}

.dgwt-wcas-si img {
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    object-fit: cover;
    margin: 0px;
    border-radius: 5px;
}

.js-dgwt-wcas-initialized {
    padding: 1.2rem;
}
@media (min-width: 1250px) {
    .js-dgwt-wcas-initialized {
        padding: 2.4rem;
    }
}


.dgwt-wcas-has-img .dgwt-wcas-suggestion {
    resize: none !important;
}

.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 60px;
    width: 50%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}

@media(min-width: 768px) {
    .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
        width: 25%;
    }
}

/* AJAX Search - End */