/* Forside: søket under karusellen og en enkel tematilpasset kategoriknapp. */
html.hs-v96:root body[data-view=home] #homeView#homeView > .home-discovery.hs-ask-low {
  order: 4 !important;
  position: relative !important;
  z-index: 300 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 14px 0 4px !important;
}
html.hs-v96.nav-top:root body[data-view=home] #homeView#homeView > .home-discovery.hs-ask-low {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
html.hs-v96:root body[data-view=home] #homeView .home-discovery.hs-ask-low > #homeAskForm {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

/* The old floating map lens is gone, so its previous slot collapses. */
html.hs-v96:root body[data-view=home] #homeView#homeView > .home-discovery.hs-lens-slot {
  position: relative !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}

.hs-cat-btn {
  position: absolute;
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px 0 5px;
  border: 1px solid color-mix(in srgb, var(--pink, #8472e8) 48%, transparent);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pink, #8472e8) 86%, #fff), var(--pink, #8472e8));
  box-shadow: 0 4px 12px -7px color-mix(in srgb, var(--pink, #8472e8) 55%, transparent), inset 0 1px 0 rgba(255,255,255,.28);
  cursor: pointer;
  font: 700 12px/1 var(--body, system-ui, sans-serif);
  letter-spacing: .01em;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.hs-cat-btn:hover { filter: brightness(1.06); }
.hs-cat-btn:focus-visible { outline: 2px solid var(--pink, #8472e8); outline-offset: 2px; }
.hs-cat-spin {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--pink, #8472e8);
  background: var(--surface, #fff);
}
.hs-cat-emo { font-size: 14px; line-height: 1; }
.hs-cat-btn.hs-hide,
html:root body .tip-login.hs-hide { display: none !important; }
html[data-theme]:root body .app-header #tipLoginBtn.tip-login.hs-hide.hs-hide { display: none !important; }

@media (max-width: 380px) {
  .hs-cat-btn { height: 30px; gap: 5px; padding-right: 10px; font-size: 11px; }
  .hs-cat-spin { width: 22px; height: 22px; }
  .hs-cat-emo { font-size: 13px; }
}
