.indir {
  display: grid;
  gap: var(--bosluk-8);
  padding-block: var(--bosluk-8) var(--bosluk-12);
}

.indir > * {
  min-inline-size: 0;
}

.indir :where([id]) {
  scroll-margin-block-start: 6rem;
}

.v7 .indir a.v7-button-primary {
  color: var(--dugme-yazi);
}

.v7 .indir a.v7-button-secondary {
  color: var(--krem);
}

.v7 .indir a.v7-button-secondary:hover,
.v7 .indir a.v7-button-secondary:focus-visible {
  color: var(--altin-acik);
}

.indir-baslik {
  max-inline-size: 54rem;
}

.indir-giris {
  color: var(--krem-2);
  font-size: 1.125rem;
}

.indir-h2 {
  margin-block-end: var(--bosluk-4);
  font-size: clamp(20px, 2vw, 26px);
}

.indir-bolum > * + * {
  margin-block-start: var(--bosluk-4);
}

.indir-kartlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: var(--aralik);
  align-items: stretch;
}

.indir-kart-baslik {
  font-size: 22px;
}

.indir-durum {
  display: flex;
}

.indir-sizin {
  display: none;
  color: var(--altin);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.indir-kartlar[data-oncelik="windows"] .indir-kart--windows,
.indir-kartlar[data-oncelik="android"] .indir-kart--android,
.indir-kartlar[data-oncelik="ios"] .indir-kart--ios {
  border-color: var(--altin);
}

.indir-kartlar[data-oncelik="windows"] .indir-kart--windows .indir-sizin,
.indir-kartlar[data-oncelik="android"] .indir-kart--android .indir-sizin,
.indir-kartlar[data-oncelik="ios"] .indir-kart--ios .indir-sizin {
  display: block;
}

.indir-bilgi {
  display: grid;
  margin: 0;
  border-block-start: 1px solid var(--cerceve);
}

.indir-bilgi-satir {
  display: grid;
  grid-template-columns: minmax(6rem, 10rem) minmax(0, 1fr);
  gap: var(--bosluk-3);
  padding-block: var(--bosluk-3);
  border-block-end: 1px solid var(--cerceve);
}

.indir-bilgi dt {
  color: var(--krem-2);
  font-size: 0.875rem;
  font-weight: 600;
}

.indir-bilgi dd {
  min-inline-size: 0;
  margin: 0;
}

.indir-ozet {
  display: block;
  margin-block-end: var(--bosluk-2);
  padding: var(--bosluk-2) var(--bosluk-3);
  border: 1px solid var(--cerceve);
  border-radius: var(--kose);
  background: var(--gece);
  color: var(--krem);
  font-family: ui-monospace, "Cascadia Mono", consolas, monospace;
  font-size: 0.8125rem;
  word-break: break-all;
  user-select: all;
}

.indir-adimlar {
  display: grid;
  gap: var(--bosluk-4);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: adim;
}

.indir-adimlar > li {
  position: relative;
  min-block-size: 2.25rem;
  padding-inline-start: 3.25rem;
  counter-increment: adim;
}

.indir-adimlar > li::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: grid;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  place-items: center;
  border: 1px solid var(--altin);
  border-radius: 50%;
  color: var(--altin-acik);
  font-family: var(--font-baslik);
  font-weight: 700;
  content: counter(adim);
}

.indir-komut-etiket {
  display: block;
  margin-block-start: var(--bosluk-3);
  color: var(--krem-2);
  font-size: 0.875rem;
}

.indir-komut {
  margin: var(--bosluk-2) 0 0;
  padding: var(--bosluk-3) var(--bosluk-4);
  border: 1px solid var(--cerceve);
  border-radius: var(--kose);
  background: var(--gece);
  color: var(--krem);
  font-family: ui-monospace, "Cascadia Mono", consolas, monospace;
  font-size: 0.875rem;
  white-space: pre-wrap;
  word-break: break-all;
}

.indir-soz {
  color: var(--altin-acik);
  font-size: 1.125rem;
}

.indir-guvenlik,
.indir-uyari,
.indir-bagimsiz {
  border-inline-start: 4px solid var(--altin);
}

.indir-bolum.indir-guvenlik {
  padding-inline-start: var(--bosluk-4);
}

.indir-soru + .indir-soru {
  margin-block-start: var(--bosluk-3);
}

.indir-liste {
  display: grid;
  gap: var(--bosluk-3);
  margin: 0;
  padding-inline-start: 1.25rem;
}

.indir-devam ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bosluk-3) var(--bosluk-6);
  margin: 0;
  padding: 0;
  list-style: none;
}

.indir-devam a {
  display: inline-flex;
  align-items: center;
  min-inline-size: 44px;
  min-block-size: 44px;
  padding-block: var(--bosluk-2);
}

.indir-bilgisayar {
  margin-block-start: var(--bosluk-6);
}

.indir-rozet {
  display: inline-block;
  min-block-size: 44px;
}

.indir-rozet img {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: 44px;
  object-fit: contain;
}

.indir-kopyala[hidden] {
  display: none;
}

.indir-atif {
  margin-block-start: var(--bosluk-3);
}

.indir-tablo {
  min-inline-size: 0;
}

html.indir-modal-acik {
  overflow: hidden;
}

.indir-dialog {
  inline-size: min(40rem, calc(100% - 2rem));
}

.indir-dialog .indir-h2 {
  padding-inline-end: var(--bosluk-2);
}

@media (width <= 30rem) {
  .indir-bilgi-satir {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--bosluk-1);
  }

  .indir {
    gap: var(--bosluk-6);
    padding-block: var(--bosluk-6) var(--bosluk-8);
  }
}