:root { --background: #f5f5f5; }

/* Nav */
.head1.head-nav { background-color: var(--background); }

/* Search */
.head-search .Control { display: flex; align-items: stretch; justify-content: center; }
.head-search input[type=text] { border: solid 1px var(--background); padding: 9px 24px; font-size: 14px; line-height: 24px; color: var(--gray) !important; border-right: none; background: var(--white); height: auto; }
.head-search input[type=text]:focus { background-color: var(--white); border-color: var(--background); }
.head-search select { border: solid 1px var(--background); border-radius: var(--border-radius); border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; font-size: 14px; line-height: 24px; color: var(--gray); order: -1; }
.head-search input[type=submit] { background-color: var(--background) !important; border: none !important; border-radius: 0 3.5px 3.5px 0 !important; height: 100%; font-size: 14px; line-height: 24px; padding: 7px 24px; color: var(--black); }
.head-search input[type=submit]:focus, .head-search input[type=submit]:hover { outline: none; background-color: var(--black) !important; color: var(--white) !important; }
.head-search .AutocompleteSearchBox { border-radius: 0; }
.SearchGoThemeButton:not(.btn) { color: var(--dark) !important; font-family: var(--font-awesome); width: auto !important; height: auto !important; }
.head-mobile-categories .nav-item { border: 0 !important; }
/* END Search */

/* Utility */
.head-util-wrap { display: flex; align-items: center; justify-content: flex-end; }
.head-icon { margin-left: 20px; }
.head-icon-wrap, .head-icon-wrap a { display: flex; align-items: center; justify-content: center; }
.head-account-trigger, .head4-cart-trigger { cursor: pointer; }
.head-icon-wrap i { font-size: 21px; }
.head-icon-wrap p { margin-bottom: 0; margin-left: 8px; color: var(--black); font-size: 14px; line-height: 24px; }
.head-badge { --size: 15px; position: absolute; top: -6px; right: calc(-1 * var(--size) / 2); width: var(--size); height: var(--size); background-color: var(--background); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; padding-top: 2px; padding-left: 2px; color: var(--black); }
.head-search-icon { display: none; }

/* LOGIN PANEL */
#head-login-panel { --width: 600px; }
.head-login-dropdown { position: fixed; top: 0px; right: 0px; background: transparent; height: 100vh; z-index: 1000; width: 100%; border: none; border-radius: 0px; transition: all .5s ease-in-out; }
.head-login-dropdown::-webkit-scrollbar { width: 0; }
.panel-remove { display: flex; align-items: center; justify-content: flex-end; }
.panel-remove-trigger i { font-size: 16px; cursor: pointer; border: solid 1px var(--black); color: var(--black); padding: 9px 11px; line-height: 100%; border-radius: 4px; transition: all .5s ease-in-out; }
.panel-remove-trigger i:hover { background: var(--black); color: var(--white); }
.panel-logo { padding: 16px; }
.head-login-contentInner { margin: 28px 17%; border: solid 1px var(--gray); border-radius: 21px; padding: 40px; }
.head-login-contentHeader .ControlHeader { font-size: 32px; line-height: 36px; margin-bottom: 24px; font-weight: 900; color: var(--black); text-align: left; }
.head-login-label { line-height: unset; }
.head-login-label span { font-size: 14px; line-height: 21px; color: var(--gray-dark); }
.head-login-forgot a { display: block; text-align: center; font-size: 14px; line-height: 21px; font-weight: 600; color: var(--black) !important; margin: 35px 0; }
.head-login-forgot a:hover, .head-login-forgot a:focus { text-decoration: underline; outline: none; }
.head-login-button input {background: var(--black); color: var(--white) !important; text-transform :uppercase; padding: 10.4px 20px; border-radius: 4px; border: none;}
.head-login-contentInner .FacebookButton { background: #3b5998; font-size: 14px; font-weight: 300; line-height: 21px; padding: 10px 13px; }
.head-login-register { color: var(--black); font-weight: 600; display: block; }
.head-login-register:hover, .head4-login-register:focus { color: var(--white) !important; }
.head-register-wrap { display: flex; align-items: center; justify-content: center; }
.head-register-wrap p { margin-bottom: 0; font-size: 14px; color: var(--gray-dark); margin-right: 4px; line-height: 21px; }
.head-register-wrap a { font-size: 14px; line-height: 21px; font-weight: 800; color: var(--black) !important; }
.head-register-wrap a:hover, .head-register-wrap a:focus { text-decoration: underline; outline: none !important; }
.login-bg-overlay { width: 100%; height: calc(100% - 128px); z-index: 1000; border: none; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 128px; transition: all .3s ease-in-out; opacity: 0; }
.login-main-panel { width: 600px; position: absolute; top: 0; right: 0; z-index: 1000; background: #fff; height: 100vh; }
#head-login-panel:not(.show) + #login-overlay { display: none; }

/* SMALL CART PANEL */
.smallCart-pdImage > img { max-width: 100%; }
.smallCart-wrapper { max-width: 100%; }
.head-smallCart-wrap::-webkit-scrollbar { width: 0; }
.smallCart-quantity p { font-size: 14px; line-height: 16px; margin-bottom: 0; font-weight: 500; margin-right: 24px; }
.smallCart-quantity-box .SmallCartQtyTextbox, .smallCart-quantity-box .SmallCartQtyTextbox:focus { width: 48px; height: 43px; max-height: unset; background: transparent; border: none; color: var(--black) !important; line-height: 24px; font-size: 16px; opacity: 1; padding: 0; }
.smallCart-quantity-box { display: flex; align-items: stretch; justify-content: center; }
.smallCart-item img { border-radius: 4px; }
.smallCart-overlay { width: 100%; height: 100%; z-index: 1000; border: none; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; transition: all .3s ease-in-out; opacity: 1; }
.smallCart-close .all-close:after { font-size: var(--font-size); } 
.smallCart-wrapper .panel-remove { position: absolute; top: var(--space-3); right: var(--space-3); }
.head-mobileMenu-logo { display: none; }
.smallCart-pdRetailPrice .lblRetailPriceLabel,.smallCart-pdRetailPrice .ProductDetailsRetailPriceLabel { display: none; }
.smallCart-pdRetailPrice .lblRetailPrice,.smallCart-pdRetailPrice .ProductDetailsRetail { text-decoration: line-through; }
.smallCart-pdPrice .ProductDetailsPrice { font-size: inherit;  line-height: inherit; }

/* Nav */
.head1 .nav-item-drop:after { content: unset; }

/* Buttons */
.btn-black { background: var(--black); color: var(--white); font-size: 14px; line-height: 24px; text-align: center; text-transform: uppercase; padding: 10.4px 28px; border-radius: 4px; border: none; transition: all .5s ease-in-out; display: inline-block; font-weight: 600; }

.btn-white { color: var(--black); border: solid 1px var(--black); background: var(--white); font-size: 14px; line-height: 24px; text-align: center; text-transform: uppercase; padding: 10.4px 28px; border-radius: 4px; transition: all .5s ease-in-out; display: inline-block; font-weight: 600; }
.btn-white:hover, .btn-white:focus { background: var(--grey); border-color: var(--gray); outline: none; text-decoration: none; color: var(--white); }
/* END Buttons */

@media (min-width: 992px) {
  .head1 .nav-item-submenu { margin: 0; }
  .head1 .nav-item-submenu > * { padding: var(--space-1) var(--space-2); }
  .head1 .nav-item-submenu > *:hover { background-color: var(--dropdown-hover); border-left: 2px solid var(--dark); }
}

/* Header Responsive */
@media (max-width: 992px) {
  .head1 .ImageLogo { display: flex; align-items: center; justify-content: center;}
  .head-search { position: absolute; top: 51px; width: 100%; max-width: 100%; left: 0; padding: 0; z-index: 10; background: var(--white); transition: all .5s ease-in-out; }
  .head-search .Control { padding: 8px 8px; flex-wrap: wrap; }
  .head-search input[type=text] { background: var(--white); border-right: none; height: auto !important; }
  .head-search select { border: solid 1px var(--gray); border-left: none; order: 2; width: 100%; }
  .head-search select:focus-visible { outline: none; }
  .head-mobile-cancel { background: var(--white); display: flex; align-items: center; justify-content: center; padding: var(--space-2); cursor: pointer; }
  .head-mobile-cancel p { margin-bottom: 0; font-size: 14px; }
  .head-search-icon { display: block; cursor: pointer; }
  .head-icon-wrap p, .head-wish-icon { display: none; }
  .head-util { margin-left: auto; margin-right: 0; }
  .head-nav .nav-item.collapse.show { border-bottom: solid 1px var(--black); }
  .head-nav .nav-item-submenu .collapse.show, .head-nav .nav-item-submenu .collapsing { border-bottom: 0; }
  .head-nav-container { padding: 0; }
  /* MOBILE MENU */
  .navbar-nav { padding: var(--space-4) var(--space-3) 0; }
  .mobileMenu-logo { display: block; }
  .head-logo {width:150px;}
  .mobileMenu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4)}
  .head1 .navbar-nav { position: initial !important; margin: 0; }
  .head1 .head-menu-navbar .sidebar { --width: 263px;  }
  .navbar-nav .collapse, .navbar-nav .collapsing { position: relative !important; }
  .head-nav .navbar-close { display: none; }
  .head1 .nav-item { border-bottom: solid 1px var(--black); padding: var(--space-1) 0; }
  .head1 .nav-item-submenu.show + .nav-item { 
    border-top: solid 1px var(--black); margin-top: var(--space-2); }
  .head1 .dropright .nav-item-submenu.dropdown-menu { left: inherit; }
  .head1 .nav-item, .head1 .nav-item-subitem { position: relative; }
  .head1 .nav-item a { width: fit-content; }
  .head1 .nav-item[data-bs-toggle="dropdown"], nav-item-subitem[data-bs-toggle="dropdown"] { cursor: pointer; }
  .head1 .nav-item[aria-expanded="true"] { border-bottom: 0; padding-bottom: 0; }
  .head1 .nav-item.dropdown-toggle:after, .head1 .nav-item-subitem.dropdown-toggle:after { content: "\f067"; font-family: var(--font-awesome); font-weight: bold; position: absolute; top: 50%; right: var(--space-2); transform: translateY(-50%); cursor: pointer; border: 0; }
  .head1 .nav-item[aria-expanded="true"]:after, .head1 .nav-item-subitem[aria-expanded="true"]:after { content: "\f068" !important; font-size: var(--font-size-sm); font-weight: bold; font-family: var(--font-awesome); border: unset; }
  .head1 .nav-item-link { color: var(--black); max-width: calc(100% - 31px); word-break: break-word; display: block; display: inline-block; white-space: normal; }
  .head1 .nav-item-submenu { display: none; position: initial; box-shadow: none; margin-left: var(--space-2) !important; padding-left: var(--space-2); list-style: none; border-left: 1px solid var(--black); border-radius: 0; transform: unset !important; } 
  .head1 .nav-item-submenu.show { position: inherit !important; display: inherit; }
  .head1 .nav-item-submenu .nav-item-submenu .nav-item-submenu { padding-left: var(--space-1); } 
  .head1 .nav-item-subitem { margin-bottom: var(--space-1); padding:3px 0px;}
  .head1 .nav-item-subitem .nav-item-link { padding: 0 !important; }
  .head1 .navbar-collapse { overflow-y: scroll; }
  .head1 .navbar-collapse::-webkit-scrollbar { width: 0px; }
  .head1 .head-nav-col { padding: 0; }
  #txtRedirectSearchBox { max-width: 70%; }
}
@media (max-width: 769px) {
  .head-container { max-width: 100%; padding: 0 var(--space-2); }

  /* MENU */
  .head-menu-navbar .navbar-collapse .nav-item-drop > .nav-item:after, .head-menu-navbar .navbar-collapse 
  .nav-item-drop > .nav-item-subitem:after { content: "\f067"; font-family: var(--font-awesome); font-weight: bold; float: right; } 
  .head-menu-navbar .navbar-collapse .nav-item-drop[aria-expanded="true"] > .nav-item:after, .head-menu-navbar 
  .navbar-collapse .nav-item-drop[aria-expanded="true"] > .nav-item-subitem:after { content: "\f068"; font-family: var(--font-awesome); font-weight: bold; float: right; }
  .head-menu-navbar .navbar-collapse .nav-item-drop[aria-expanded="true"] .nav-item { border-bottom: 0; }
  #collapsibleNavbar > .navbar-nav > .nav-item-drop > .nav-item-submenu { padding: var(--space-2); } 
  /*#collapsibleNavbar > .navbar-nav > .nav-item-drop > .nav-item-submenu { margin-left: var(--space-2) !important; }*/

  /* SMALL SHOPPING CART */
  .head-smallCart-wrap { width: 100%; height: 87vh; top: 93px; }
  .head-smallCart-item-remove { position: absolute; right: 18px; top: 14px; }
  .head-smallCart-content { padding: 0; }
  .smallCart-wrapper.show + #smallCart-overlay { display: none; }
  .smallCart-item { margin: var(--space-1); }
  .smallCart-pdItemWrapper { background: var(--accent); }
  .smallCart-pdItem { background: transparent; box-shadow: none; flex-direction: row; }

  /* LOGIN PANEL */
  #head-login-contentInner { border: 0 !important; }
  .login-main-panel { width: 100%; top: 92px; }
  .panel-logo { display: none; }
  .panel-remove-trigger i, .panel-smallCartRemove-trigger i { padding: 3px 6px; }
  .head-register-wrap { margin-top: 64px; }
  .head-search.show ~ .head-util { display: none; }
}
@media (max-width: 520px) {
  #txtRedirectSearchBox { max-width: 60%; }
  .head-search input[type=submit].SearchGoThemeButton { padding: 0 var(--space-1); min-width:45px; }
}
@media (max-width: 414px) {
  .head-smallCart-wrap { height: 90vh; }
}
@media (max-width: 360px) {
  .login-main-panel { overflow-y: scroll; height: 89vh; }
  .head-smallCart-wrap { height: 86vh; }
  .head-register-wrap { padding-bottom: 50px; }
}
@media (max-width: 340px) {
  .head-nav .navbar-close { display: inherit; }
}