.card {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.card h2 {
  font-size: 20px;
}
.card .section-head {
  margin-bottom: 8px;
}

.card-pad {
  padding: 22px;
}

.article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}
.article + .article {
  border-top: 1px solid var(--line);
}
.article .thumb {
  flex: 0 0 84px;
  height: 64px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--bg-soft);
}
.article .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article h4 {
  margin: 0 0 4px;
  font-size: 14px;
}
.article a.small {
  color: var(--brand);
  font-size: 13px;
  font-weight: 600;
}

.promo-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 320px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background-color: var(--bg-soft);
  background-image: var(--promo-bg, none);
  background-repeat: no-repeat;
  background-position: right -148px bottom -10px;
  background-size: auto 132%;
}
.promo-box .promo-label {
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
}
.promo-box .off {
  margin: 10px 0;
  color: var(--brand);
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
}
.promo-box p {
  margin: 0 0 4px;
  color: var(--ink);
  font-weight: 600;
}
.promo-box p .sub {
  display: block;
  color: var(--muted);
  font-weight: 400;
}
.promo-box .btn {
  align-self: flex-start;
  margin-top: 18px;
}
@media (max-width: 400px) {
  .promo-box {
    background-position: right -165px bottom;
    background-size: auto 130%;
  }
}

.stats {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin: 16px 0;
}

.stat strong {
  display: block;
  color: var(--brand);
  font-size: 30px;
  line-height: 1;
}
.stat span {
  color: var(--muted);
  font-size: 13px;
}

/*# sourceMappingURL=blogpromotekst.css.map */