/* Közös ShopAngyal tartalmi hierarchia és címkiemelés. */
.sa-content-system .sa-heading-highlight {
  display: inline;
  padding: 0 .14em .04em;
  margin-inline: -.04em;
  border-radius: .18em;
  background: linear-gradient(180deg, transparent 18%, color-mix(in srgb, var(--sa-accent) 34%, transparent) 18%);
  color: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* A több sorba törő főcímeknek maradjon jól látható levegőjük. */
.sa-content-system h1,
.sa-content-system h2 {
  line-height: 1.16;
}

.sa-content-system .sa-variant-problems {
  background: var(--sa-bg);
}

.sa-content-system .sa-variant-intro {
  max-width: 880px;
}

.sa-content-system .sa-variant-kicker,
.sa-content-system .sa-problem-signal {
  max-width: none;
  margin: 0 0 var(--sa-space-3);
  color: var(--sa-brand);
  font: var(--sa-weight-bold) var(--sa-text-micro)/1.4 var(--sa-font-display);
  letter-spacing: .08em;
}

.sa-content-system :is(.ss-section--report, .ss-section--final) .sa-variant-kicker {
  color: var(--sa-accent);
}

.sa-content-system .sa-variant-intro--center {
  margin-inline: auto;
  text-align: center;
}

.sa-content-system .sa-variant-intro--center p {
  margin-inline: auto;
}

.sa-content-system .sa-variant-problem-list {
  gap: var(--sa-space-5);
}

.sa-content-system .sa-problem-card.card {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sa-line-strong);
  background: var(--sa-bg);
  box-shadow: var(--sa-shadow-sm);
}

.sa-content-system .sa-problem-card .card-body {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: var(--sa-space-7);
  align-items: start;
  padding: var(--sa-space-6);
}

.sa-content-system .sa-problem-card .ss-row-heading {
  align-items: start;
}

.sa-content-system .sa-problem-card .ss-row-heading > p {
  margin: 0;
}

.sa-content-system .sa-problem-card .ss-row-heading h3 {
  padding-top: var(--sa-space-2);
}

.sa-content-system .sa-problem-card--featured.card {
  border-color: var(--sa-loss);
  background: color-mix(in srgb, var(--sa-loss) 5%, var(--sa-bg));
  box-shadow: 0 14px 34px color-mix(in srgb, var(--sa-loss) 12%, transparent);
}

.sa-content-system .sa-problem-card--featured .ss-icon {
  background: color-mix(in srgb, var(--sa-loss) 12%, var(--sa-bg));
  color: var(--sa-loss);
}

.sa-content-system .sa-problem-card--featured .sa-problem-signal {
  color: var(--sa-loss);
  margin-bottom: var(--sa-space-1);
}

.sa-content-system .sa-problem-card .ss-row-body p {
  margin: 0;
  font-size: 1.04rem;
  color: var(--sa-ink);
}

.sa-content-system .ss-calculation-result .sa-example-sentence {
  margin: 0 0 var(--sa-space-5);
  padding-bottom: var(--sa-space-5);
  border-bottom: 1px solid var(--sa-line);
  font-size: 1.05rem;
  color: var(--sa-ink);
}

.sa-content-system .ss-calculation-result .sa-example-lead {
  margin-bottom: var(--sa-space-3);
  font-weight: var(--sa-weight-semibold);
}

.sa-content-system .sa-offer-card.card {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  overflow: hidden;
  max-width: 1040px;
  margin-inline: auto;
  border: 1px solid var(--sa-line-strong);
  border-radius: var(--sa-radius-panel);
  background: var(--sa-bg);
  box-shadow: var(--sa-shadow-md);
}

.sa-content-system .sa-offer-main.card-body {
  display: grid;
  gap: var(--sa-space-6);
  padding: var(--sa-space-7);
}

.sa-content-system .sa-offer-label,
.sa-content-system .sa-offer-start__eyebrow,
.sa-content-system .sa-offer-addon__label {
  max-width: none;
  margin: 0 0 var(--sa-space-3);
  color: var(--sa-brand);
  font: var(--sa-weight-bold) var(--sa-text-micro)/1.4 var(--sa-font-display);
  letter-spacing: .07em;
}

.sa-content-system .sa-offer-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--sa-space-2);
  max-width: none;
  margin: 0 0 var(--sa-space-2);
}

.sa-content-system .sa-offer-price strong {
  font: var(--sa-weight-extrabold) clamp(2.4rem, 5vw, 3.7rem)/1 var(--sa-font-display);
  letter-spacing: var(--sa-tracking-display);
  color: var(--sa-ink);
}

.sa-content-system .sa-offer-price span,
.sa-content-system .sa-offer-scope {
  color: var(--sa-muted);
}

.sa-content-system .sa-offer-features {
  display: grid;
  gap: var(--sa-space-3);
  padding: var(--sa-space-5) 0 0;
  margin: 0;
  border-top: 1px solid var(--sa-line);
  list-style: none;
}

.sa-content-system .sa-offer-features li {
  position: relative;
  padding-left: var(--sa-space-5);
  margin: 0;
}

