.accordion-header h2::after,.accordion-header::after{
  content:'+';position:absolute;font-size:1.4rem;transition:transform .3s,color .3s;text-shadow:0 0 6px rgba(0,255,255,.6)
}
.accordion-header,.accordion-header h2::after,.accordion-header::after{
  text-shadow:0 0 6px rgba(0,255,255,.6)
}
.container{
  max-width:var(--page-text-max-width);
  margin:10px auto 50px;
  padding:0 var(--page-padding-x);
  background:#050f18;
  border-radius:12px;
  box-shadow:0 0 25px rgba(0,255,255,.1)
}
.accordion-item{
  border-radius:10px;
  margin-bottom:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#0d1a26,#00111a 90%);
  box-shadow:0 0 12px rgba(0,255,255,.1);
  transition:transform .2s,box-shadow .3s
}
.accordion-item:hover{
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(0,255,255,.25)
}
.accordion-header{
  padding:18px 25px;
  cursor:pointer;
  font-weight:600;
  font-size:1.1rem;
  position:relative;
  background:#001822;
  color:#0ff;
  transition:background .3s,color .3s
}
.accordion-header::after{
  right:25px;
  color:#0ff;
  content:none
}
.accordion-header.active{
  background:#023;
  color:#e6faff;
  text-shadow:0 0 8px rgba(0,255,255,.8)
}
.accordion-header.active::after{
  transform:rotate(45deg);
  color:#0ff
}
.accordion-content{
  max-height:0;
  overflow:hidden;
  padding:0 25px;
  background:#000c12;
  transition:max-height .5s,padding .5s
}
.accordion-content p{
  margin:16px 0;
  line-height:1.7;
  font-size:1rem;
  color:#cee
}
.accordion-content a{
  color:#0ff;
  text-decoration:none;
  transition:.3s ease-in-out
}
.accordion-content a:hover{
  color:#37cfcf;
  text-shadow:0 0 5px #0ff,0 0 10px #0cc,0 0 15px #099
}
.container h1{
  text-align:center;
  padding:25px 0;
  font-size:2.2rem!important;
  font-weight:700!important;
  background:linear-gradient(90deg,#0ff,#0af);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 5px rgba(0,255,255,.6),0 0 10px rgba(0,255,255,.4),0 0 15px rgba(0,170,255,.3)!important;
  opacity:1!important;
  transform:none!important;
  position:relative;
  z-index:1
}
.accordion-header h2{
  text-align:left;
  margin:0;
  font-size:1.1rem;
  font-weight:600;
  color:inherit;
  text-shadow:inherit;
  position:relative;
  cursor:pointer
}
.accordion-header h2::after{
  right:20px;
  top:50%;
  transform:translateY(-50%);
  color:#0ff
}
.accordion-header.active h2::after{
  transform:translateY(-50%) rotate(45deg);
  color:#0ff
}

/* ================== Мобильная версия ================== */
@media (max-width: 768px) {
  html, body {
    height: auto;
    margin: 0;
    padding: 0;
    overflow-y: auto; /* скролл только на body */
    -webkit-overflow-scrolling: touch;
  }

  .container {
    height: auto; /* растягиваем контейнер по контенту */
    padding: 10px var(--page-padding-x) 80px var(--page-padding-x); /* нижний отступ, чтобы последний блок был виден */
    box-sizing: border-box;
  }

  .accordion-header h2 {
    padding-right: 35px; /* текст не накладывается на + */
  }

  .accordion-header h2::after {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .accordion-item:last-child {
    margin-bottom: 40px; /* отступ после последнего аккордеона */
  }
}



/* ===========================
   Мобильная версия: до 1200px
   (включает исправленный кастомный чекбокс для modal и формы)
   =========================== */
@media (max-width: 1200px) {
  .feedback-btn {
    position: fixed;
    width: 40px;
    height: 40px;
    font-size: 0.8em;
    padding: 8px;
    bottom: 140px;
    right: 15px;
    border-radius: 50%;
    z-index: 10000;
  }

  /* ===========================
     Cookie Banner
     =========================== */
  #cookie-banner .buttons-wrapper {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 300px;
  }

  #cookie-banner button {
    flex: 0 1 auto;
    min-width: 80px;
    max-width: 120px;
    padding: 6px 10px;
    font-size: 0.85em;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
  }

  #cookie-banner button.accept {
    background-color: #00bfff;
    color: #fff;
  }

  #cookie-banner button.reject {
    background-color: #555;
    color: #fff;
  }

  #cookie-banner button:hover {
    opacity: 0.85;
  }

  #cookie-banner p {
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 10px;
  }



  

} /* конец @media (max-width:1200px) */