:root {
    --smooth: cubic-bezier(0, 0, 0, 0.575);
    --sans-serif: arial, helvetica, sans-serif;
}

#brx-header .logo {
    transition: opacity 600ms var(--smooth);
}

#nav-bar {
    padding: var(--space-xs) var(--space-m);
    font-family: var(--sans-serif);
}

#nav-bar .brxe-container:after {
    content: "";
    background: var(--primary-t-2);
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 1;
    bottom: calc(var(--space-xs) * -1 );
}

.x-offcanvas_inner {
    max-width: 365px !important;
    width: 100% !important;
}

#brx-header .offcanvas-nav-1 {
    z-index: 1003;
}

#brx-header .offcanvas-nav-2 {
    z-index: 1002;
}

#brx-header:has(.offcanvas-nav-2 .x-offcanvas_inner[aria-hidden="false"]) .offcanvas-nav-1 .nav-offcanvas-close {
    opacity: 0;
}

#brx-header:has(.offcanvas-nav-3 .x-offcanvas_inner[aria-hidden="false"]) .offcanvas-nav-2 .nav-offcanvas-close {
    opacity: 0;
}

.nav-backdrop {
    transition: opacity 300ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}

#brx-header:has(.x-offcanvas_inner[aria-hidden="false"]) .nav-backdrop {
    opacity: 1;
    visibility: visible;
}

body[data-builder-mode="custom"] .nav-backdrop {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* sub-level offcanvas separator line */
.offcanvas-nav-2 .x-offcanvas_inner:before, .offcanvas-nav-3 .x-offcanvas_inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    width: 1px;
    height: calc(100vh - 80px);
    background: var(--primary-t-2);
}

.nav-offcanvas-close {
    cursor: pointer;
        transition: fill 200ms ease-out, opacity 200ms ease-out;
}

.nav-offcanvas-close:hover {
    fill: var(--primary);
} 

.menu-misc-links {
    font-size: 11px;
    letter-spacing: 1%;
    color: var(--primary);
    font-family: var(--sans-serif);
}

.nav-menu .nav-item {
    line-height: 1.3;
    font-size: 15px;
    letter-spacing: 10%;
    text-transform: uppercase;
    border-top: 1px solid var(--primary-l-9);
    border-bottom: 1px solid var(--primary-l-9);
    margin-top: -1px;
    transition: border-color 400ms var(--smooth);
    cursor: pointer;
}

.nav-menu .nav-item a, .nav-menu .nav-item span {
    padding: 20px 0;
    width: 100%;
}

.nav-menu .nav-item a:before, .nav-menu .nav-item span:before {
    display: none;
}

.nav-menu .nav-item:hover, .nav-menu .nav-item.active {
    border-color: var(--primary);
    z-index: 1;
}

#header-logo {
    fill: currentcolor;
}


/* Make hamburger icon only two bars */
.x-hamburger-inner:before {
    display: none !important;
}

.x-hamburger-inner {
    top: 9px !important;
    height: 1px !important;
    opacity: 0.5;
}

.x-hamburger-inner:after {
    top: 9px !important;
    height: 1px !important;
}

/* Currency selector */
.wc_aelia_cs_currency_selector .selected_currency {
    border: none !important;
    padding: 0 !important;
}

.wc_aelia_cs_currency_selector {
    font-size: 13px !important;
    padding: 0 !important;
}

.currency_flag {
    display: none !important;
}

.wc_aelia_cs_currency_selector .selected_currency:before {
    display: none;
}

.wc_aelia_cs_currency_selector .dropdown {
    padding: 0 !important;
    border: none !important;
    min-width: 52px !important;
}

.wc_aelia_cs_currency_selector .dropdown .currencies {
    margin: 0 !important;
    padding: 10px 0;
}

.wc_aelia_cs_currency_selector .dropdown .currency {
    text-align: center;
    background: none !important;
    padding: 0 10px !important;
}

