@charset "UTF-8";

.stm-mb-search{
  --stm-live-search-image-size:58px;
  --stm-live-search-image-size-compact:48px;
  --stm-live-search-title-size:14px;
  --stm-live-search-meta-size:11px;
  --stm-live-search-row-padding:7px;
  --stm-live-search-row-radius:12px;
  --stm-live-search-header-height:44px;
  --stm-live-search-heading-size:12px;
  --stm-live-search-action-height:38px;
  position:relative;
  width:100%;
  margin:0;
}

.stm-mb-search__inner{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  width:100%;
  height:var(--stm-header-search-height);
  overflow:hidden;
  border:var(--stm-header-search-border-width) solid var(--stm-header-search-border-color);
  border-radius:var(--stm-header-search-radius);
  background:var(--stm-header-search-bg);
  transition:border-color var(--stm-transition-fast),background var(--stm-transition-fast);
}

.stm-mb-search__inner:focus-within{
  border-color:var(--stm-header-search-border-color);
  background:var(--stm-color-surface);
}


.stm-mb-search__input,
.stm-mb-search__select{
  position:relative;
  top:0;
  min-width:0;
  height:100%;
  margin:0;
  padding-block:0;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  background-color:transparent;
  color:var(--stm-header-search-text);
  font-family:var(--stm-font-sans);
  line-height:var(--stm-header-search-line-height);
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none;
}

.stm-mb-search__input:focus,
.stm-mb-search__select:focus{
  border:0;
  outline:0;
  box-shadow:none;
}

.stm-mb-search__input{
  flex:1 1 auto;
  padding-inline:var(--stm-header-search-input-padding);
  font-size:var(--stm-header-search-font-size);
}

.stm-mb-search__input::-webkit-search-decoration,
.stm-mb-search__input::-webkit-search-cancel-button,
.stm-mb-search__input::-webkit-search-results-button,
.stm-mb-search__input::-webkit-search-results-decoration{
  display:none;
}

.stm-mb-search__input::placeholder{
  color:var(--stm-header-search-placeholder);
  opacity:1;
}

.stm-mb-search__cat{
  position:relative;
  display:flex;
  flex:0 0 min(var(--stm-header-search-category-width),var(--stm-header-search-category-max-width));
  align-items:center;
  height:100%;
  order:2;
  border-left:1px solid var(--stm-header-border);
  background:var(--stm-header-search-category-bg);
}

.stm-mb-search__cat::after{
  content:"";
  position:absolute;
  top:50%;
  right:var(--stm-header-search-category-arrow-right);
  width:var(--stm-header-search-arrow-size);
  height:var(--stm-header-search-arrow-size);
  border-right:var(--stm-header-search-arrow-stroke) solid currentColor;
  border-bottom:var(--stm-header-search-arrow-stroke) solid currentColor;
  color:var(--stm-header-search-text);
  pointer-events:none;
  transform:translateY(var(--stm-header-search-arrow-offset-y)) rotate(45deg);
}

.stm-mb-search__select{
  display:block;
  line-height:var(--stm-header-search-line-height);
  width:100%;
  padding-inline:var(--stm-header-search-category-padding-left) var(--stm-header-search-category-padding-right);
  font-size:var(--stm-header-search-category-font-size);
  cursor:pointer;
}

.stm-mb-search__select::-ms-expand{
  display:none;
}

.stm-mb-search__btn{
  display:grid;
  flex:0 0 var(--stm-header-search-button-size);
  width:var(--stm-header-search-button-size);
  min-width:var(--stm-header-search-button-size);
  max-width:var(--stm-header-search-button-size);
  height:var(--stm-header-search-button-size);
  min-height:var(--stm-header-search-button-size);
  max-height:var(--stm-header-search-button-size);
  aspect-ratio:1 / 1;
  align-self:center;
  order:3;
  place-items:center;
  margin:0 max(4px,var(--stm-header-search-button-inset)) 0 4px;
  padding:0;
  border:0;
  border-radius:50%;
  box-shadow:none;
  background:var(--stm-header-search-button-bg);
  color:var(--stm-header-search-button-text);
  line-height:0;
  overflow:hidden;
  cursor:pointer;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  transition:
    background var(--stm-transition-fast),
    transform var(--stm-transition-fast);
}

.stm-mb-search__btn:hover{
  background:var(--stm-header-search-button-hover);
}

.stm-mb-search__btn:active{
  transform:scale(var(--stm-header-search-active-scale));
}

/* Theme-owned Header Search action. The stronger selector intentionally wins
 * over the Engine commerce icon primitive without changing other Header widgets. */
