.panel-logo {
  width: 158px;
  height: 52px;
  object-fit: cover;
  object-position: center;
  background: #fff;
  border: 4px solid #fff;
}

.plans {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.plan {
  padding: 29px;
}

.plan.particular {
  border-top: 3px solid var(--silver);
  padding-top: 27px;
}

.plan .price {
  font-size: 29px;
}

@media (max-width: 980px) {
  .plans {
    grid-template-columns: 1fr;
  }

  .plan-intro {
    min-height: 0;
  }
}

@media (max-width: 800px) {
  .panel-top {
    align-items: flex-start;
    gap: 18px;
  }

  .panel-logo {
    width: 138px;
    height: 47px;
  }
}
