.header{position:fixed;top:0;z-index:100;padding-left:40px;padding-right:40px;width:100%;display:block}.header__section{z-index:200}.header__wrapper{display:grid;grid-template-columns:1fr auto 1fr;width:100%;max-width:1360px;margin:0 auto;padding-top:30px;padding-bottom:30px;transition:transform .2s ease}.header__wrapper.header--sticky{transform:translateY(-100%)}.header__wrapper.header--sticky:hover{transform:translateY(0)}.header__menu-buttons,.header__contact-and-cart{display:flex;align-items:center;gap:30px;height:50px}.header--brown .contact-and-cart__contact{background:var(--color-brown);color:var(--color-white);border-color:var(--color-brown)}.contact-and-cart__contact{border:none;border-radius:50px;background:var(--color-white);padding:12px 30px;display:flex;align-items:center;gap:10px;font-family:Spline Sans;font-size:18px;font-weight:500;line-height:21.33px;text-align:left;color:var(--color-brown);cursor:pointer;text-decoration:none;width:fit-content;transition:all .3s ease;border:1px solid var(--color-white)}.header--brown .header__contact-and-cart a:hover{background:var(--color-white);color:var(--color-brown);border-color:var(--color-brown)}.header__contact-and-cart a:hover{background:var(--color-brown);color:var(--color-white);border-color:var(--color-brown)}.header--brown .menu-buttons__search,.header--brown .menu-buttons__menu-drawer,.header--brown .contact-and-cart__cart{background:var(--color-brown);border-color:var(--color-brown)}.header--brown .menu-buttons__search path,.header--brown .menu-buttons__menu-drawer path,.header--brown .contact-and-cart__cart path{stroke:var(--color-white)}.header--brown .menu-buttons__menu-drawer path,.header--brown .contact-and-cart__cart path{fill:var(--color-white)}.menu-buttons__search,.menu-buttons__menu-drawer{width:45px;height:45px;border:1px solid var(--color-white);background:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:100%;outline:none;cursor:pointer;transition:all .3s ease}.header--brown .menu-buttons__menu-drawer:hover,.header--brown .menu-buttons__search:hover,.header--brown .contact-and-cart__cart:hover{background:var(--color-white);border-color:var(--color-brown)}.header--brown .menu-buttons__menu-drawer:hover path,.header--brown .menu-buttons__search:hover path,.header--brown .contact-and-cart__cart:hover path{stroke:var(--color-brown)}.header--brown .menu-buttons__menu-drawer:hover path,.header--brown .contact-and-cart__cart:hover path{fill:var(--color-brown)}.menu-buttons__search:hover,.menu-buttons__menu-drawer:hover,.contact-and-cart__cart:hover{background:var(--color-brown);border-color:var(--color-brown)}.menu-buttons__search path,.menu-buttons__menu-drawer path,.contact-and-cart__cart path{transition:all .3s ease}.menu-buttons__search:hover path,.menu-buttons__menu-drawer:hover path,.contact-and-cart__cart:hover path{stroke:var(--color-white)}.menu-buttons__menu-drawer:hover path,.contact-and-cart__cart:hover path{fill:var(--color-white)}.contact-and-cart__cart{text-decoration:none;position:relative;border:1px solid var(--color-white);background:var(--color-white);display:flex;align-items:center;gap:5px;border-radius:50px;outline:none;cursor:pointer;transition:all .3s ease;padding:12px}.header__logo{position:relative;height:50px}.header--brown .header__logo path{fill:var(--color-brown)}.header__logo path{transition:all .3s ease}.header__contact-and-cart{justify-content:flex-end}.header__menu{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:100;padding:0;transition:.2s ease}.header__menu:not(.element--opened){visibility:hidden}.menu__background{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground),.5)}.menu__wrapper{max-height:100vh;height:100%;overflow-y:scroll;width:100%;max-width:480px;background:var(--color-white);padding:30px 40px;z-index:10;position:relative;border-top-right-radius:20px;border-bottom-right-radius:20px;transition:all .2s ease}.header__menu:not(.element--opened) .menu__wrapper{transform:translate(-100%)}.menu__wrapper::-webkit-scrollbar{display:none}.menu__title{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-bottom:15px}.menu__title p{font-family:Spline Sans;font-size:24px;font-weight:500;line-height:28.44px;text-align:left;color:var(--color-brown)}.menu__cross{cursor:pointer;border:none;outline:none;background:transparent}.main-links__main-link{border-top:1px solid #41302433}.main-link__title{display:flex;gap:10px;align-items:center;justify-content:space-between;font-family:Spline Sans;font-size:18px;font-weight:500;line-height:21.33px;text-align:left;color:var(--color-brown);cursor:pointer}.main-link__title>a,.main-link__title>p{padding:15px 0}.main-link__title a,.link__title a{text-decoration:none;color:var(--color-brown);width:100%}.main-link__title svg,.link__title svg{transition:transform .5s ease}.main-link__title.element--opened svg,.link__title.element--opened svg{transform:rotate(-180deg)}.main-link__links{padding-left:15px;overflow:hidden;max-height:0;transition:max-height .7s ease}.link__title{display:flex;gap:10px;align-items:center;justify-content:space-between;font-family:Quicksand;font-size:16px;font-weight:500;line-height:20px;text-align:left;color:var(--color-brown);padding:8px 0;cursor:pointer}.link__sublinks{padding-left:15px;display:flex;flex-direction:column;overflow:hidden;max-height:0;transition:max-height .7s ease}.link__sublinks a{font-family:Quicksand;font-size:14px;font-weight:500;line-height:17.5px;text-align:left;color:var(--color-brown);text-decoration:none;padding:5px 0;width:100%;display:inline-block}@media screen and (max-width:768px){.header{padding-left:15px;padding-right:15px}.header__wrapper{padding-top:15px;padding-bottom:15px}.header__menu-buttons,.header__contact-and-cart{height:40px}.contact-and-cart__contact{display:none}.header__menu-buttons{gap:15px}.menu-buttons__search,.menu-buttons__menu-drawer,.header__icon--search{width:25px;height:25px}.menu-buttons__search svg,.menu-buttons__menu-drawer svg,.contact-and-cart__cart svg{width:14px;height:14px}.contact-and-cart__cart{padding:6px}.header__logo{height:40px}.header__logo svg{width:139px;height:40px}}@media screen and (max-width:480px){.menu__wrapper{padding:20px 15px;border-top-right-radius:0;border-bottom-right-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-header.css.map */
