:root{
      --primary-1:#024180; --primary-2:#5563DE; --accent:#25D366; --telegram:#0088cc; --muted:#f5f7fb;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Arial;
      background:var(--muted);
      color:#222;
      line-height:1.6;
      display:flex;
      flex-direction:column;
      min-height:100vh;
    }

    /* HEADER & SLIDER */
    header{background:linear-gradient(135deg,var(--primary-1),var(--primary-2));color:#fff;padding:24px 16px;text-align:center}
    header h1{margin:0;font-size:28px} header p{margin:8px 0 0;opacity:.95}

    .slider{position:relative;width:100%;max-height:55vh;overflow:hidden;margin-top:16px;border-radius:12px}
    .slides{position:relative;width:100%;height:55vh}
    .slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease-in-out;display:flex;align-items:center;justify-content:center}
    .slide.active{opacity:1;z-index:1}
    .slide img{width:100%;height:100%;object-fit:cover;display:block}
    .overlay{position:absolute;inset:0;background:rgba(0,0,0,.28)}
    .slide-text{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;padding:12px 20px;border-radius:10px;font-size:20px;backdrop-filter:blur(4px)}

    .nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:0;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;z-index:10}
    .nav-prev{left:12px} .nav-next{right:12px}

    .dots{position:absolute;bottom:12px;left:0;right:0;text-align:center}
    .dot{display:inline-block;width:10px;height:10px;margin:0 6px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer}
    .dot.active{background:#fff}

    /* CONTENT */
    .container{max-width:1000px;margin:28px auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
    h2{color:var(--primary-2);margin:0 0 14px}

    /* CONTACTS */
    .contacts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}
    .contacts a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:20px;font-weight:600}
    .contacts a.tel{background:#007bff} .contacts a.whatsapp{background:var(--accent)} .contacts a.email{background:#ff9800} .contacts a.telegram{background:var(--telegram)}
    .contacts a.instagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%)}

    .map{margin-top:16px;border-radius:10px;overflow:hidden}

    /* Formspree */
    .feedback-form{max-width:600px;margin:0 auto}
    .form-group{margin-bottom:16px}
    .form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--primary-1)}
    .form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px}
    .form-submit-btn{background:var(--primary-2);color:#fff;border:0;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}
    .form-status{margin-top:12px;text-align:center}
    .form-status.success{color:green;}
    .form-status.error{color:red;}

    /* Review stars input */
    .stars-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
    .stars-input input{display:none}
    .stars-input label{font-size:30px;color:#ccc;cursor:pointer;user-select:none}
    .stars-input input:checked ~ label, .stars-input label:hover, .stars-input label:hover ~ label{color:#ff9800}

    /* Reviews list */
    .reviews-block{max-width:700px;margin:0 auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
    .review-item{border-bottom:1px solid #f0f0f0;padding:12px 0}
    .review-item:last-child{border-bottom:none}
    .review-item h4{margin:0 0 6px;color:var(--primary-1)}
    .stars-display{color:#ff9800;margin-bottom:6px;font-size:16px}

    /* floating social */
    .social-floating{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:200}
    .social-fab{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:18px}
    .social-fab.whatsapp{background:var(--accent)} .social-fab.telegram{background:var(--telegram)} .social-fab.instagram{background:linear-gradient(45deg,#fd5949,#d6249f,#285AEB)}

    footer{margin-top:auto;background:linear-gradient(135deg,var(--primary-1),var(--primary-2));color:#fff;text-align:center;padding:20px}

    @media (max-width:820px){ .reviews-block{padding:14px} .slide-text{font-size:16px;bottom:14%} }
 .direction-section {
  text-align: center;
  margin-top: 40px;
}
.direction-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.direction-buttons .btn {
  background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
  color: #fff;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s;
}

.direction-buttons .btn:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, var(--primary-2), var(--primary-1));
}
.direction-section {
  text-align: center;
  margin-top: 40px;
}

.direction-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.direction-buttons .btn {
  background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
  color: #fff;
  text-decoration: none;
  padding: 14px 36px;
  border-radius: 50px; /* овальная форма */
  font-weight: 600;
  font-size: 17px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

/* эффект подсветки при наведении */
.direction-buttons .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.direction-buttons .btn:hover::after {
  left: 125%;
}

.direction-buttons .btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  background: linear-gradient(135deg, var(--primary-2), var(--primary-1));
  color: #e6f0ff; /* светлее при наведении */
}
/* Контейнер */
.content-section {
  max-width: 900px;
  margin: 40px auto;
  padding: 40px 20px;
  background: #fdfdfd;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, sans-serif;
  line-height: 1.6;
}

/* Заголовки */
.content-section h1 {
  font-size: 2.2rem;
  color: #024180;
  margin-bottom: 20px;
  text-align: center;
}

.content-section h2 {
  font-size: 1.8rem;
  color: #5563DE;
  margin-top: 40px;
  margin-bottom: 20px;
}

/* Список с иконками */
.system-list li {
  margin-bottom: 12px;
  font-size: 1.1rem;
}

/* Таблица */
.table-wrapper {
  overflow-x: auto;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.price-table th, .price-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}

.price-table th {
  background-color: #024180;
  color: #fff;
  font-weight: 600;
}

.price-table tr:nth-child(even) {
  background-color: #f5f5f5;
}

/* Кнопки */
.btn-wrapper {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.back-btn, .order-btn {
  display: inline-block;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.back-btn {
  background-color: #eee;
  color: #024180;
}

.back-btn:hover {
  background-color: #024180;
  color: #fff;
}

.order-btn {
  background-color: #25D366;
  color: #fff;
}

.order-btn:hover {
  background-color: #1ebe56;
}

/* Адаптив */
@media (max-width: 600px) {
  .content-section h1 {
    font-size: 1.8rem;
  }

  .content-section h2 {
    font-size: 1.5rem;
  }

  .btn-wrapper {
    flex-direction: column;
  }
}
.page-head,
.page-head h1,
.page-head p,
.page-head .highlight,
.page-head strong {
    color: white !important;
}