/* KONAK — ilk kullanım turu (cekirdek/tur.js). #tur-kok, uygulama kökünün dışındadır. */
.tur-soru { position: fixed; right: 16px; bottom: 76px; z-index: 900; width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--pirinc); font: 600 17px var(--f-marka, Georgia, serif);
  cursor: pointer; box-shadow: var(--golge); }
.tur-soru:hover { border-color: var(--pirinc); }
.tur-perde { position: fixed; inset: 0; z-index: 940; background: rgba(27, 25, 22, .28); pointer-events: none; }
.tur-kart { position: fixed; z-index: 950; right: 20px; bottom: 20px; width: min(400px, calc(100vw - 32px));
  background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--pirinc); border-radius: var(--r);
  box-shadow: var(--golge); padding: 16px 18px 14px; font-family: var(--f-ui); color: var(--metin); }
.tur-kart h2 { font-family: var(--f-marka, Georgia, serif); font-weight: 500; font-size: 22px; margin: 6px 0 8px; letter-spacing: -.005em; }
.tur-kart p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.55; color: var(--metin-2); }
.tur-liste { margin: 0 0 12px; padding-left: 18px; font-size: 13px; line-height: 1.55; color: var(--metin-2); }
.tur-liste li { margin-bottom: 5px; }
.tur-ust { display: flex; align-items: center; justify-content: space-between; }
.tur-sayac { font: 11.5px var(--f-veri, monospace); color: var(--metin-3); letter-spacing: .06em; }
.tur-atla { appearance: none; border: 0; background: transparent; color: var(--metin-3); font: inherit; font-size: 12.5px; cursor: pointer; text-decoration: underline; }
.tur-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.tur-noktalar { display: flex; gap: 5px; }
.tur-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--cizgi); }
.tur-nokta.bitti { background: var(--pirinc-ac); }
.tur-nokta.aktif { background: var(--pirinc); transform: scale(1.3); }
.tur-dugmeler { display: flex; gap: 6px; }
.tur-vurgu { outline: 2px solid var(--pirinc); outline-offset: 2px; animation: tur-nabiz 1.4s ease-in-out 3; }
@keyframes tur-nabiz { 50% { outline-color: var(--altin, #b8913e); } }
@media (max-width: 640px) {
  .tur-kart { right: 8px; left: 8px; bottom: 76px; width: auto; }
  .tur-soru { bottom: 130px; right: 12px; }
}

@media (max-width: 760px) { .tur-soru { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); right: 12px; } .tur-kart { right: 8px; left: 8px; bottom: calc(80px + env(safe-area-inset-bottom, 0px)); width: auto; max-height: 60vh; overflow-y: auto; } }