.sa-content-system .sa-offer-features li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--sa-gain);
  font-weight: var(--sa-weight-bold);
}

.sa-content-system .sa-offer-start {
  display: grid;
  align-content: center;
  padding: var(--sa-space-7);
  background: var(--sa-ink);
  color: var(--sa-on-dark);
}

.sa-content-system .sa-offer-start__eyebrow {
  color: var(--sa-accent);
}

.sa-content-system .sa-offer-start__price {
  display: grid;
  justify-items: start;
  gap: var(--sa-space-2);
  max-width: none;
  margin: var(--sa-space-3) 0 var(--sa-space-5);
}

.sa-content-system .sa-offer-start__price del {
  color: var(--sa-on-dark-muted);
  font: var(--sa-weight-semibold) 1.25rem/1.2 var(--sa-font-display);
}

.sa-content-system .sa-offer-start__price span {
  color: var(--sa-on-dark-muted);
  font-size: var(--sa-text-small);
}

.sa-content-system .sa-offer-start__price strong {
  font: var(--sa-weight-extrabold) clamp(3.2rem, 6vw, 5rem)/.95 var(--sa-font-display);
  color: var(--sa-accent);
}

.sa-content-system .sa-offer-start > p:last-child {
  color: var(--sa-on-dark-muted);
}

.sa-content-system .sa-offer-addon,
.sa-content-system .sa-offer-action {
  grid-column: 1 / -1;
}

.sa-content-system .sa-offer-addon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
  gap: var(--sa-space-6);
  align-items: center;
  padding: var(--sa-space-6) var(--sa-space-7);
  border-top: 1px solid var(--sa-line);
  background: var(--sa-surface);
}

.sa-content-system .sa-offer-addon p {
  max-width: none;
  margin: 0;
}

.sa-content-system .sa-offer-addon__note {
  font-size: var(--sa-text-small);
  color: var(--sa-muted);
}

.sa-content-system .sa-offer-action {
  padding: var(--sa-space-5) var(--sa-space-7) var(--sa-space-6);
  text-align: center;
}

.sa-content-system .sa-offer-action .sa-service-cta {
  margin: 0 0 var(--sa-space-3)!important;
}

.sa-content-system .sa-offer-action > p:last-child {
  margin: 0 auto;
  font-size: var(--sa-text-small);
  color: var(--sa-muted);
}

.sa-content-system .sa-compact-onboarding {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.sa-content-system .sa-compact-onboarding p {
  margin-inline: auto;
}

.sa-content-system .sa-variant-related {
  background: var(--sa-bg);
}

.sa-content-system .sa-related-bubble {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sa-space-7);
  align-items: center;
  max-width: 1040px;
  margin-inline: auto;
  padding: var(--sa-space-7);
  border: 1px solid var(--sa-line-strong);
  border-radius: var(--sa-radius-panel);
  background: var(--sa-bg);
  box-shadow: var(--sa-shadow-sm);
}

.sa-content-system .sa-related-bubble h2 {
  max-width: 22ch;
  font-size: clamp(1.7rem, 3vw, 2.25rem);
}

.sa-content-system .sa-related-bubble__copy > p:last-child {
  max-width: 68ch;
  margin-bottom: 0;
}

.sa-content-system .sa-related-bubble__action {
  flex-shrink: 0;
}

.sa-content-system .sa-related-bubble .sa-button {
  border-color: var(--sa-brand);
  background: transparent;
  color: var(--sa-brand);
  box-shadow: none;
}

.sa-content-system .sa-related-bubble .sa-button:hover {
  background: var(--sa-bg);
}

.sa-content-system .sa-final-saving del {
  color: var(--sa-on-dark-muted);
  text-decoration-thickness: 2px;
}

.sa-content-system .sa-final-saving strong {
  color: var(--sa-accent)!important;
}

@media (max-width: 720px) {
  .sa-content-system .sa-heading-highlight {
    padding-inline: .08em;
  }

  .sa-content-system .sa-problem-card .card-body {
    grid-template-columns: 1fr;
    gap: var(--sa-space-4);
    padding: var(--sa-space-5);
  }

  .sa-content-system .sa-offer-card.card {
    grid-template-columns: 1fr;
  }

  .sa-content-system .sa-offer-main.card-body,
  .sa-content-system .sa-offer-start,
  .sa-content-system .sa-offer-addon,
  .sa-content-system .sa-offer-action {
    padding-inline: var(--sa-space-5);
  }

  .sa-content-system .sa-offer-addon {
    grid-template-columns: 1fr;
    gap: var(--sa-space-4);
  }

  .sa-content-system .sa-offer-action .sa-button {
    width: 100%;
  }

  .sa-content-system .sa-related-bubble {
    grid-template-columns: 1fr;
    gap: var(--sa-space-5);
    padding: var(--sa-space-5);
  }

  .sa-content-system .sa-related-bubble__action .sa-button,
  .sa-content-system .sa-compact-onboarding .sa-button {
    width: 100%;
  }
}