/* rehber-turu.css — ogretici tur: perde + hareketli spot + aciklama karti. (rehber-turu.js) */
.p360-tur-perde { position: fixed; inset: 0; z-index: 12000; background: transparent; }
.p360-tur-spot {
  position: fixed; z-index: 12001; pointer-events: none; border-radius: 10px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .58), 0 0 0 2px var(--mac-blue), 0 0 22px rgba(0, 122, 255, .55);
  transition: top .38s cubic-bezier(.2,.8,.2,1), left .38s cubic-bezier(.2,.8,.2,1), width .38s cubic-bezier(.2,.8,.2,1), height .38s cubic-bezier(.2,.8,.2,1);
  animation: p360-tur-nabiz 1.6s ease-in-out infinite;
}
@keyframes p360-tur-nabiz { 0%, 100% { box-shadow: 0 0 0 9999px rgba(0,0,0,.58), 0 0 0 2px var(--mac-blue), 0 0 14px rgba(0,122,255,.45); } 50% { box-shadow: 0 0 0 9999px rgba(0,0,0,.58), 0 0 0 4px var(--mac-blue), 0 0 28px rgba(0,122,255,.75); } }
.p360-tur-kart {
  position: fixed; z-index: 12002; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 14px;
  box-shadow: var(--golge-yuksek, 0 18px 40px rgba(0,0,0,.28)); padding: 14px 16px 12px; transition: top .3s ease, left .3s ease;
  animation: p360-tur-gir .25s ease;
}
@keyframes p360-tur-gir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.p360-tur-adim { font: 600 10.5px/1 var(--font); letter-spacing: .06em; text-transform: uppercase; color: var(--mac-blue); margin-bottom: 6px; }
.p360-tur-baslik { margin: 0 0 6px; font: 600 14px/1.3 var(--font); }
.p360-tur-metin { margin: 0 0 12px; font: 400 12.5px/1.5 var(--font); color: var(--text); }
.p360-tur-dugmeler { display: flex; align-items: center; gap: 8px; }
.p360-tur-noktalar { flex: 1; display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
.p360-tur-noktalar i { width: 6px; height: 6px; border-radius: 50%; background: var(--border-strong, #c7c7cc); cursor: pointer; }
.p360-tur-noktalar i.aktif { background: var(--mac-blue); width: 14px; border-radius: 3px; }
.p360-tur-dugme { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 4px; border-radius: 50%; border: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; vertical-align: middle; }
.p360-tur-dugme:hover { color: var(--mac-blue); border-color: var(--mac-blue); background: color-mix(in srgb, var(--mac-blue) 10%, transparent); }
body.p360-tur-acik { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .p360-tur-spot { animation: none; transition: none; } .p360-tur-kart { animation: none; transition: none; } }