.rt { padding-bottom: var(--b16); }
.rt-kahraman { padding-block: var(--b10) var(--b12); border-block-end: var(--k-ince) solid var(--cizgi); }
.rt-kahraman-ic { display: grid; gap: var(--b10); align-items: center; }
.rt-marka { display: inline-flex; align-items: center; gap: var(--b2); margin: 0 0 var(--b4); color: var(--metin-2); font-size: var(--yazi-14); font-weight: var(--ag-kalin); }
.rt-kahraman h1 { max-width: 17ch; margin-bottom: var(--b4); }
.rt-giris { max-width: 56ch; margin: 0 0 var(--b6); color: var(--metin-2); font-size: var(--yazi-18); line-height: var(--sh-govde); }
.rt-eylem { display: flex; flex-wrap: wrap; gap: var(--b3); }
.rt-guven { display: flex; flex-wrap: wrap; gap: var(--b2) var(--b5); margin: var(--b6) 0 0; padding: 0; list-style: none; color: var(--metin-2); font-size: var(--yazi-14); }
.rt-guven li { display: inline-flex; align-items: center; gap: 6px; }
.rt-guven .ikon { width: 18px; height: 18px; color: var(--basari); flex: none; }
@media (max-width: 419px) { .rt-eylem .dugme { flex: 1 1 100%; } }

.rt-sahne { display: none; position: relative; width: 100%; max-width: 560px; aspect-ratio: 560 / 400; }
.rt-sahne-sayfa { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 78%; height: 90%; display: flex; flex-direction: column; gap: var(--b3); padding: var(--b4); border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-l); background: var(--zemin-2); overflow: hidden; }
.rt-sahne-ust { display: flex; align-items: center; gap: var(--b2); }
.rt-sahne-logo { width: 18px; height: 18px; border-radius: var(--r-xs); background: var(--ana); }
.rt-sahne-cizgi { height: 8px; width: 34%; border-radius: var(--r-yuvarlak); background: var(--zemin-3); }
.rt-sahne-cizgi--kisa { width: 16%; margin-inline-start: auto; }
.rt-sahne-afis, .rt-sahne-yan, .rt-sahne-yapiskan { display: grid; place-items: center; border: 1.5px dashed var(--ana-cizgi); border-radius: var(--r-xs); background: var(--ana-yumusak); color: var(--ana-acik); font: var(--ag-agir) var(--yazi-12)/1 var(--gosterim); font-variant-numeric: tabular-nums; direction: ltr; }
.rt-sahne-afis { aspect-ratio: 970 / 90; }
.rt-sahne-govde { flex: 1; display: grid; grid-template-columns: 1fr 26%; gap: var(--b3); min-height: 0; }
.rt-sahne-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--b2); align-content: start; }
.rt-sahne-izgara i { aspect-ratio: var(--oran-afis); border-radius: var(--r-xs); background: var(--zemin-3); }
.rt-sahne-yan { align-self: start; aspect-ratio: 300 / 600; place-items: start center; padding-top: var(--b4); }
.rt-sahne-tel { position: absolute; inset-block-end: 0; inset-inline-end: 0; width: 27%; aspect-ratio: 9 / 18; display: flex; flex-direction: column; gap: 6px; padding: 10px 8px 0; overflow: hidden; border: var(--k-kalin) solid var(--cizgi-2); border-radius: var(--r-l); background: var(--zemin); box-shadow: var(--golge-2); }
.rt-sahne-tel-ust { height: 6px; width: 40%; margin: 0 auto 4px; border-radius: var(--r-yuvarlak); background: var(--zemin-3); }
.rt-sahne-izgara--tel { gap: 4px; }
.rt-sahne-afis--tel { aspect-ratio: 300 / 250; font-size: 10px; }
.rt-sahne-yapiskan { margin-top: auto; margin-inline: -8px; aspect-ratio: 320 / 50; border-radius: 0; border-inline: 0; border-block-end: 0; font-size: 10px; }
@media (min-width: 768px) { .rt-sahne { display: block; } }
@media (min-width: 1024px) {
  .rt-kahraman { padding-block: var(--b14) var(--b16); }
  .rt-kahraman-ic { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: var(--b12); }
  .rt-sahne { justify-self: end; }
}

.rt-bolum { margin-top: var(--b12); }
.rt-bolum > .bolum-ust { margin-bottom: var(--b5); }
.rt-bolum > .bolum-ust p { max-width: 72ch; }
@media (min-width: 1024px) { .rt-bolum { margin-top: var(--b16); } }
.rt-not { max-width: 72ch; margin: var(--b4) 0 0; color: var(--soluk); font-size: var(--yazi-14); }

.rt-sayilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b3); margin: 0; }
.rt-sayilar > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; min-width: 0; padding: var(--b5); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-sayilar dd { margin: 0; font: var(--ag-agir) var(--yazi-36)/var(--sh-siki) var(--gosterim); letter-spacing: var(--harf-baslik); }
.rt-sayilar dt { color: var(--soluk); font-size: var(--yazi-14); line-height: var(--sh-orta); }
@media (min-width: 800px) {
  .rt-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b4); }
  .rt-sayilar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rt-sayilar > div { padding: var(--b6); }
}

