.rehber-yol { font-size: .8rem; margin-bottom: .6rem; }
.rehber-yol a { color: var(--ucuz-gold); text-decoration: none; }
.rehber-yol a:hover { text-decoration: underline; }
.rehber-yol .ayrac { color: var(--ucuz-sonuk3); margin: 0 .4rem; }

.rehber-ust { display: flex; flex-wrap: wrap; gap: 1rem; }

.rehber-cevap { border-left: 3px solid var(--ucuz-gold); }
.rehber-cevap .etiket {
  font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ucuz-gold); margin-bottom: .35rem;
}
.rehber-cevap p { color: #e6edf3; font-size: 1rem; line-height: 1.65; }

.rehber-govde { color: #b9c2cd; line-height: 1.75; }
.rehber-govde p { margin-bottom: .9rem; }
.rehber-govde h2 { color: #e6edf3; }
.rehber-govde strong { color: #e6edf3; }

.rehber-liste, .rehber-adimlar { padding-left: 1.2rem; margin-bottom: 1rem; }
.rehber-liste li, .rehber-adimlar li { margin-bottom: .45rem; }
.rehber-liste li::marker { color: var(--ucuz-gold); }
.rehber-adimlar li::marker { color: var(--ucuz-gold); font-weight: 700; }

.rehber-arac { position: sticky; top: 78px; }

.arac-kart {
  display: block; padding: .6rem .75rem; margin-bottom: .5rem;
  border: 1px solid var(--ucuz-border); border-radius: 8px;
  background: rgba(255, 255, 255, .02); text-decoration: none;
  transition: border-color .12s, background .12s;
}
.arac-kart:last-child { margin-bottom: 0; }
.arac-kart:hover { border-color: var(--ucuz-gold); background: rgba(234, 179, 8, .08); }
.arac-kart .ad { display: block; font-weight: 700; font-size: .88rem; color: var(--ucuz-gold); }
.arac-kart .neden { display: block; font-size: .76rem; color: #7d8590; margin-top: .12rem; }

.ilgili-link {
  display: block; padding: .4rem 0; font-size: .85rem;
  color: #b9c2cd; text-decoration: none; border-bottom: 1px solid var(--ucuz-border);
}
.ilgili-link:last-child { border-bottom: 0; }
.ilgili-link:hover { color: var(--ucuz-gold); }

.rehber-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px;
}
.rehber-kart {
  display: block; min-width: 0; padding: .85rem 1rem; text-decoration: none;
  background: var(--ucuz-panel); border: 1px solid var(--ucuz-border); border-radius: 10px;
  transition: border-color .12s, transform .12s;
}
.rehber-kart:hover { border-color: var(--ucuz-gold); transform: translateY(-2px); }
.rehber-kart .kat {
  display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--ucuz-gold); margin-bottom: .3rem;
}
.rehber-kart .bas {
  display: block; font-size: .95rem; font-weight: 700; color: #e6edf3;
  line-height: 1.35; margin-bottom: .3rem;
}
.rehber-kart .ac {
  display: block; font-size: .8rem; color: #7d8590; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.rehber-kart .alt {
  display: flex; gap: .8rem; margin-top: .55rem;
  font-size: .72rem; color: var(--ucuz-sonuk2);
}

.rehber-bos { padding: 2.2rem 1rem; text-align: center; color: var(--ucuz-sonuk2); }
.rehber-bos i { display: block; font-size: 1.6rem; margin-bottom: .5rem; opacity: .5; }

@media (max-width: 991.98px) {
  .rehber-arac { position: static; }
}

.rehber-canli {
  margin: 1rem 0 1.2rem;
  padding: 14px 14px 12px;
  background: var(--ucuz-panel);
  border: 1px solid var(--ucuz-border);
  border-left: 3px solid var(--ucuz-gold);
  border-radius: var(--r-lg);
}
.rehber-canli-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 12px;
}
.rehber-canli-etiket {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ucuz-sonuk);
}
.rehber-canli-deger {
  font-family: var(--yt-sayi);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--ucuz-gold);
  font-variant-numeric: tabular-nums;
}
.rehber-canli-durum { padding: 1.2rem .5rem; text-align: center; color: var(--ucuz-sonuk2); font-size: .85rem; }
.rehber-canli-durum a { color: var(--ucuz-gold); }

/* Yazi icine gorsel. Paragraflarin arasina giriyor; en/boy niteligi HTML'de
   verildigi icin sayfa yuklenirken ziplama olmuyor. */
.rehber-gorsel { margin: 22px 0; }
.rehber-gorsel img {
  display: block; width: 100%; height: auto;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-sm);
  background: var(--ucuz-yukselti);
}
.rehber-gorsel figcaption {
  margin-top: 8px; font-size: .78rem; line-height: 1.55;
  color: var(--ucuz-sonuk2);
}

/* Item ikonu seridi. Yazida gecen esyalari gorunur kilmak icin. */
.rehber-ikonlar {
  display: grid; gap: 12px; margin: 18px 0;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
}
.rehber-ikonlar figure {
  margin: 0; padding: 10px 6px; text-align: center;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-sm);
  background: rgba(255,255,255,.02);
}
.rehber-ikonlar img {
  display: block; margin: 0 auto 7px; width: 48px; height: 48px;
  object-fit: contain; image-rendering: -webkit-optimize-contrast;
}
.rehber-ikonlar figcaption {
  font-size: .72rem; line-height: 1.4; color: var(--ucuz-metin2);
}
.rehber-ikonlar figcaption span {
  display: block; margin-top: 3px; font-size: .68rem; color: var(--ucuz-sonuk3);
}