.help-overlay{
  position:fixed;
  inset:0;
  padding:16px;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,.45);
  z-index:9999;
  font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;
}
.help-overlay.is-open{
  display:flex;
}

/* окно помощи */
.help-overlay__panel{
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow, 0 18px 40px rgba(0,0,0,.18));
  max-width:min(960px, 80vw);
  width:100%;
  padding:18px 20px 16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.help-overlay__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:4px;
}
.help-overlay__title{
  margin:0;
  font-size:15px;
  font-weight:600;
}
.help-overlay__close{
  border:none;
  background:transparent;
  cursor:pointer;
  padding:2px 6px;
  line-height:1;
  border-radius:6px;
  font-size:20px;
  color:#4b5563;
}
.help-overlay__close:hover{
  background:rgba(0,0,0,.04);
}

/* тело — на всю ширину панели */
.help-overlay__body{
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:13px;
  color:#111827;
  width:100%;
  margin:0;
}

/* Секции + разделители
   border-top теперь на самой секции — по всей её ширине */
.help-section{
  margin-top:12px;
  padding-top:16px; /* воздух над заголовком */
  border-top:1px solid rgba(0,0,0,.06);
}

.help-section:first-of-type{
  margin-top:0;
  padding-top:0;
  border-top:none; /* у FAQ разделителя сверху нет */
}

/* заголовок секции — текст ограничен по ширине */
.help-section__title{
  margin:0 0 6px;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6b7280;
  max-width:66ch;
}

/* FAQ-блоки */
.help-faq{
  margin:0 0 4px;
  border-radius:8px;
  background:#f9fafb;
  padding:6px 8px;
  max-width:66ch;
}
.help-faq summary{
  cursor:pointer;
  list-style:none;
  font-weight:500;
  outline:none;
  display:block;
  margin-bottom:6px;
  max-width:66ch;
}
.help-faq summary::-webkit-details-marker{
  display:none;
}
.help-faq p{
  margin:16px 0 0;
  padding-left:12px;
  font-weight:400;
  max-width:66ch;
}

/* контакты */
.help-contact{
  margin:0;
  max-width:66ch;
}
.help-contact a{
  color:#2563eb;
  text-decoration:none;
}
.help-contact a:hover{
  text-decoration:underline;
}

/* текст в секции тура */
.help-section p{
  max-width:66ch;
}

/* кнопка тура */
.help-tour-btn{
  margin-top:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid #111827;
  background:#111827;
  color:#fff;
  font-size:13px;
  cursor:pointer;
}
.help-tour-btn:hover{
  filter:brightness(1.03);
}

@media (max-width:640px){
  .help-overlay__panel{
    max-width:100%;
  }
}