.header__navigation{width:100%;margin:0 auto;border-top:1px solid var(--border-grey, #E8E9EB);border-bottom:1px solid var(--border-grey, #E8E9EB);padding:0 24px;position:relative;display:flex;align-items:center}.header__navigation nav{width:100%}.header__navigation ul{margin:0;padding:0;list-style-type:none;display:flex;flex-flow:row nowrap;align-items:center;gap:32px}.header__navigation ul li>details{padding:12px 0}.header__navigation ul li>a,.header__navigation ul li>details>summary a,.header__navigation ul li>details>summary span{color:#000;text-decoration:none;font-weight:500;letter-spacing:.216px;position:relative;text-transform:lowercase}.header__navigation ul li summary>a:hover,.header__navigation ul li summary>span:hover,.header__navigation ul li summary>a.header__link-current,.header__navigation ul li summary>span.header__link-current{color:var(--neutral-600, #666)}.header__navigation>nav>ul>li>a:after,.header__navigation ul li summary>a:after,.header__navigation ul li summary>span:after{content:"";width:100%;height:0;background:var(--colour-gold);display:block;position:absolute;bottom:-13px;left:0;transition:height .15s ease-in-out}.header__navigation ul li details[open]>summary>a:after,.header__navigation ul li details[open]>summary>span:after,.header__navigation ul li details:hover a:hover:after,.header__navigation ul li details:hover span:hover:after,.header__navigation ul li a:hover:after,.header__navigation ul li span:hover:after,.header__navigation ul li a.header__link-current:after,.header__navigation ul li span.header__link-current:after{height:6px}.header__navigation nav>ul>li:last-child{margin-left:auto}.header__navigation nav>ul>li:last-child a,.header__navigation nav>ul>li:last-child span{color:var(--colour-red)}.header__mega-item{position:absolute;top:100%;left:0;width:100%;background:var(--colour-white);display:flex;flex-flow:row nowrap}.header__mega-sidebar{width:100%;max-width:250px;padding:32px 24px 16px;display:flex;flex-flow:column nowrap;gap:42px}.header__mega-links{width:100%;display:flex;flex-flow:column nowrap;gap:24px}.header__mega-links a{color:var(--colour-onyx);text-decoration:none;font-weight:500;letter-spacing:.216px;position:relative;text-transform:lowercase}.header__mega-images{width:100%;display:flex;flex-flow:column nowrap;gap:16px}.header__mega-images--mobile{display:none}.header__mega-image a{width:100%;display:flex;flex-flow:column nowrap;gap:4px;color:#000;text-decoration:none}.header__mega-sidebar--onyx{background-color:var(--colour-onyx)}.header__mega-sidebar--green{background-color:var(--colour-green)}.header__mega-sidebar--light_green{background-color:var(--colour-light-green)}.header__mega-sidebar--stone{background-color:var(--colour-stone)}.header__mega-sidebar--blue{background-color:var(--colour-blue)}.header__mega-sidebar--light_blue{background-color:var(--colour-light-blue)}.header__mega-sidebar--mist{background-color:var(--colour-mist)}.header__mega-sidebar--grey{background-color:var(--colour-grey)}.header__mega-sidebar--red{background-color:var(--colour-red)}.header__mega-sidebar--yellow{background-color:var(--colour-yellow)}.header__mega-sidebar--sage{background-color:var(--colour-sage)}.header__mega-sidebar--onyx a,.header__mega-sidebar--red a,.header__mega-sidebar--green a{color:var(--colour-white)}.header__mega-sidebar--sage a,.header__mega-sidebar--light_green a,.header__mega-sidebar--light_blue a,.header__mega-sidebar--mist a,.header__mega-sidebar--grey a,.header__mega-sidebar--stone a,.header__mega-sidebar--yellow a,.header__mega-sidebar--blue a{color:var(--colour-onyx)}.header__mega-links a.header__mega-clearance{color:var(--colour-red)}.header__mega-menu{width:calc(100vw - 250px);border-top:1px solid var(--border-grey, #E8E9EB);padding:35px 14px}.header__mega-menu>ul{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,212px);grid-column-gap:26px;grid-row-gap:64px}.header__mega-menu>ul>li>ul{width:100%;display:flex;flex-flow:column nowrap;gap:24px;align-items:flex-start}.header__mega-menu>ul>li{width:212px;padding-left:16px;display:flex;flex-flow:column nowrap;gap:24px}.header__mega-single,.header__mega-link--children{height:100%}.header__sub-menu ul{flex-flow:column nowrap;width:100%}.header__sub-menu ul li{width:100%}.header__mega-link--children>a>span.body-s{font-weight:500}.header__mega-link--children>span.body-s{font-weight:500;color:var(--onyx-600, #7F7F80);letter-spacing:0}.header__mega-link--children ul>li>a span{font-weight:300}.header__mega-link--children>a svg,.header__mega-link--children .header__mega-nolink svg,.header__navigation ul li>details>summary svg{display:none}.header__brand-title{font-weight:600;text-transform:lowercase;letter-spacing:0}.header__mega-title{color:var(--colour-onyx);text-decoration:none;font-weight:500}.header__sub-menu .header__mega-title{font-size:20px}.header__brand-list{width:100%;display:flex;flex-flow:row wrap;gap:32px}.header__brand-item{width:155px}.header__brand-item a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header__brand-item a img{width:100%;object-fit:contain}.header__mega-nolink span{font-weight:500;color:#7f7f80}.header__mega-header{display:none}@media only screen and (max-width: 1030px){.header__navigation{position:absolute;top:76px;left:0;width:100vw;height:calc(100vh - 76px);background:var(--colour-white);transform:translate(100%);transition:transform .25s ease-in-out;padding:0 21px;align-items:flex-start;opacity:0;visibility:hidden}.header__navigation.active{transform:translate(0);opacity:1;visibility:visible;transition:all .25s ease-in-out}.header__navigation.active .header__logo--scroll{display:none}.header__navigation ul{flex-flow:column nowrap;gap:0}.header__navigation nav>ul>li{width:100%;border-bottom:1px solid var(--border-grey, #E8E9EB)}.header__navigation nav>ul>li:last-child{margin:0}.header__navigation ul li details[open]>summary>a:after,.header__navigation ul li details[open]>summary>span:after,.header__navigation ul li details:hover a:hover:after,.header__navigation ul li details:hover span:hover:after,.header__navigation ul li a:hover:after,.header__navigation ul li span:hover:after,.header__navigation ul li a.header__link-current:after,.header__navigation ul li span.header__link-current:after{height:0}.header__navigation ul li summary>a:hover,.header__navigation ul li summary>span:hover,.header__navigation ul li summary>a.header__link-current,.header__navigation ul li summary>span.header__link-current{color:#000}.header__navigation ul li>details>summary{display:flex;flex-flow:row nowrap;align-items:center}.header__navigation ul li>details>summary svg{display:block;margin-left:auto}.header__mega-item{top:0;left:100%;flex-flow:column nowrap;z-index:1;transition:all .25s ease-in-out;height:calc(100vh - 76px);overflow-y:scroll;width:100vw;overflow-x:hidden;padding-bottom:60px}.header__navigation ul li>details[open] .header__mega-item{left:0}.header__mega-sidebar{max-width:100%;padding:16px}.header__mega-menu{width:100%;padding:0 16px 16px}.header__mega-header{display:flex;flex-flow:column nowrap;padding:12px 16px}.header__sub-menu .header__mega-header{padding-bottom:0}.header__mega-header a.back{width:100%;display:flex;flex-flow:row nowrap;gap:10px;align-items:center;text-transform:lowercase;color:var(--onyx-600, #7F7F80);text-decoration:none;padding-bottom:12px;margin-bottom:12px;position:relative}.header__mega-header a.back:before{content:"";width:calc(100% + 32px);height:1px;position:absolute;top:35px;left:-16px;background:#e8e9eb}.header__mega-menu>ul>li.header__mega-link--children .header__mega-header svg{margin-left:0}.header__mega-link--children>a svg,.header__mega-link--children .header__mega-nolink svg{display:block}.header__brand-title{margin-top:16px;display:block}.header__mega-images{display:none}.header__mega-images--mobile{width:100%;display:flex;flex-flow:row nowrap;gap:16px;padding:16px}.header__mega-images--mobile img{display:block;width:100%;height:auto;object-position:center}.header__mega-image{width:100%}.header__mega-images--mobile .header__mega-image-inner{display:block;width:100%;max-width:100%;height:500px;overflow:hidden;position:relative}.header__sub-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translate(100%);z-index:2;display:flex;flex-flow:column nowrap;transition:all .25s ease-in-out}.header__sub-menu.active{transform:translate(0)}.header__mega-menu>ul{display:flex;align-items:flex-start}.header__mega-menu>ul>li{width:100%;border-bottom:1px solid var(--border-grey, #E8E9EB);padding:0}.header__mega-menu>ul>li>.header__mega-nolink,.header__mega-menu>ul>li>a{padding:12px 0;display:flex;flex-flow:row nowrap;align-items:center}.header__mega-menu>ul>li.header__mega-link--children svg{margin-left:auto}.header__mega-menu>ul>li.header__mega-single{gap:0}.header__mega-menu>ul>li.header__mega-single a{border-bottom:1px solid var(--border-grey, #E8E9EB)}.header__mega-menu>ul>li.header__mega-single a:last-of-type{border-bottom:0}.header__sub-menu ul{gap:24px;margin-top:16px}.header__sub-menu li{width:100%;padding-left:16px}.header__mega-nolink{cursor:pointer}.header__brand-item{width:calc(70% / 3)}.header__brand-list{justify-content:center;padding-top:32px}}@media only screen and (max-width: 768px){.header__mega-images--mobile{flex-flow:column nowrap}.header__brand-item{width:35%}.header__brand-list{justify-content:center}}@media only screen and (max-width: 568px){.header__mega-images--mobile .header__mega-image-inner{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-navigation.css.map */