.results-specialty {
  padding: 16px;
}

.results-specialty__tabs {
  margin-bottom: 16px;
}

.results-specialty__title {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  color: #427f51;
  font-weight: 600;
}

.results-specialty__grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.results-specialty__results {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.results-specialty__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.results-specialty [data-panel="info"] {
  display: none;
}

.results-specialty [data-panel="doctors"] {
  display: grid;
}

@media (min-width: 768px) {
  .results-specialty__tabs {
    display: none;
  }

  /* .results-specialty__title {
    display: none;
  } */

  .results-specialty__title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  .results-specialty__grid {
    display: grid;
    grid-template-columns: 40% 40%;
    align-items: start;
    gap: 84px;
    margin: 0 50px 0 53px;
  }

  .results-specialty__cards {
    gap: 24px;
    margin-top: 35px;
  }

  .results-specialty [data-panel="info"] {
    display: block;
  }

  .results-specialty [data-panel="doctors"] {
    display: block;
  }
}

@media (min-width: 1024px) {
  .results-specialty__grid {
    margin: 0 50px;
    grid-template-columns: 50% 40%;
    gap: 39px;
  }

  .results-specialty__cards {
    gap: 26px;
    margin-top: 35px;
  }
}

@media (min-width: 1300px) {
  .results-specialty__grid {
    margin: 0 10px;
    grid-template-columns: 37% 60%;
    gap: 29px;
  }

  .results-specialty__cards {
    gap: 26px;
    margin-top: 35px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1440px) {
  .results-specialty__grid {
    margin: 0 40px;
    grid-template-columns: 35% 60%;
    gap: 29px;
  }
}

@media (min-width: 1440px) {
  .results-specialty__grid {
    margin: 0 0 0 48px;
    gap: 43px;
  }
}