.tourOverlay{position:fixed;inset:0;z-index:9000;background:rgba(20,28,54,.5);animation:tourFade .2s ease}
@keyframes tourFade{from{opacity:0}to{opacity:1}}

.tourRing{position:absolute;z-index:9001;border-radius:12px;box-shadow:0 0 0 3px #fff,0 0 0 6px #C79A3B,0 0 0 9999px rgba(20,28,54,.5);pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s}

.tourPop{position:absolute;z-index:9002;width:min(340px,calc(100vw - 24px));background:#fff;border-radius:14px;padding:18px 18px 14px;box-shadow:0 16px 44px rgba(20,28,54,.32);animation:tourUp .2s ease;font-family:var(--ui,system-ui,sans-serif)}
@keyframes tourUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tourPop::before{content:"";position:absolute;left:var(--arrowX,50%);width:16px;height:16px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.tourPop--arrowTop::before{top:-8px;box-shadow:-3px -3px 6px rgba(20,28,54,.06)}
.tourPop--arrowBottom::before{bottom:-8px;box-shadow:3px 3px 6px rgba(20,28,54,.06)}

.tourStepNo{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#C79A3B;margin-bottom:6px}
.tourTitle{font-size:17px;font-weight:700;color:var(--blue,#22356f);line-height:1.35;margin-bottom:6px}
.tourText{font-size:14px;line-height:1.6;color:var(--ink,#2a2f45)}
.tourBtns{display:flex;gap:8px;margin-top:14px}
.tourB{flex:1;font-family:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:10px 14px;cursor:pointer;border:1.5px solid var(--blue,#22356f)}
.tourNext{background:var(--blue,#22356f);color:#fff}
.tourNext:hover{opacity:.9}
.tourBack{background:#fff;color:var(--blue,#22356f)}
.tourBack:hover{background:#f4f6fb}
.tourSkip{display:block;width:100%;margin-top:10px;background:none;border:none;font-family:inherit;font-size:13px;color:var(--muted,#7a8199);cursor:pointer;text-decoration:underline}
.tourOff{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;font-size:12px;color:var(--muted,#7a8199);cursor:pointer}
.tourOff input{margin:0;cursor:pointer}

.tourHelp{position:fixed;right:16px;bottom:16px;z-index:8000;font-family:var(--ui,system-ui,sans-serif);font-size:14px;font-weight:600;color:#fff;background:var(--blue,#22356f);border:none;border-radius:999px;padding:11px 18px;cursor:pointer;box-shadow:0 8px 22px rgba(20,28,54,.28)}
.tourHelp:hover{opacity:.92}

@media print{.tourOverlay,.tourRing,.tourPop,.tourHelp{display:none!important}}

/* Якщо на сторінці є нижня панель навігації — піднімаємо кнопку над нею */
.tourHelp--above{bottom:calc(92px + env(safe-area-inset-bottom,0px))}

/* На вузьких екранах — компактна кнопка, щоб не перекривати контент */
@media(max-width:600px){
  .tourHelp{right:12px;padding:0;width:44px;height:44px;border-radius:50%;font-size:20px;line-height:44px;text-align:center}
  .tourHelp .tourHelpText{display:none}
  .tourHelp--above{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}