body.stm-engine-storefront .stm-header-search .stm-mb-search__btn.stm-ui-icon-button{
  flex:0 0 var(--stm-header-search-button-size);
  width:var(--stm-header-search-button-size);
  min-width:var(--stm-header-search-button-size);
  max-width:var(--stm-header-search-button-size);
  height:var(--stm-header-search-button-size);
  min-height:var(--stm-header-search-button-size);
  max-height:var(--stm-header-search-button-size);
  padding:0;
  border:0;
  border-radius:50%;
  box-shadow:none;
  background:var(--stm-color-primary,#ff6a00);
  color:var(--stm-color-on-primary,#fff);
}
body.stm-engine-storefront .stm-header-search .stm-mb-search__btn.stm-ui-icon-button:hover{
  border-color:transparent;
  background:var(--stm-color-primary-deep,#d95600);
  color:var(--stm-color-on-primary,#fff);
}
body.stm-engine-storefront .stm-header-search .stm-mb-search__btn.stm-ui-icon-button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--stm-color-primary,#ff6a00) 34%,transparent);
  outline-offset:2px;
}

.stm-mb-search__btn>span,
.stm-mb-search__btnIcon{
  display:block;
  width:var(--stm-header-search-icon-size);
  height:var(--stm-header-search-icon-size);
  margin:0;
  background:currentColor;
  -webkit-mask:url("../../icons/ec-search.svg") center/contain no-repeat;
  mask:url("../../icons/ec-search.svg") center/contain no-repeat;
  pointer-events:none;
}
.stm-mb-search__dropdown{
  position:absolute;
  z-index:var(--stm-header-search-z);
  top:calc(100% + var(--stm-space-2));
  right:0;
  left:0;
  display:grid;
  grid-template-rows:auto minmax(0,auto) auto;
  max-height:min(var(--stm-header-search-dropdown-max-height),calc(100vh - 120px));
  max-height:min(var(--stm-header-search-dropdown-max-height),calc(100dvh - 120px));
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--stm-color-heading) 14%,var(--stm-color-border));
  border-radius:calc(var(--stm-panel-radius) + 2px);
  background:var(--stm-panel-bg);
  box-shadow:var(--stm-widget-shadow,none);
  filter:var(--stm-widget-filter,none);
}

.stm-mb-search__dropdown[hidden]{
  display:none;
}

.stm-mb-search__dropdownHead{
  display:flex;
  height:var(--stm-live-search-header-height);
  min-height:var(--stm-live-search-header-height);
  align-items:center;
  justify-content:space-between;
  gap:var(--stm-space-3);
  padding:5px 10px;
  box-sizing:border-box;
  border-bottom:1px solid color-mix(in srgb,var(--stm-color-heading) 10%,var(--stm-color-border));
  background:var(--stm-raised-heading-bg);
  color:var(--stm-raised-heading-text);
  box-shadow:none;
}

.stm-mb-search__headIdentity,
.stm-mb-search__headActions,
.stm-mb-search__headCopy{
  display:flex;
  align-items:center;
}

.stm-mb-search__headIdentity{
  min-width:0;
  gap:8px;
}

.stm-mb-search__headIcon{
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--stm-color-primary) 24%,var(--stm-color-border));
  border-radius:50%;
  background:color-mix(in srgb,var(--stm-color-primary) 9%,var(--stm-color-surface));
  color:var(--stm-color-primary);
}

.stm-mb-search__headIcon::before,
.stm-mb-search__emptyIcon::before,
.stm-mb-search__stickyIcon::before{
  content:"";
  display:block;
  width:14px;
  height:14px;
  background:currentColor;
  -webkit-mask:url("../../icons/ec-search.svg") center/contain no-repeat;
  mask:url("../../icons/ec-search.svg") center/contain no-repeat;
}

.stm-mb-search__headCopy{
  min-width:0;
  align-items:flex-start;
  flex-direction:column;
  gap:2px;
  line-height:1;
}

