/* GPCE Live Search
 * Scoped frontend overlay styles for [gp_catalog_search] / mini search.
 * Full search results page layout is still owned by the Design System results template.
 */
.gpce-search-wrap,
.gpce-search-wrap * {
  box-sizing: border-box;
}

.gpce-search-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 20;
  --gpce-live-surface: var(--gpce-panel-bg, var(--gpce-surface, #ffffff));
  --gpce-live-surface-soft: var(--gpce-surface-soft, rgba(255,255,255,.08));
  --gpce-live-text: var(--gpce-text, #102548);
  --gpce-live-muted: var(--gpce-muted, #5f6f82);
  --gpce-live-border: var(--gpce-border, rgba(16,37,72,.18));
  --gpce-live-primary: var(--gpce-primary, var(--gpce-primary-button-bg, #0b4f9d));
  --gpce-live-primary-text: var(--gpce-primary-button-text, #ffffff);
  --gpce-live-radius: var(--gpce-card-radius, var(--gpce-radius, 18px));
}

.gpce-search-wrap .gpce-search-form {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
}

.gpce-search-wrap .gpce-search-input {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.35);
  border-color: var(--gpce-input-border, var(--gpce-live-border));
  border-radius: var(--gpce-input-radius, 0);
  background: var(--gpce-input-bg, rgba(255,255,255,.08));
  color: var(--gpce-input-text, #ffffff);
  padding: 0 16px;
  font: inherit;
  outline: none;
  box-shadow: none;
}

.gpce-search-wrap .gpce-search-input::placeholder {
  color: var(--gpce-input-placeholder, rgba(255,255,255,.78));
}

.gpce-live-results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  z-index: 9999;
  display: none;
}

.gpce-live-results.is-open {
  display: block;
}

.gpce-live-results-panel {
  width: 100%;
  max-height: min(70vh, 520px);
  overflow: auto;
  border: 1px solid var(--gpce-live-border);
  border-radius: var(--gpce-live-radius);
  background: var(--gpce-live-surface);
  color: var(--gpce-live-text);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
  padding: 8px;
}

.gpce-live-result-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border-radius: calc(var(--gpce-live-radius) - 6px);
}

.gpce-live-result-row + .gpce-live-result-row {
  border-top: 1px solid var(--gpce-live-border);
}

.gpce-live-result-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  min-width: 0;
  padding: 8px 10px;
  border-radius: calc(var(--gpce-live-radius) - 8px);
}

.gpce-live-result-item:hover,
.gpce-live-result-item.is-active {
  background: var(--gpce-live-surface-soft);
  color: inherit;
  text-decoration: none;
}

.gpce-live-result-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.gpce-live-result-main strong {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  color: var(--gpce-live-primary-text);
  background: var(--gpce-live-primary);
  border-radius: var(--gpce-button-radius, 999px);
  padding: 7px 11px;
}

.gpce-live-result-name {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--gpce-product-name-text, var(--gpce-live-text));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gpce-live-result-meta,
.gpce-live-result-brand {
  font-size: 12px;
  font-weight: 700;
  color: var(--gpce-live-muted);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.gpce-live-result-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  min-width: 84px;
  text-align: right;
}

.gpce-live-result-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 24px;
  border: 1px solid var(--gpce-price-pill-border, var(--gpce-live-border));
  border-radius: var(--gpce-price-pill-radius, 999px);
  background: var(--gpce-price-pill-bg, transparent);
  color: var(--gpce-price-pill-text, var(--gpce-live-text));
  padding: 3px 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.gpce-live-result-cart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 190px;
}

.gpce-live-result-cart form,
.gpce-live-result-cart .gpce-loop-cart-form,
.gpce-live-result-cart .gpce-product-cart-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
}

.gpce-live-result-cart .gpce-loop-qty-box,
.gpce-live-result-cart .gpce-qty-box,
.gpce-live-result-cart .gpce-stock-qty-box,
.gpce-live-result-cart .gpce-fast-qty-box,
.gpce-live-result-cart .gpce-so-qty-box {
  display: inline-grid;
  grid-template-columns: var(--gpce-qty-segment, 36px) var(--gpce-qty-value-width, 42px) var(--gpce-qty-segment, 36px);
  align-items: stretch;
  overflow: hidden;
  height: var(--gpce-qty-height, 40px);
  min-height: var(--gpce-qty-height, 40px);
  border: 1px solid var(--gpce-qty-border, rgba(255,255,255,.14));
  border-radius: var(--gpce-button-radius, 12px);
  background: var(--gpce-qty-button-bg, #102548);
}

.gpce-live-result-cart .gpce-loop-qty-box button,
.gpce-live-result-cart .gpce-qty-box button,
.gpce-live-result-cart .gpce-stock-qty-box button,
.gpce-live-result-cart .gpce-fast-qty-box button,
.gpce-live-result-cart .gpce-so-qty-box button {
  appearance: none;
  border: 0;
  border-radius: 0;
  min-width: 0;
  width: auto;
  height: auto;
  padding: 0;
  background: var(--gpce-qty-button-bg, #102548);
  color: var(--gpce-qty-text, #fff);
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.gpce-live-result-cart .gpce-loop-cart-qty,
.gpce-live-result-cart .gpce-cart-qty,
.gpce-live-result-cart input[type="number"] {
  width: auto;
  min-width: 0;
  height: auto;
  border: 0;
  border-left: 1px solid var(--gpce-qty-divider, rgba(255,255,255,.12));
  border-right: 1px solid var(--gpce-qty-divider, rgba(255,255,255,.12));
  border-radius: 0;
  background: var(--gpce-qty-value-bg, #051f44);
  color: var(--gpce-qty-text, #fff);
  text-align: center;
  font-weight: 900;
  padding: 0;
  box-shadow: none;
  -moz-appearance: textfield;
}

.gpce-live-result-cart input[type="number"]::-webkit-inner-spin-button,
.gpce-live-result-cart input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gpce-live-result-cart .gpce-btn,
.gpce-live-result-cart .gpce-cart-btn,
.gpce-live-result-cart button[type="submit"] {
  min-height: var(--gpce-button-height, 40px);
  border-radius: var(--gpce-button-radius, 12px);
  background: var(--gpce-primary-button-bg, var(--gpce-button-primary-bg, var(--gpce-live-primary)));
  color: var(--gpce-primary-button-text, var(--gpce-button-primary-text, #fff));
  border: 1px solid var(--gpce-primary-button-border, transparent);
  padding: 0 14px;
  font-weight: var(--gpce-button-font-weight, 900);
  line-height: 1;
  white-space: nowrap;
}

.gpce-live-no-results {
  padding: 18px;
  border-radius: calc(var(--gpce-live-radius) - 8px);
  background: var(--gpce-live-surface-soft);
  color: var(--gpce-live-text);
}

.gpce-live-no-results__title {
  font-weight: 900;
  margin-bottom: 4px;
}

.gpce-live-no-results__text {
  color: var(--gpce-live-muted);
}

.gpce-search-wrap--mini .gpce-live-results-panel {
  max-height: 380px;
}

.gpce-search-wrap--mini .gpce-live-result-row {
  grid-template-columns: 1fr;
}

.gpce-search-wrap--mini .gpce-live-result-cart {
  display: none;
}

@media (max-width: 760px) {
  .gpce-live-results {
    position: static;
    margin-top: 10px;
  }

  .gpce-live-result-row {
    grid-template-columns: 1fr;
  }

  .gpce-live-result-item {
    grid-template-columns: 1fr;
  }

  .gpce-live-result-side {
    align-items: flex-start;
    text-align: left;
    min-width: 0;
  }

  .gpce-live-result-cart,
  .gpce-live-result-cart form,
  .gpce-live-result-cart .gpce-loop-cart-form,
  .gpce-live-result-cart .gpce-product-cart-form {
    justify-content: flex-start;
    width: 100%;
  }
}


/* GPCE 1.9.4.5.22.711 — Hero/live search polish
 * Keep the hero search input in the original transparent rectangular style.
 * Live results stay as a compact premium one-line light panel; buttons/qty inherit GPCE presets.
 */
.gpce-search-wrap--default {
  --gpce-live-surface: #ffffff;
  --gpce-live-surface-soft: #f4f7fb;
  --gpce-live-text: #102548;
  --gpce-live-muted: #53657a;
  --gpce-live-border: rgba(16, 37, 72, .14);
  --gpce-live-shadow: 0 22px 52px rgba(0, 19, 47, .28);
}

.gpce-search-wrap--default .gpce-search-input {
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, .14) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.gpce-search-wrap--default .gpce-search-input:focus {
  border-color: rgba(255, 255, 255, .88) !important;
  background: rgba(0, 0, 0, .18) !important;
  box-shadow: none !important;
}

.gpce-search-wrap--default .gpce-search-input::placeholder {
  color: rgba(255, 255, 255, .92) !important;
}

.gpce-search-wrap--default .gpce-live-results {
  top: calc(100% + 12px);
}

.gpce-search-wrap--default .gpce-live-results-panel {
  background: #ffffff !important;
  color: #102548 !important;
  border: 1px solid rgba(16, 37, 72, .16) !important;
  box-shadow: var(--gpce-live-shadow);
  padding: 8px;
}

.gpce-search-wrap--default .gpce-live-result-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 8px;
  background: #ffffff;
}

.gpce-search-wrap--default .gpce-live-result-row + .gpce-live-result-row {
  border-top: 1px solid rgba(16, 37, 72, .10);
}

.gpce-search-wrap--default .gpce-live-result-item {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  min-height: 54px;
  padding: 8px 10px;
  border-radius: calc(var(--gpce-live-radius) - 8px);
  color: #102548 !important;
}

.gpce-search-wrap--default .gpce-live-result-item:hover,
.gpce-search-wrap--default .gpce-live-result-item.is-active {
  background: #f4f7fb !important;
}

.gpce-search-wrap--default .gpce-live-result-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "sku name"
    "sku meta";
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
}

.gpce-search-wrap--default .gpce-live-result-main strong {
  grid-area: sku;
  align-self: center;
  color: var(--gpce-primary-button-text, #ffffff) !important;
  background: var(--gpce-primary-button-bg, var(--gpce-primary, #0b4f9d)) !important;
  box-shadow: none;
}

.gpce-search-wrap--default .gpce-live-result-name {
  grid-area: name;
  color: #102548 !important;
  font-size: 14px;
  font-weight: 900;
}

.gpce-search-wrap--default .gpce-live-result-meta {
  grid-area: meta;
  color: #6a7b8f !important;
}

.gpce-search-wrap--default .gpce-live-result-side {
  min-width: 110px;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
}

.gpce-search-wrap--default .gpce-live-result-brand {
  color: #53657a !important;
  font-weight: 900;
}

.gpce-search-wrap--default .gpce-live-result-price {
  background: var(--gpce-price-pill-bg, #eef3f8) !important;
  color: var(--gpce-price-pill-text, #102548) !important;
  border-color: var(--gpce-price-pill-border, rgba(16, 37, 72, .22)) !important;
}

.gpce-search-wrap--default .gpce-live-result-cart {
  min-width: 196px;
}

.gpce-search-wrap--default .gpce-live-no-results {
  background: #f4f7fb !important;
  color: #102548 !important;
}

@media (max-width: 760px) {
  .gpce-search-wrap--default .gpce-search-input {
    min-height: 42px;
  }
  .gpce-search-wrap--default .gpce-live-results-panel {
    padding: 8px;
  }
  .gpce-search-wrap--default .gpce-live-result-row,
  .gpce-search-wrap--default .gpce-live-result-item {
    grid-template-columns: 1fr;
  }
  .gpce-search-wrap--default .gpce-live-result-main {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .gpce-search-wrap--default .gpce-live-result-side {
    align-items: flex-start;
    text-align: left;
  }
  .gpce-search-wrap--default .gpce-live-result-cart {
    min-width: 0;
  }
}

/* GPCE 1.9.4.5.22.710 — Premium one-line hero live search results
 * Keep the hero input transparent, but render suggestions as a softer premium panel
 * with one aligned desktop row: SKU | Name | Brand | Price | Qty | Add.
 */
.gpce-search-wrap--default {
  --gpce-live-surface: rgba(246, 249, 253, .96);
  --gpce-live-surface-soft: rgba(238, 244, 251, .98);
  --gpce-live-text: #102548;
  --gpce-live-muted: #53657a;
  --gpce-live-border: rgba(16, 37, 72, .16);
  --gpce-live-shadow: 0 18px 44px rgba(0, 19, 47, .24);
}

.gpce-search-wrap--default .gpce-live-results {
  top: calc(100% + 10px);
}

.gpce-search-wrap--default .gpce-live-results-panel {
  background: var(--gpce-live-surface) !important;
  border-color: rgba(255, 255, 255, .62) !important;
  border-radius: var(--gpce-live-radius, 18px) !important;
  box-shadow: var(--gpce-live-shadow), inset 0 0 0 1px rgba(16, 37, 72, .08) !important;
  padding: 8px !important;
  backdrop-filter: blur(10px);
}

.gpce-search-wrap--default .gpce-live-result-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border-radius: calc(var(--gpce-live-radius, 18px) - 8px) !important;
}

.gpce-search-wrap--default .gpce-live-result-row:hover,
.gpce-search-wrap--default .gpce-live-result-row:focus-within {
  background: rgba(255, 255, 255, .58) !important;
}

.gpce-search-wrap--default .gpce-live-result-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--gpce-live-text) !important;
}

.gpce-search-wrap--default .gpce-live-result-item:hover,
.gpce-search-wrap--default .gpce-live-result-item.is-active {
  background: transparent !important;
}

.gpce-search-wrap--default .gpce-live-result-main {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas: "sku name" !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
  min-width: 0 !important;
}

.gpce-search-wrap--default .gpce-live-result-main strong {
  grid-area: sku !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: var(--gpce-button-radius, 10px) !important;
  font-size: 14px !important;
  letter-spacing: .01em !important;
}

.gpce-search-wrap--default .gpce-live-result-name {
  grid-area: name !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--gpce-product-name-text, #102548) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.gpce-search-wrap--default .gpce-live-result-meta {
  display: none !important;
}

.gpce-search-wrap--default .gpce-live-result-side {
  display: grid !important;
  grid-template-columns: auto auto !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: end !important;
  min-width: 190px !important;
  text-align: right !important;
}

.gpce-search-wrap--default .gpce-live-result-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(16, 37, 72, .16) !important;
  border-radius: var(--gpce-button-radius, 999px) !important;
  background: rgba(255, 255, 255, .52) !important;
  color: #29415f !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.gpce-search-wrap--default .gpce-live-result-price {
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: var(--gpce-button-radius, 999px) !important;
  background: var(--gpce-price-pill-bg, rgba(238, 244, 251, .98)) !important;
  color: var(--gpce-price-pill-text, #102548) !important;
  border-color: var(--gpce-price-pill-border, rgba(16, 37, 72, .22)) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.gpce-search-wrap--default .gpce-live-result-cart {
  min-width: 196px !important;
}

.gpce-search-wrap--default .gpce-live-result-cart form,
.gpce-search-wrap--default .gpce-live-result-cart .gpce-loop-cart-form,
.gpce-search-wrap--default .gpce-live-result-cart .gpce-product-cart-form {
  gap: 10px !important;
  justify-content: end !important;
}

@media (max-width: 760px) {
  .gpce-search-wrap--default .gpce-live-results-panel {
    background: rgba(246, 249, 253, .98) !important;
  }
  .gpce-search-wrap--default .gpce-live-result-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }
  .gpce-search-wrap--default .gpce-live-result-item {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .gpce-search-wrap--default .gpce-live-result-main {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .gpce-search-wrap--default .gpce-live-result-side {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: start !important;
    text-align: left !important;
  }
  .gpce-search-wrap--default .gpce-live-result-cart {
    min-width: 0 !important;
    width: 100% !important;
  }
  .gpce-search-wrap--default .gpce-live-result-cart form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-loop-cart-form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-product-cart-form {
    justify-content: space-between !important;
    width: 100% !important;
  }
}


/* GPCE 1.9.4.5.22.712 — Restore original hero search bar proportions
 * Exact old-style rectangular transparent hero input; live results remain premium one-line.
 */
.gpce-search-wrap--default .gpce-search-form {
  margin: 0 !important;
}

.gpce-search-wrap--default .gpce-search-input,
.gpce-search-wrap--default input.gpce-search-input[type=search],
.gpce-search-wrap--default input.gpce-search-input[type=text] {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, .10) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.gpce-search-wrap--default .gpce-search-input:focus,
.gpce-search-wrap--default input.gpce-search-input[type=search]:focus,
.gpce-search-wrap--default input.gpce-search-input[type=text]:focus {
  border-color: rgba(255, 255, 255, .72) !important;
  background: rgba(0, 0, 0, .12) !important;
  box-shadow: none !important;
}

.gpce-search-wrap--default .gpce-search-input::placeholder {
  color: rgba(255, 255, 255, .88) !important;
  opacity: 1 !important;
}

.gpce-search-wrap--default .gpce-live-results {
  top: calc(100% + 9px) !important;
}

/* GPCE 1.9.4.5.22.714 — Live search notes only create a second line when needed
 * Default rows stay one-line. Replacement / old-reference context expands below the name only when meta exists.
 */
.gpce-search-wrap--default .gpce-live-result-main {
  grid-template-areas: "sku name" !important;
  row-gap: 0 !important;
}

.gpce-search-wrap--default .gpce-live-result-main--has-meta {
  grid-template-areas:
    "sku name"
    "sku meta" !important;
  row-gap: 4px !important;
  align-items: center !important;
}

.gpce-search-wrap--default .gpce-live-result-meta {
  grid-area: meta !important;
  display: none !important;
  min-width: 0 !important;
  color: #29415f !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.gpce-search-wrap--default .gpce-live-result-main--has-meta .gpce-live-result-meta {
  display: block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.gpce-search-wrap--default .gpce-live-result-row--has-meta {
  min-height: 68px !important;
  align-items: center !important;
}

@media (max-width: 760px) {
  .gpce-search-wrap--default .gpce-live-result-main--has-meta {
    grid-template-areas:
      "sku name"
      "meta meta" !important;
  }
}


/* GPCE 1.9.4.5.22.846 — Full desktop hero live-search fix only.
 * Base is 844. This applies only on large/full desktop screens, so the already-good
 * medium/mobile live-search layout is not touched.
 */
@media (min-width: 1101px) {
  .gpce-search-wrap--default .gpce-live-results-panel {
    padding: 8px !important;
  }

  .gpce-search-wrap--default .gpce-live-result-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    padding: 10px !important;
  }

  .gpce-search-wrap--default .gpce-live-result-item {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: start !important;
  }

  .gpce-search-wrap--default .gpce-live-result-main {
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "sku name"
      "sku meta" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .gpce-search-wrap--default .gpce-live-result-main--has-meta .gpce-live-result-meta {
    display: block !important;
    white-space: normal !important;
  }

  .gpce-search-wrap--default .gpce-live-result-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.2 !important;
  }

  .gpce-search-wrap--default .gpce-live-result-side {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }

  .gpce-search-wrap--default .gpce-live-result-cart {
    min-width: 0 !important;
    width: 100% !important;
  }

  .gpce-search-wrap--default .gpce-live-result-cart form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-loop-cart-form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-product-cart-form {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}


/* GPCE 1.9.4.5.22.847 — Hero live search: brand, price and actions on one row.
 * Keep the 844/846 base. This affects only the default/homepage live-search result
 * at tablet/desktop widths. Mobile under 760px keeps its existing behavior.
 */
@media (min-width: 761px) {
  .gpce-search-wrap--default .gpce-live-result-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "main main"
      "side cart" !important;
    gap: 10px 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
  }

  .gpce-search-wrap--default .gpce-live-result-item {
    display: contents !important;
  }

  .gpce-search-wrap--default .gpce-live-result-main {
    grid-area: main !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "sku name"
      "sku meta" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .gpce-search-wrap--default .gpce-live-result-main--has-meta .gpce-live-result-meta {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .gpce-search-wrap--default .gpce-live-result-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.2 !important;
  }

  .gpce-search-wrap--default .gpce-live-result-side {
    grid-area: side !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: left !important;
  }

  .gpce-search-wrap--default .gpce-live-result-cart {
    grid-area: cart !important;
    min-width: 0 !important;
    width: auto !important;
    justify-self: end !important;
  }

  .gpce-search-wrap--default .gpce-live-result-cart form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-loop-cart-form,
  .gpce-search-wrap--default .gpce-live-result-cart .gpce-product-cart-form {
    width: auto !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }
}