.section-main-header{--nav-header-height: 3rem;--nav-dropdown-padding-top: 2.5rem;--nav-dropdown-gap-xl: 4rem;--nav-action-btn-height-xl: 2.5rem;background-color:var(--colour-mine-shaft);border-bottom:1px solid var(--colour-emperor);position:sticky;top:0;z-index:900;width:100%;height:var(--nav-height);display:flex;align-items:center}.js-navigation-visible .section-main-header{z-index:1100;background-color:transparent;transition-delay:0s}.section-main-header site-header{display:block;width:100%}.section-main-header site-header>.container{display:flex;align-items:center;gap:1rem}.section-main-header .logo{flex-shrink:0}.section-main-header .logo svg{height:auto;width:10rem;fill:var(--colour-white)}.section-main-header .actions{display:flex;align-items:center;gap:1.25rem;justify-content:flex-end;margin-left:auto;transition:all var(--transition-duration) var(--transition-timing) 0s}.js-navigation-visible .section-main-header .actions{opacity:.5;pointer-events:none}.section-main-header .actions .c-btn{color:var(--colour-white);padding:0;text-decoration:none}.section-main-header .actions .c-btn svg{fill:currentColor;height:1.25rem;width:1.25rem}.section-main-header .actions .search-open span{opacity:.4}.section-main-header .actions .cart-open{display:flex;align-items:center;gap:.25rem}.section-main-header .actions .cart-open cart-count{color:var(--colour-amber);font-size:.75rem}.section-main-header nav.navigation{display:flex}.js-navigation-visible .section-main-header nav.navigation{transition-delay:var(--transition-duration);opacity:1;visibility:visible;transform:translate(0)}.section-main-header nav.navigation .navigation-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1);height:var(--nav-header-height);padding-inline:var(--gutter)}.section-main-header nav.navigation .navigation-close{padding:0;margin-left:auto;position:relative}.section-main-header nav.navigation .navigation-close:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(2);z-index:1}.section-main-header nav.navigation .navigation-close,.section-main-header nav.navigation .navigation-close svg{height:1.25rem;width:1.25rem;fill:var(--colour-mine-shaft)}.section-main-header nav.navigation .navigation-go-back{opacity:0;visibility:hidden;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-duration) var(--transition-timing) 0s;padding:0;color:var(--colour-mine-shaft);font-size:.875rem}.section-main-header nav.navigation .navigation-go-back svg{height:.875rem;width:.875rem;fill:currentColor}.js-navigation-tier-two-visible .section-main-header nav.navigation .navigation-go-back{opacity:1;visibility:visible}.section-main-header nav.navigation ul{list-style:none;margin:0;padding:0}.section-main-header nav.navigation ul a{color:var(--colour-mine-shaft)}.section-main-header nav.navigation ul a:not(.shop-all){text-decoration:none}.section-main-header nav.navigation ul:empty{display:none}.section-main-header nav.navigation .tier-one-navigation-item,.section-main-header nav.navigation .tier-two-navigation-item,.section-main-header nav.navigation .tier-three-navigation-item{display:block}.section-main-header nav.navigation .tier-one-navigation-item.offer-item,.section-main-header nav.navigation .tier-two-navigation-item.offer-item{position:relative;color:var(--nav-offers-foreground-color, var(--colour-radical-red))}.section-main-header nav.navigation .dropdown{overflow-x:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-header nav.navigation .dropdown .container{display:flex}.section-main-header nav.navigation .tier-one-title,.section-main-header nav.navigation .tier-heading{padding-inline:var(--gutter)}.section-main-header nav.navigation .tier-heading{color:var(--colour-mine-shaft);position:relative;font-size:2rem}.section-main-header nav.navigation .tier-heading:after{content:"";position:absolute;bottom:0;left:var(--gutter);width:1rem;height:1px;background-color:var(--colour-mine-shaft);transform:translateY(.5rem)}@media (min-width: 768px){.section-main-header .actions{gap:1.5rem}}@media (min-width: 1280px){.section-main-header{--nav-height: 4.5rem}.section-main-header site-header{position:relative}.section-main-header .actions{flex-grow:1}.section-main-header .actions .c-btn{padding:.25rem;height:var(--nav-action-btn-height-xl);min-width:var(--nav-action-btn-height-xl);background-color:transparent;transition:all var(--transition-duration) var(--transition-timing) 0s;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.section-main-header .actions .c-btn:hover,.section-main-header .actions .c-btn:focus{background-color:var(--colour-thunder)}.section-main-header .actions .navigation-open{display:none}.section-main-header nav.navigation .navigation-header{display:none}.section-main-header nav.navigation .navigation-close{display:none}.section-main-header nav.navigation ul a{color:var(--colour-white)}.section-main-header nav.navigation .tier-one-navigation-item{padding:1.5rem 1rem;position:relative;white-space:nowrap}.section-main-header nav.navigation .tier-one-navigation-item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - .5rem);height:50%;background-color:var(--colour-thunder);border-radius:var(--border-radius-sm);opacity:0;transition:all var(--transition-duration) var(--transition-timing) 0s;z-index:-1}.section-main-header nav.navigation .tier-two-navigation-item{font-size:1.25rem;font-weight:600}.section-main-header nav.navigation .tier-two-navigation-item,.section-main-header nav.navigation .tier-three-navigation-item{width:-webkit-fit-content;width:fit-content;padding:.25rem;background-color:transparent;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-header nav.navigation .tier-one-navigation{display:flex;align-items:center}.section-main-header nav.navigation .tier-one-navigation>li:hover>a:before,.section-main-header nav.navigation .tier-one-navigation>li:focus>a:before{opacity:1}.section-main-header nav.navigation .tier-one-navigation>li:hover>.dropdown,.section-main-header nav.navigation .tier-one-navigation>li:focus>.dropdown{opacity:1;visibility:visible;transform:translateY(0)}.section-main-header nav.navigation .tier-one-navigation{display:flex}.section-main-header nav.navigation .tier-two-navigation:not(.singles){display:grid;grid-auto-flow:column;gap:var(--nav-dropdown-gap-xl);align-items:start}.section-main-header nav.navigation .tier-two-navigation.singles{display:flex;flex-direction:column;gap:.5rem}.section-main-header nav.navigation .tier-two-navigation>li>a:hover,.section-main-header nav.navigation .tier-two-navigation>li>a:focus{background-color:var(--colour-mine-shaft);border-radius:var(--border-radius-sm)}.section-main-header nav.navigation .tier-three-navigation>li{position:relative}.section-main-header nav.navigation .tier-three-navigation>li:hover>a,.section-main-header nav.navigation .tier-three-navigation>li:focus>a{background-color:var(--colour-mine-shaft);border-radius:var(--border-radius-sm)}.section-main-header nav.navigation .dropdown .container{gap:var(--nav-dropdown-gap-xl)}.section-main-header nav.navigation .dropdown.tier-two{background-color:var(--colour-thunder);opacity:0;visibility:hidden;position:absolute;top:100%;left:0;transform:translateY(1rem);width:100%;gap:2.5rem;padding:2.5rem 0;border-top:1px solid var(--colour-emperor)}.section-main-header nav.navigation .dropdown.tier-three{padding-top:.5rem}.section-main-header nav.navigation .tier-one-title,.section-main-header nav.navigation .tier-heading{display:none}.section-main-header nav.navigation .tier-heading{display:none}}@media (min-width: 1400px){.section-main-header .actions .search-open{flex-grow:1;max-width:12rem;border:1px solid white;justify-content:space-between;padding-inline:.5rem;background-color:#ffffff0a;border:1px solid var(--colour-emperor)}}@media (max-width: 1399.98px){.section-main-header .actions .search-open span{display:none}}@media (max-width: 1279.98px){.section-main-header nav.navigation{opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:var(--colour-athens-grey);transform:translate(-100%);transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:0s;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-width:40rem;z-index:100}.section-main-header nav.navigation ul a:not(.shop-all){font-size:1.25rem}.section-main-header nav.navigation ul a[data-site-header-el]{background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.06 33.06L37.06 51.06C36.7756 51.325 36.3996 51.4692 36.011 51.4623C35.6224 51.4555 35.2516 51.2981 34.9768 51.0232C34.7019 50.7484 34.5445 50.3776 34.5376 49.989C34.5308 49.6004 34.675 49.2243 34.94 48.94L50.3775 33.5H10C9.60218 33.5 9.22064 33.342 8.93934 33.0607C8.65804 32.7794 8.5 32.3978 8.5 32C8.5 31.6022 8.65804 31.2206 8.93934 30.9393C9.22064 30.658 9.60218 30.5 10 30.5H50.3775L34.94 15.06C34.675 14.7756 34.5308 14.3996 34.5376 14.011C34.5445 13.6224 34.7019 13.2516 34.9768 12.9768C35.2516 12.7019 35.6224 12.5445 36.011 12.5376C36.3996 12.5308 36.7756 12.675 37.06 12.94L55.06 30.94C55.3409 31.2212 55.4987 31.6025 55.4987 32C55.4987 32.3975 55.3409 32.7787 55.06 33.06Z' /%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:right var(--gutter) center;background-size:1.25rem}.section-main-header nav.navigation .tier-one-navigation-item{font-size:1.25rem}.section-main-header nav.navigation .tier-one-navigation-item,.section-main-header nav.navigation .tier-two-navigation-item,.section-main-header nav.navigation .tier-three-navigation-item{padding:.75rem var(--gutter)}.section-main-header nav.navigation .tier-one-navigation-item.js-is-active+.dropdown,.section-main-header nav.navigation .tier-two-navigation-item.js-is-active+.dropdown{transform:none;z-index:1}.section-main-header nav.navigation .tier-one-navigation{padding-top:var(--nav-dropdown-padding-top)}.section-main-header nav.navigation .dropdown{background-color:var(--colour-athens-grey);padding:var(--nav-dropdown-padding-top) 0 1.5rem;position:fixed;transform:translate(100%);right:0;bottom:0;left:0;height:calc(100% - var(--nav-header-height));overflow-y:auto;overflow-x:hidden}.section-main-header nav.navigation .dropdown .container{padding:0;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-main-header.css.map */