.stm-mb-search__headTitle{
  overflow:hidden;
  max-width:100%;
  color:var(--stm-raised-heading-text);
  font-size:var(--stm-live-search-heading-size);
  font-weight:var(--stm-weight-bold);
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stm-mb-search__summary,
.stm-mb-search__loading{
  overflow:hidden;
  max-width:100%;
  color:var(--stm-color-muted);
  font-size:max(9px,calc(var(--stm-live-search-heading-size) - 3px));
  font-style:normal;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stm-mb-search__headActions{
  flex:0 0 auto;
  gap:6px;
}

.stm-mb-search__count{
  display:inline-flex;
  min-width:25px;
  height:25px;
  align-items:center;
  justify-content:center;
  padding-inline:7px;
  border-radius:var(--stm-radius-pill);
  background:var(--stm-color-primary);
  color:var(--stm-color-on-primary);
  font-size:10px;
  font-weight:var(--stm-weight-bold);
}

.stm-mb-search__count[hidden]{
  display:none;
}

.stm-mb-search__close{
  display:grid;
  width:var(--stm-header-search-close-size);
  height:var(--stm-header-search-close-size);
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:var(--stm-radius-pill);
  background:transparent;
  color:var(--stm-color-heading);
  font-size:var(--stm-header-search-close-font-size);
  line-height:1;
  cursor:pointer;
}

.stm-mb-search__close:hover,
.stm-mb-search__close:focus-visible{
  border-color:color-mix(in srgb,var(--stm-color-primary) 25%,var(--stm-color-border));
  background:var(--stm-raised-hover-bg);
  color:var(--stm-color-primary-deep);
  outline:0;
}

.stm-mb-search__viewport{
  max-height:min(var(--stm-live-search-visible-height,390px),calc(100vh - 230px));
  max-height:min(var(--stm-live-search-visible-height,390px),calc(100dvh - 230px));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:color-mix(in srgb,var(--stm-color-primary) 45%,var(--stm-color-border)) transparent;
  scrollbar-width:thin;
}

.stm-mb-search__viewport::-webkit-scrollbar{
  width:7px;
}

.stm-mb-search__viewport::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:var(--stm-radius-pill);
  background:color-mix(in srgb,var(--stm-color-primary) 45%,var(--stm-color-border));
  background-clip:padding-box;
}

.stm-mb-search__results{
  display:grid;
  gap:5px;
  margin:0;
  padding:7px;
  list-style:none;
}

.stm-mb-search__group{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  padding:6px 10px;
  border-top:1px solid var(--stm-raised-edge-highlight);
  border-bottom:1px solid var(--stm-raised-edge-line);
  background:var(--stm-raised-heading-bg);
  color:var(--stm-raised-heading-text);
  font-size:9px;
  font-weight:var(--stm-weight-bold);
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

.stm-mb-search__group em{
  display:inline-grid;
  min-width:20px;
  height:20px;
  place-items:center;
  border-radius:var(--stm-radius-pill);
  background:var(--stm-color-surface-soft);
  color:var(--stm-color-heading);
  font-size:9px;
  font-style:normal;
  letter-spacing:0;
}

.stm-mb-search__results>li[data-idx]{
  min-width:0;
  margin:0;
}

.stm-mb-search__row{
  position:relative;
  display:grid;
  grid-template-columns:var(--stm-live-search-image-size) minmax(0,1fr);
  min-height:calc(var(--stm-live-search-image-size) + (var(--stm-live-search-row-padding) * 2));
  align-items:center;
  gap:10px;
  padding:var(--stm-live-search-row-padding);
  overflow:hidden;
  border:1px solid var(--stm-color-border);
  border-radius:var(--stm-live-search-row-radius);
  background:var(--stm-raised-control-bg);
  color:var(--stm-color-text);
  text-decoration:none;
  box-shadow:none;
  transition:border-color var(--stm-transition-fast),background var(--stm-transition-fast),box-shadow var(--stm-transition-fast),transform var(--stm-transition-fast);
}

.stm-mb-search__row::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--stm-color-primary);
  opacity:0;
  transition:opacity var(--stm-transition-fast);
}

.stm-mb-search__results>li[data-idx].is-active .stm-mb-search__row,
.stm-mb-search__row:hover,
.stm-mb-search__row:focus-visible{
  border-color:color-mix(in srgb,var(--stm-color-primary) 36%,var(--stm-color-border));
  background:var(--stm-raised-hover-bg);
  color:var(--stm-color-text);
  outline:0;
  box-shadow:none;
  transform:translateY(-1px);
}

.stm-mb-search__results>li[data-idx].is-active .stm-mb-search__row::before,
.stm-mb-search__row:hover::before,
.stm-mb-search__row:focus-visible::before{
  opacity:1;
}

.stm-mb-search__thumb{
  display:grid;
  width:var(--stm-live-search-image-size);
  height:var(--stm-live-search-image-size);
  place-items:center;
  overflow:hidden;
  border:1px solid var(--stm-color-border);
  border-radius:max(7px,calc(var(--stm-live-search-row-radius) - 3px));
  background:var(--stm-color-surface-soft);
}

.stm-mb-search__thumb img{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:contain;
}

