header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--white);
  z-index: 99;
}
header.sticky {
  position: fixed;
  animation: slideDown 0.3s linear forwards;
}
header.sticky:has(.header-bar){
  animation: slideDownHeaderBar 0.3s linear forwards;
}
@keyframes slideDown {
  from {
    transform: translateY(-20rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideDownHeaderBar {
  from {
    transform: translateY(-20rem);
  }
  to {
    transform: translateY(-4.8rem);
  }
}
.header-bar-text{
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-bar-text *{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--white);
}
.header-center{
  border-bottom: 1px solid var(--border-secondary);
}
.header-block{
  height: 8.8rem;
}
.logo{
  flex-shrink: 0;
  max-width: 21.5rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  margin-right: 3.2rem;
}
.logo a{
  display: block;
}
.logo img{
 max-width: 100%;
 max-height: 100%;
 height: auto;
}
.header-search{
  flex-grow: 1;
  position: relative;
  max-width: 58.6rem;
}
.search-input .form-control{
  padding-left: 4.8rem;
  padding-right: 5.1rem;
  font-size: 1.6rem;
  height: 4.8rem;
  border-radius: 1.6rem;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-position: left 1.6rem center;
}
.header-search.show .form-control{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search-input{
  position: relative;
}
#clearSearch{
  position: absolute;
  top: 1.2rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  display: none;
  align-items: center;
  justify-content: center;
}
.header-search.show #clearSearch{
  display: flex;
}
.search-autocompete{
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  border-radius: 0 0 1.6rem 1.6rem;
  background: var(--white);
  border: 1px solid var(--border-secondary);
  border-top: 0;
  z-index: 9;
  box-shadow: 0px 20px 24px -8px #1213140A, 0px 24px 32px -12px #1213140A;
  display: none;
}
.header-search.show .search-autocompete{
  display: block;
}
.autocomplete-top{
  padding: 1.2rem;
  max-height: 36.6rem;
  overflow: hidden;
  overflow-y: auto;
}
.autocomplete-info{
  padding: 1rem;
}
.autocomplete-info img{
  width: 1.6rem;
  height: auto;
  margin-right: 0.8rem;
}
.autocomplete-head{
  padding: 0.4rem 1.2rem;
}
.autocomplete-head a{
  text-decoration: underline !important;
}
.autocomplete-head a:hover{
  color: var(--black);
}
.autocomplete-item{
  padding: 1.2rem;
}
.autocomplete-item:hover{
  background: var(--secondary);
}
.autocomplete-img{
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: var(--white);
  border: 1px solid var(--border-secondary);
}
.autocomplete-text .fw-14{
  margin-bottom: 0.4rem;
}
.autocomplete-item strong{
  font-weight: bold;
}
.autocomplete-price{
  min-width: 10rem;
  justify-content: flex-end;
}
.autocomplete-price .fw-14{
  letter-spacing: -0.28px;
}
.autocomplete-price .fw-12{
  margin-left: 0.4rem;
}
.autocomplete-bottom{
  padding: 1.2rem;
}
.autocomplete-list-no{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-left: auto;
}
.no-result{
  padding: 6.4rem 3.2rem;
  display: none;
}
.no-result-icon{
  width: 10.8rem;
  height: 10.8rem;
  margin: 0 auto 2rem;
  background: var(--white);
}
.header-right{
  padding-left: 3.2rem;
}
.nav-outer .header-contact{
  display: none !important;
}
.header-contact{
  padding-right: 3.2rem;
  margin-right: 3.2rem;
}
.header-contact:last-child{
  margin-right: 0;
  padding-right: 0;
  border: 0;
}
.header-contact-text span{
  display: block;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.header-contact-text a{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  display: block;
  letter-spacing: 0;
}
.header-contact-text a:hover{
  color: var(--blue);
}
.translate{
  position: relative;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--black);
}
.btn-translate{
  padding: 0.8rem 1.2rem;
  position: relative;
  border-radius: 3.2rem;
  background: #F8FAFC;
  font-weight: 600;
}
.btn-translate::after{
  position: relative;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  background: url(../images/icon-down.svg);
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.translate.show .btn-translate::after{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.translate img{
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  object-fit: cover;
}
.translate-dropdown{
  position: absolute;
  top: calc(100% + 1.4rem);
  left: -3.7rem;
  min-width: 15.6rem;
  background: var(--white);
  z-index: 9;
  padding: 0.8rem;
  border-radius: 2.4rem;
  box-shadow: 0px 20px 24px -8px #1213140A, 0px 24px 32px -12px #1213140A;
  display: none;
}
.translate.show .translate-dropdown{
  display: block;
}
.translate-dropdown::before{
  position: absolute;
  content: "";
  top: -1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 4.1rem;
  height: 1.5rem;
  background: url(../images/icon-tail.png);
  background-size: cover;
  background-position: center;
}
.translate-dropdown a{
  padding: 0.8rem;
  border-radius: 0.8rem;
  position: relative;
}
.translate-dropdown .selected a{
  background: var(--secondary);
}
.translate-dropdown .selected a{
  padding-right: 3.2rem;
}
.translate-dropdown .selected a::after{
  position: absolute;
  content: "";
  right: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon-check-fill.svg);
  background-size: cover;
  background-position: center;
}
.header-btn-search{
  display: none;
}
.header-btn-link{
  margin-left: 3.2rem;
}
.header-btn-link:first-child{
  margin-left: 0;
}
.header-btn{
  position: relative;
  width: 4.2rem;
  height: 4.2rem;
}
.header-btn img{
  width: 3rem;
}
.header-btn span{
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 0.9rem;
  line-height: 1.1;
  color: var(--white);
  font-weight: 600;
  background: #323745;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-btn-cart{
  position: relative;
}
.header-btn-cart.loading .dropdown-body-outer{
  position: relative;
  pointer-events: none;
}
.header-btn-cart.loading .dropdown-body-outer::before{
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
  border-radius: 1.2rem;
}
.header-btn-cart.loading .dropdown-body-outer::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
  border: 3px solid var(--border-secondary);
  border-top-color: var(--primary);
  border-radius: 50%;
  z-index: 11;
  animation: miniCartSpin 0.8s linear infinite;
}
@keyframes miniCartSpin{
  to{
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.header-btn-cart .header-btn span{
  background: var(--primary);
}
.dropdown{
  position: absolute;
  top: calc(100% + 1.3rem);
  right: -1.7rem;
  border: 1px solid var(--border-secondary);
  min-width: 62rem;
  background: var(--white);
  z-index: 99;
  border-radius: 2rem;
  padding: 1.6rem;
  display: none;
}
.header-btn-cart.show .dropdown{
  display: block;
}
.dropdown::after{
  position: absolute;
  content: "";
  right: 1.6rem;
  top: -1rem;
  width: 4.1rem;
  height: 1.5rem;
  background: url(../images/icon-tail.png);
  background-size: cover;
  background-position: center;
}
.dropdown-head-icon{
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.8rem;
  margin-right: 1.2rem;
}
.dropdown-head span{
  width: 1.8rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.2px;
  color: var(--white);
  background: var(--primary);
  margin-left: 0.6rem;
  font-weight: bold;
}
.header-cart-img{
  width: 8rem;
  height: 8rem;
  margin-right: 0.8rem;
}
.header-cart-img img {
  width: auto;
  height: auto;
}
.header-cart-bottom{
  margin-top: 0.8rem;
}
.header-cart-bottom .quantity button,
.header-cart-bottom .input-quantity{
  height: 4rem;
  width: 4rem;
}
.header-cart-price{
  align-items: flex-end;
}
.header-cart-price ins,
.header-cart-price del{
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.48px;
  color: var(--black);
  text-decoration: none;
  font-weight: 600;
  margin-left: 1.6rem;
}
.header-cart-price:has(del) ins{
  text-decoration: line-through;
}
.header-cart-price del{
  color: #D52C2A;
}
.header-cart-price span{
  margin-left: 0.8rem;
  font-size: 1.2rem;
  line-height: 0.9rem;
  letter-spacing: -0.12px;
  margin-bottom: 0.6rem;
}
.header-cart-delete{
  margin-left: auto;
}
.header-cart-delete .btn-icon{
  width: 3.2rem !important;
  height: 3.2rem !important;
  border-radius: 0.8rem;
}
.header-cart-delete .btn-icon img{
  width: 1.6rem;
}
.dropdown-price-top{
  justify-content: flex-end;
  align-items: flex-end;
}
.dropdown-price-top p{
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin: 0 0.8rem 0 0;
  color: var(--black);
}
.dropdown-price-top span{
  margin-bottom: 0.4px;
}
.dropdown-price-text span{
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.16px;
  text-align: right;
  display: block;
}
.dropdown-footer .btn{
  width: calc(50% - 1.2rem);
}
.dropdown-footer.hidden,
.dropdown-price-text.hidden{
  display: none;
}
.header-bottom{
  border-bottom: 1px solid var(--border-secondary);
  box-shadow: 0px 1px 2px 0px #1213140D;
}
.nav-head,
.back-head,
.search-head{
  display: none;
  align-items: center;
  height: 5rem;
  padding: 0 1rem;
  box-shadow: 0px 1px 2px 0px #1213140D;
}
#closeMenu,
.backmenu,
#closeDropDown,
#closeSearch{
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
}
#closeDropDown{
  display: none;
}
.nav-head #closeMenu + span,
.back-head span,
.search-head span{
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--black);
  letter-spacing: -0.36px;
}
.nav-head .translate{
  margin-left: auto;
}
.nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav > ul{
  display: flex;
  align-items: center;
  margin: 0;
  gap: 3rem;
}
.nav > ul > li{
  margin: 0;
  padding: 0;
}
.nav > ul > li.haschild{
  position: initial;
}
.nav li::after{
  content: none;
}
.btn-opensubmenu{
  display: none;
}
.nav > ul > li > span,
.nav > ul > li > a{
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: -0.16px;
  color: var(--black);
  padding: 2rem 0;
}
.nav > ul > li.text-red > a{
  color: #FF0000;
}
.nav > ul > li:hover > span,
.nav > ul > li.active > span,
.nav > ul > li:hover > a,
.nav > ul > li.active > a{
  color: var(--primary);
}
.nav > ul > li.haschild:hover > span {
  cursor: pointer;
}
.nav > ul > li.haschild > span::after,
.nav > ul > li.haschild > a::after{
  position: relative;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.8rem;
  background: url(../images/icon-down.svg);
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav > ul > li.haschild:hover > span::after,
.nav > ul > li.haschild:hover > a::after,
.nav > ul > li.haschild.active > a::after{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-filter: invert(30%) sepia(60%) saturate(5989%) hue-rotate(219deg) brightness(102%) contrast(104%);
  filter: invert(30%) sepia(60%) saturate(5989%) hue-rotate(219deg) brightness(102%) contrast(104%);
}
.submenu{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--white);
  box-shadow: 0px 28px 36px -12px #1213140A, 0px 36px 40px -16px #1213140A;
  border-top: 1px solid var(--border-secondary);
  max-height: calc(100vh - 19.8rem);
  overflow: hidden;
  overflow-y: auto;
  display: none;
}
li.haschild:hover .submenu{
  display: block;
}
.submenu-list{
  padding: 2.4rem 0 4rem;
}
.submenu-head{
  margin-bottom: 0.4rem;
}
.submenu-head a{
  padding: 0.8rem 1.2rem;
  color: var(--primary);
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.22px;
  border-radius: 1.2rem;
  display: block;
}
.submenu-head a:hover{
  background: var(--secondary);
}
.submenu-nav li{
  margin: 0 0 0.4rem;
  padding: 0;
}
.submenu-nav li:last-child{
  margin-bottom: 0;
}
.submenu-nav a{
  padding: 1.3rem;
  border-radius: 1.2rem;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: -0.13px;
}
.submenu-nav a:hover{
  background: var(--secondary);
}
.submenu-nav a span{
  display: block;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal;
  color: var(--light-black);
}
.submenu-help{
  text-align: center;
  padding: 2rem 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: var(--light-black);
}
.submenu-help a{
  color: var(--light-black);
  text-decoration: underline !important;
}
.submenu-help a:hover{
  color: var(--black);
}
.header-back-link{
  margin-right: 3.2rem;
  padding-right: 3.2rem;
  min-height: 4rem;
}
.header-back-link:last-child{
  margin-right: 0;
  padding-right: 0;
  border: 0;
}
.header-back{
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.14px;
  font-weight: 500;
  color: #3D4354;
}
.header-back:hover{
  color: var(--black);
}
.header-back img{
  width: 1.6rem;
  height: auto;
  margin-right: 0.4rem;
}
.toggleMenu {
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  display: none;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  margin-right: 0.8rem;
}
.toggleMenu span{
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  background: #292D32;
  border-radius: 1rem;
}
.toggleMenu span.bar1 {
  top: 1.2rem;
}
.toggleMenu span.bar2 {
  top: 1.8rem;
}
.toggleMenu span.bar3 {
  top: 2.4rem;
}
@media(min-width:1360px) and (max-width:1459.98px){
   @keyframes slideDownHeaderBar {
    from {
      transform: translateY(-20rem);
    }
    to {
     transform: translateY(-4rem);
    }
  }
  .header-bar-text {
    height: 4rem;
  }
  .header-block {
    height: 8rem;
  }
  .logo {
    max-width: 18.5rem;
    height: 4.2rem;
  }
  .header-contact {
    padding-right: 2.4rem;
    margin-right: 2.4rem;
  }
  .header-btn-link {
    margin-left: 2.4rem;
  }
  .nav > ul {
    gap: 2rem;
  }
  .nav > ul > li > span,
  .nav > ul > li > a {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
    padding: 1.6rem 0;
  }
  .submenu {
    max-height: calc(100vh - 17.4rem);
  }
  .submenu-list {
    padding: 2rem 0 3rem;
  }
  .submenu-nav a {
    padding: 0.9rem 1.3rem;
  }
  .submenu-help {
    padding: 1.6rem 0;
  } 
}
@media(min-width:1200px) and (max-width:1359.98px){
  @keyframes slideDownHeaderBar {
    from {
      transform: translateY(-20rem);
    }
    to {
     transform: translateY(-4rem);
    }
  }
  .header-bar-text * {
    font-size: 1.3rem;
  }
  .header-bar-text {
    height: 4rem;
  }
  .header-block {
    height: 7.8rem;
  }
  .logo {
    max-width: 18.5rem;
    height: 4.2rem;
    margin-right: 2.4rem;
  }
  .header-right {
    padding-left: 2.4rem;
  }
  .header-contact {
    padding-right: 2rem;
    margin-right: 2rem;
  }
  .header-contact-text span {
    font-size: 1.2rem;
  }
  .header-btn-link {
    margin-left: 2rem;
  } 
  .header-btn {
    width: 4rem;
    height: 4rem;
  }
  .header-btn img {
    width: 2.7rem;
  }
  .nav > ul {
    gap: 1.4rem;
  }
  .nav > ul > li > span,
  .nav > ul > li > a {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
    padding: 1.6rem 0;
  }
  .nav > ul > li.haschild > span::after,
  .nav > ul > li.haschild > a::after {
    width: 1rem;
    height: 1rem;
    margin-left: 0.4rem;
  }
  .submenu {
    max-height: calc(100vh - 17.2rem);
  }
  .submenu-list {
    padding: 2rem 0 3rem;
  }
  .submenu-head a {
    padding: 0.6rem 0.8rem;
  }
  .submenu-nav a {
    padding: 0.8rem;
    font-size: 1.3rem;
  }
  .submenu-help {
    padding: 1.6rem 0;
    font-size: 1.3rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  @keyframes slideDownHeaderBar {
    from {
      transform: translateY(-20rem);
    }
    to {
     transform: translateY(-3.8rem);
    }
  }
  .header-bar-text {
    height: 3.8rem;
  }
  .header-bar-text * {
    font-size: 1.3rem;
  }
  .header-block {
    height: 7.4rem;
  }
  .logo {
    max-width: 16.5rem;
    height: 3.8rem;
    margin-right: 2rem;
  }
  .header-right {
    padding-left: 2rem;
  }
  .header-contact {
    padding-right: 1.6rem;
    margin-right: 1.6rem;
  }
  .header-contact img{
    width: 2rem;
  }
  .header-contact-text span {
    font-size: 1.2rem;
  }
  .header-contact-text a {
    font-size: 1.4rem;
  }
  .btn-translate {
    padding: 0.6rem 0.6rem;
  }
  .header-btn-link {
    margin-left: 1rem;
  }
  .header-btn {
    width: 3.6rem;
    height: 3.6rem;
  }
  .header-btn img {
    width: 2.4rem;
  }
  .header-btn span {
    width: 1.4rem;
    height: 1.4rem;
  }
  .autocomplete-item {
    flex-wrap: wrap;
  }
  .autocomplete-text {
    width: calc(100% - 5.4rem);
    flex-grow: inherit !important;
  }
  .autocomplete-price {
    margin-left: 5.2rem;
    min-width: initial;
  }
  .nav > ul {
    gap: 1rem;
  }
  .nav > ul > li > span,
  .nav > ul > li > a {
    font-size: 1.3rem;
    padding: 1.6rem 0;
  }
  .nav > ul > li.haschild > span::after,
  .nav > ul > li.haschild > a::after {
    width: 1rem;
    height: 1rem;
    margin-left: 0.3rem;
  }
  .submenu {
    max-height: calc(100vh - 16.6rem);
  }
  .submenu-list {
    padding: 1.6rem 0 2rem;
  }
  .submenu-head a {
    padding: 0.6rem 0.8rem;
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .submenu-nav a {
    padding: 0.8rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
  .submenu-help {
    padding: 1.6rem 0;
    font-size: 1.3rem;
  }
}
@media(max-width:991.98px){
  @keyframes slideDownHeaderBar {
    from {
      transform: translateY(-20rem);
    }
    to {
     transform: translateY(0);
    }
  }
  .showmenu,
  body:has(.header-btn-cart.show),
  .showsearch{
    overflow: hidden;
  }
  .header-bar-text {
    height: 3.4rem;
  }
  .header-bar-text * {
    font-size: 1.2rem;
  }
  .toggleMenu{
    display: flex;
  }
  .header-block {
    height: 5rem;
  }
  .logo {
    max-width: 13.5rem;
    height: 3.1rem;
    margin-right:0;
  }
  .header-right {
    padding-left: 0;
  }
  .header-btn-link {
    margin-left: 1.2rem;
  }
  .header-btn {
    width: 3.6rem;
    height: 3.6rem;
  }
  .header-btn span{
    display: none;
  }
  .header-btn-search{
    display: flex;
  }
  .header-btn img {
    width: 2rem;
  }
  .header-bottom {
    border-bottom: 0;
    box-shadow: none;
  }
  .header-right .header-contact,
  .header-right .translate{
    display: none !important;
  }
  .nav-outer {
    position: fixed;
    left: -100%;
    width: 100%;
    top: 0;
    background: var(--white);
    height: 100vh;
    height: 100dvh;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .showmenu .nav-outer{
    left: 0;
  }
  .nav-head, .back-head {
    display: flex;
  }
  .btn-translate {
    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
  }
  .translate-dropdown {
    left: auto;
    right: 0;
  }
  .translate-dropdown::before {
    left: auto;
    right: 2rem;
  }
  .nav,
  .submenu-list{
    height: calc(100vh - 5rem);
    height: calc(100dvh - 5rem);
    overflow: hidden;
    overflow-y: auto;
    display: block;
  }
  .nav.initial{
    overflow: initial;
  }
  .nav > ul {
    display: block;
  }
  .nav > ul > li,
  .submenu-head,
  .submenu-nav li{
    border-bottom: 1px solid #E5EAF0;
    margin: 0;
  }
  .nav > ul > li.haschild{
    position: relative;
  }
  .nav > ul > li > span,
  .nav > ul > li > a,
  .submenu-head a,
  .submenu-nav a{
    font-size: 1.4rem;
    letter-spacing: -0.14px;
    padding: 1.4rem 1rem;
    font-weight: 500;
    border-radius: 0;
  }
  .nav > ul > li.haschild > span::after,
  .nav > ul > li.haschild > a::after{
    content: none;
  }
  .nav-outer .header-contact{
    display: flex !important;
    padding: 2rem;
  }
  .btn-opensubmenu {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 4.8rem;
    height: 4.8rem;
    z-index: 1;
  }
  .submenu {
    position: fixed;
    top: 0;
    right: -100%;
    left: auto;
    border: 0;
    box-shadow: none;
    z-index: 2;
    display: block;
    height: 100vh;
    height: 100dvh;
    max-height: initial;
    overflow: initial;
     -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  li.haschild.open .submenu{
    right: 0;
  }
  .submenu-help{
    display: none;
  }
  .submenu .container{
    padding: 0;
  }
  .submenu-list {
    padding: 0;
  }
  .submenu-head a{
    font-size: 1.3rem;
  }
  .dropdown {
    position: fixed;
    top: 0;
    right: -100%;
    border: 0;
    width: 100%;
    min-width: 100%;
    background: var(--white);
    z-index: 99;
    border-radius: 0;
    padding: 0;
    display: block;
    height: 100vh;
    height: 100dvh;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .header-btn-cart.show .dropdown{
    right: 0;
  }
  .dropdown-head {
    height: 5rem;
    padding: 0 1rem;
    margin: 0;
  }
  #closeDropDown{
    display: flex;
    margin-left: auto;
    margin-right: 0;
  }
  .dropdown-body-outer{
    height: calc(100vh - 12.9rem);
    height: calc(100dvh - 12.9rem);
    overflow: hidden;
    overflow-y: auto;
  }
  .header-cart-item {
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    padding: 2rem 1rem;
    margin: 0;
  }
  .header-cart-img {
    width: 6rem;
    height: 6rem;
  }
  .header-cart-text {
    width: calc(100% - 6.8rem);
    padding-right: 4rem;
  }
  .header-cart-text .fw-16{
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
  }
  .header-cart-bottom {
    flex-wrap: wrap;
  }
  .header-cart-price {
    width: 100%;
    margin-top: 0.8rem;
  }
  .header-cart-price ins{
    margin-left: 0;
  }
  .header-cart-delete {
    position: absolute;
    right: 1rem;
    top: 2rem;
  }
  .dropdown-price-text {
    padding: 2rem 1rem;
    margin: 0;
    border: 0;
  }
  .dropdown-price-top p {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .dropdown-price-text span {
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: -0.14px;
  }
  .dropdown-footer {
    position: fixed;
    top: calc(100vh - 8.1rem);
    top: calc(100dvh - 8.1rem);
    right: -100%;
    width: 100%;
    padding: 1rem;
    background: var(--white);
    z-index: 1;
    border-top: 1px solid var(--border-secondary);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .header-btn-cart.show .dropdown-footer{
    right: 0;
  }
  .header-search {
    flex-grow: 1;
    position: fixed;
    max-width: 100%;
    padding: 0 1rem 2rem;
    width: 100%;
    top: 0;
    right: -100%;
    background: var(--white);
    z-index: 2;
    height: 100vh;
    height: 100dvh;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .showsearch .header-search{
    right: 0;
  }
  .search-head{
    display: flex;
    margin: 0 -1rem 1.6rem;
  }
  #closeSearch{
    margin-left: auto;
    margin-right: 0;
  }
  .search-autocompete {
    position: relative;
    top: 0;
    max-height: calc(100vh - 12.5rem);
    max-height: calc(100dvh - 12.5rem);
    overflow: hidden;
    overflow-y: auto;
  }
  .autocomplete-top {
    max-height: initial;
    overflow: initial;
  }
  .header-back-link {
    margin-right: 0;
    padding-right: 0;
    min-height: initial;
    border: 0;
  }
}
@media(max-width:767.98px){
  .header-btn-link {
    margin-left: 0.4rem;
  }
}