.header-wrapper{background-color:var(--white)}.header{position:relative;width:100%;display:grid;grid-template-areas:"desktop-menu logo icons";--logo-width: 21.2rem;grid-template-columns:1fr var(--logo-width) 1fr;grid-gap:var(--gap-s);transition:var(--transition);z-index:1}.header header-drawer{grid-area:mobile-menu}.header.branded{grid-gap:0}.header.branded .header-logo{margin-bottom:0}.header.branded .header-logo img{max-height:3.2rem}.header.branded .header-logo-underline{display:none}.header .header-left{grid-area:desktop-menu;padding-left:var(--gap-l);height:100%}.header.branded .header-left{padding-left:var(--gap)}.header .header-logo{position:relative;display:block;grid-area:logo;padding:var(--gap-s) var(--gap-xs);border-bottom:var(--border);margin-bottom:calc(var(--gap-s) * -1);margin-top:0;transition:var(--transition)}.header .header-logo a{color:var(--carbon);text-decoration:none}.header.branded .header-logo .svg-logo{max-height:3.2rem}.header .header-logo .svg-logo{transition:var(--transition)}.header-logo-underline{position:absolute;top:100%;left:0;width:100%;padding:var(--gap-s)}.header .header-right{grid-area:icons;padding-right:var(--gap-l);height:100%}.header .header-line{height:100%;flex-grow:1;border-bottom:var(--border);transition:var(--transition)}@media screen and (max-width: 989px){.header{grid-template-areas:"mobile-menu logo icons";--logo-width: 16rem}.header__icon--menu{margin-top:1rem;margin-bottom:-1.2rem;background-color:var(--white);border-top-right-radius:var(--rad-s);border-bottom-right-radius:var(--rad-s);box-shadow:var(--shadow-light)}}@media screen and (max-width: 749px){.header{--logo-width: 12rem}.header .header-right{padding-right:var(--gap-s)}.header .header-icons{gap:var(--gap-s)}}.header .header-icons{margin-bottom:-2rem;z-index:1}.header .header-icon{position:relative;width:4rem;height:4rem;border:var(--border);border-radius:50%;background-color:var(--white);box-shadow:var(--shadow);box-sizing:border-box;flex-shrink:0;overflow:hidden;transition:var(--transition)}.header .header-icon .svg-icon{height:2rem;width:auto}.header .header-icon:hover{background-color:var(--lemon);transition:var(--transition)}.header .header-icon .svg-icon.cart.full{transform:translateY(-.4rem);transition:var(--transition)}.header .header-icon:hover .svg-icon.cart.full{transform:none;transition:var(--transition)}.header .header-icon:hover .cart-count-bubble{bottom:-100%;transition:var(--transition)}.cart-count-bubble{width:3.8rem;height:3.8rem;background-color:var(--lemon);border-radius:50%;bottom:-50%;left:0;color:var(--carbon);font-size:var(--font-12);align-items:flex-start;padding-top:.2rem;box-shadow:var(--shadow-light);transition:var(--transition)}@media screen and (max-width: 749px){.header .header-icons{margin-bottom:-1rem}}.scrolled-past-header .header-wrapper{background-color:transparent}.scrolled-past-header .header{background-color:var(--cotton);box-shadow:var(--shadow-light);transition:var(--transition)}.scrolled-past-header .header .header-logo{padding:var(--gap-xs);margin:0;border-bottom:0;transition:var(--transition)}.scrolled-past-header .header .header-logo .svg-logo{max-height:2.8rem}.scrolled-past-header .header .header-line{border-bottom:0;transition:var(--transition)}.header-desktop-nav .nav__item .nav-item__one{display:block;padding:var(--gap-xs);font-weight:var(--font-bold);font-size:var(--font-20);text-transform:uppercase;text-align:center;color:var(--carbon);cursor:pointer;border-bottom:solid .4rem var(--carbon)}.header-desktop-nav .nav__dropdown{position:absolute;padding:var(--gap);background-color:var(--cotton);box-shadow:var(--shadow-light);top:100%;height:calc(100vh - var(--main-header-height));min-width:32rem;left:0;transform:translate(calc(-100% - 5.4rem));transition:var(--transition);z-index:1;overflow-y:scroll}.nav__item:hover .nav__dropdown,.nav__item:focus .nav__dropdown{transform:translate(0);transition:var(--transition)}.nav__link-item{text-decoration:none;color:var(--carbon)}.nav__link-item img{width:6.4rem;height:6.4rem;border:solid .1rem var(--cedar);border-radius:var(--rad-s);background-color:var(--white);object-fit:contain;padding:var(--gap-xxs);transition:var(--transition)}.nav__link-item:hover img{border:solid .4rem var(--carbon);transition:var(--transition)}.nav__link-item>div{width:24rem}.nav__link-item span{font-weight:var(--font-bold);text-transform:uppercase}.brand-header{display:grid;grid-template-areas:"shop logo about";--logo-width: 20rem;grid-template-columns:1fr var(--logo-width) 1fr;grid-gap:var(--gap);align-items:stretch;padding-top:var(--gap);padding-bottom:0;transition:var(--transition)}.brand-header__menu.shop{grid-area:shop}.brand-header__logo{grid-area:logo}.brand-header__logo img{width:auto;height:6.4rem;max-width:var(--logo-width);object-fit:contain}.brand-header__menu.about{grid-area:about}.brand-header__menu a{width:100%;color:var(--main);text-decoration:none;transition:var(--transition)}.brand-header__menu a:hover,.brand-header__menu a:focus{color:var(--accent);transition:var(--transition)}.brand-header__menu .menu-item .icon-caret{width:1.2rem;height:auto;transition:var(--transition)}.menu-item:hover .icon-caret,.menu-item:focus .icon-caret{transform:rotate(-180deg);transition:var(--transition)}.brand-header__menu .header-label{display:block;color:var(--main);font-size:var(--font-22);text-transform:uppercase;letter-spacing:.25rem;margin:0}.menu-item .header-dropdown{position:absolute;width:fit-content;top:100%;left:50%;transform:translate(-50%);max-height:0;overflow:hidden;transition:var(--transition)}.menu-item:hover .header-dropdown,.menu-item:focus .header-dropdown{max-height:80vh;transition:var(--transition)}.menu-item .header-dropdown>div{position:relative;background-color:var(--background);border-radius:var(--rad-s);padding:var(--gap-xs) var(--gap-s);margin:.4rem .2rem;width:max-content;max-width:32rem;box-shadow:var(--shadow-light)}.menu-item .header-dropdown a{display:block;text-align:center;color:var(--main);padding:var(--gap-xs) 0}.menu-item .header-dropdown a.see-all{padding-top:var(--gap-s);margin-top:var(--gap-xs);border-top:solid .1rem var(--white)}@media screen and (max-width: 989px){.brand-header{padding-top:0;padding-bottom:0;grid-template-areas:"logo";grid-template-columns:1fr;padding:var(--gap-s) 0}.brand-header__logo img{max-width:12rem;max-height:5.6rem}}.scrolled-past-header .brand-header{position:relative;background-color:var(--white);box-shadow:var(--shadow-light);border-bottom-left-radius:var(--rad-s);border-bottom-right-radius:var(--rad-s);padding:var(--gap-xs) var(--gap-s) 0;transition:var(--transition)}@media screen and (min-width: 990px){.scrolled-past-header .brand-header{--logo-width: 16rem;padding:var(--gap-xs) var(--gap) 0}.scrolled-past-header .brand-header .brand-header__logo img{height:5.6rem}.scrolled-past-header .brand-header__menu .header-label{font-size:var(--font-20);transition:var(--transition)}.scrolled-past-header .page-width--less.medium-hide.small-hide{display:none}}@media screen and (max-width: 989px){.scrolled-past-header .brand-header__logo img{max-width:9rem;max-height:4rem}}@media screen and (max-width: 1199px) and (min-width: 990px){.scrolled-past-header .brand-header{--logo-width: 12rem;max-width:42rem;padding:var(--gap-xs) var(--gap-s)}.scrolled-past-header .brand-header__menu .header-label{font-size:var(--font-16)}.scrolled-past-header .brand-header__menu .icon-caret{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-header.css.map */