.offer-quick-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-top: 22px;
  padding: 14px 16px;
  border: 1px solid hsl(var(--border));
  border-left: 3px solid hsl(var(--primary));
  background: hsl(var(--background) / 0.62);
}

.offer-quick-summary__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid hsl(var(--border));
}

.offer-quick-summary__price small,
.offer-quick-summary__fact {
  color: hsl(var(--muted-foreground));
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.offer-quick-summary__price strong {
  color: hsl(var(--foreground));
  font-family: var(--font-heading), sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
}

.offer-quick-summary__fact {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid hsl(var(--border));
  color: hsl(var(--foreground) / 0.78);
}

@media (max-width: 639px) {
  .offer-quick-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
    padding: 13px;
  }

  #kit-duo-boost-50 .offer-quick-summary {
    order: 2;
  }

  .offer-quick-summary__price {
    grid-column: 1 / -1;
    padding-right: 0;
    padding-bottom: 11px;
    border-right: 0;
    border-bottom: 1px solid hsl(var(--border));
  }

  .offer-quick-summary__fact {
    align-items: flex-start;
    min-height: 48px;
    padding: 8px;
  }
}