.section-header{position:fixed;width:100vw;background-color:var(--colour-alabaster);z-index:170}.section-header .wrapper{display:flex;gap:1.5rem;flex-direction:column}@media (min-width: 1024px){.section-header .wrapper{gap:0}}@media (max-width: 1023.98px){.section-header .wrapper{flex-wrap:wrap}}@media (min-width: 1024px){.section-header .header-wrapper{display:flex;justify-content:space-between}}@media (min-width: 1024px) and (min-width: 1024px){.section-header .header-wrapper{border-bottom:1px solid var(--colour-swamp)}}.section-header .logo-wrapper{display:flex}.section-header .logo-wrapper .menu-open{fill:none;stroke:var(--colour-swamp);padding:2rem;border-left:1px solid var(--colour-swamp)}.section-header .logo-wrapper .menu-open svg{width:1.25rem;height:.625rem}.section-header .logo{flex-grow:2;display:flex;gap:.5rem;padding:.75rem 0 .75rem 1rem}@media (min-width: 1024px){.section-header .logo{padding:.75rem 0 .75rem 2.5rem}}.section-header .logo a{text-decoration:none;color:currentColor;display:flex;gap:.5rem}.section-header .logo .shop-name{color:var(--colour-swamp);display:flex;flex-direction:column;text-align:end;font-size:1.25rem;justify-content:center;font-family:var(--font-family-heading)}@media (min-width: 1024px){.section-header .logo .shop-name{font-size:1.5rem}}.section-header .logo .shop-name .shop-subtext{font-size:.75rem}.section-header .logo img,.section-header .logo svg{width:5.5rem;height:3rem;object-fit:contain}@media (min-width: 1024px){.section-header .logo img,.section-header .logo svg{width:6.5rem;height:3.5rem}}.section-header ol.actions{list-style:none;padding:0;margin:0;display:flex;align-items:center;border-top:1px solid var(--colour-swamp);display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--colour-swamp)}@media (min-width: 1024px){.section-header ol.actions{display:flex;border-top:none;padding-right:1rem;border-bottom:none}}@media (min-width: 1024px){.section-header ol.actions>li{height:100%;display:flex;justify-content:center}}.section-header ol.actions .search{border-right:1px solid var(--colour-swamp)}@media (min-width: 1024px){.section-header ol.actions .search{border-left:1px solid var(--colour-swamp)}}.section-header ol.actions .search form{padding:1rem 1.25rem;display:grid;grid-template-columns:1fr 1rem;gap:1rem}@media (min-width: 1024px){.section-header ol.actions .search form{padding:1rem 2rem}}.section-header ol.actions .search form input{outline:none;background:transparent;border:none;padding:0;width:100%;color:var(--colour-swamp);height:1.25rem}@media (min-width: 1024px){.section-header ol.actions .search form input{height:auto}}.section-header ol.actions .search form input::placeholder{color:var(--colour-swamp)}.section-header ol.actions .search form button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0}.section-header ol.actions .search form button:focus{outline:none}.section-header ol.actions .search form button:hover{text-decoration:none;outline:none}.section-header ol.actions .search form button:disabled{opacity:.5;pointer-events:none}.section-header ol.actions .search form button svg{padding:0;width:1rem;height:1rem;stroke:var(--colour-swamp);fill:none}@media (min-width: 1024px){.section-header ol.actions .search form button svg{stroke:var(--colour-chalet-green)}}.section-header ol.actions .predictive-search-button{border-right:1px solid var(--colour-swamp)}@media (min-width: 1024px){.section-header ol.actions .predictive-search-button{border-left:1px solid var(--colour-swamp)}}.section-header ol.actions .wishlist{display:none;visibility:hidden}@media (min-width: 1024px){.section-header ol.actions .wishlist{display:flex;justify-content:center;align-items:center;visibility:visible}}.section-header ol.actions .wishlist a{padding:2rem;border-right:1px solid var(--colour-swamp)}.section-header ol.actions .wishlist a svg{width:1.25rem;height:1.25rem;stroke:var(--colour-chalet-green);fill:none}.section-header ol.actions .basket{font-size:.875rem;padding:1rem 0}@media (min-width: 1024px){.section-header ol.actions .basket{font-size:1rem;padding:0 2rem}}.section-header ol.actions .basket a{text-decoration:none;color:currentColor;color:var(--colour-swamp);display:flex;align-items:center;justify-content:center;gap:1rem;line-height:1.25rem}.section-header ol.actions .basket a svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--colour-swamp)}@media (min-width: 1024px){.section-header ol.actions .basket a svg{stroke:var(--colour-chalet-green)}}.section-header ol.actions a svg{height:1rem;width:1rem}.section-header ol.actions a.cart{display:flex;align-items:center;gap:.5rem}.section-header .menu-open{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0}.section-header .menu-open:focus{outline:none}.section-header .menu-open:hover{text-decoration:none;outline:none}.section-header .menu-open:disabled{opacity:.5;pointer-events:none}@media (min-width: 1024px){.section-header .menu-open{display:none}}.section-header .menu-open svg{height:1rem;width:1rem}.section-header .menu-container{position:fixed;z-index:200;background-color:var(--colour-alabaster);width:100vw;max-width:320px;height:100vh;transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-timing)}.section-header .menu-container.is-visible{transform:translate(0)}@media (min-width: 1024px){.section-header .menu-container{position:relative;background-color:transparent;max-width:none;width:100%;height:100%;transform:translate(0)}}.section-header .menu-container .menu-wrapper{position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-grow:2}@media (min-width: 1024px){.section-header .menu-container .menu-wrapper{overflow-y:unset}}.section-header .menu-container .go-back{visibility:hidden;opacity:0;transition:all var(--transition-duration) var(--transition-timing);display:flex;gap:.75rem;align-items:center;font-size:.75rem}.section-header .menu-container .go-back.is-visible{visibility:visible;opacity:1}.section-header .menu-container .go-back svg{width:.75rem;height:.75rem;fill:var(--colour-swamp)}.section-header .menu-container .nav-header{padding:1.5rem;display:flex;border-bottom:1px solid var(--colour-swamp)}@media (min-width: 1024px){.section-header .menu-container .nav-header{display:none}}.section-header .menu-container .nav-header button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;margin-left:auto}.section-header .menu-container .nav-header button:focus{outline:none}.section-header .menu-container .nav-header button:hover{text-decoration:none;outline:none}.section-header .menu-container .nav-header button:disabled{opacity:.5;pointer-events:none}.section-header .menu-container .nav-header button svg{height:1rem;width:1rem;fill:var(--colour-swamp)}.section-header .menu-container .nav-wrapper{height:100%;overflow-y:auto;position:relative}@media (min-width: 1024px){.section-header .menu-container .nav-wrapper{overflow-y:unset}}.section-header .menu-container .menu{padding:2.5rem 1.5rem;overflow-y:auto;position:relative}@media (min-width: 1024px){.section-header .menu-container .menu{padding:0 2.5rem;border-bottom:1px solid var(--colour-swamp);overflow:visible}}.section-header .menu-container .menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}@media (min-width: 1024px){.section-header .menu-container .menu ul{flex-direction:row;margin-bottom:.25rem}.section-header .menu-container .menu ul::-webkit-scrollbar{width:4px;height:4px}.section-header .menu-container .menu ul::-webkit-scrollbar-thumb{background:var(--colour-chalet-green);border-radius:2px}.section-header .menu-container .menu ul::-webkit-scrollbar-track{background:var(--colour-alabaster)}}.section-header .menu-container .menu ul li a{text-decoration:none;color:currentColor;color:var(--colour-swamp);display:flex;justify-content:space-between;align-items:center}@media (min-width: 1024px){.section-header .menu-container .menu ul li a{transition:all var(--transition-duration) var(--transition-timing);opacity:.6;text-wrap:nowrap}}.section-header .menu-container .menu ul li a svg{width:.75rem;height:.75rem;color:var(--colour-swamp)}@media (min-width: 1024px){.section-header .menu-container .menu ul li a svg{display:none}}.section-header .menu-container .menu ul.tier-1{display:flex;gap:2rem;overflow:auto}@media (min-width: 1024px){.section-header .menu-container .menu ul.tier-1>li>a{padding:.5rem 0}}.section-header .menu-container .menu ul.tier-1>li>a.is-active{background-color:var(--colour-swamp);padding:.5rem 1rem;border-radius:3.5rem;color:var(--colour-white);font-weight:400;line-height:1.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-header .menu-container .menu ul.tier-1>li>a.is-active svg{display:none}@media (min-width: 1024px){.section-header .menu-container .menu ul.tier-1{gap:0;align-items:center}.section-header .menu-container .menu ul.tier-1>li{padding:1.5rem 1rem}.section-header .menu-container .menu ul.tier-1>li:first-child{padding-left:0}.section-header .menu-container .menu ul.tier-1>li:last-child{padding-right:0;margin-left:auto}.section-header .menu-container .menu ul.tier-1>li:hover>a,.section-header .menu-container .menu ul.tier-1>li:focus>a{opacity:1}.section-header .menu-container .menu ul.tier-1>li:hover>.tier-2-wrapper,.section-header .menu-container .menu ul.tier-1>li:focus>.tier-2-wrapper{display:block}}.section-header .menu-container .menu .tier-2-wrapper,.section-header .menu-container .menu .tier-3-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;padding:2.5rem 1.5rem;background-color:var(--colour-alabaster);transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-timing)}.section-header .menu-container .menu .tier-2-wrapper ul,.section-header .menu-container .menu .tier-3-wrapper ul{display:flex;flex-direction:column;gap:2rem}.section-header .menu-container .menu .tier-2-wrapper .title-link,.section-header .menu-container .menu .tier-3-wrapper .title-link{font-size:1.25rem;font-weight:600;font-family:var(--font-family-heading)}@media (min-width: 1024px){.section-header .menu-container .menu .tier-2-wrapper .title-link.title-tier-2,.section-header .menu-container .menu .tier-3-wrapper .title-link.title-tier-2{font-size:2rem}}.section-header .menu-container .menu .tier-2-wrapper.is-visible,.section-header .menu-container .menu .tier-3-wrapper.is-visible{transform:translate(0)}@media (min-width: 1024px){.section-header .menu-container .menu .tier-2-wrapper.bg-colour-transparent,.section-header .menu-container .menu .tier-2-wrapper.bg-colour-transparent .tier-3-wrapper{background-color:var(--colour-alabaster)}.section-header .menu-container .menu .tier-2-wrapper.bg-colour-white,.section-header .menu-container .menu .tier-2-wrapper.bg-colour-white .tier-3-wrapper{background-color:var(--colour-white)}}.section-header .menu-container .menu .tier-2-wrapper .content-block .content .content-block-title,.section-header .menu-container .menu .tier-2-wrapper .content-block .content>p,.section-header .menu-container .menu .tier-2-wrapper .content-block .content a.link-block-button{display:none}.section-header .menu-container .menu .tier-2-wrapper .content-block .image{display:none}@media (min-width: 1024px){.section-header .menu-container .menu .tier-2-wrapper .content-block{display:grid;grid-template-columns:55% 1fr;column-gap:4.5rem}.section-header .menu-container .menu .tier-2-wrapper .content-block .title-tier-2{display:none}.section-header .menu-container .menu .tier-2-wrapper .content-block .content{display:flex;flex-direction:column}.section-header .menu-container .menu .tier-2-wrapper .content-block .content .content-block-title{display:block;font-size:2rem;font-weight:500;font-family:var(--font-family-heading);margin-bottom:1.5rem}.section-header .menu-container .menu .tier-2-wrapper .content-block .content>p{display:block;margin-bottom:2rem}.section-header .menu-container .menu .tier-2-wrapper .content-block .content ul{display:grid;grid-template-columns:auto auto;row-gap:.75rem;column-gap:4.5rem;max-width:60%;margin-bottom:1.25rem}.section-header .menu-container .menu .tier-2-wrapper .content-block .content ul .title-li{display:none}.section-header .menu-container .menu .tier-2-wrapper .content-block .content a.link-block-button{display:flex;color:var(--colour-white);margin-top:auto;opacity:1}.section-header .menu-container .menu .tier-2-wrapper .content-block .content a.link-block-button svg{display:block;width:1rem;height:1rem;fill:var(--colour-white)}.section-header .menu-container .menu .tier-2-wrapper .content-block .image{display:block}.section-header .menu-container .menu .tier-2-wrapper .content-block .image img{width:100%;height:100%;object-fit:contain}}@media (min-width: 1024px){.section-header .menu-container .menu .tier-2-wrapper{display:none;transform:translate(0);padding:0;top:calc(100% - .5rem);height:auto;box-shadow:0 0 24px #00000040;margin:0 2.5rem;padding:2.5rem;width:calc(100% - 5rem);grid-template-columns:1fr;column-gap:4.5rem;row-gap:1.25rem}.section-header .menu-container .menu .tier-2-wrapper li>a{opacity:1;display:flex;justify-content:unset;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-header .menu-container .menu .tier-2-wrapper li>a span{order:1;font-weight:600}.section-header .menu-container .menu .tier-2-wrapper li>a svg{display:block;order:0}}.section-header .menu-container .menu .tier-3-wrapper{padding:1.5rem 1.5rem 2.5rem}@media (min-width: 1024px){.section-header .menu-container .menu .tier-3-wrapper{position:relative;transform:translate(0);padding:0;height:auto}.section-header .menu-container .menu .tier-3-wrapper .go-back-container,.section-header .menu-container .menu .tier-3-wrapper .title-link-container{display:none}.section-header .menu-container .menu .tier-3-wrapper ul{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.section-header .menu-container .menu .tier-3-wrapper ul li>a span{order:0;font-weight:400;margin-left:1.25rem}.section-header .menu-container .menu .tier-3-wrapper ul li>a svg{display:none}}.section-header .search-toggle{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:1.25rem;width:100%;display:flex;gap:1.5rem;align-items:center;font-size:.875rem}.section-header .search-toggle:focus{outline:none}.section-header .search-toggle:hover{text-decoration:none;outline:none}.section-header .search-toggle:disabled{opacity:.5;pointer-events:none}.section-header .search-toggle span{display:block}@media (min-width: 1024px){.section-header .search-toggle{padding:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-header .search-toggle span{display:none}}.section-header .search-toggle svg{width:1rem;height:1rem;stroke:var(--colour-chalet-green);fill:none}.section-header .search-toggle .close{display:none}.section-header .predictive-search-container{background-color:var(--colour-white);position:fixed;z-index:300;padding:2rem 1rem 1rem;width:100%;max-width:600px;height:100vh;top:0;right:0;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-timing)}.section-header .predictive-search-container.is-active{transform:translate(0)}
/*# sourceMappingURL=/s/files/1/0768/4797/2657/t/3/assets/section-header.css.map */