/* Keep the existing mobile header controls inside the viewport. */
/* Tablet search follows the same 8px gshop control geometry as desktop. */
html body header [data-gshop-mobile-topbar] [data-storefront-search-root],
html body header [data-gshop-mobile-topbar] [data-storefront-search-root]>button[type="submit"] {
  border-radius: var(--shop-radius-ui, 8px) !important;
}
@media (max-width: 639px) {
  html body header [data-gshop-mobile-topbar] { min-width: 0; gap: 8px !important; }
  html body header [data-gshop-mobile-actions] { gap: 4px !important; }
  html body header [data-gshop-mobile-topbar] [data-mobile-logo="geniled-shop"] {
    width: clamp(104px, calc(100vw - 204px), 164px) !important;
    max-width: 100%; height: auto !important;
  }
}

/* Search uses the canonical neutral icon control before and after hydration. */
html body header [data-storefront-search-root] > button[type="submit"] {
  background: transparent !important;
  color: #898989 !important;
}
html body header [data-storefront-search-root] > button[type="submit"]:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}