.header-group{position:fixed;top:0;left:0;width:100%;z-index:999}.section-header{background-color:transparent;transition:background-color .2s ease}.header-group.scrolled .section-header{background-color:#00000040}.header__wrapper{display:flex;align-items:center;justify-content:space-between;padding:3.2rem .6rem}@media screen and (min-width: 1024px){.header__wrapper{padding:3.2rem 0}}.header__logo{display:flex;align-items:center;justify-content:center;width:100%}.header__logo img{width:100%;height:auto}.header__logo.no-img{display:block;width:fit-content;font-size:2rem;font-weight:700;line-height:2.8rem;color:var(--black);text-decoration:none}.section-header.scrolled .header__logo.no-img{color:var(--white)}.header__navigation{position:absolute;top:0;right:-150%;height:100vh;width:100vw;max-width:39rem;background-color:var(--white);padding:2rem 1.6rem;transition:right .3s ease,box-shadow .5s ease-in-out}@media screen and (max-width: 1023px){.header__navigation.open{box-shadow:-5px 0 12px 6px #0000004d;right:0;overflow-y:auto}}@media screen and (max-width: 1023px){.header__navigation{display:flex;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1024px){.header__navigation{position:static;top:auto;right:auto;height:fit-content;width:fit-content;max-width:none;border:1px solid var(--grey-300);border-radius:8rem;padding:1.2rem 2.4rem;transition:border-color .2s ease}.header__navigation:hover{border-color:var(--blue-400)}.giant-template .header__navigation:hover{border-color:var(--pink-400)}}@media screen and (min-width: 1280px){.header__navigation{padding:1.4rem 3.2rem}}.header__navigation .navigation__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem;position:sticky;top:0;background-color:var(--white)}@media screen and (min-width: 1024px){.header__navigation .navigation__buttons{display:none}}.header__navigation .navigation__buttons .btn{width:auto}.header__navigation .menu-list{display:flex;flex-direction:column;list-style:none;margin:8rem 0;padding:0}@media screen and (min-width: 1024px){.header__navigation .menu-list{flex-direction:row;align-items:center;margin-top:0;margin-bottom:0}}.header__navigation .menu-list .menu-list__item{position:relative}@media screen and (max-width: 1023px){.header__navigation .menu-list .menu-list__item:not(:first-child){border-top:1px solid var(--grey-300)}}@media screen and (min-width: 1024px){.header__navigation .menu-list .menu-list__item:not(:first-child){padding-left:1.6rem;border-left:1px solid var(--grey-300)}.header__navigation .menu-list .menu-list__item:not(:last-child){padding-right:1.6rem}}@media screen and (min-width: 1280px){.header__navigation .menu-list .menu-list__item:not(:first-child){padding-left:2rem}.header__navigation .menu-list .menu-list__item:not(:last-child){padding-right:2rem}}.header__navigation .menu-list .menu-list__link{font-family:Urbanist,sans-serif;font-size:2.4rem;font-weight:700;line-height:2.818rem;letter-spacing:.5px;text-align:center;color:var(--black);transition:color .2s ease;text-decoration:none}@media screen and (min-width: 1024px){.header__navigation .menu-list .menu-list__link{font-size:1.6rem;line-height:2rem}}@media screen and (max-width: 1023px){.header__navigation .menu-list .menu-list__item:not(:first-child) .menu-list__link{padding-top:2.2rem}.header__navigation .menu-list .menu-list__item:not(:last-child) .menu-list__link{padding-bottom:2.2rem}.header__navigation .menu-list .menu-list__link{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}}.header__navigation .menu-list .menu-list__link:hover,.header__navigation .menu-list .menu-list__link.active{color:var(--blue-400)}.giant-template .header__navigation .menu-list .menu-list__link:hover,.giant-template .header__navigation .menu-list .menu-list__link.active{color:var(--pink-400)}@media screen and (min-width: 1024px){.header__navigation .menu-list .menu-list__item.has-dropdown:hover>.dropdown{display:block}}.header__navigation .menu-list .menu-list__item .dropdown{display:none}@media screen and (min-width: 1024px){.header__navigation .menu-list .menu-list__item .dropdown{width:100%;width:max-content;max-width:23.2rem;position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:2rem}}@media screen and (min-width: 1280px){.header__navigation .menu-list .menu-list__item .dropdown{padding-top:2.2rem}}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list{padding:1.6rem;margin:0;background-color:var(--white);border:1px solid var(--grey-300);border-radius:1.6rem;list-style:none}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__item+.dropdown-list__item{margin-top:1.2rem;border-top:1px solid var(--grey-300);padding-top:1.2rem}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.5px;color:var(--black);text-decoration:none;text-align:center;margin:0;transition:color .2s ease}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link:hover,.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link.highlight{color:var(--pink-400)}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link.highlight{transition:opacity .2s ease}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link.highlight:hover{opacity:.6}.header__navigation .menu-list .menu-list__item .dropdown .dropdown-list__link.highlight>svg path{stroke:var(--pink-400)}.header__navigation .navigation__bottom{display:flex;flex-direction:column}.header__navigation .navigation__bottom>*+*{margin-top:1.6rem}.header__navigation .navigation__bottom .badge-link,.header__navigation .navigation__bottom .badge-address{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.5px;text-align:center;color:var(--black);text-decoration:none}.header__navigation .navigation__bottom .badge-link svg,.header__navigation .navigation__bottom .badge-address svg{width:2rem;height:auto;flex-shrink:0}.header__navigation .navigation__bottom .badge-link svg+span,.header__navigation .navigation__bottom .badge-address svg+span{margin-left:1.2rem}.header__navigation .navigation__bottom .social-list{display:flex;align-items:center;justify-content:center;list-style:none;margin-left:0;padding-left:0}.header__navigation .navigation__bottom .social-list .social-list__item+.social-list__item{margin-left:.6rem}.header__navigation .navigation__bottom .social-list .social-list__link{width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background-color:var(--white);border:1px solid var(--grey-300);border-radius:100%}.header__navigation .navigation__bottom .social-list .social-list__link svg{width:1.8rem;height:auto;flex-shrink:0}@media screen and (min-width: 1024px){.header__navigation .navigation__bottom{display:none}}.header__buttons{display:flex;align-items:center;justify-content:end;width:fit-content}@media screen and (max-width: 1023px){.header__buttons .btn{border-radius:8rem;padding:1.1rem 1.6rem}}.header__buttons .btn span{display:none}@media screen and (min-width: 1024px){.header__buttons .btn span{display:inline}}.header__buttons .btn svg:first-of-type{display:none}@media screen and (min-width: 1024px){.header__buttons .btn svg:first-of-type{display:block}}.header__buttons .btn svg:last-of-type{display:block;width:2.6rem;height:2.6rem;flex-shrink:0}@media screen and (min-width: 1024px){.header__buttons .btn svg:last-of-type{display:none}}.header__buttons .btn+.header__action{margin-left:.8rem}.header__action{display:flex;align-items:center;justify-content:center;background-color:var(--white);border:1px solid var(--grey-300);font-size:1.6rem;font-weight:600;line-height:2rem;letter-spacing:.5px;color:var(--blue-1000);padding:1.4rem 2rem;border-radius:8rem;cursor:pointer;transition:border-color .2s ease}.header__action:hover{border-color:var(--blue-400)}.giant-template .header__action:hover{border-color:var(--pink-400)}.giant-template .header__action svg path{stroke:var(--pink-400)}@media screen and (min-width: 1024px){.header__buttons .header__action{display:none}}.header__action svg{width:2rem;height:auto;flex-shrink:0;margin-left:.8rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-header.css.map */