.site-header{background-color:var(--colour-sugar-cane)}@media (max-height: 767.9px){.site-header{position:relative;z-index:110}}@media (min-height: 768px){.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:110}}.section-header{border-bottom:1px solid var(--colour-whisper)}@media (min-width: 1024px){.section-header{padding-bottom:.5rem;position:relative;z-index:110}}.section-header .wrapper{padding:.5rem 0;display:flex;gap:1.5rem;align-items:center;justify-content:space-between}@media (min-width: 768px){.section-header .wrapper{width:100%;gap:4rem;padding:1rem 0;position:relative}}@media (min-width: 1024px){.section-header .wrapper{padding:1.5rem 0 1.25rem}}.section-header .logo img{height:3.5rem;width:7rem;object-fit:contain}@media (min-width: 1024px){.section-header .logo img{height:4rem;width:8rem}}@media (min-width: 1024px){.section-header .actions{display:grid;grid-auto-flow:column;align-items:center;grid-gap:1.5rem}}@media (min-width: 1280px){.section-header .actions{grid-gap:2.5rem;position:relative}}.section-header .actions span.line{height:24px;width:1px;background-color:var(--colour-whisper)}@media (max-width: 1279.98px){.section-header .actions span.line{display:none}}.section-header .actions a,.section-header .actions button{padding:0;display:grid;place-items:center;text-decoration:none;font-weight:500}@media (max-width: 1023.98px){.section-header .actions a,.section-header .actions button{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.section-header .actions a,.section-header .actions button{gap:.5rem}}.section-header .actions a span:not(.count),.section-header .actions button span:not(.count){font-size:.75rem;color:var(--colour-emperor);transition:color var(--transition-duration) var(--transition-timing) 0s}@media (max-width: 1023.98px){.section-header .actions a span:not(.count),.section-header .actions button span:not(.count){display:none}}.section-header .actions a:hover span,.section-header .actions a:focus span,.section-header .actions button:hover span,.section-header .actions button:focus span{color:var(--colour-royal-purple)}.section-header .actions svg{height:1.5rem;width:1.5rem}.section-header .actions ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;justify-content:flex-end;grid-gap:2rem}@media (min-width: 768px){.section-header .actions ol{grid-gap:2.5rem}}@media (min-width: 1024px){.section-header .actions ol{grid-gap:1.5rem}}.section-header .actions ol.customer{display:none}@media (min-width: 1024px){.section-header .actions ol.customer{display:grid}}@media (min-width: 768px){.section-header .actions ol.ecomm li.search-open{display:none}}.section-header .actions .basket .icon-wrapper{position:relative;display:grid;place-items:center}@media (min-width: 1024px){.section-header .actions .basket .icon-wrapper{height:1.5rem;width:1.5rem}}.section-header .actions .basket svg{height:1.125rem;width:1.125rem}.section-header .actions .basket span.count{position:absolute;top:0;right:0;transform:translate(6px,-6px);padding:2px 4px;background-color:var(--colour-royal-purple);color:var(--colour-sugar-cane);border-radius:2px;font-size:.675rem;line-height:1}@media (min-width: 1280px){.section-header .actions .basket span.count{transform:translate(4px,-4px)}}.section-header .actions .basket span.count,.section-header .actions .wishlist-open span.count{position:absolute;top:0;right:0;transform:translate(6px,-6px);padding:2px 4px;background-color:var(--colour-royal-purple);color:var(--colour-sugar-cane);border-radius:2px;font-size:.675rem;line-height:1}@media (min-width: 1280px){.section-header .actions .basket span.count,.section-header .actions .wishlist-open span.count{transform:translate(4px,-4px)}}.section-header .actions .wishlist-open{position:relative}.section-header .actions .nav-open{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0}.section-header .actions .nav-open:focus{outline:none}.section-header .actions .nav-open:hover{text-decoration:none;outline:none}.section-header .actions .nav-open:disabled{opacity:.5;pointer-events:none}.section-header .actions .nav-open:focus{border:1px solid var(--colour-emperor)}@media (min-width: 1024px){.section-header .actions .nav-open{display:none}}.section-header .actions .nav-open svg{height:1.25rem;width:1.25rem}.section-header .nav-container{width:88vw;background-color:var(--colour-sugar-cane);z-index:250;display:flex;flex-direction:column}@media (max-width: 1023.98px){.section-header .nav-container{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-timing) 0s;overflow:hidden}}@media (min-width: 768px){.section-header .nav-container{width:72vw}}@media (min-width: 1024px){.section-header .nav-container{width:100%}}.section-header .nav-container.is-visible{transition-delay:.8s;transform:none}.section-header .nav-container .nav-actions{height:4rem;display:flex;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--colour-emperor)}@media (min-width: 1024px){.section-header .nav-container .nav-actions{display:none}}.section-header .nav-container .nav-actions button{padding:0}.section-header .nav-container .nav-back{display:flex;align-items:center;gap:.5rem;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s}@media (min-width: 1024px){.section-header .nav-container .nav-back{display:none}}.section-header .nav-container .nav-back:focus{border:1px solid var(--colour-emperor)}.section-header .nav-container .nav-back.inner{padding:1.5rem}.section-header .nav-container .nav-back svg{height:.5rem;width:1rem;fill:currentColor}.section-header .nav-container .nav-close{margin-left:auto}.section-header .nav-container .nav-close:focus{border:1px solid var(--colour-emperor)}.section-header .nav-container .nav-close svg{height:1rem;width:1rem}.section-header .nav-container.dropdown-active .nav-back{opacity:1;visibility:visible;transition-delay:.3s}.section-header .nav{--link-padding-xs: 1rem 2.5rem 1rem 1.5rem;flex-grow:1;position:relative}@media (max-width: 1023.98px) and (hover: none){.section-header .nav{overflow-y:auto;overflow-x:hidden}}.section-header .nav ul{list-style:none;padding:0;margin:0}.section-header .nav ul li>a{display:block;text-decoration:none}@media (max-width: 1023.98px){.section-header .nav ul li>a{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 10 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-3.25015,-0.250146)'%3E%3Cpath d='M11.151,9L3.477,16.462C3.18,16.751 3.174,17.226 3.462,17.523C3.751,17.82 4.226,17.826 4.523,17.538L12.362,9.915C12.485,9.796 12.582,9.654 12.648,9.498C12.715,9.34 12.75,9.171 12.75,9C12.75,8.829 12.715,8.66 12.648,8.502C12.582,8.346 12.485,8.204 12.362,8.085C12.362,8.085 4.523,0.462 4.523,0.462C4.226,0.174 3.751,0.18 3.462,0.477C3.174,0.774 3.18,1.249 3.477,1.538L11.151,9Z' style='fill:rgb(31,19,0);'/%3E%3C/g%3E%3C/svg%3E");background-position:center right 1.5rem;background-repeat:no-repeat;background-size:.4rem;padding:var(--link-padding-xs)}}.section-header .nav .tier-1-title{position:relative;padding-left:1.25rem;display:block;margin:1.5rem 0 1rem 1.5rem}.section-header .nav .tier-1-title:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:12px;height:1px;background-color:var(--colour-royal-purple)}@media (min-width: 1024px){.section-header .nav .tier-1-title{display:none}}.section-header .nav .tier-1-title:not(.promo){grid-area:nav-heading}.section-header .nav .tier-1-title.promo{grid-area:promo-heading}.section-header .nav .dropdown-title{display:block;margin:1.5rem 1.5rem 1rem;text-decoration:none;color:var(--colour-emperor)}@media (min-width: 1024px){.section-header .nav .dropdown-title{margin:0 0 1.5rem}}.section-header .nav .dropdown-title.inner{margin-top:0}.section-header .nav ul.tier-1{display:flex}@media (max-width: 1023.98px){.section-header .nav ul.tier-1{flex-direction:column}}@media (min-width: 1024px){.section-header .nav ul.tier-1{gap:2rem}}@media (max-width: 1023.98px){.section-header .nav ul.tier-1>li.highlighter-nav-item>a{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 10 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-3.25015,-0.250146)'%3E%3Cpath d='M11.151,9L3.477,16.462C3.18,16.751 3.174,17.226 3.462,17.523C3.751,17.82 4.226,17.826 4.523,17.538L12.362,9.915C12.485,9.796 12.582,9.654 12.648,9.498C12.715,9.34 12.75,9.171 12.75,9C12.75,8.829 12.715,8.66 12.648,8.502C12.582,8.346 12.485,8.204 12.362,8.085C12.362,8.085 4.523,0.462 4.523,0.462C4.226,0.174 3.751,0.18 3.462,0.477C3.174,0.774 3.18,1.249 3.477,1.538L11.151,9Z' style='fill:rgb(255,255,255);'/%3E%3C/g%3E%3C/svg%3E")}}@media (min-width: 1024px){.section-header .nav ul.tier-1>li.highlighter-nav-item>a{padding-left:.75rem;padding-right:.75rem;border-radius:var(--border-radius-md)}}.section-header .nav ul.tier-1>li>a{color:var(--colour-text-base);font-size:1rem;font-weight:500;display:block}@media (min-width: 1024px){.section-header .nav ul.tier-1>li>a{font-size:var(--font-size-base);padding:.35rem 0;transition:opacity var(--transition-duration) var(--transition-timing) 0s}}@media (min-width: 1024px){.section-header .nav ul.tier-1>li:hover .dropdown,.section-header .nav ul.tier-1>li:focus .dropdown{transform:none;transition-delay:.6s;opacity:1;visibility:visible}}@media (min-width: 1024px){.section-header .nav ul.tier-1>li.new>a,.section-header .nav ul.tier-1>li.clearance>a{padding-left:.75rem;padding-right:.75rem;border-radius:var(--border-radius-md)}}@media (min-width: 1024px){.section-header .nav ul.tier-1>li.clearance{margin-left:auto}}.section-header .nav ul.tier-1>li.clearance>a{background-color:var(--colour-pippin)}@media (min-width: 1024px){.section-header .nav ul.tier-1>li.clearance>a{background-color:var(--colour-carnation);color:var(--colour-sugar-cane)}}.section-header .nav .dropdown,.section-header .nav .inner-dropdown{position:absolute;top:0;left:0;width:100%;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-timing) 0s;background-color:var(--colour-sugar-cane);z-index:250;overflow-x:hidden}@media (max-width: 1023.98px){.section-header .nav .dropdown,.section-header .nav .inner-dropdown{height:100%}}@media (max-width: 1023.98px) and (hover: none){.section-header .nav .dropdown,.section-header .nav .inner-dropdown{overflow-y:auto}}@media (min-width: 1024px){.section-header .nav .dropdown,.section-header .nav .inner-dropdown{top:100%;border-radius:var(--border-radius-xs);padding:1.5rem;box-shadow:0 4px 16px #0000003d;overflow:hidden;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;transform:translateY(1rem)}}@media (min-width: 1280px){.section-header .nav .dropdown,.section-header .nav .inner-dropdown{padding:2.5rem}}.section-header .nav .dropdown.is-visible,.section-header .nav .inner-dropdown.is-visible{transform:none}@media (min-width: 1024px){.section-header .nav .dropdown{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 2fr;grid-template-areas:"nav-heading promo-blocks" "nav-blocks promo-blocks";justify-content:start;gap:0 1.5rem}}@media (min-width: 1280px){.section-header .nav .dropdown{grid-template-columns:minmax(0,32%) 1fr;gap:0 3.5rem}}.section-header .nav ul.tier-2>li>a,.section-header .nav ul.tier-3>li>a{color:var(--colour-emperor);font-size:1rem;font-weight:500}@media (min-width: 1024px){.section-header .nav ul.tier-2>li>a,.section-header .nav ul.tier-3>li>a{font-size:var(--font-size-base)}}.section-header .nav ul.tier-2>li:hover>a,.section-header .nav ul.tier-2>li:focus>a,.section-header .nav ul.tier-3>li:hover>a,.section-header .nav ul.tier-3>li:focus>a{text-decoration:underline}.section-header .nav ul.tier-2{grid-area:nav-blocks}@media (min-width: 1024px){.section-header .nav ul.tier-2{display:grid;align-content:start;gap:1.25rem}.section-header .nav ul.tier-2.is-grid{grid-template-columns:auto auto;gap:1.25rem 3.5rem}}@media (min-width: 1024px){.section-header .nav ul.tier-2 .shop-all{grid-column:1/span 2}}.section-header .nav ul.tier-2 .shop-all>a{text-decoration:underline}.section-header .nav .promotions{grid-area:promo-blocks}@media (max-width: 1023.98px){.section-header .nav .promotions{padding:0 0 1.5rem}}@media (min-width: 1024px){.section-header .nav .promotions{border-left:1px solid var(--colour-whisper);padding-left:1.5rem;gap:1.5rem}}@media (min-width: 1280px){.section-header .nav .promotions{padding-left:3.5rem}}.section-header .nav .promotions-grid{display:grid;gap:1rem;grid-auto-flow:column;grid-auto-columns:minmax(auto,16.25rem)}@media (max-width: 1023.98px){.section-header .nav .promotions-grid{overflow-x:auto;padding:0 1.5rem 1.5rem}.section-header .nav .promotions-grid::-webkit-scrollbar{width:12px;height:12px}.section-header .nav .promotions-grid::-webkit-scrollbar-thumb{background:var(--colour-whisper);border:8px solid var(--colour-whisper);border-radius:4px}.section-header .nav .promotions-grid::-webkit-scrollbar-track{background:var(--colour-sugar-cane)}}.section-header .nav .promotions>span{margin-bottom:1.5rem}@media (max-width: 1023.98px){.section-header .nav .promotions>span{margin-left:0;margin-right:0;padding:0 1.5rem}}@media (min-width: 1024px){.section-header .nav .promotions>span{grid-row:1;grid-column:1/span 3}}@media (min-width: 1024px){.section-header .nav .promotions .snippet-category-item{width:100%;align-self:start}}@media (min-width: 1024px){.section-header .nav .promotions .snippet-category-item a{font-size:.875rem}}.section-header .nav ul.crafters{margin-top:4rem}@media (min-width: 1024px){.section-header .nav ul.crafters{display:none}}.section-header .nav ul.crafters a{display:flex;align-items:center;gap:.75rem;color:var(--colour-emperor);font-size:1rem;font-weight:500;padding:var(--link-padding-xs)}.section-header .nav ul.crafters a svg{height:1.5rem;width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-header.css.map */