/* 4.5.1: scoped presentation. Inherit the theme font; no font downloads. */
.esh-header {font-family:inherit; --esh-admin-offset:0px}
.esh-header :is(button,input,a,h2,h3,strong,.esh-destination-label) {font-family:inherit}
.esh-header .esh-search {height:var(--esh-bar-height,48px)!important;min-height:44px;max-width:var(--esh-search-max,1200px);width:100%;justify-self:center;grid-template-columns:42px minmax(0,1fr) 116px;border:2px solid var(--esh-primary,#0053e2);border-radius:7px;padding:0!important;gap:0;overflow:hidden;background:#fff;align-items:stretch}
.esh-header .esh-search input[type=search] {height:100%!important;min-height:0!important;min-width:0;width:100%;margin:0!important;border:0!important;border-radius:0;padding:0 12px 0 0!important;align-self:stretch;background:#fff;font-size:16px;line-height:normal;box-shadow:none}
.esh-header .esh-search>button[type=submit] {width:100%!important;height:100%!important;min-height:0!important;max-height:none;margin:0!important;padding:0 14px!important;position:static!important;inset:auto!important;transform:none!important;border:0!important;border-radius:0 4px 4px 0!important;background:#ffc220!important;background-image:none!important;color:#111!important;box-shadow:none!important;align-self:stretch;font-weight:700;line-height:normal;display:flex;align-items:center;justify-content:center}
.esh-header .esh-search>button[type=submit]::before,.esh-header .esh-search>button[type=submit]::after {content:none!important;display:none!important}
.esh-header .esh-search>svg {align-self:center;justify-self:center;width:21px;height:21px}
.esh-header .esh-search:focus-within {outline:2px solid var(--esh-primary,#0053e2);outline-offset:2px}
.esh-header .esh-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;justify-items:stretch;width:160px;margin:0;padding:0}
.esh-header .esh-actions .esh-action {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;min-height:52px;padding:0 6px;gap:4px;line-height:1.15;font-size:12px;font-weight:400;position:relative;text-align:center}
.esh-header .esh-action-icon {position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;line-height:0}
.esh-header .esh-action-icon svg {display:block;width:26px;height:26px;flex:none}
.esh-header .esh-action-icon .esh-cart-count {position:absolute;top:-5px;right:-9px;left:auto;bottom:auto;min-width:19px;width:auto;height:19px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:11px;line-height:1;background:#ffc220;color:#111}
.esh-header :is(.esh-nav-trigger,.esh-more-trigger,.esh-more-menu>button) {font-family:inherit!important;font-weight:700!important;text-transform:var(--esh-nav-case,none)!important;letter-spacing:normal;background:#fff!important;border-radius:0!important;color:inherit;display:inline-flex;align-items:center;gap:7px}
.esh-header :is(.esh-nav-trigger,.esh-more-trigger):is(:hover,:focus,:focus-visible,.is-hover-pending,[aria-expanded=true]) {background:#fff!important;box-shadow:none!important;color:var(--esh-primary,#0053e2)!important}
.esh-header :is(.esh-nav-trigger,.esh-more-trigger)::after {background:var(--esh-primary,#0053e2)!important}
.esh-header :is(.esh-nav-trigger,.esh-more-trigger):focus-visible {outline:2px solid var(--esh-primary,#0053e2)!important;outline-offset:-5px}
.esh-header .esh-category-icon {display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:0 0 21px;line-height:0;color:currentColor;vertical-align:middle}
.esh-header .esh-category-icon svg {display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}
.esh-header :is(.esh-panel-head h2,.esh-nav-group-head h3) {display:flex;align-items:center;gap:9px;font-family:inherit}
.esh-header .esh-panel-head h2 .esh-category-icon {width:27px;height:27px;flex-basis:27px}
.esh-header .esh-destination-label {display:inline-flex;align-items:center;flex-wrap:wrap;column-gap:7px;row-gap:1px;min-width:0}
.esh-header .esh-destination-label>.esh-category-icon {width:17px;height:17px;flex-basis:17px}
.esh-header .esh-destination-text {min-width:0;overflow-wrap:anywhere;flex:1}
.esh-header .esh-nav-group-head h3 {font-weight:700}
.esh-header .esh-shopper-panel {grid-template-columns:minmax(0,1fr) var(--esh-arrivals-width,300px)!important}
.esh-header .esh-shopper-panel.esh-no-arrivals {grid-template-columns:minmax(0,1fr)!important}
.esh-header .esh-shopper-panel .esh-commerce-merchandising {min-width:0;width:auto!important;padding-inline-start:20px;padding-inline-end:0}
.esh-header .esh-commerce-merchandising .esh-product-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.esh-header .esh-commerce-merchandising .esh-product-card {min-width:0;min-height:0;padding:12px 8px;gap:8px;justify-content:flex-start}
.esh-header .esh-commerce-merchandising .esh-product-card img {width:100%;height:90px;max-height:90px;object-fit:contain;margin:0 auto}
.esh-header .esh-commerce-merchandising .esh-product-card>span {font-size:12px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.esh-header .esh-commerce-merchandising .esh-commerce-title {padding-bottom:12px;margin-bottom:12px}
.esh-header .esh-commerce-merchandising .esh-commerce-title strong {font-size:15px}
.esh-header .esh-menu-scrim {position:fixed;inset:var(--esh-surface-top,140px) 0 0;background:rgba(18,28,42,var(--esh-scrim-alpha,.08));z-index:-1;pointer-events:none;visibility:hidden}
.esh-header.is-menu-open .esh-menu-scrim {visibility:visible}
.esh-header.is-search-active .esh-menu-scrim {visibility:hidden}
/* Keep filter off the shell itself: fixed search results must use the viewport. */
.esh-header .esh-sticky-shell::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff}
.esh-header.is-stuck .esh-sticky-shell {background:transparent!important;isolation:isolate}
.esh-header.is-stuck :is(.esh-main,.esh-departments) {background:transparent!important}
.esh-header.esh-frosted-menu .esh-mega-wrap {background:transparent!important}
.esh-header .esh-shopper-panel {background:var(--esh-menu-bg,#fff)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .esh-header.esh-frosted-menu :is(.esh-shopper-panel,.esh-more-menu,.esh-mobile-drawer) {background:var(--esh-menu-frost-bg,rgba(255,255,255,.94));-webkit-backdrop-filter:blur(var(--esh-menu-blur,8px));backdrop-filter:blur(var(--esh-menu-blur,8px))}
  .esh-header.esh-frosted-sticky.is-stuck .esh-sticky-shell::before {background:var(--esh-sticky-frost-bg,rgba(255,255,255,.94));-webkit-backdrop-filter:blur(var(--esh-sticky-blur,10px));backdrop-filter:blur(var(--esh-sticky-blur,10px))}
}
.esh-header .esh-mobile-root>ul>li>.esh-mobile-next>span:first-child {text-transform:var(--esh-nav-case,none);font-weight:700}
.esh-header .esh-mobile-next>span:first-child {display:flex;align-items:center;gap:10px;min-width:0}
.esh-header .esh-mobile-level-head h3 {display:flex;gap:10px;align-items:center;font-family:inherit}
.esh-header .esh-mobile-drawer[aria-hidden=true] {visibility:hidden;pointer-events:none}
.esh-header .esh-mobile-level[aria-hidden=true] {visibility:hidden;pointer-events:none}
.esh-header .esh-mobile-level[aria-hidden=false] {visibility:visible;pointer-events:auto}
@media (min-width:1025px) {
  .esh-header .esh-main-grid {min-height:82px;grid-template-columns:minmax(190px,250px) minmax(0,1fr) 160px;gap:24px}
  .esh-header .esh-nav-trigger {flex-shrink:0;padding-inline:13px;font-size:15px;min-height:52px}
  .esh-header .esh-more-trigger {flex-shrink:0;min-height:52px;padding-inline:13px;font-size:15px}
  .esh-header .esh-department-row {gap:2px}
  .esh-header .esh-more-menu>button {width:100%;min-height:44px;text-align:start;justify-content:flex-start}
  .esh-header.esh-sticky-desktop.is-stuck .esh-sticky-shell {top:var(--esh-admin-offset,0px)!important}
  .esh-header .esh-mega-wrap {max-height:calc(100dvh - var(--esh-surface-top,140px));overflow:auto;overscroll-behavior:contain}
  .esh-header .esh-shopper-columns {column-gap:clamp(16px,2vw,32px)}
}
@media (min-width:1025px) and (max-width:1320px) {
  .esh-header .esh-main-grid {grid-template-columns:190px minmax(0,1fr) 144px;gap:18px}
  .esh-header .esh-actions {width:144px;gap:8px}
  .esh-header .esh-shopper-panel {grid-template-columns:minmax(0,1fr) min(var(--esh-arrivals-width,300px),260px)!important;padding-inline:24px}
  .esh-header .esh-shopper-columns {grid-template-columns:repeat(3,minmax(0,1fr))}
  .esh-header .esh-shopper-columns.esh-column-count-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
  .esh-header .esh-shopper-columns.esh-column-count-1 {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1024px) {
  .esh-header .esh-search {max-width:none;grid-template-columns:36px minmax(0,1fr) 86px}
  .esh-header .esh-search>button[type=submit] {font-size:12px!important;padding-inline:8px!important}
  .esh-header .esh-main-grid {grid-template-columns:44px minmax(0,1fr) 112px!important;column-gap:8px;row-gap:10px}
  .esh-header .esh-actions {width:112px;gap:4px}
  .esh-header .esh-actions .esh-action {font-size:11px;min-height:48px;padding:0 2px;gap:2px}
  .esh-header .esh-logo {position:static!important;transform:none!important;grid-column:2;grid-row:1;justify-self:center;width:min(100%,210px)!important;max-width:100%;height:44px;margin:0!important}
  .esh-header .esh-logo-image {width:100%;height:100%;object-fit:contain}
  .esh-header .esh-mobile-trigger {grid-column:1;grid-row:1}
  .esh-header .esh-actions {grid-column:3;grid-row:1}
  .esh-header .esh-search {grid-column:1/-1;grid-row:2}
  .esh-header .esh-menu-scrim {display:none}
  .esh-header.esh-sticky-mobile.is-stuck .esh-sticky-shell {top:var(--esh-admin-offset,0px)!important}
  .esh-header .esh-mobile-drawer {top:var(--esh-admin-offset,0px);height:calc(100dvh - var(--esh-admin-offset,0px))}
}
@media (prefers-reduced-transparency:reduce), (forced-colors:active) {
  .esh-header.esh-frosted-menu :is(.esh-shopper-panel,.esh-more-menu,.esh-mobile-drawer),
  .esh-header.esh-frosted-sticky.is-stuck .esh-sticky-shell::before {background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .esh-header .esh-menu-scrim {display:none}
}
@media (prefers-reduced-motion:reduce) {
  .esh-header :is(.esh-nav-trigger,.esh-more-trigger)::after {transition:none!important}
  .esh-header .esh-mobile-drawer,.esh-header .esh-mobile-level {transition:none!important}
}
@media (forced-colors:active) {
  .esh-header :is(.esh-nav-trigger,.esh-more-trigger)[aria-expanded=true] {border-bottom:3px solid Highlight!important}
  .esh-header .esh-search {border-color:ButtonText}
  .esh-header .esh-search>button[type=submit] {background:ButtonFace!important;color:ButtonText!important}
}
/* The legacy compact layout hid every direct span, including the new icon slot. */
.esh-header .esh-actions .esh-action>.esh-action-icon {display:flex}
.esh-header .esh-actions .esh-action>span:not(.esh-action-icon):not(.esh-cart-count) {display:block}
.esh-header .esh-nav-trigger>span {align-items:center}
@media (max-width:1024px) {
  /* The search state owns visual-viewport/keyboard positioning while open. */
  .esh-header.esh-sticky-mobile.is-search-results-open .esh-sticky-shell {top:var(--esh-search-header-top,0px)!important}
}
@media (min-width:1025px) and (max-width:760px) {
  /* Only reached when a merchant chooses an unusually low desktop breakpoint. */
  .esh-header .esh-main-grid {grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding-block:10px}
  .esh-header .esh-logo {grid-column:1;grid-row:1;width:min(100%,220px)}
  .esh-header .esh-actions {grid-column:2;grid-row:1;width:112px;gap:4px}
  .esh-header .esh-search {grid-column:1/-1;grid-row:2}
  .esh-header .esh-shopper-panel {grid-template-columns:minmax(0,1fr)!important;padding-inline:20px}
  .esh-header .esh-shopper-columns {grid-template-columns:repeat(2,minmax(0,1fr))}
  .esh-header .esh-shopper-panel .esh-commerce-merchandising {padding:20px 0 0;border-left:0;border-top:1px solid #e5e8ed}
  .esh-header .esh-support {display:none}
}