.rt-platformlar { margin-top: var(--b6); }
.rt-platformlar p { margin: 0 0 var(--b3); color: var(--soluk); font-size: var(--yazi-14); }
.rt-platformlar ul { display: flex; flex-wrap: wrap; gap: var(--b2); margin: 0; padding: 0; list-style: none; }
.rt-platformlar li { display: inline-flex; align-items: center; gap: var(--b2); min-height: 40px; padding-block: 5px; padding-inline: 5px 14px; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-yuvarlak); background: var(--zemin-2); font-size: var(--yazi-14); font-weight: var(--ag-orta); }
.rt-platformlar li img, .rt-platformlar li .logo-harf { width: 28px; height: 28px; border-radius: 22%; flex: none; }

.rt-kartlar { display: grid; gap: var(--b3); margin: 0; padding: 0; list-style: none; }
.rt-kartlar li { display: flex; flex-direction: column; gap: var(--b2); padding: var(--b5); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-kartlar strong { font-size: var(--yazi-16); line-height: var(--sh-orta); }
.rt-kartlar li > span:last-child { color: var(--metin-2); font-size: var(--yazi-14); line-height: var(--sh-govde); }
.rt-ikon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: var(--b1); border-radius: var(--r-m); background: var(--ana-yumusak); color: var(--ana-acik); }
.rt-ikon .ikon { width: 22px; height: 22px; }
@media (min-width: 568px) { .rt-kartlar--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b4); } }
@media (min-width: 1024px) { .rt-kartlar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.rt-bicimler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 264px), 1fr)); gap: var(--b3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 800px) { .rt-bicimler { gap: var(--b4); } }
.rt-bicim { display: flex; flex-direction: column; overflow: hidden; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-bicim-sahne { display: grid; place-items: center; height: 164px; padding: var(--b4); border-block-end: var(--k-ince) solid var(--cizgi); background: var(--zemin); }
.rt-bicim-kutu { display: grid; place-items: center; width: var(--w); max-width: 100%; border: 1.5px dashed var(--ana-cizgi); border-radius: var(--r-xs); background: var(--ana-yumusak); color: var(--ana-acik); font: var(--ag-agir) var(--yazi-12)/1 var(--gosterim); direction: ltr; overflow: hidden; }
.rt-bicim-kutu span { padding-inline: 4px; white-space: nowrap; }
.rt-bicim-kutu--video { border-style: solid; }
.rt-bicim-kutu--video .ikon { width: 28px; height: 28px; }
.rt-bicim-metin { display: flex; flex-direction: column; gap: 2px; padding: var(--b4) var(--b5) var(--b5); }
.rt-bicim-metin strong { font-size: var(--yazi-16); line-height: var(--sh-orta); }
.rt-bicim-cihaz { color: var(--soluk); font-size: var(--yazi-13); }
.rt-boyutlar { display: flex; flex-wrap: wrap; gap: 6px; margin: var(--b3) 0 0; padding: 0; list-style: none; }
.rt-boyutlar li { padding: 3px var(--b2) 2px; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-xs); color: var(--metin-2); font-size: var(--yazi-12); font-weight: var(--ag-orta); direction: ltr; }

.rt-fiyatlar { display: grid; gap: var(--b3); margin: 0; padding: 0; list-style: none; }
.rt-fiyatlar li { display: flex; flex-direction: column; padding: var(--b6); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-fiyat-ad { color: var(--metin-2); font-size: var(--yazi-14); font-weight: var(--ag-agir); }
.rt-fiyat-tutar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: var(--b3) 0 0; }
.rt-fiyat-tutar span { color: var(--soluk); font-size: var(--yazi-14); }
.rt-fiyat-tutar b { font: var(--ag-agir) var(--yazi-36)/var(--sh-siki) var(--gosterim); letter-spacing: var(--harf-baslik); }
.rt-fiyat-birim { margin-top: var(--b1); color: var(--soluk); font-size: var(--yazi-14); }
.rt-fiyatlar li > p:last-child { flex: 1; margin: var(--b4) 0 0; padding-top: var(--b4); border-block-start: var(--k-ince) solid var(--cizgi); color: var(--metin-2); font-size: var(--yazi-14); line-height: var(--sh-govde); }
@media (min-width: 800px) { .rt-fiyatlar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b4); } }

