/* Tour guide lần đầu — overlay + spotlight + card bước */
.tour-ov{position:fixed;inset:0;z-index:70;pointer-events:auto}
.tour-hole{position:fixed;border:2px solid #ffd166;box-shadow:0 0 0 9999px rgba(8,12,20,.62);
  transition:all .25s ease;pointer-events:auto;
  animation:tour-pulse 1.6s ease-in-out infinite}
@keyframes tour-pulse{0%,100%{box-shadow:0 0 0 9999px rgba(8,12,20,.62),0 0 0 0 rgba(255,209,102,.5)}
  50%{box-shadow:0 0 0 9999px rgba(8,12,20,.62),0 0 0 8px rgba(255,209,102,0)}}
.tour-card{position:fixed;background:#fff;border-radius:12px;padding:14px 14px 10px;
  box-shadow:0 10px 40px rgba(0,0,0,.35);z-index:71;font-family:Roboto,system-ui,sans-serif}
.tour-t{font-family:Lexend,sans-serif;font-weight:700;font-size:14.5px;color:#111827;margin-bottom:6px}
.tour-d{font-size:12.5px;line-height:1.55;color:#374151}
.tour-d code{background:#f3f4f6;border-radius:4px;padding:0 4px;font-size:11.5px}
.tour-d b{color:#111827}
.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;
  border-top:1px solid #f3f4f6;padding-top:8px}
.tour-dots{display:flex;gap:4px}
.tour-dots i{width:6px;height:6px;border-radius:50%;background:#d1d5db}
.tour-dots i.on{background:#006aff;width:16px;border-radius:3px}
.tour-btns{display:flex;gap:6px;align-items:center}
.tour-btns button{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 10px;
  font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;color:#374151}
.tour-btns .tour-next{background:#006aff;border-color:#006aff;color:#fff}
.tour-btns .tour-next:hover{background:#0051d5}
.tour-btns .tour-skip{border-color:transparent;color:#9ca3af;font-weight:500}
.tour-btns .tour-skip:hover{color:#6b7280}
.tour-btns .tour-prev:hover{background:#f9fafb}
@media (max-width:860px){
  .tour-card{padding:12px 12px 8px}
  .tour-d{font-size:12px}
}