.stm-mb-search__thumb.is-placeholder span{
  width:18px;
  height:18px;
  background:var(--stm-color-muted);
  opacity:.55;
  -webkit-mask:url("../../icons/ec-search.svg") center/contain no-repeat;
  mask:url("../../icons/ec-search.svg") center/contain no-repeat;
}

.stm-mb-search__info{
  display:grid;
  min-width:0;
  align-content:center;
  gap:5px;
}

.stm-mb-search__title{
  display:-webkit-box;
  overflow:hidden;
  color:var(--stm-color-heading);
  font-size:var(--stm-live-search-title-size);
  font-weight:var(--stm-weight-bold);
  line-height:1.28;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.stm-mb-search__title mark{
  border-radius:3px;
  background:color-mix(in srgb,var(--stm-color-primary) 18%,transparent);
  color:var(--stm-color-primary-deep);
  font-weight:inherit;
}

.stm-mb-search__secondary,
.stm-mb-search__meta,
.stm-mb-search__metaLeft,
.stm-mb-search__metaRight{
  display:flex;
  min-width:0;
  align-items:center;
}

.stm-mb-search__secondary{
  justify-content:space-between;
  gap:8px;
  color:var(--stm-color-muted);
  font-size:calc(var(--stm-live-search-meta-size) - 1px);
}

.stm-mb-search__meta{
  justify-content:space-between;
  gap:10px;
  font-size:var(--stm-live-search-meta-size);
  line-height:1.25;
}

.stm-mb-search__metaLeft,
.stm-mb-search__metaRight{
  gap:5px;
}

.stm-mb-search__metaLeft{
  overflow:hidden;
  color:var(--stm-color-heading);
  font-weight:var(--stm-weight-bold);
}

.stm-mb-search__metaRight{
  flex:0 0 auto;
  justify-content:flex-end;
  text-align:right;
}

.stm-mb-search__price{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:var(--stm-color-heading);
  font-weight:var(--stm-weight-bold);
}

.stm-mb-search__price del{
  color:var(--stm-color-danger);
  font-size:.86em;
  font-weight:var(--stm-weight-medium);
  opacity:.8;
}

.stm-mb-search__price ins{
  color:inherit;
  text-decoration:none;
}

.stm-mb-search__stock,
.stm-mb-search__postCategory{
  display:inline-flex;
  min-height:20px;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border:1px solid color-mix(in srgb,var(--stm-color-success) 32%,var(--stm-color-border));
  border-radius:var(--stm-radius-pill);
  background:color-mix(in srgb,var(--stm-color-success) 9%,var(--stm-color-surface));
  color:var(--stm-color-success-deep,var(--stm-color-success));
  font-size:calc(var(--stm-live-search-meta-size) - 1px);
  font-weight:var(--stm-weight-bold);
  white-space:nowrap;
}

.stm-mb-search__stock.is-out{
  border-color:color-mix(in srgb,var(--stm-color-danger) 30%,var(--stm-color-border));
  background:color-mix(in srgb,var(--stm-color-danger) 8%,var(--stm-color-surface));
  color:var(--stm-color-danger);
}

.stm-mb-search__postCategory{
  border-color:color-mix(in srgb,var(--stm-color-primary) 26%,var(--stm-color-border));
  background:color-mix(in srgb,var(--stm-color-primary) 7%,var(--stm-color-surface));
  color:var(--stm-color-primary-deep);
}

.stm-mb-search__rating .star-rating{
  margin:0;
  font-size:10px;
}

.stm-mb-search__empty{
  display:grid;
  min-height:180px;
  place-items:center;
  align-content:center;
  gap:7px;
  padding:24px;
  border:1px dashed var(--stm-color-border);
  border-radius:var(--stm-live-search-row-radius);
  background:var(--stm-color-surface-soft);
  text-align:center;
}

.stm-mb-search__emptyIcon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--stm-color-primary) 10%,var(--stm-color-surface));
  color:var(--stm-color-primary);
}

.stm-mb-search__emptyTitle{
  color:var(--stm-color-heading);
  font-size:14px;
  font-weight:var(--stm-weight-bold);
}

.stm-mb-search__emptyText,
.stm-mb-search__emptyQuery{
  color:var(--stm-color-muted);
  font-size:11px;
  line-height:1.45;
}

.stm-mb-search__emptyQuery{
  color:var(--stm-color-primary-deep);
  font-weight:var(--stm-weight-bold);
}

