.content-wrapper, .submenu, .menu, footer {
	--t: .2s ease;
}


.nav-has-scroller ul { 
     padding-right: 0px!important;   
}
.phone-header-wrapper {
    display: flex;
    justify-content: space-between;
}
input, button:active, a:active {
    transition: 0.001s linear all;
}
#mainphonemenu {
    background-color: #fcfcfc;
}

/*Captain unset*/
header  nav:not(.nav-dropdown) > ul > li > a:hover, nav > ul > li.selected > a {
     box-shadow: none!important;
}
header nav ul {
    padding-top: 0px!important;
    margin-top: 0px!important;
}
header .menu nav ul li:not(.selected) > a {
    color:#333!important;
    position: relative;
}
header .menu nav ul:not(.papax) li:not(.papax) > a:is(:active), header .menu nav ul:not(.papax) li:not(.papax) > a[href].clicked {
    color:#FFF!important;
    background-color:rgba(255,81,0,1)!important;
	transition:none!important;
}
header .menu nav ul li > a .fa-chevron-right {
    float: right;
    font-size:16px;
}
header  nav:not(.nav-dropdown) > ul > li.selected > a {
    color: rgba(255,81,0,1)!important;        
}

header .phone-header-wrapper  {
    position: fixed;
    top:0px;
    left:0px;
    right: 0px;
    min-height: 40px;
    background-color: #fff!important;
    border-bottom: 1px solid rgba(255,81,0,1)!important;
    display: flex!important;
    flex-direction: row;
    z-index: 999991;
}
.phone-header-wrapper  > a[class*="button"] {
   margin-top: 0px;
    margin-bottom: 0px;
    height: 40px;
    min-width: 50px;
}
.phone-header-wrapper  > *:first-child {
    margin-left: 0px;
}
.phone-header-wrapper  > *:last-child {
    margin-right: 0px;
}
.phone-header-wrapper  >   a.logo {
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100vw - 120px);
    max-width: calc(100vw - 120px);
    display: inline-block;
}
.phone-header-wrapper  >   a.logo {
    position: fixed;
    top: 0px;
    left: 60px!important;
    right: 60px!important;
        width: calc(100vw - 120px)!important;
    height: 40px;
    display: flex;
}
.phone-header-wrapper  >   a.logo, 
.phone-header-wrapper  >   a.logo img {
    margin: auto;

    
}
.phone-header-wrapper  >   a.logo img {
        width: auto!important;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    height: 18px!important;
}
.phone-header-wrapper  > *:nth-child(2), .phone-header-wrapper  > *:nth-child(3) {
    margin-right: auto;
}
.phone-header-wrapper  > *:nth-child(3) { 
    margin-left: auto;
}
.phone-header-wrapper  > *:nth-child(4) { 
    margin-left: auto;
}
.phone-header-wrapper  > *:last-child {
    margin-right: 0px;
}
header .menu-button {
   
    z-index: 999991;
}
header .menu, 
header .menu nav li nav {
    position: fixed;
    top: 0px;
    background-color:#fff;
    height: 100%;
   
    box-shadow: 100px 0px 100px 0px rgba(0,0,0,0), inset -1px 40px 0px 0px #ccc;
    width: calc(100% - 80px);
    max-width: 360px;
    border: none;
    z-index: 999992;
	padding-top: 0px!important;
	border-top:none!important;
    
    
   
    
    opacity: 1!important;
    
    transition: 0.2s ease all, 0.2s ease  box-shadow  0.2s;
}
body:not(.is-iphone) header .menu, 
body:not(.is-iphone)  header .menu nav li nav {
    transform: scale(1,1)!important;
    left: -100vw;
     display: block!important;
}

body:not(.is-iphone)  header .menu.menu-open, 
body:not(.is-iphone)  header .menu nav li nav.menu-open {
    transition: 0.2s ease all 0.1s, 0.1s ease box-shadow  0.01s;
}

body:not(.is-iphone) header .menu.menu-open, 
body:not(.is-iphone)  header .menu nav li nav.menu-open {
    left: 0px;
}

/* iPhone alternateive props: */
body.is-iphone header .menu, 
body.is-iphone  header .menu nav li nav {
    display: block;
    left: -100vw;
    transform: translateX(0vw);
}
body.is-iphone header .menu.menu-open, 
body.is-iphone header .menu nav li nav.menu-open {
    transform: translateX(100vw);
    display: block;
}

