.af-before-after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.45rem 0;
}

.af-before-after section {
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid rgba(92, 44, 134, 0.18);
  background: rgba(255, 250, 239, 0.92);
  color: #241b2f;
  box-shadow: 0 16px 40px rgba(39, 23, 55, 0.06);
}

.af-before-after section:last-child {
  background: #171229;
  color: #f6efe1;
}

.af-before-after p {
  margin-bottom: 0;
}

.af-before-after section:first-child p {
  color: #31263f;
}

.af-before-after section:last-child p {
  color: #f6efe1;
}

.af-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  margin-bottom: 0.65rem;
  font-size: 0.72rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
  color: #5b2a86;
  background: rgba(145, 95, 198, 0.15);
  border: 1px solid rgba(92, 44, 134, 0.22);
}

.af-before-after section:last-child .af-label {
  color: #f6efe1;
  background: rgba(199, 167, 255, 0.16);
  border-color: rgba(199, 167, 255, 0.32);
}

@media (max-width: 680px) {
  .af-before-after {
    grid-template-columns: 1fr;
  }
}