.cfs-header{--cfs-header-gutter: 16px;--cfs-compact-height: 64px;display:block;font-family:var(--cfs-font-body)}.cfs-header__width{width:100%;max-width:var(--cfs-max-width);margin-inline:auto;padding-inline:var(--cfs-header-gutter);box-sizing:border-box}@media(min-width:990px){.cfs-header{--cfs-header-gutter: 24px}}.cfs-utility{display:none;background:var(--cfs-green-deep);color:var(--cfs-green-tint);font-size:13px;line-height:1.4}.cfs-utility__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;padding-block:9px}.cfs-utility b,.cfs-utility strong{color:var(--cfs-white)}.cfs-utility__right{color:var(--cfs-green-tint)}a.cfs-utility__right:hover{color:var(--cfs-white)}@media(min-width:990px){.cfs-utility{display:block}}.cfs-header__bar{background:var(--cfs-green);color:var(--cfs-white)}.cfs-header__main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"menu logo account basket" "search search search search";align-items:center;gap:10px 8px;padding-block:10px 14px}.cfs-header__menu-button{grid-area:menu}.cfs-wordmark{grid-area:logo;justify-self:start;min-width:0}.cfs-header__main>.cfs-header__search{grid-area:search}.cfs-header__main>.cfs-header__basket{grid-area:basket;justify-self:end}.cfs-postcode-pill{display:none}.cfs-header__icon-link{grid-area:account;display:grid}@media(max-width:339px){.cfs-header__main>.cfs-header__icon-link{display:none}}@media(min-width:990px){.cfs-header__main{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"logo search postcode account basket";gap:20px 24px;padding-block:18px}.cfs-header__menu-button{display:none}.cfs-wordmark{justify-self:start}.cfs-postcode-pill{grid-area:postcode;display:flex}}.cfs-wordmark{display:flex;color:var(--cfs-white);text-decoration:none}.cfs-wordmark__text{display:flex;flex-direction:column;align-items:center;font-family:var(--cfs-font-display);font-weight:800;font-size:16px;line-height:.95;letter-spacing:.04em}.cfs-wordmark__swoosh{width:110px;height:6px;margin:2px 0}.cfs-wordmark__image{display:block;width:auto;max-width:100%;height:40px;object-fit:contain;object-position:left center}@media(min-width:990px){.cfs-wordmark__text{align-items:flex-start;font-size:22px}.cfs-wordmark__swoosh{width:150px;height:8px;margin:3px 0}.cfs-wordmark__image{height:52px}}.cfs-header__menu-button,.cfs-header__icon-link{width:var(--cfs-touch);height:var(--cfs-touch);place-items:center;color:var(--cfs-white);border-radius:var(--cfs-radius-pill)}.cfs-header__menu-button{display:grid;margin-inline-start:-10px}.cfs-header__menu-button svg{width:24px;height:24px}.cfs-header__menu-button:hover,.cfs-header__icon-link:hover{background:#ffffff1a}.cfs-header :focus-visible{outline:2px solid var(--cfs-saffron);outline-offset:2px}.cfs-search{display:flex;align-items:center;min-width:0;padding:2px 4px 2px 16px;background:var(--cfs-white);border-radius:var(--cfs-radius-pill)}.cfs-search__input,.cfs-search__input:not([type=checkbox],[type=radio]){flex:1;min-width:0;padding:10px 0;border:0;background:transparent;color:var(--cfs-ink);font:400 16px/1.25 var(--cfs-font-body);box-shadow:none}.cfs-search__input::placeholder{color:var(--cfs-muted);opacity:1}.cfs-search__input:focus,.cfs-search__input:focus-visible{outline:none}.cfs-search:focus-within{outline:2px solid var(--cfs-saffron);outline-offset:2px}.cfs-search__input::-webkit-search-cancel-button{display:none}.cfs-search__button{flex:none;display:grid;place-items:center;width:var(--cfs-touch);height:var(--cfs-touch);border:0;border-radius:var(--cfs-radius-pill);background:var(--cfs-saffron);color:var(--cfs-ink);cursor:pointer}@media(min-width:990px){.cfs-search{padding:4px 4px 4px 20px}}.cfs-postcode-pill{align-items:center;gap:8px;min-height:var(--cfs-touch);padding:8px 14px;border:1px solid rgb(255 255 255 / .35);border-radius:var(--cfs-radius-pill);background:transparent;color:var(--cfs-white);font:400 14px/1.2 var(--cfs-font-body);white-space:nowrap;cursor:pointer}.cfs-postcode-pill:hover{background:#ffffff1a}.cfs-header__basket{display:flex}.cfs-basket-button{display:flex;align-items:center;gap:8px;min-height:var(--cfs-touch);padding:8px 12px;border:0;border-radius:var(--cfs-radius-pill);background:var(--cfs-white);color:var(--cfs-ink);font:700 14px/1 var(--cfs-font-body);text-decoration:none;white-space:nowrap;cursor:pointer}.cfs-basket-button:hover{background:var(--cfs-green-tint)}.cfs-basket-button__count{min-width:22px;padding:3px 7px;border-radius:var(--cfs-radius-pill);background:var(--cfs-green);color:var(--cfs-white);font-size:12px;text-align:center}.cfs-basket-button__count[data-count="0"]{display:none}@media(min-width:990px){.cfs-basket-button{gap:10px;padding:8px 16px 8px 12px;font-size:15px}}.cfs-header__nav{display:none;border-top:1px solid rgb(255 255 255 / .14)}@media(min-width:990px){.cfs-header__nav{display:block}}.cfs-header__nav-inner{display:flex;align-items:center;gap:4px 24px}.cfs-header__nav-list{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none}.cfs-header__nav-link{display:block;padding:13px 0;color:var(--cfs-white);font-size:15px;font-weight:500;text-decoration:none}.cfs-header__nav-link:hover,.cfs-header__nav-link[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}.cfs-header__nav-link--highlight{color:#f6c25e;font-weight:700}.cfs-browse-aisles{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-block:6px;padding:7px 14px;border:0;border-radius:var(--cfs-radius-pill);background:var(--cfs-saffron);color:var(--cfs-ink);font:700 15px/1.2 var(--cfs-font-body);text-decoration:none;white-space:nowrap;cursor:pointer}.cfs-browse-aisles:hover{background:#f6c260}.cfs-browse-aisles[aria-expanded=true]{background:var(--cfs-white)}.cfs-mobile-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:var(--cfs-green-tint);color:var(--cfs-green-deep);font-size:13px;text-decoration:none}.cfs-mobile-strip__more{font-weight:700;white-space:nowrap}@media(min-width:990px){.cfs-mobile-strip{display:none}}.cfs-header__sentinel{height:1px;margin-top:-1px}.cfs-compact{position:fixed;inset:0 0 auto;z-index:var(--layer-heightened, 100);background:var(--cfs-green);color:var(--cfs-white);box-shadow:0 4px 16px #0000002e;transform:translateY(-110%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.cfs-header--condensed .cfs-compact{transform:none;visibility:visible;transition:transform .2s ease,visibility 0s}.cfs-compact__inner{display:flex;align-items:center;gap:10px;min-height:var(--cfs-compact-height);padding-block:8px}.cfs-compact .cfs-header__search{flex:1;min-width:0}.cfs-browse-aisles--compact{margin:0;min-height:var(--cfs-touch)}@media(max-width:989px){.cfs-browse-aisles--compact span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cfs-browse-aisles--compact{width:var(--cfs-touch);margin-inline-start:-10px;padding:0;justify-content:center;background:transparent;color:var(--cfs-white)}.cfs-browse-aisles--compact svg{width:24px;height:24px}.cfs-browse-aisles--compact:hover,.cfs-browse-aisles--compact[aria-expanded=true]{background:#ffffff1a;color:var(--cfs-white)}.cfs-compact .cfs-basket-button__total{display:none}}.cfs-postcode-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:0;border-radius:var(--cfs-radius-card);color:var(--cfs-ink);box-shadow:0 18px 40px #00000040}.cfs-postcode-dialog::backdrop{background:#12261d73}.cfs-postcode-dialog__form{display:flex;flex-direction:column;gap:10px}.cfs-postcode-dialog__title{margin:0;font-family:var(--cfs-font-display);font-weight:800;font-size:24px}.cfs-postcode-dialog__text{margin:0;color:var(--cfs-muted);font-size:14px;line-height:1.5}.cfs-postcode-dialog__label{font-weight:700;font-size:14px}.cfs-postcode-dialog__input{min-height:var(--cfs-touch);padding:10px 14px;border:1px solid var(--cfs-line-strong);border-radius:12px;font:500 16px var(--cfs-font-body);text-transform:uppercase}.cfs-postcode-dialog__error{margin:0;color:var(--cfs-sale);font-size:13px}.cfs-postcode-dialog__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}@media(prefers-reduced-motion:reduce){.cfs-compact,.cfs-header--condensed .cfs-compact{transition:none}}@media(min-width:990px){.cfs-header__main>.cfs-header__menu-button{display:none}}@media(min-width:990px){dialog.search-modal__content.cfs-search-anchored{position:fixed;inset:auto;top:var(--cfs-search-top);left:var(--cfs-search-left);width:max(var(--cfs-search-width),560px);max-width:calc(100vw - var(--cfs-search-left) - 24px);max-height:calc(100dvh - var(--cfs-search-top) - 24px);margin:0;translate:none;transform:none;border-radius:26px 26px 18px 18px}}.predictive-search-dropdown .cfs-dept-links{padding:4px 20px 20px}.page-wrapper--drawer-open .cfs-compact{inset-inline-end:var(--theme-drawer-width, var(--sidebar-width))}.cfs-compact{transition:transform .2s ease,visibility 0s linear .2s,inset-inline-end .2s ease}.cfs-search{gap:8px}.cfs-search__input,.cfs-search__input::placeholder{text-overflow:ellipsis}.search-modal__content input[type=search],.search-modal__content input[type=search]::placeholder{text-overflow:ellipsis}.cfs-utility__inner{flex-wrap:nowrap;overflow:hidden}.cfs-utility__inner>*{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cfs-utility__inner>:last-child:not(:first-child){flex:none}.page-wrapper--drawer-open .cfs-utility__inner>:last-child:not(:first-child){display:none}.cfs-compact{transition:transform .2s ease,visibility 0s linear .2s}@media(max-width:989px){body:has([data-cfs-hero-search]) .cfs-header__main{grid-template-areas:"menu logo account basket";padding-block:10px}body:has([data-cfs-hero-search]) .cfs-header__main>.cfs-header__search{display:none}}:root body{--header-height: 0px}:root[data-cfs-condensed] :is(.facets-toggle,.cfs-product__stage,.cfs-product__thumbs,.cfs-basket--page .cfs-basket__summary,.cfs-brands__letters,.cfs-brands__group){--header-height: var(--cfs-compact-offset, 64px)}.cfs-compact__logo{display:none}@media(min-width:990px){.cfs-compact{container:cfs-compact / inline-size}.cfs-compact__logo{display:flex;flex:none;align-items:center;margin-inline-end:10px;color:var(--cfs-white);text-decoration:none}.cfs-compact__logo .cfs-wordmark__image{height:40px}.cfs-compact__logo .cfs-wordmark__text{font-size:15px}.cfs-compact__logo .cfs-wordmark__swoosh{width:104px;height:6px;margin:2px 0}}@container cfs-compact (max-width: 899px){.cfs-compact__logo{display:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/cfs-header.css.map */