/* Black Friday-rad (60-sg-blackfriday.js). Tas bort av skriptet efter 30 november 2026. */
.sg-bf {
  margin: 1.5rem 0;
  padding: 1rem 1.1rem;
  border: 2px solid var(--kr-ink);
  border-left-width: 6px;
  background: var(--kr-panel, var(--kr-paper));
  color: var(--kr-ink);
}
html body .sg-bf p { margin: 0; }
html body .sg-bf__kicker {
  font-family: var(--kr-mono);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--kr-rea, var(--kr-ink));
}
html body .sg-bf__text { margin-top: 0.35rem; font-size: 1rem; line-height: 1.45; }
html body .sg-bf__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1.1rem;
  margin-top: 0.8rem;
}
html body .sg-bf a.sg-bf__cta {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 1.1rem;
  background: var(--kr-ink);
  color: var(--kr-paper);
  font-weight: 700;
  text-decoration: none;
}
html body .sg-bf a.sg-bf__cta:hover,
html body .sg-bf a.sg-bf__cta:focus-visible { text-decoration: underline; text-underline-offset: 0.2em; }
html body .sg-bf a.sg-bf__more { color: var(--kr-ink); text-decoration: underline; text-underline-offset: 0.2em; }
html body .sg-bf__note { margin-top: 0.6rem; font-size: 0.8rem; color: var(--kr-grafit, var(--kr-ink)); }