.ara-sayfa {
  min-inline-size: 0;
}

.ara-turler,
.ara-oneriler,
.ara-liste {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ara-turler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bosluk-2);
}

.ara-form {
  inline-size: 100%;
  max-inline-size: 48rem;
}

.ara-satir .v7-input {
  flex: 1 1 14rem;
  inline-size: auto;
}

.ara-satir .v7-button {
  flex: 0 0 auto;
}

.ara-ozet {
  margin-block-end: var(--bosluk-4);
  font-weight: 600;
}

.ara-gruplar {
  display: grid;
  gap: var(--bosluk-6);
}

.ara-grup {
  display: grid;
  gap: var(--bosluk-4);
  align-content: start;
}

.ara-grup-baslik {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bosluk-3);
  font-size: clamp(18px, 2vw, 22px);
}

.ara-grup-baslik .v7-chip {
  font-family: var(--font-govde);
  letter-spacing: normal;
  text-transform: none;
}

.ara-liste {
  display: grid;
}

.ara-liste > li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--bosluk-1) var(--bosluk-4);
  padding-block: var(--bosluk-1);
  border-block-end: 1px solid var(--cerceve);
}

.ara-liste > li:last-child {
  border-block-end: 0;
}

.ara-liste a,
.ara-geri {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
}

.ara-bos-baslik {
  margin-block-end: var(--bosluk-3);
}

.ara-oneriler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bosluk-3);
}

@media (width <= 30rem) {
  .ara-satir .v7-button {
    flex: 1 1 100%;
  }
}