/** Shopify CDN: Minification failed

Line 35:10 Expected identifier but found whitespace
Line 35:15 Unexpected ";"
Line 55:15 Expected identifier but found whitespace
Line 55:16 Unexpected "rgba("
Line 74:7 Expected identifier but found whitespace
Line 74:8 Unexpected "1"

**/
/* Layout-Only Probe: absolute overlay below header; no interactions */
.search-layout-probe {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - var(--gutter-mobile, 12px) - 10px);
  width: 400px;
  z-index: 3; /* above header background */
  pointer-events: none;
}

/* simple neutral styling that shouldn't affect header height */

.search-layout-probe__inner {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.24);
  height: 24px; /* explicit container height */
}

  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.28);
}
.palette--light 
.search-layout-probe__inner {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.24);
  height: 24px; /* explicit container height */
}

  border-color: rgba(0,0,0,0.18);
  background: rgba(255,255,255,0.85);
}

.search-layout-probe__icon { opacity: 0.8; font-size: 12px; }


.search-layout-probe__input {
  flex: 1 1 auto;
  width: 100%;
  height: 18px; /* explicit input height */
  line-height: 18px;
  font-size: 12px;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
}

  flex: 1 1 auto;
  width: 100%;
  min-height: 14px;
  border: 0;
  background: transparent;
  color: inherit;
}

@media (min-width: 768px) {
  .search-layout-probe { top: calc(100% - var(--gutter, 16px) - 10px); }
}