header .menu.menu-open { 
    box-shadow: 100px 0px 100px 0px rgba(0,0,0,0.1), inset -1px 40px 0px 0px #ccc;
}
.header .menu nav li nav { 
    
}
header .menu nav li nav.menu-open { 
    z-index: 999993132;    
}
header .menu > * {
    position: relative;
}
header .menu .kd-close-button {
    position: absolute;
    left: 100%;
   
}
header .menu.submenu {
    display: none;
}
div.menu:not(.submenu) nav ul {
    
}
header .menu nav ul {
    display: grid!important;
    grid-template-columns: 100%!important;
    overflow: hidden;
}
header .menu nav ul > * {
    width: 100%!important;
}
nav:not(.nav-dropdown) > ul > li {
    margin-right: 0px!important;
}
header .menu nav ul li  {
    border: none!important;
    box-shadow: none!important;
}
header .menu nav ul li  a {
	padding: 10px!important;
}
header .menu nav ul li  > *:not(nav), header .menu nav  :is(h3, .h3) { 
    display: block;
    padding-top: 5px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
header .menu nav :is(h3, .h3) { 
   line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(255,81,0,1)!important;
    color:#fff;
    font-size: 20px;
    border-bottom:1px solid rgba(255,81,0,1)!important;
    box-shadow: inset 0px 0px 0px 500px rgba(0,0,0,0);
	min-height: 41px;
}
header .menu nav  :is(h3, .h3)[onClick] {
    cursor: pointer;
}
header .menu nav  :is(h3, .h3)[onClick]:active {
    box-shadow: inset 0px 0px 0px 500px rgba(0,0,0,0.1);
}
header .menu nav  :is(h3, .h3):active  > * {
    opacity: 0.9;
    filter: brightness(95%);
}
header .menu nav  :is(h3, .h3) .fa {  
    display: inline-block;
    min-width: 20px;
    font-size: 16px;
    color: #fff!important;
}
nav ul li a .fa:not(:first-child) {
    transform: scale(1,1)!important;
    margin-right: 0px;
}

header .menu div:not(.phone-menu-preheader-links) nav ul li > a  {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

header .menu div.phone-menu-preheader-links nav ul  {
    display: flex!important;
}
header .menu div.phone-menu-preheader-links  {
    position: absolute;
    left: 0px;
    bottom:30px;
    padding-bottom: 10px;
    padding-left: 10px;
}
header .menu div.phone-menu-preheader-links nav ul li {
    margin: auto;
    margin-right: 5px!important;
}
header .menu div.phone-menu-preheader-links nav ul li > a  {
    padding: 0px!important;
}
.phone-menu-extra-items-wrapper, .phone-menu-extra-items-wrapper   nav ul li > a  { 
     border-bottom:none!important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.phone-menu-extra-items-wrapper   nav ul li > a .fa {
    font-size:16px;
    min-width: 20px;
    display: inline-block;
}
body.is-hovering .content-overlay, .has-dropdown-open .content-overlay {
    display: none!important;
}
header .indicator {
    top: 2px;
    right: 2px;
}

.cart-buttons-wrapper {
	display: flex!important;
	flex-direction: row;
	gap:5px;
}
.cart-buttons-wrapper > * {
	height: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
header .phone-header-wrapper a.cart-button {
    display: inline-flex;
	min-height: 16px;
	min-width: 16px;
}
a.cart-button > img {
	min-height: 20px;
}

header .phone-header-wrapper a .fa {
    line-height: 20px!important;
    font-size:23px;
    transform: scale(1.3,1.3) translateX(-6px);
}
header .phone-header-wrapper a.cart-button .fa {
    display: inline-block!important;
    transform-origin: center;
     transform: scale(1.3,1.3) translateX(6px);
}
.phone-header-wrapper a.cart-button {
	display: inline-flex;
	position: relative;
}
.phone-header-wrapper a.cart-button > * {
	margin-top: auto;
	margin-bottom: auto;
}
.phone-header-wrapper a.cart-button *:is(img, svg) {
	max-height: 24px;
}
 .minibar-wrapper {
    position: fixed;
    top: 40px!important;
}
body:not(.scrolled)  .minibar-wrapper { 
    z-index: 1999999;
}
body.menu-opened  .minibar-wrapper {
    z-index: 1;
}

.minibar-wrapper {
    height: auto!important;
    min-height: 30px!important;
}
.minibar-wrapper > * {
    white-space: normal!important;

}

.minibar-wrapper {
    text-align: left!important;
    display: grid;
    grid-template-columns: 1fr 20px!important;
    margin-top: 0px!important;
}
body:not(.minibarshown) .minibar-wrapper {
    opacity: 0!important;
    z-index: 1!important;
}
.minibar-wrapper-inner {
    padding-top: 5px;
    padding-bottom: 5px;
}
.minibar-wrapper > * {
    margin: auto 0px;
}
.a[onClick*="closeMinibar"] {
    position: absolute;
    top: 10px;
    right: 10px;
}

nav ul li nav.nav-subcategories ul li a > span.text {
	margin-right: auto;
}
nav ul li nav.nav-subcategories ul li a > .fa {
	margin-left: auto;
	margin-right: 0px;
}
