html, body {
  overflow-x: hidden;
}
    :root {
      --primary: #0d6efd;
      --dark: #0a2540;
      --light: #f9f9f9;
      --accent: #00b3b3;
    }
    body {
      font-family: 'Montserrat', sans-serif;
      background-color: var(--light);
      color: var(--dark);
      scroll-behavior: smooth;
      padding-top: 80px;
    }
    h1, h2, h3, h4 {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      color: #007dfe;
    }
    .navbar {
      background: rgb(0 0 0 / 40%);
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
	
	.navbar-nav {
    text-align: center;
    border-radius: 12px;
	}
	
@media (max-width: 991.98px) {
  .navbar-nav {
    background-color: rgb(0 0 0 / 50%);
  }
}
	
    .navbar .nav-link {
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    }
	.navbar .nav-link:hover {
	text-decoration: underline;
    color: #b4d8ff;
	}
	
.white-burger {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#langMobile {
}
	
    #hero {
      height: 100vh;
	  margin-top: -80px;
	  padding-top: 80px;
      background: linear-gradient(to right, rgba(10, 37, 64, 0.6), rgba(10, 37, 64, 0.6)),
        url('img/header_bg.jpg') center/cover no-repeat;
      color: white;
      display: flex;
      align-items: center;
      text-align: center;
    }
    #hero h1 {
	  color:#fff;
      font-size: 3rem;
      margin-bottom: 20px;
    }
    .btn-primary {
      background-color: var(--accent);
      border: none;
      padding: 0.75rem 1.5rem;
      font-weight: 600;
      border-radius: 8px;
    }
    section {
      padding: 80px 0;
    }
    .feature-icon {
      font-size: 40px;
      color: var(--primary);
    }
    footer {
      background-color: var(--primary);
      color: white;
      padding: 40px 0;
      text-align: center;
    }
    img {
     max-width:100%;
    }
	
.hero-btn {
  background: linear-gradient(135deg, #00b3b3, #007dfe);
  color: white;
  border: none;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(0, 224, 224, 0.4);
}

.hero-btn:hover {
  background: #fff;
  color: #00b3b3;
  box-shadow: 0 0 25px rgba(0, 224, 224, 0.6);
  transform: translateY(-2px);
}

.card-style {
  background: #027afc;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-style:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* Аккордеон-картки */
.accordion .accordion-item {
  border: none;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  margin-bottom: 15px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.accordion .accordion-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

/* Заголовки кнопок */
.accordion-button {
  background-color: #027afc;
  font-weight: 600;
  font-size: 1.2rem;
  color: #fff;
  padding: 1rem 1.25rem;
  border: none;
  transition: background-color 0.3s ease;
}

.accordion-button:hover,
.accordion-button:not(.collapsed) {
  background-color: #027afc;
  color: #fff;
  box-shadow: none;
}

/* Тіло відповіді */
.accordion-body {
  background-color: #f8f9fa;
  border: 2px solid #027afc;
  color: #555;
  padding: 1rem 1.25rem;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Приховати рамки */
.accordion-button::after {
  filter: invert(40%);
}

#therapy, #about, #faq, #latest-posts {
 background-image: url(img/bg.jpg); 
 background-size: cover;
 }


#about h5 {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 22px;
    color: #007dfe;
    font-weight: 600;
}

#about .bloc_ico {
width:100px;
height:100px;
}


#therapy h5 {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

#therapy p {
    color: #fff;
}

#therapy .bloc_ico {
width:100px;
height:100px;
}

#benefits .feature-icon img {
    max-width: 300px;
}


#benefits .item {
    background-color: #fff;
    padding: 5px;
    border-radius: 12px;
    top: -80px;
    z-index: 1;
    position: relative;
}

#benefits .item h5 {
	color: #027afc;
    font-weight: bold;
}

#contact .bg-con {
    background-color: #027afc;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
}

#contact .bg-con a {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}

.wpcf7-form input,
.wpcf7-form textarea {
  border-radius: 6px;
  border: 1px solid #ccc;
  box-shadow: none;
  transition: border-color 0.2s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #00b3b3;
  outline: none;
}

/************************************************************* SINGLE **********************************************************/
    :root{
      --brand:#6a00a8; /* фіолетовий */
    }
    .navbar-brand{ font-weight:700; letter-spacing:.3px; }
    .nav-link{ font-weight:500; }
    .article-hero{ position:relative; overflow:hidden; border-radius:1.25rem; }
    .article-hero img{ width:100%; height:auto; display:block; }
    .badge-cat{ background:var(--brand); }
    .shadow-soft{ box-shadow:0 10px 30px rgba(54, 16, 87, .08); }
    .content img{ border-radius:1rem; }
    .content figure{ margin: 1.5rem 0; }
    .content figcaption{ font-size:.9rem; color:#6c757d; margin-top:.5rem; }
    .prose p{ line-height:1.8; font-size:1.05rem; }
    .prose h2, .prose h3{ scroll-margin-top: 7rem; }
    .sticky-aside{ min-width:440px; }
    footer{ background:#10051a; color:#cbb6df; }
    footer a{ color:#fff; text-decoration:none; }
    .toc a{ text-decoration:none; }