/* Väljaren — tema för den delade till-salu-motorn. Rent, verktygslikt; paper-paneler, röd accent. */
.ts {
  --ts-red: #AE171A;
  --ts-fg: #2F383C;
  --ts-bg: #FFFFFF;
  --ts-muted: rgba(47, 56, 60, 0.55);
  --ts-line: rgba(47, 56, 60, 0.14);
  --ts-card-bg: #FFFFFF;
  --ts-radius: 8px;
  --ts-font: "Open Sans", system-ui, sans-serif;
  --ts-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ts-gap: clamp(16px, 2vw, 24px);
}

/* Sidhuvud-strip i väljarens ton */
.ts-page-hero { padding: clamp(80px, 11vw, 120px) 0 clamp(24px, 4vw, 40px); border-bottom: 1px solid rgba(47,56,60,.14); }
.ts-page-hero .kicker { color: var(--red, #AE171A); letter-spacing: .14em; text-transform: uppercase; font-size: 12px; margin: 0 0 14px; }
.ts-page-hero h1 { font-family: "Open Sans", sans-serif; font-weight: 800; letter-spacing: -.01em; line-height: 1.02; font-size: clamp(2.4rem, 6vw, 4.2rem); color: #2F383C; margin: 0 0 18px; }
.ts-page-hero__lede { max-width: 60ch; color: rgba(47,56,60,.7); font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.6; margin: 0; }

.ts-page { padding: clamp(28px, 5vw, 48px) 0 clamp(72px, 11vw, 120px); }

/* Verktygslik toolbar: paper-fält */
.ts .ts-toolbar { gap: 14px; }
.ts .ts-search, .ts .ts-brand, .ts .ts-cat, .ts .ts-sort { background: #f6f7f7; border-color: rgba(47,56,60,.14); }
.ts .ts-count { color: rgba(47,56,60,.55); }

/* Kort: rena, hårfin ram, mjuk lyft */
.ts .ts-card { border-color: rgba(47,56,60,.14); transition: border-color .2s, transform .2s; }
.ts .ts-card:hover { border-color: var(--ts-red); transform: translateY(-2px); }
.ts .ts-card__title { font-weight: 700; }
.ts .ts-card__spec dd { color: #2F383C; }
.ts .ts-badge--used { background: #2F383C; }
.ts .ts-badge--demo { background: var(--ts-red); }
.ts .ts-btn--primary { background: var(--ts-red); }
.ts .ts-page-btn.is-active { background: var(--ts-red); border-color: var(--ts-red); }

@media (max-width: 640px) {
  .ts-page-hero { padding-top: 84px; }
}