.rt-adimlar { display: grid; gap: var(--b3); margin: 0; padding: 0; list-style: none; counter-reset: rt-adim; }
.rt-adimlar li { counter-increment: rt-adim; display: flex; flex-direction: column; gap: var(--b2); padding: var(--b5); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-adimlar li::before { content: counter(rt-adim); display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: var(--b1); border-radius: 50%; background: var(--ana); color: var(--ana-uzeri); font: var(--ag-siyah) var(--yazi-14)/1 var(--gosterim); font-variant-numeric: tabular-nums; }
.rt-adimlar strong { font-size: var(--yazi-16); line-height: var(--sh-orta); }
.rt-adimlar span { color: var(--metin-2); font-size: var(--yazi-14); line-height: var(--sh-govde); }
@media (min-width: 568px) { .rt-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b4); } }
@media (min-width: 1024px) { .rt-adimlar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.rt-iki { display: grid; gap: var(--b10); }
.rt-iki h2 { margin-bottom: var(--b4); }
@media (min-width: 1024px) { .rt-iki { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--b12); align-items: start; } }
.rt-sss { border-block-start: var(--k-ince) solid var(--cizgi); }
.rt-soru { border-block-end: var(--k-ince) solid var(--cizgi); }
.rt-soru > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--b4); min-height: 56px; padding-block: var(--b3); font-weight: var(--ag-kalin); cursor: pointer; transition: color var(--sure-hizli) var(--egri); }
.rt-soru > summary::-webkit-details-marker { display: none; }
.rt-soru > summary::after { content: ""; flex: none; width: 9px; height: 9px; margin-inline-end: 6px; border-inline-end: 2px solid var(--soluk); border-block-end: 2px solid var(--soluk); transform: translateY(-2px) rotate(45deg); transition: transform var(--sure-orta) var(--egri); }
.rt-soru[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.rt-soru > summary:hover { color: var(--ana-acik); }
.rt-soru > p { max-width: 64ch; margin: 0; padding-bottom: var(--b5); color: var(--metin-2); font-size: var(--yazi-14); line-height: var(--sh-govde); }
.rt-kural { padding: var(--b6); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-kural h2 { font-size: var(--yazi-18); margin-bottom: var(--b3); }
.rt-kural p { margin: 0; color: var(--metin-2); font-size: var(--yazi-14); line-height: var(--sh-govde); }

.rt-son { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--b6); padding: var(--b8) var(--b6); border: var(--k-ince) solid var(--ana-cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.rt-son > div:first-child { flex: 1 1 360px; min-width: 0; }
.rt-son h2 { margin-bottom: var(--b2); }
.rt-son p { max-width: 56ch; margin: 0; color: var(--metin-2); }
@media (min-width: 1024px) { .rt-son { padding: var(--b10) var(--b12); } }

.reklam-giris-kutu { max-width: 480px; }
.reklam-giris-kutu > h1 { margin-bottom: var(--b2); }
.reklam-giris-kutu > .rg-alt-baslik { margin: 0 0 var(--b6); color: var(--metin-2); font-size: var(--yazi-14); text-align: center; }
.reklam-uyari { display: grid; gap: var(--b3); padding: var(--b4); border: var(--k-ince) solid var(--cizgi-2); border-inline-start: 4px solid var(--bilgi); border-radius: var(--r-m); }
.reklam-uyari p { margin: 0; font-size: var(--yazi-14); }
.reklam-uyari .dugme { justify-self: start; }
.rg-sart { padding-top: 0; font-size: var(--yazi-14); line-height: var(--sh-govde); }
.rg-sart a { color: var(--ana-acik); text-decoration: underline; text-underline-offset: 2px; }
.rg-faydalar { display: grid; gap: var(--b2); margin: 0 0 var(--b6); padding: var(--b4); list-style: none; border-radius: var(--r-m); background: var(--zemin-3); font-size: var(--yazi-14); color: var(--metin-2); }
.rg-faydalar li { display: flex; gap: var(--b2); align-items: flex-start; }
.rg-faydalar .ikon { width: 18px; height: 18px; margin-top: 1px; color: var(--basari); flex: none; }
@media (max-width: 567px) {
  .rt-bicim { flex-direction: row; }
  .rt-bicim-sahne { flex: 0 0 112px; width: 112px; min-width: 0; overflow: hidden; height: auto; min-height: 112px; padding: var(--b3); border-block-end: 0; border-inline-end: var(--k-ince) solid var(--cizgi); }
  .rt-bicim-kutu { width: var(--wm); font-size: 9px; }
  .rt-bicim-kutu span { display: none; }
  .rt-bicim-metin { flex: 1; min-width: 0; padding: var(--b3) var(--b4); }
  .rt-kartlar--4 li { display: grid; grid-template-columns: 40px 1fr; column-gap: var(--b3); row-gap: 2px; align-items: start; }
  .rt-kartlar--4 .rt-ikon { grid-row: span 2; margin: 0; }
  .rt-adimlar li { display: grid; grid-template-columns: 28px 1fr; column-gap: var(--b3); row-gap: 2px; padding: var(--b4); }
  .rt-adimlar li::before { grid-row: span 2; margin: 0; }
}
.rt-fiyat-sor { font-size: var(--yazi-24, 24px) !important; }
.rt-satis { margin: var(--b4) 0 !important; }
.rt-satis-eposta { color: var(--metin); text-decoration-color: var(--ana); text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: var(--yazi-18); font-weight: var(--ag-kalin); overflow-wrap: anywhere; }
.rt-kural .rt-ust { margin-top: var(--b3); }
.rt-iki .rt-kartlar { margin-top: var(--b2); }
