@media(max-width:1279.98px){.section-header .main-menu{position:fixed;top:3rem;height:calc(100% - 3rem);width:100%;background-color:var(--colour-primary);z-index:200;transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-timing)}}@media(min-width:1280px){.section-header .main-menu{height:100vh;background-color:var(--colour-primary);position:relative;z-index:15;display:flex;flex-direction:column}}@media(min-width:1280px){.section-header .main-menu>div{background-color:var(--colour-primary)}}.section-header .main-menu.is-visible{transform:translate(0)}.section-header .main-menu nav ul{border-bottom:1px solid var(--colour-white)}.section-header .main-menu .menu{display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-grow:2}.section-header .main-menu .logo{display:none}@media(min-width:1280px){.section-header .main-menu .logo{display:flex;justify-content:center;padding:2rem 0}.section-header .main-menu .logo svg{height:150px;fill:var(--colour-white)}}.section-header .main-menu nav ul{list-style:none;padding:0;display:flex;flex-direction:column;padding:2.5rem;gap:2rem}@media(min-width:1280px){.section-header .main-menu nav ul{padding:2rem 0;gap:1.5rem}}.section-header .main-menu nav ul>li{display:flex;flex-direction:column;justify-content:center}.section-header .main-menu nav ul>li>button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;cursor:pointer}.section-header .main-menu nav ul>li>button:focus{outline:none}.section-header .main-menu nav ul>li>button:hover{text-decoration:none;outline:none}.section-header .main-menu nav ul>li>button:disabled{opacity:.5;pointer-events:none}.section-header .main-menu nav ul>li>button,.section-header .main-menu nav ul>li>a,.section-header .main-menu nav ul>li noscript .tier-1-link{position:relative;display:flex;justify-content:center;color:var(--colour-white);text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:500;letter-spacing:.12em;width:100%;overflow:hidden}.section-header .main-menu nav ul>li>button .triangle-wrapper,.section-header .main-menu nav ul>li>a .triangle-wrapper,.section-header .main-menu nav ul>li noscript .tier-1-link .triangle-wrapper{display:none}@media(min-width:1280px){.section-header .main-menu nav ul>li>button .triangle-wrapper,.section-header .main-menu nav ul>li>a .triangle-wrapper,.section-header .main-menu nav ul>li noscript .tier-1-link .triangle-wrapper{position:absolute;width:100%;height:100%;right:0;display:flex;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-timing)}.section-header .main-menu nav ul>li>button .triangle-wrapper svg,.section-header .main-menu nav ul>li>a .triangle-wrapper svg,.section-header .main-menu nav ul>li noscript .tier-1-link .triangle-wrapper svg{margin-left:auto;fill:var(--colour-white);height:1rem;width:.5rem}.section-header .main-menu nav ul>li>button.is-active,.section-header .main-menu nav ul>li>a.is-active,.section-header .main-menu nav ul>li noscript .tier-1-link.is-active{color:var(--colour-secondary)}.section-header .main-menu nav ul>li>button.is-active .triangle-wrapper,.section-header .main-menu nav ul>li>a.is-active .triangle-wrapper,.section-header .main-menu nav ul>li noscript .tier-1-link.is-active .triangle-wrapper{transform:translate(0)}}@media(min-width:1280px){.section-header .main-menu nav ul>li:hover>a,.section-header .main-menu nav ul>li:hover>button,.section-header .main-menu nav ul>li:focus>a,.section-header .main-menu nav ul>li:focus>button{color:var(--colour-secondary)}}.section-header .main-menu nav ul>li .tier-2-dropdown{position:absolute;height:100%;width:100%;top:0;left:0;transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-timing);background-color:var(--colour-white);border:none;overflow-y:auto;z-index:10}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown{z-index:-1}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-wrapper{position:relative;height:100%;overflow-y:auto;display:flex;flex-direction:column}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-wrapper{height:100%}}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown:after{content:"";position:absolute;top:0;width:120vw;height:100%;left:100%;background-color:var(--colour-black);opacity:.6}}.section-header .main-menu nav ul>li .tier-2-dropdown.is-visible{transform:translate(0)}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown.is-visible{transform:translate(100%);overflow-y:visible}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1.5rem}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header [data-tier-2-close]{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;cursor:pointer}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header [data-tier-2-close]:focus{outline:none}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header [data-tier-2-close]:hover{text-decoration:none;outline:none}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header [data-tier-2-close]:disabled{opacity:.5;pointer-events:none}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header svg.tier-2-close-icon{height:1rem;width:1rem;fill:var(--colour-primary);display:none}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header svg.tier-2-close-icon{display:block}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header .mobile-close{display:flex;align-items:center}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header .mobile-close span{letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-left:.5rem;font-size:.75rem}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header .mobile-close svg{height:1rem;width:1rem;color:var(--color-black)}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header .mobile-close{display:none}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header span.heading{margin-top:2.5rem;font-family:var(--font-family-heading);line-height:1.2;font-weight:var(--fluid-type-font-weight, 500);font-size:clamp(var(--fluid-type-min, 1.5rem),calc(1rem + var(--fluid-type-target, 4vw)),var(--fluid-type-max, 5rem));margin-bottom:var(--fluid-type-margin, 2rem)}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-header span.heading a{text-decoration:none;color:var(--colour-text-link)}.section-header .main-menu nav ul>li .tier-2-dropdown ul{padding:0;gap:1.5rem}.section-header .main-menu nav ul>li .tier-2-dropdown ul>li>a{color:var(--color-black)}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown ul>li>a:hover,.section-header .main-menu nav ul>li .tier-2-dropdown ul>li>a:focus{color:var(--colour-secondary)}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}@media(min-width:1280px){.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots{padding:2.5rem}}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots .content-spot a{text-decoration:none;color:var(--colour-text-link)}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots .content-spot a img{width:100%;height:auto;object-fit:cover;max-height:9.5rem}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots .content-spot a .content{background-color:var(--colour-tertiary);height:2rem;display:flex;align-items:center}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots .content-spot a .content span{color:var(--colour-white);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-left:1rem}.section-header .main-menu nav ul>li .tier-2-dropdown .tier-2-content-spots .content-spot a .content svg{margin-left:auto;width:.75rem;height:.75rem;margin-right:1rem;fill:var(--colour-white)}.section-header .main-menu nav ul:first-child{border-top:1px solid var(--colour-white)}.section-header .main-menu .company-info{color:var(--colour-white);font-size:.75rem;letter-spacing:.04em;padding:2rem 1.5rem 0;margin-top:auto;display:flex;flex-direction:column;justify-content:center}@media(min-width:1280px){.section-header .main-menu .company-info{margin-top:0}}.section-header .main-menu .company-info .address{text-align:center;padding-bottom:1rem}.section-header .main-menu .company-info .branch-info{text-align:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:1.5rem}.section-header .main-menu .company-info .branch-info .text-block-header{font-weight:700}.section-header .main-menu .company-info .branch-info a{text-decoration:none;color:var(--colour-text-link);color:var(--colour-white);font-weight:500}.section-header .main-menu .button-blocks{padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media(min-width:1280px){.section-header .main-menu .button-blocks{margin-top:auto}}.section-header .main-menu .button-blocks .c-btn{color:var(--colour-primary);background-color:var(--colour-white)}.section-header .main-menu .button-blocks .c-btn svg{fill:var(--colour-primary)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-header.css.map */