.logo-animate {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  animation: logoFadeIn 2.2s ease-out forwards;
  animation-delay: 0.6s;
}

@keyframes logoFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-5px) scale(1.03);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

---///-----

/* ===== Загальний сучасний стиль ===== */
.dex-modern-summary,
.dex-modern-form,
.dex-modern-reviews .glsr-review {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: blur(6px) !important;
}

/* ===== Summary ===== */
.dex-modern-summary {
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.dex-modern-summary .glsr-summary-text,
.dex-modern-summary .glsr-summary,
.dex-modern-summary .glsr-default {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.dex-modern-summary .glsr-stars {
  margin-bottom: 10px !important;
}

.dex-modern-summary .glsr-bar,
.dex-modern-summary .glsr-progress {
  border-radius: 999px !important;
  overflow: hidden !important;
}

.dex-modern-summary .glsr-bar-background {
  background: #e5e7eb !important;
}

.dex-modern-summary .glsr-bar-percent,
.dex-modern-summary .glsr-bar-foreground {
  background: linear-gradient(90deg, #d62828 0%, #ef4444 100%) !important;
}

/* ===== Список відгуків ===== */
.dex-modern-reviews {
  display: grid !important;
  gap: 20px !important;
}

.dex-modern-reviews .glsr-review {
  padding: 22px !important;
  position: relative !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.dex-modern-reviews .glsr-review:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12) !important;
}

.dex-modern-reviews .glsr-review::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  border-radius: 18px 0 0 18px !important;
  background: linear-gradient(180deg, #d62828 0%, #ef4444 100%) !important;
}

.dex-modern-reviews .glsr-review-title,
.dex-modern-reviews .glsr-review h3,
.dex-modern-reviews .glsr-title {
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 10px !important;
  padding-left: 10px !important;
}

.dex-modern-reviews .glsr-review-content,
.dex-modern-reviews .glsr-content,
.dex-modern-reviews .glsr-review p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
  padding-left: 10px !important;
}

.dex-modern-reviews .glsr-review-author,
.dex-modern-reviews .glsr-author,
.dex-modern-reviews .glsr-review-date,
.dex-modern-reviews .glsr-date {
  color: #6b7280 !important;
  font-size: 14px !important;
  padding-left: 10px !important;
}

.dex-modern-reviews .glsr-stars {
  margin-bottom: 10px !important;
  padding-left: 10px !important;
}

/* ===== Форма ===== */
.dex-modern-form {
  padding: 28px !important;
  max-width: 860px !important;
}

.dex-modern-form .glsr-description {
  font-size: 15px !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
}

.dex-modern-form label,
.dex-modern-form .glsr-label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 8px !important;
}

.dex-modern-form .glsr-field {
  margin-bottom: 16px !important;
}

.dex-modern-form input,
.dex-modern-form textarea,
.dex-modern-form select,
.dex-modern-form .glsr-input {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid #d1d5db !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  color: #111827 !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

.dex-modern-form input:focus,
.dex-modern-form textarea:focus,
.dex-modern-form select:focus,
.dex-modern-form .glsr-input:focus {
  outline: none !important;
  border-color: #d62828 !important;
  box-shadow: 0 0 0 4px rgba(214, 40, 40, 0.10) !important;
}

.dex-modern-form textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

/* ===== Кнопка під стиль сайту ===== */
.dex-modern-form button,
.dex-modern-form input[type="submit"],
.dex-modern-form .glsr-button,
.dex-modern-form .glsr-submit button {
  background: linear-gradient(135deg, #d62828 0%, #ef4444 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-height: 50px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(214, 40, 40, 0.24) !important;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

.dex-modern-form button:hover,
.dex-modern-form input[type="submit"]:hover,
.dex-modern-form .glsr-button:hover,
.dex-modern-form .glsr-submit button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(214, 40, 40, 0.30) !important;
  opacity: 1 !important;
}

/* ===== Чекбокс / умови ===== */
.dex-modern-form .glsr-field-terms,
.dex-modern-form .glsr-terms {
  font-size: 13px !important;
  color: #475569 !important;
}

.dex-modern-form .glsr-field-terms input[type="checkbox"] {
  width: auto !important;
  margin-right: 8px !important;
}

/* ===== Пагінація ===== */
.dex-modern-reviews .glsr-pagination {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 20px !important;
}

.dex-modern-reviews .glsr-pagination a,
.dex-modern-reviews .glsr-pagination button,
.dex-modern-reviews .glsr-pagination span {
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  background: rgba(255,255,255,0.95) !important;
  color: #111827 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.dex-modern-reviews .glsr-pagination .current {
  background: #d62828 !important;
  color: #fff !important;
  border-color: #d62828 !important;
}

/* ===== Мобільна адаптація ===== */
@media (max-width: 767px) {
  .dex-modern-summary,
  .dex-modern-form,
  .dex-modern-reviews .glsr-review {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .dex-modern-reviews .glsr-review-title,
  .dex-modern-reviews .glsr-review h3,
  .dex-modern-reviews .glsr-title {
    font-size: 18px !important;
  }

  .dex-modern-reviews .glsr-review-content,
  .dex-modern-reviews .glsr-content {
    font-size: 15px !important;
  }
}