.header{position:-webkit-sticky;position:sticky;top:var(--height-promo-bar);transition:background .4s ease-in-out,color .4s ease-in-out,box-shadow .4s ease-in-out;width:100%;z-index:var(--z-index-header)}.has-transparent-header .header{position:fixed;background:linear-gradient(180deg,rgba(17,17,17,0.3) 0,rgba(217,217,217,0) 100%);color:var(--color-white)}
.header.is-scrolled{background:var(--color-white);box-shadow:0 .2rem .4rem rgba(0,0,0,0.1);color:var(--color-black);top:0}.header:hover{background:var(--color-white);color:var(--color-dark-chocolate)}.header:hover .header__logo{color:var(--color-dark-chocolate)}.header__inner{display:grid;grid-template-columns:1fr -webkit-min-content 1fr;grid-template-columns:1fr min-content 1fr;grid-gap:2rem;align-items:center;min-height:6.9rem;padding-top:.7rem;padding-bottom:.7rem;width:100%}
@media(min-width:992px){.header__inner{min-height:8.5rem;padding-top:0;padding-bottom:0}}.header__nav{position:fixed;left:0;top:var(--height-promo-bar);height:calc(100vh - var(--height-promo-bar));width:calc(100% - 2rem);max-width:40rem;background-color:var(--color-oatmeal-two);padding:0;overflow:hidden;transition:transform .3s ease;transform:translate(-100%);z-index:var(--z-index-header)}
@media(min-width:992px){.header__nav{overflow:inherit}}.header__nav.is-opened{transform:translate(0)}.header.is-scrolled .header__nav{height:100vh;top:0}@media(min-width:992px){.header__nav{position:static;background-color:transparent;width:100%;height:100%;transform:none;opacity:1}.header.is-scrolled .header__nav{height:100%}
}.header__nav__inner{height:100%;padding:3rem 2rem;transition:.3s}@media(min-width:992px){.header__nav__inner{padding:0}}.sub-opened .header__nav__inner{transform:translate(-100%)}@media(min-width:992px){.sub-opened .header__nav__inner{transform:none}}.header__nav-overlay{position:fixed;top:var(--height-promo-bar);right:0;z-index:20;display:block;width:100%;height:100vh;background:var(--color-black);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s}
.header.is-scrolled .header__nav-overlay{top:0}.header__nav.is-opened+.header__nav-overlay{opacity:.2;visibility:visible;pointer-events:all}.header__nav__items.nav>.nav__items{gap:0}@media(min-width:992px){.header__nav__items.nav>.nav__items{display:flex;margin-left:-1.5rem;margin-right:-1.5rem}}.header__close-nav{position:absolute;top:1.5rem;right:.5rem;padding:1.5rem;color:var(--color-earth)}
.header__close-nav svg{width:1.4rem;height:1.4rem}.header__dropdown{background-color:var(--color-oatmeal-two);color:var(--color-dark-chocolate);position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;padding-top:3rem;padding-bottom:15rem;pointer-events:none;transition:.3s .3s;transform:translateX(100%);z-index:var(--z-index-header)}
@media(min-width:992px){.header__dropdown{left:0;top:100%;width:100%;height:auto;opacity:0;padding-top:4rem;padding-bottom:4rem;transform:none}.header__dropdown.has-promo-content .nav>.nav__items{display:grid;grid-gap:6rem;grid-template-columns:1fr 1fr}.header__dropdown:before{content:"";position:absolute;left:0;top:0;width:100%;border-top:1rem solid var(--color-oatmeal-three)}
}@media(min-width:1280px){.header__dropdown.has-promo-content .nav>.nav__items{grid-gap:12rem}}@media(min-width:1400px){.header__dropdown{max-width:calc(100% - 8rem);left:4rem}}.header__dropdown__close{border-bottom:.1rem solid var(--color-camel)}.header__dropdown__close a{display:inline-flex;align-items:center;cursor:pointer;padding-bottom:2rem;padding-right:5rem}
.header__dropdown__close span{padding-right:1rem}@media(min-width:992px){.header__dropdown__close{display:none}}.header__dropdown .container>.nav{padding-top:3rem}@media(min-width:992px){.header__dropdown .container{display:grid;grid-gap:6rem;grid-template-columns:3fr 5fr}.header__dropdown .container>.nav{padding-top:0}
}@media(min-width:1280px){.header__dropdown .container{grid-gap:12rem}}.header .nav__item--main.is-opened .header__dropdown{overflow-y:auto !important;pointer-events:auto;visibility:visible}@media(min-width:992px){.header .nav__item--main.is-opened .header__dropdown{height:initial}}@media(min-width:992px){.header .nav__item--main{padding-left:1.5rem;padding-right:1.5rem}
.header .nav__item--main:hover .header__dropdown{overflow-y:auto;opacity:1;pointer-events:auto;visibility:visible}}.header .nav__items{grid-gap:3rem}@media(min-width:992px){.header .nav__items{grid-gap:1.8rem}}.header .nav__item--child{border-top:.1rem dotted var(--color-camel);padding-top:3rem}.header .nav__item--child:first-child{border-top:0;padding-top:0}
@media(min-width:992px){.header .nav__item--child{border:0;padding-top:0}}.header__hamburger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;padding:2rem;margin-left:-2rem;justify-self:baseline}@media(min-width:992px){.header__hamburger{display:none}}.header__logo{color:var(--color-dark-chocolate);cursor:pointer;font-size:0;width:12.4rem}
.has-transparent-header .header__logo{color:var(--color-white)}.has-transparent-header .is-scrolled .header__logo{color:var(--color-black)}.header__logo svg{width:100%;height:100%}@media(min-width:992px){.header__logo svg{display:block;margin:0 auto;width:17.8rem}}@media(min-width:992px){.header__logo{flex:1;width:auto}
}@media(hover:hover) and (pointer:fine){.header__logo:hover{color:inherit}}.header__utils{flex:1;display:flex;justify-content:flex-end}.header__utils--container{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;font-size:0}@media(min-width:992px){.header__utils--container{flex:0;gap:2.4rem}}.header__icon{position:relative;color:inherit;width:2.1rem;min-width:2.1rem;height:2.1rem;padding:0;cursor:pointer}
.header__icon svg{width:100%;height:100%}@media(hover:hover) and (pointer:fine){.header__icon:hover{color:var(--color-earth)}}@media(min-width:992px){.header__icon{width:2.6rem;height:2.6rem}}.header__icon--search{width:auto;height:auto}.header__icon--cart{display:flex;align-items:center;gap:1.1rem}@media(min-width:992px){.header__icon--cart{flex:1;width:auto}
}.header__icon--cart svg{min-width:2.6rem}.header__cart-count{position:absolute;color:var(--color-white);background-color:#a14122;width:1.5rem;height:1.5rem;top:0;left:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:100%}.header__cart-total{font-size:1.3rem;line-height:1.9rem;font-weight:300}
.search-form{position:relative;display:flex;align-items:center;justify-content:space-between}.header__nav .search-form{position:relative;display:grid;grid-template-columns:2.6rem 1fr;grid-gap:1rem;align-items:center;margin-top:4.5rem;margin-bottom:3.7rem}.search-form.active .search-form__submit{opacity:1;visibility:visible;pointer-events:auto}
@media(min-width:992px){.search-form.active .search-form__input{cursor:auto;width:20rem;margin-left:.4rem}.search-form.active .search-form__input::-moz-placeholder{color:transparent}.search-form.active .search-form__input::placeholder{color:transparent}}@media(min-width:1280px){.search-form.active .search-form__input{width:25.5rem}
}.search-form__icon{width:2.6rem;height:2.6rem}.header__nav .search-form__icon{margin-top:1.2rem}.search-form__input{border-radius:0;box-shadow:none;border:0;border-bottom:.1rem solid var(--color-earth);color:inherit;transition:all 300ms ease-in-out;background-color:transparent;padding:.8rem 0;width:100%;height:3.2rem;box-shadow:none !important}
@media(min-width:992px){.search-form__input{position:relative;width:0}}.search-form__submit{position:absolute;transition:opacity .6s;top:50%;transform:translateY(-50%);right:0;opacity:0;visibility:hidden;color:var(--color-dark-chocolate)}.dropdown-items{display:grid;grid-gap:6rem;margin-top:6rem}@media(min-width:992px){.dropdown-items{grid-template-columns:1fr 1fr;grid-gap:2.3rem;margin-top:0}
}.dropdown-item{font-size:0}.dropdown-item span{display:block;margin-top:1rem}.dropdown-item p{font-size:1.5rem;margin-top:.5rem}