.header{position:relative}.header--main{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin:0 auto}.header--logo{flex:3;display:flex;justify-content:center;margin:calc(var(--gap) / 2);padding:var(--gap)}.header--logo-wrapper{width:100%}.header--logo-wrapper .icon--beerenberg-logo{width:100%;height:auto}@media screen and (max-width: 768px){.header--logo{text-align:center}}.header--menu .linklist{list-style:none;display:flex;height:100%}.header--menu .linklist--link{display:flex;align-items:center;height:100%;margin:var(--font-body-baseline-margin);text-transform:uppercase;font-size:80%;white-space:nowrap}@media screen and (min-width: 768px){.header--menu{flex-basis:40%;display:flex;align-items:center}.header--menu-right{justify-content:flex-end}.header--menu .linklist{padding:0 calc(var(--gap) / 2)}.header--menu .linklist--link{padding:calc(var(--gap) / 2)}}.header-menu-dialog--toggle{background:transparent;border:none;padding:var(--gap)}.header-menu-dialog--toggle .icon--menu{width:2.4rem;height:2.4rem}@media screen and (min-width: 769px){.header-menu-dialog--toggle{display:none}}@media screen and (max-width: 768px){.header--menu-left{display:none}}.header--cart{display:flex;padding:var(--gap)}@media screen and (min-width: 769px){.header--cart{display:grid;grid-auto-flow:column;align-items:center;gap:.25em;height:100%;padding:.25em 0 .25em var(--gap);border-left:1px solid currentColor}}.custom--icon--cart{width:2.4rem;height:2.4rem}@media screen and (min-width: 769px){.custom--icon--cart{margin:-.5em 0 0 .5em}.cart-icon--cart-count{margin-top:-.15em}}@media screen and (max-width: 768px){.cart-icon--cart-count{margin-top:-.15em}}@media screen and (max-width: 959px){.cart-icon--cart-text,.cart-icon--cart-count{display:none}}.header--search-toggle{display:block;width:1.85rem;height:1.85rem}.header--search-toggle .custom--icon--search{width:100%;height:100%;margin-top:-.01rem}.header--search-form{position:absolute;top:100%;left:0;z-index:2;width:100%;background:var(--color-body-background);visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.header--search-form[open]{visibility:visible;opacity:1}.header--search-form form{padding:0 var(--gap) var(--gap);max-width:var(--container-large);margin:0 auto}@media screen and (max-width: 768px){.header--menu .header--search-link,.header--menu .header--account-link{display:none}}.mega-menu--child ul{list-style:none}.mega-menu--child{position:absolute;top:100%;left:0;z-index:3;width:100%;padding:var(--gap) 0 calc(var(--gap) * 2);background:var(--color-alt-background-2);transition:opacity .45s ease,visibility .45s ease;transition-delay:.25s}.mega-menu--child:not(:hover){opacity:0;visibility:hidden}.mega-menu--parent:hover+.mega-menu--child{opacity:1;visibility:visible}.mega-menu--wrapper{display:flex;max-width:var(--container-large);margin:var(--gap) auto;padding:var(--gap);transform:translateY(1.4rem);transition:transform .5s ease;transition-delay:.25s}.mega-menu--column-wrapper{flex:1;display:flex;gap:10%}.mega-menu--column{flex-basis:33%}.mega-menu--parent:hover~.mega-menu--child .mega-menu--wrapper,.mega-menu--child:hover .mega-menu--wrapper{transform:translateY(0)}.mega-menu--submenu{height:max-content;border-left:1px solid var(--color-alt-accent-2);padding-left:var(--gap)}.mega-menu--link{display:block;margin-bottom:1rem}.mega-menu--submenu li:last-of-type .mega-menu--link{margin-bottom:0}.mega-menu--promo:not(:last-of-type){margin-bottom:calc(var(--gap) * 2)}.mega-menu--wihslist-link{display:flex;align-items:center;gap:.5em}.mega-menu--link .icon--favourites{overflow:visible;fill:var(--color-alt-accent-1)}.mega-menu--logout-link{margin-top:5rem}.header-menu-dialog--menu-dialog:not([hidden]){box-shadow:0 0 #0000;transition:transform .3s ease-in-out,box-shadow .45s ease}.header-menu-dialog--menu-dialog:not([hidden]).visible{box-shadow:0 0 5vw 20vw #00000040}.menu-dialog--linklist--link.link-with-icon{display:flex;align-items:center;gap:1em;padding-bottom:0;border-bottom:0}.header--dialog-account-menu{list-style:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section--header.css.map */