.header{background-color:#fff;position:relative; z-index:90;}
.header__logo{display:flex; flex-direction:row; flex-wrap:nowrap;justify-content: space-between; align-items:center; gap:20px;}

.header__logo a[id*="hs-link"]{padding:20px 0; display:block;}
.header__inner img{
  max-height:67px;
  max-width: 216px;}
}
.header__mobile-wrapper{display:none;}
.header__mobile-button{border:0; background:transparent; margin:0; padding:8px 6px; width:30px; height:30px; color: var(--base-color); display:flex; flex-direction:column; justify-content:space-between; gap:4px; -webkit-appearance:none; appearance:none;}
.header__mobile-button:hover,
.header__mobile-button:active,
.header__mobile-button:focus{color: var(--base-color);background:transparent;}
.header__mobile-button span{display:block;width:18px; height:2px; background:currentColor;}

.header__mobile-button span{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}

.header__mobile-button--toggle span:first-child{-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
.header__mobile-button--toggle span:nth-child(2){width:0; margin-left:50%; opacity:0;}
.header__mobile-button--toggle span:last-child{-webkit-transform: translateY(-6px) rotate(-45deg);-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}

.header__wrapper{display:flex; align-items:center;}
.header__navs-wrapper{flex: 1 1 auto; align-self:stretch; display:flex; flex-direction:column;justify-content: space-between;}

.header__top-nav-wrapper > div + div{margin-left:30px;}
.header-logo__mobile{display:none;}
/* search */
.header__search-toggle-button{display:block; margin:0; padding:0; color:var(--base-color); line-height:normal;border:0; border-radius:0; background:transparent; -webkit-appearance:none; appearance:none; cursor:pointer;}
.header__search-toggle-button:hover,
.header__search-toggle-button:active,
.header__search-toggle-button:focus{color: var(--primary); background-color: transparent; }
.header__search-toggle-icon{display:inline-block; vertical-align:top; width:16px;}

.header__search-label{display:none;}

.header__search-wrapper{position:relative;z-index:91;background:#fff;transition: all 300ms ease-in-out;}
.header__search-wrapper[aria-hidden="true"]{opacity:0; visibility:hidden; max-height:0;}
.header__search-wrapper[aria-hidden="false"]{opacity:1; visibility:visible; max-height:100vh; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.header__search-inner{padding:0; background:#fff;}


.header__search-sugestions{margin:0; padding:0; list-style:none; text-align:center;}
.header__search-results--for{padding:4px 10px; font-weight:bold;}
.header__search-results + .header__search-results{border-top:1px solid rgba(0,0,0,0.1);}
.header__search-results a{display:block;padding:4px 10px;text-decoration:none;}
.header__search-results a:hover{background-color:rgba(0,0,0,0.05);}

.header__top-nav-phone{--icon-size:17px; display:inline-block; padding:10px 0; color:var(--base-color); text-decoration:none;}
.header__top-nav-phone:hover,
.header__top-nav-phone:active,
.header__top-nav-phone:focus{
  color:var(--primary);
}
.header__top-nav-phone--icon{position:relative;padding-left:calc(var(--icon-size) + 8px)}
.header__top-nav-phone svg{display:block;width:var(--icon-size); height:var(--icon-size); position:absolute; top:calc(50% - (var(--icon-size) / 2)); left:0;}

.header__top-nav{display:flex;    padding: 12px 0; flex-direction:row; flex-wrap:wrap;align-items:center;gap:30px;color:#ffff;align-items:center; justify-content: flex-end; font-size:1.2rem; font-weight:600; line-height:1.2;}
.header-top-nav__newsletter {
  display: flex;
  align-items: center;
}
.header__top-nav a.hs-button.outline {
  padding: 5px;
  color: #ffff;
  border: 1px solid #fff;
  border-radius: unset;
  margin-left: 10px;
  font-size: 12px;
  margin-right: 10px;
}

.header-top-nav__socials ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
li.header-top-nav-socials__item {
  display: inline-block;
  margin-right: 12px;
}
li.header-top-nav-socials__item svg, .header-top-nav__cart-info svg  {
  width: 14px;
  height: 14px;
  fill: rgba( 255, 255, 255, 0.6 );
}
li.header-top-nav-socials__item svg:hover, .header-top-nav__cart-info svg:hover  {
  fill: rgba(255, 255, 255, 1);
}
.header__inner{padding: 24px 0; display:flex;align-items:center; justify-content:space-between; font-size:1.6rem;} 
.header__menu{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px;
}
form.header__search-form {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.header__main-nav {
  box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  padding: 11px 0;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:1.4rem;
}
.header__search-form input.header__search-input{
  height: 38px;
  padding: 0 10px;
  border: none;
  border-radius: 5px;
  background-color: #f7f7f7;
  font-size:1.4rem;
  width: 200px;
  min-width: unset;
}
.header__search-form button.hs-btn.primary {
  margin-left: 10px;
  font-size: 15px;
}
.header-top-nav__newsletter span {
  font-weight: 500;
}
.header__main-nav .hs-menu-wrapper{}
.header__main-nav .hs-menu-wrapper ul{margin:0; padding:0; list-style:none;}
.header__main-nav .hs-menu-wrapper a{display:block; padding:0; text-decoration:none; color:#666;font-weight:500;}
.header__main-nav .hs-menu-wrapper li:hover > a,
.header__main-nav .hs-menu-wrapper li[class*="active"] > a{color: #333;}
.header__main-nav .hs-menu-wrapper > ul{display:flex; align-items:center;  gap: 26px;}

/* Custom main nav */
.header__main-nav .hs-menu-wrapper svg.home-icon{display:inline-block;}
.header__main-nav .hs-menu-wrapper svg.home-icon path{fill:currentColor; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.header__main-nav .hs-menu-wrapper svg.home-icon + span{display:none;}


@media(min-width:1201px){
  /* Sub menu styling for desktop */
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow{display:none;}
  .header__main-nav .hs-menu-wrapper > ul li{position:relative;}
  .header__main-nav .hs-menu-wrapper > ul li ul{padding:6px 0;background:#fff;position:absolute; z-index:2; box-shadow:0 4px 4px rgba(0,0,0,0.3); opacity:0;visibility:hidden; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
  .header__main-nav .hs-menu-wrapper > ul li > a:focus + ul,
  .header__main-nav .hs-menu-wrapper > ul li:hover > ul{opacity:1;visibility:visible; }
  .header__main-nav .hs-menu-wrapper > ul li ul a{display:block;padding:6px 10px;font-size:1.4rem; line-height:1.4;white-space:nowrap;}
  .header__main-nav .hs-menu-wrapper > ul li.hs-item-has-children > ul{top:-6px; left:100%; }
  .header__main-nav .hs-menu-wrapper > ul > li.hs-item-has-children > ul{top:100%;left:-10px;}

}
@media (max-width:1200px){
  /* Sub menu styling for mobile */
  .header__main-nav .hs-menu-wrapper > ul li ul{margin-left:10px;border-left:1px solid var(--base-color); background-color:rgba(var(--base-color-rgb, 0,0,0),0.03);}
  .header__main-nav .hs-menu-wrapper > ul li ul > li:last-child{margin-bottom:0; padding-bottom:5px; border-bottom:1px solid var(--primary);}
  .header__main-nav .hs-menu-wrapper > ul li ul a{display:block;padding:9px 10px; font-size:1.6rem; line-height:1.4;}

  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a[aria-expanded="false"] + ul{margin-bottom:0;max-height:0; overflow:hidden;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a[aria-expanded="true"] + ul{margin-bottom:10px;max-height:fit-content;overflow:auto;}


  .header__wrapper {
    width: min(1080px,calc(100% - 30px));
    margin: 0 auto;
  }
}




/* *{outline:1px solid red;} */

@media (max-width:1200px){

  .header-logo__mobile{display:block;}
  .header__logo{display:none;}
  .header-logo__mobile {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .header__menu {
    display: block;
  }
  .header__inner {
    padding: 25px 0;
    display: block;
    align-items: unset;
  }

  .header--toggle{box-shadow:0 0 10px rgba(0,0,0,0.2);}
  .header__wrapper{display:block; flex-direction:column;}
  .header__mobile-wrapper{display:flex; flex-direction:row; align-items:center; gap:20px;}
  .header__search--mobile button{color:var(--base-color);background-color: transparent;padding:8px 8px;}
  .header__search--mobile button:hover,
  .header__search--mobile button:active,
  .header__search--mobile button:focus{background-color: transparent; color:var(--primary);}
  .header__search--mobile button svg{vertical-align:middle;}

  .header__mobile-phone{display:block;margin:0; padding:0 10px;color:var(--base-color);}
  .header__mobile-phone:hover{color:var(--primary);}
  .header__mobile-phone svg{display:inline-block; vertical-align:middle;width:17px;}
  .header__logo{width:100%;}


  .header__navs-wrapper{max-height:0;overflow:hidden;display:none;display:grid;grid-template-columns: 1fr;
    grid-template-areas:
      "main-nav"
      "top-nav"; transition: max-height 300ms ease-in-out;}
  .header__navs-wrapper--toggle{max-height:200vh; overflow:auto;}
  .header__top-nav-wrapper{grid-area: top-nav; margin:0; width:100%;display:block;margin:0;padding: 0 0 30px 0;    display: none;}
  .header__main-nav{grid-area: main-nav; margin:0; width:100%; flex-direction:column; flex-wrap:nowrap; align-items: stretch;}

  .header__main-nav .hs-menu-wrapper a{padding:5px 10px;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a{position:relative; display:flex;justify-content:space-between;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow{display: flex;align-items: center;justify-content: center; width:40px; border-left:1px solid rgba(0,0,0,0.1); position:absolute; top:0; bottom:0; right:0;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow:after{content:'\203A';display:inline-block;color: currentColor; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
  .header__main-nav .hs-menu-wrapper li.hs-item-has-children > a .arrow--toggle:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
  .header__main-nav .hs-menu-wrapper > ul{flex-direction:column; align-items:stretch; gap:0;}
  .header__main-nav .hs-menu-wrapper > ul > li + li{border-top:1px solid rgba(0,0,0,0.1)}

  .header__search--desktop{display:none;}
  .header__top-nav-phone{display:none;}
  .header__top-nav-wrapper > div + div{margin:0;}
  .header__top-nav{margin:0;display:block;}
  .header__top-nav .hs-menu-wrapper{margin-top:40px;}
  .header__top-nav .hs-menu-wrapper > ul{flex-direction:column; gap:0;align-items:stretch;}
  .header__top-nav .hs-menu-wrapper > ul li{margin:2px 0;}
  .header__top-nav .hs-menu-wrapper > ul li + li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.2);}
  .header__top-nav .hs-menu-wrapper a{padding:10px;}

  .header__top-nav .hs-menu-wrapper > ul > li:last-child > a svg{margin-left:4px; vertical-align:text-bottom;position:static;}

}