@charset "UTF-8";

.p-best-rate__hotel-list {
  display: grid;
  grid-template-columns: 100%;
  gap: 3rem;
}

.p-best-rate__hotel-area dt {
  margin-bottom: 2rem;
  padding-bottom: 0.8rem;
  font-weight: var(--fw-semibold);
  border-bottom: 1px solid currentColor;
}

.p-best-rate__hotels {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.2rem;
}

@media (min-width: 768px) {
  .p-best-rate__hotel-list {
    display: flex;
    flex-wrap: wrap;
  }

  .p-best-rate__hotels {
    gap: 2rem;
  }

  .p-best-rate__hotels--col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .p-best-rate__hotels li {
    min-width: 22.5rem;
  }
}