/* 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:-.1em;margin-left:.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,.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}
