.site-header{position:sticky;top:0;z-index:100;background-color:var(--colour-pampas);margin-bottom:2.5rem}@media (min-width: 1024px){.site-header{margin-bottom:4rem}}.section-header{--menu-gap: 2rem;border-bottom:2px solid var(--colour-rhino);padding:1.5rem 0;position:sticky;top:0;z-index:100}@media (min-width: 576px){.section-header{--menu-gap: 2.5rem}}@media (min-width: 1024px){.section-header{padding:.5rem 0}}.section-header .container{position:relative;display:flex;align-items:center}.section-header .logo{flex-grow:2}@media (max-width: 1023.98px){.section-header .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}}.section-header .logo a{display:block}.section-header .logo,.section-header .logo svg{height:2rem;width:8.125rem}@media (min-width: 768px){.section-header .logo,.section-header .logo svg{height:2.25rem;width:9.125rem}}.section-header .shop-btn,.section-header .search-btn{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem;color:var(--colour-shark)}.section-header .shop-btn:focus,.section-header .search-btn:focus{outline:none}.section-header .shop-btn:hover,.section-header .search-btn:hover{text-decoration:none;outline:none}.section-header .shop-btn:disabled,.section-header .search-btn:disabled{opacity:.5;pointer-events:none}@media (min-width: 1024px){.section-header .shop-btn,.section-header .search-btn{font-size:1.125rem}}@media (hover: hover){.section-header .shop-btn,.section-header .search-btn{cursor:default}}.section-header .shop-btn svg,.section-header .search-btn svg{height:1rem;width:1rem;fill:currentColor}.search-active .section-header .shop-btn{pointer-events:none}@media (max-width: 767.98px){.section-header .search-btn span{display:none}}.section-header .close-btn{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;position:fixed;top:1.5rem;right:1.5rem;color:var(--colour-rhino);z-index:10}.section-header .close-btn:focus{outline:none}.section-header .close-btn:hover{text-decoration:none;outline:none}.section-header .close-btn:disabled{opacity:.5;pointer-events:none}@media (min-width: 1024px){.section-header .close-btn{display:none}}.section-header .close-btn,.section-header .close-btn svg{height:.75rem;width:.75rem}.section-header .close-btn svg{fill:currentColor}.section-header .back-btn{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;display:flex;align-items:center;gap:.5rem;font-size:.675rem;letter-spacing:-.05em;text-transform:uppercase;font-weight:700;position:fixed;top:1.5rem;left:1.5rem;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-header .back-btn:focus{outline:none}.section-header .back-btn:hover{text-decoration:none;outline:none}.section-header .back-btn:disabled{opacity:.5;pointer-events:none}@media (min-width: 1024px){.section-header .back-btn{display:none}}.section-header .back-btn svg{height:.5rem;width:.5rem;fill:currentColor}.section-header ol.actions{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:var(--menu-gap)}@media (max-width: 1023.98px){.section-header ol.actions li:not(.cart){display:none}}.section-header ol.actions li a{opacity:1;transition:opacity var(--transition-duration) var(--transition-timing) 0s}@media (min-width: 1024px){.section-header ol.actions:hover>li>a,.section-header ol.actions:focus>li>a{opacity:.6}.section-header ol.actions:hover>li:hover>a,.section-header ol.actions:focus>li:hover>a{opacity:1}}.section-header ol.actions a{text-decoration:none;color:var(--colour-shark)}@media (min-width: 1024px){.section-header ol.actions a{font-size:1.125rem}}.section-header ol.actions a svg{height:1rem;width:1rem;fill:currentColor}.section-header ol.actions a.cart{display:flex;align-items:center;gap:.5rem}.section-header .menu-wrapper{display:flex;margin-right:1.5rem}@media (max-width: 1023.98px){.section-header .menu-wrapper{flex-grow:2}}@media (min-width: 1024px){.section-header .menu-wrapper{margin-right:4rem}}.section-header .menu-wrapper ul{list-style:none;margin:0;padding:0}.section-header .menu-wrapper ul a{text-decoration:none;color:var(--colour-shark)}@media (min-width: 1024px){.section-header .menu-wrapper ul a{font-size:.875rem}}.section-header .menu-wrapper ul.tier-1{display:flex;align-items:center;gap:var(--menu-gap)}@media (max-width: 767.98px){.section-header .menu-wrapper ul.tier-1{justify-content:space-between;flex-grow:2}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-1>li{background:transparent;transition:all var(--transition-duration) var(--transition-timing) 0s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.558038 0.558079C0.802104 0.31399 1.19783 0.313971 1.44192 0.558038L5.11381 4.22959L8.78571 0.558038C9.0298 0.313971 9.42552 0.31399 9.66959 0.558079C9.91366 0.802168 9.91364 1.1979 9.66955 1.44196L5.74988 5.36127C5.74976 5.36138 5.74965 5.36149 5.74954 5.3616C5.66613 5.44505 5.5671 5.51126 5.4581 5.55645C5.34896 5.60171 5.23196 5.625 5.11381 5.625C4.99566 5.625 4.87867 5.60171 4.76953 5.55645C4.66053 5.51126 4.5615 5.44505 4.47809 5.3616C4.47797 5.36149 4.47786 5.36138 4.47775 5.36127L0.558079 1.44196C0.31399 1.1979 0.313971 0.802168 0.558038 0.558079ZM5.36226 4.47802L5.36193 4.47768C5.36205 4.4778 5.36215 4.4779 5.36226 4.47802Z' fill='%23F2EFEA'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:75% 85%;background-size:.5rem}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-1>li:hover,.section-header .menu-wrapper ul.tier-1>li:focus{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.558038 0.558079C0.802104 0.31399 1.19783 0.313971 1.44192 0.558038L5.11381 4.22959L8.78571 0.558038C9.0298 0.313971 9.42552 0.31399 9.66959 0.558079C9.91366 0.802168 9.91364 1.1979 9.66955 1.44196L5.74988 5.36127C5.74976 5.36138 5.74965 5.36149 5.74954 5.3616C5.66613 5.44505 5.5671 5.51126 5.4581 5.55645C5.34896 5.60171 5.23196 5.625 5.11381 5.625C4.99566 5.625 4.87867 5.60171 4.76953 5.55645C4.66053 5.51126 4.5615 5.44505 4.47809 5.3616C4.47797 5.36149 4.47786 5.36138 4.47775 5.36127L0.558079 1.44196C0.31399 1.1979 0.313971 0.802168 0.558038 0.558079ZM5.36226 4.47802L5.36193 4.47768C5.36205 4.4778 5.36215 4.4779 5.36226 4.47802Z' fill='%232F3032'/%3E%3C/svg%3E%0A")}}@media (hover: hover){.section-header .menu-wrapper ul.tier-1>li:hover>div,.section-header .menu-wrapper ul.tier-1>li:focus>div{opacity:1;visibility:visible;transform:none}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-1>li>button{padding:1.5rem 0;opacity:1;transition:opacity var(--transition-duration) var(--transition-timing) 0s}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-1:hover>li>button,.section-header .menu-wrapper ul.tier-1:focus>li>button{opacity:.6}.section-header .menu-wrapper ul.tier-1:hover>li:hover>button,.section-header .menu-wrapper ul.tier-1:focus>li:hover>button{opacity:1}}.section-header .menu-wrapper ul.tier-2{display:flex;flex-direction:column;flex-grow:2}@media (max-width: 1023.98px){.section-header .menu-wrapper ul.tier-2{padding:0 1.5rem 1.5rem;gap:2rem;position:relative}}@media (min-width: 768px){.section-header .menu-wrapper ul.tier-2{padding:0 6.5rem 1.5rem}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-2{background-color:var(--colour-white);box-shadow:0 4px 24px #0000003d;border-radius:.5rem;width:24%;margin-right:1rem;padding:.5rem 0}}.section-header .menu-wrapper ul.tier-2>li>a{display:flex;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z' style='fill:%232F3032'/%3E%3C/svg%3E");background-position:center right;background-repeat:no-repeat;background-size:.5rem;padding-right:2rem}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-2>li>a{padding:.75rem 1.5rem;background-position:center right 1.5rem;position:relative;opacity:1;transition:opacity var(--transition-duration) var(--transition-timing) 0s}.section-header .menu-wrapper ul.tier-2>li>a:after{content:"";display:block;position:absolute;top:0;left:100%;height:100%;width:1rem;cursor:default}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-2>li:hover .menu-inner{opacity:1;visibility:visible;transform:none;transition:all var(--transition-duration) var(--transition-timing) 0s}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-2:hover>li>a,.section-header .menu-wrapper ul.tier-2:focus>li>a{opacity:.6}.section-header .menu-wrapper ul.tier-2:hover>li:hover>a,.section-header .menu-wrapper ul.tier-2:focus>li:hover>a{opacity:1}.section-header .menu-wrapper ul.tier-2:hover>li:hover .menu-inner,.section-header .menu-wrapper ul.tier-2:focus>li:hover .menu-inner{opacity:1;visibility:visible;transform:none;transition:all var(--transition-duration) var(--transition-timing) 0s}}.section-header .menu-wrapper ul.tier-3{display:flex;flex-direction:column;gap:3rem;padding:0 1.5rem 1.5rem;overflow-y:auto}@media (min-width: 768px){.section-header .menu-wrapper ul.tier-3{padding:0 6.5rem 1.5rem}}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem 1.25rem;padding:0}}.section-header .menu-wrapper ul.tier-3>li{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-3>li{gap:1rem}}.section-header .menu-wrapper ul.tier-3>li>a{font-weight:700}.section-header .menu-wrapper ul.tier-3>li:hover>a,.section-header .menu-wrapper ul.tier-3>li:focus>a{text-decoration:underline}.section-header .menu-wrapper ul.tier-4{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1024px){.section-header .menu-wrapper ul.tier-4{gap:.75rem}}.section-header .menu-wrapper ul.tier-4>li:hover>a,.section-header .menu-wrapper ul.tier-4>li:focus>a{text-decoration:underline}.section-header .menu-wrapper ul.tier-4>li.shop-all{padding-top:.5rem}.section-header .menu-wrapper ul.tier-4>li.shop-all a{text-decoration:underline}.section-header .menu{position:fixed;top:0;left:0;width:100%;transform:translate(100%);transition:all var(--transition-duration) var(--transition-timing) 0s;z-index:100}@media (max-width: 1023.98px){.section-header .menu{background-color:var(--colour-pampas);padding:7rem 0 0;display:flex;flex-direction:column;flex-grow:2;height:100%}}@media (min-width: 1024px){.section-header .menu{position:absolute;top:100%;left:1rem;width:calc(100% - 2rem);transform:translateY(2rem);opacity:0;visibility:hidden}}.section-header .menu>.footer{padding:1.5rem;border-top:2px solid var(--colour-rhino)}@media (min-width: 1024px){.section-header .menu>.footer{display:none}}.section-header .menu.is-visible{transform:none}.section-header .menu.dropdown-active .back-btn{opacity:1;visibility:visible}.section-header .menu-inner{position:absolute;top:0;left:0;height:100%;width:100%;transform:translate(100%);transition:all var(--transition-duration) var(--transition-timing) 0s;opacity:0;visibility:hidden;background-color:var(--colour-pampas);display:flex;flex-direction:column;gap:2rem;overflow-y:auto}@media (min-width: 1024px){.section-header .menu-inner{opacity:0;visibility:hidden;transform:translate(2rem);left:24%;height:auto;width:calc(76% - 1rem);background-color:var(--colour-white);box-shadow:0 4px 24px #0000003d;border-radius:.5rem;margin-left:1rem;padding:1.5rem;gap:1.5rem}}.section-header .menu-inner.is-visible{transform:none;opacity:1;visibility:visible}.section-header .menu-inner .heading{margin:0}@media (max-width: 1023.98px){.section-header .menu-inner .heading{padding:0 1.5rem}}@media (min-width: 768px) and (max-width: 1023.98px){.section-header .menu-inner .heading{padding:0 6.5rem 1.5rem}}.section-header .menu-inner>.footer{padding-top:1.5rem;border-top:2px solid var(--colour-shark);display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 1023.98px){.section-header .menu-inner>.footer{display:none}}.section-header .menu-inner>.footer p{font-size:.875rem;max-width:60%}.section-header .menu-inner>.footer p:last-of-type{margin:0}.section-header .search{position:absolute;top:100%;left:1rem;height:auto;width:calc(100% - 2rem);z-index:100;padding:1rem;transform:translateY(1rem);background-color:var(--colour-white);box-shadow:0 4px 24px #0000003d;border-radius:.5rem;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:0s}@media (min-width: 1024px){.section-header .search{width:60vw;max-width:800px}}.section-header .search.is-visible{transform:none;opacity:1;visibility:visible;transition-delay:var(--transition-duration)}.section-header .search hr{margin:2rem 0 1.5rem}.section-header .search .close-btn{position:absolute}.section-header .search-form{position:relative;max-width:25rem}.section-header .search-form input{color:inherit;background:transparent;border:0;border-radius:0;-webkit-appearance:none;appearance:none;background-color:var(--colour-pampas);padding:1rem 3rem 1rem 1rem;font-size:.875rem;position:relative;z-index:1;width:100%;border-radius:.5rem}.section-header .search-form input:focus{outline:none}.section-header .search-form input:hover{outline:none}.section-header .search-form input:disabled{opacity:.5;pointer-events:none;cursor:default}.section-header .search-form button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:5;color:var(--colour-shark)}.section-header .search-form button:focus{outline:none}.section-header .search-form button:hover{text-decoration:none;outline:none}.section-header .search-form button:disabled{opacity:.5;pointer-events:none}.section-header .search-form button svg{height:1rem;width:1rem;fill:currentColor}.section-header .popular-categories{--image-size: 6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(0,var(--image-size)));grid-template-rows:auto;gap:1rem}@media (min-width: 768px){.section-header .popular-categories{--image-size: 7rem;gap:1.5rem}}.section-header .popular-categories .item{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.section-header .popular-categories .item img,.section-header .popular-categories .item svg{height:var(--image-size);width:var(--image-size);border-radius:.5rem;border:2px solid var(--colour-rhino);overflow:hidden;aspect-ratio:1/1;object-fit:cover}.section-header .popular-categories .item a{color:var(--colour-shark);font-size:.875rem;text-decoration:none}.section-header .search-overlay{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0006;opacity:0;visibility:hidden;z-index:10;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:var(--transition-duration)}.section-header .search-overlay.is-visible{opacity:1;visibility:visible;transition-delay:0s}
/*# sourceMappingURL=/s/files/1/0664/5081/7259/t/2/assets/section-header.css.map */