.wc_aelia_cs_currency_selector .dropdown .currency:not(:last-child) {
    margin-bottom: 4px;
}

.wc_aelia_cs_currency_selector .currency_name {
    margin: 0 !important;
}

.wc_aelia_cs_currency_selector .dropdown .currencies .currency_name {
    color: var(--primary-t-6);
    margin: 0 !important;
}

.wc_aelia_cs_currency_selector .dropdown .currency.selected .currency_name, .wc_aelia_cs_currency_selector .dropdown .currency:hover .currency_name {
    color: var(--primary);
}


/* Shopping bag */
.bag-separator {
    width: 3px;
    height: 3px;
    min-width: 3px;
    min-height: 3px;
    background: currentcolor;
    transform: rotateZ(45deg);
}


/* Search offcancvas */

.offcanvas-search .x-offcanvas_inner {
    max-width: 365px;
}

.dgwt-wcas-search-input {
    height: 50px !important;
    background: none !important;
    border-radius: 0 !important;
    font-family: var(--sans-serif);
    color: var(--tertiary) !important;
    border: none !important;
    border-top: 1px solid var(--tertiary-t-5) !important;
    border-bottom: 1px solid var(--tertiary-t-5) !important;
    padding-left: 32px !important;
}

.dgwt-wcas-search-input::placeholder {
  color: var(--tertiary-t-5) !important;
  font-style: normal !important;
  opacity: 1; /* Firefox lowers the opacity by default, so we reset it */
}

.dgwt-wcas-search-submit {
    left: -14px !important;
    right: unset !important;
    background: none !important;
    padding: 10px !important;
}

.search-offcanvas-close:hover {
    fill: #fff;
} 

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

.dgwt-wcas-ico-magnifier {
    width: 24px !important;
    height: 24px !important;
}

.dgwt-wcas-close:hover, .dgwt-wcas-style-pirx .dgwt-wcas-voice-search:hover, .dgwt-wcas-voice-search:hover {
    opacity: 1 !important;
}

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

.dgwt-wcas-close path {
    fill: var(--tertiary-t-5) !important;
    transition: fill 200ms var(--smooth);
}

.dgwt-wcas-close:hover path {
    fill: #fff !important;
}

.dgwt-wcas-suggestions-wrapp {
    background: none !important;
    border: none !important;
    max-height: 100% !important;
}

.dgwt-wcas-suggestion {
    align-items: flex-start !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid var(--tertiary-t-2) !important;
}

.dgwt-wcas-suggestion-selected {
    background: none !important;
}

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

.dgwt-wcas-si img {
    border: none !important;
    border-radius: 0 !important;
    max-height: 100% !important;
}

.dgwt-wcas-content-wrapp {
    padding-left: 20px !important;
    flex-direction: column;
    align-items: flex-start !important;
}

.dgwt-wcas-st {
    color: var(--tertiary) !important;
    text-transform: uppercase;
    letter-spacing: 10%;
    font-weight: 300;
}

.dgwt-wcas-suggestion strong {
    font-weight: 300 !important;
}

.dgwt-wcas-sp {
    text-align: left !important;
    font-size: 15px !important;
    color: var(--tertiary) !important;
    padding-left: 0 !important;
}

.dgwt-wcas-suggestion:after {
    content: "View item" !important;
    font-family: var(--sans-serif);
    position: absolute;
    bottom: 20px;
    left: 170px;
    padding: 16px 0;
    border-top: 1px solid var(--tertiary-t-5);
    border-bottom: 1px solid var(--tertiary-t-5);
    width: calc(100% - 170px);
    text-align: center;
    color: var(--tertiary);
    transition: border-color 200ms var(--smooth);
}

.dgwt-wcas-suggestion:hover::after {
    border-color: #fff;
}


/* Mobile Menu */

/* MOBILE MENU BREAKPOINT */
@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 768px) {
}