.stm-mb-search__stickyAction{
  position:sticky;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  height:var(--stm-live-search-action-height);
  min-height:var(--stm-live-search-action-height);
  align-items:center;
  padding:4px 12px;
  box-sizing:border-box;
  border-top:1px solid var(--stm-raised-edge-highlight);
  border-bottom:1px solid var(--stm-raised-edge-line);
  background:var(--stm-raised-control-bg);
  color:var(--stm-color-heading);
  text-align:center;
  text-decoration:none;
  box-shadow:var(--stm-widget-shadow,none);
  transition:background var(--stm-transition-fast),border-color var(--stm-transition-fast),color var(--stm-transition-fast);
}

.stm-mb-search__stickyAction[hidden]{
  display:none;
}

.stm-mb-search__stickyAction:hover,
.stm-mb-search__stickyAction:focus-visible{
  border-top-color:color-mix(in srgb,var(--stm-color-primary) 44%,var(--stm-color-border));
  background:var(--stm-raised-hover-bg);
  color:var(--stm-color-primary-deep);
  outline:0;
}

.stm-mb-search__stickyCopy{
  display:flex;
  width:100%;
  min-width:0;
  max-width:100%;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.stm-mb-search__stickyTitle,
.stm-mb-search__stickyDetail{
  overflow:hidden;
  min-width:0;
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stm-mb-search__stickyTitle{
  flex:0 1 auto;
  color:var(--stm-color-link);
  text-align:left;
  font-size:12px;
  font-weight:var(--stm-weight-bold);
  line-height:1.2;
  text-decoration:none;
  text-underline-offset:3px;
  transition:color var(--stm-transition-fast),text-decoration-color var(--stm-transition-fast);
}

.stm-mb-search__stickyAction:hover .stm-mb-search__stickyTitle,
.stm-mb-search__stickyAction:focus-visible .stm-mb-search__stickyTitle{
  color:var(--stm-color-link-hover);
  text-decoration:underline;
}

.stm-mb-search__stickyDetail{
  flex:1 1 auto;
  color:var(--stm-color-ink);
  font-size:8px;
  font-style:normal;
  line-height:1.2;
  text-align:right;
}

html[data-stm-layout="tablet"] .stm-mb-search__row,
html[data-stm-layout="mobile"] .stm-mb-search__row{
  grid-template-columns:var(--stm-live-search-image-size-compact) minmax(0,1fr);
  min-height:calc(var(--stm-live-search-image-size-compact) + (var(--stm-live-search-row-padding) * 2));
  gap:8px;
}

html[data-stm-layout="tablet"] .stm-mb-search__thumb,
html[data-stm-layout="mobile"] .stm-mb-search__thumb{
  width:var(--stm-live-search-image-size-compact);
  height:var(--stm-live-search-image-size-compact);
}

html[data-stm-layout="mobile"] .stm-mb-search__dropdown{
  top:calc(100% + 5px);
  max-height:min(76vh,620px);
  max-height:min(76dvh,620px);
  border-radius:12px;
}

html[data-stm-layout="mobile"] .stm-mb-search__dropdownHead{
  height:max(40px,calc(var(--stm-live-search-header-height) - 2px));
  min-height:max(40px,calc(var(--stm-live-search-header-height) - 2px));
  padding:4px 8px;
}

html[data-stm-layout="mobile"] .stm-mb-search__headIcon{
  flex-basis:28px;
  width:28px;
  height:28px;
}

html[data-stm-layout="mobile"] .stm-mb-search__results{
  gap:4px;
  padding:5px;
}

html[data-stm-layout="mobile"] .stm-mb-search__row{
  padding:min(var(--stm-live-search-row-padding),8px);
  border-radius:min(var(--stm-live-search-row-radius),10px);
}

html[data-stm-layout="mobile"] .stm-mb-search__title{
  font-size:max(11px,calc(var(--stm-live-search-title-size) - 1px));
}

html[data-stm-layout="mobile"] .stm-mb-search__meta{
  gap:5px;
  font-size:max(9px,calc(var(--stm-live-search-meta-size) - 1px));
}

html[data-stm-layout="mobile"] .stm-mb-search__stock,
html[data-stm-layout="mobile"] .stm-mb-search__postCategory{
  min-height:19px;
  padding:2px 6px;
  font-size:9px;
}

html[data-stm-layout="mobile"] .stm-mb-search__stickyAction{
  height:max(36px,var(--stm-live-search-action-height));
  min-height:max(36px,var(--stm-live-search-action-height));
  padding:4px 8px;
}

html[data-stm-layout="mobile"] .stm-mb-search__stickyCopy{
  gap:8px;
}

html[data-stm-layout="mobile"] .stm-mb-search__stickyTitle{
  font-size:11px;
}

html[data-stm-layout="mobile"] .stm-mb-search__stickyDetail{
  font-size:8px;
}