.page-odpovdnost-hero {
  background-color: var(--color-bg);
}

.page-odpovdnost-hero__grid {
  align-items: center;
  gap: var(--space-40);
}

.page-odpovdnost-hero__content {
  max-width: 620px;
}

.page-odpovdnost-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}

.page-odpovdnost-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.page-odpovdnost-hero__figure,
.page-odpovdnost-age__figure {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.page-odpovdnost-hero__media,
.page-odpovdnost-age__media {
  display: flex;
  align-items: stretch;
}

.page-odpovdnost-principles {
  margin-top: var(--space-24);
}

.page-odpovdnost-differentiation__highlight ul {
  margin-bottom: 0;
}

.page-odpovdnost-recommendations__aside {
  align-self: flex-start;
}

.page-odpovdnost-help__grid,
.page-odpovdnost-age,
.page-odpovdnost-recommendations {
  gap: var(--space-40);
}

.page-odpovdnost-ethics__grid {
  margin-top: var(--space-24);
}

.page-odpovdnost-help .hotline {
  font-size: var(--font-size-lg);
}

@media (max-width: 900px) {
  .page-odpovdnost-hero__grid,
  .page-odpovdnost-age,
  .page-odpovdnost-recommendations,
  .page-odpovdnost-help__grid {
    gap: var(--space-24);
  }

  .page-odpovdnost-hero__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}