/* Omdömen från riktiga köp (templates/_omdomen.html, stjarna/omdome.py). Startsidan, guide-, paket- och
   kampanjsidorna. Bara riktiga omdömen: inga stjärnor eller citat utan källa. Tokens från docs/designsystem.md. */
.hem-omdomen[id] { scroll-margin-top: var(--gh); }
.hem-omdomen h2 { text-wrap: balance; }
.hem-omdomen { background: var(--yta); padding: clamp(56px, 6vw, 88px) 0; }
.ho-ram { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.hem-omdomen h2 { margin: 0 auto var(--s7); font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); }
.ho-lista { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 1fr); gap: var(--s5); padding: 0 0 var(--s2); list-style: none;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ho-lista::-webkit-scrollbar { display: none; }
.ho-lista li { scroll-snap-align: start; }
.ho-lista figure { height: 100%; margin: 0; padding: var(--s6); border-radius: var(--r-bricka); background: var(--yta-2); display: flex; flex-direction: column; gap: var(--s4); }
.ho-betyg { display: flex; gap: 4px; margin: 0; }
.ho-betyg span { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--linje-stark); }
.ho-betyg span.pa { border-color: var(--guld-text); background: var(--guld); }
.ho-lista blockquote { margin: 0; font-size: 17px; line-height: 1.5; }
.ho-lista blockquote p { margin: 0; }
.ho-lista figcaption { margin-top: auto; font-size: var(--fs-liten); color: var(--text-2); }
/* Sammanfattningen: snittet och fördelningen över alla fem betyg (stjarna/omdome.py) */
.ho-summa { display: grid; grid-template-columns: auto minmax(0, 360px); align-items: center; gap: var(--s4) var(--s9); margin-bottom: var(--s7); }
.ho-snitt { margin: 0; display: grid; gap: 2px; color: var(--text-2); font-size: var(--fs-liten); }
.ho-snitt b { font-family: var(--font-rubrik); font-size: var(--fs-h2); line-height: 1; font-weight: 600; letter-spacing: var(--ls-h2); color: var(--text); font-variant-numeric: tabular-nums; }
.ho-fordelning { margin: 0; display: grid; gap: 6px; font-size: var(--fs-fot); color: var(--text-2); }
.ho-fordelning div { display: grid; grid-template-columns: 4.5em minmax(0, 1fr); align-items: center; gap: var(--s3); }
.ho-fordelning dt { white-space: nowrap; }
.ho-fordelning dd { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) 2.5em; align-items: center; gap: var(--s3); }
.ho-stapel { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--guld) var(--andel), var(--yta-3) var(--andel)); }
.ho-tal { text-align: right; font-variant-numeric: tabular-nums; }
.ho-insamling { margin: var(--s5) 0 0; max-width: 68ch; font-size: var(--fs-fot); line-height: var(--lh-fot); color: var(--text-2); }
@media (max-width: 734px) { .ho-summa { grid-template-columns: minmax(0, 1fr); } }
.hem-omdomen .lankrad { margin: var(--s5) 0 0; }

/* Guide-, paket- och kampanjsidorna: samma bredd som sidans text (.sida), grå yta mellan köpformuläret och texten */
.omdomen-sida { background: var(--yta-2); }
.omdomen-sida .ho-ram { width: min(var(--bredd), calc(100% - 48px)); }
.omdomen-sida .ho-lista figure { background: var(--yta); }
@media (max-width: 734px) { .omdomen-sida .ho-ram { width: calc(100% - 32px); } }