/* Sök: servicekort och återhämtning vid noll träffar (ss-search.js). */
.ss-service-card {
  box-sizing: border-box;
  max-width: 760px;
  margin: 0 auto 24px;
  padding: 1em 1.25em;
  border: 0 !important;
  outline: 0;
  box-shadow: none;
  border-radius: 1em 0;
  background: var(--base-background4, #fbf0e4);
  color: var(--base-color1, #141414);
  text-align: left;
}
.ss-service-card h2 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
}
.ss-service-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.ss-service-item {
  margin: 0;
  padding: 0;
}
.ss-service-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: var(--base-color1, #141414);
  text-decoration: none !important;
}
.ss-service-link:hover .ss-service-link-text,
.ss-service-link:focus-visible .ss-service-link-text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Rebuspilen (temats ikonfont, line-height:1) sitter annars under textens mitt: lyft den en tiondels em,
   samma storleksordning som temats .readmoreBtn-ikon (top:.1em åt andra hållet för den nedåtriktade pilen). */
.ss-service-link .icon-rebus-pil-h {
  display: inline-block;
  position: relative;
  top: -0.1em;
  margin-left: 0.35em;
  font-weight: 400;
  line-height: 1;
  text-decoration: none !important;
  color: var(--theme-color1, #ff005c);
}
.ss-service-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}
.ss-search-recovery {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 24px auto;
  padding: 0 16px;
  color: #141414;
  text-align: center;
}
.ss-search-recovery h2 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.3;
}
.ss-search-again label {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
}
/* Pillform som headerns sökfält: brett fält, liten knapp i temats cta-färg. !important mot temats input-/knappregler. */
.ss-search-again-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.ss-search-recovery .ss-search-again input[type="search"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(0, 0, 0, 0.28) !important;
  border-radius: 999px !important;
  background: var(--base-background1, #fff) !important;
  font: inherit !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
}
.ss-search-recovery .ss-search-again .ss-search-submit {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--cta-background1, #ff005c) !important;
  color: var(--cta-color1, #fff) !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
  cursor: pointer;
}
.ss-search-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 14px 0 0;
}
.ss-search-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #141414;
  border-radius: 999px;
  background: #fff;
  color: #141414;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
}
.ss-search-action:hover,
.ss-search-action:focus-visible {
  background: #fcf6f0;
}
/* Askås AI-knapp flyttad hit: originalets storlek, bara marginalerna nollas. */
.ss-search-actions #search-ai-tertiary {
  display: inline-flex;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ss-search-actions #search-ai-tertiary button {
  margin: 0 !important;
}
.ss-search-recovery .ss-service-card {
  margin: 16px auto 0;
}
.ss-search-didyoumean {
  margin: 16px 0 0;
  font-size: 16px;
}
.ss-search-didyoumean a {
  font-weight: 700;
  color: var(--theme-color1, #ff005c);
}
/* Liknande produkter: temats produktkort (.PT_Wrapper) i temats grid; här bara rubrik och bredd. */
.ss-search-similar {
  margin: 28px 0 0;
}
.ss-search-similar-grid {
  justify-content: center;
}
.ss-search-recovery:has(.ss-search-similar) {
  max-width: none;
}
.ss-search-similar-title {
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.3;
}
.ss-search-note {
  margin: 0 0 4px;
  font-size: 13px;
  color: #5f5a55;
}
@media (max-width: 767px) {
  .ss-service-card {
    margin: 0 16px 20px;
  }
}
/* Smartis-pillret i header-sökfältet (ATM-taggen sokforslag-atm-v2-hybrid.html,
   nu publicerad och live — speglar mot dess faktiska klasser .sg-ai-pill-wrap/
   .sg-ai-pill i stället för den äldre .ai-search-btn-kompatklassen).
   Får aldrig ta mer än 35% av sökfältets bredd (Sebastians korr #2: vid ~1000px
   bredd klippte 43% ändå platshållaren "Sök produkt här…" trots 45%-taket).
   Speglar bara det ren CSS kan uttrycka (bredd, textklipp, kompakt padding/gap);
   själva trappningen (steg a/b/c, textbytet "Fråga Smartis"→"Smartis") sker i
   ATM-taggens JS (fitAiPill), inte här. !important krävs mot knappens/wrapperns
   egna inline-stilar. */
.LSS_Container .sg-ai-pill-wrap {
  max-width: 35% !important;
  box-sizing: border-box !important;
}
.LSS_Container .sg-ai-pill {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Steg b/c: samma kompakta padding/gap som fitAiPill() växlar in via JS. */
.LSS_Container .sg-ai-pill.sg-ai-pill-compact {
  gap: 4px !important;
  padding: 5px 8px !important;
}