.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);
  }
}

---///-----
/* ===== SUMMARY ===== */
.dex-reviews-summary {
  max-width: 980px !important;
  margin: 0 auto 22px !important;
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,0.07) !important;
  padding: 20px 24px !important;
  backdrop-filter: blur(6px) !important;
}

.dex-reviews-summary .glsr-summary-text,
.dex-reviews-summary .glsr-summary {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.dex-reviews-summary .glsr-stars {
  margin-bottom: 8px !important;
}

/* ===== COMPACT CAROUSEL ===== */
.dex-reviews-carousel {
  position: relative !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 54px !important;
}

.dex-reviews-carousel .dex-reviews-viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.dex-reviews-carousel .dex-reviews-viewport::-webkit-scrollbar {
  display: none !important;
}

.dex-reviews-carousel .dex-reviews-track {
  display: flex !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 6px 0 !important;
}

/* ===== SINGLE REVIEW CENTER ===== */
.dex-reviews-carousel.dex-single-review .dex-reviews-track {
  justify-content: center !important;
}

.dex-reviews-carousel.dex-single-review .glsr-review {
  flex: 0 0 min(520px, 100%) !important;
}

/* ===== CARD ===== */
.dex-reviews-carousel .glsr-review {
  flex: 0 0 calc(50% - 9px) !important;
  min-width: 300px !important;
  max-width: 460px !important;
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(15,23,42,0.08) !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.dex-reviews-carousel .glsr-review:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(15,23,42,0.11) !important;
}

.dex-reviews-carousel .glsr-review::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #dd3333 !important;
}

/* ===== TITLE / TEXT ===== */
.dex-reviews-carousel .glsr-review-title,
.dex-reviews-carousel .glsr-title,
.dex-reviews-carousel .glsr-review h3 {
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 10px !important;
  padding-left: 10px !important;
}

.dex-reviews-carousel .glsr-review-content,
.dex-reviews-carousel .glsr-content,
.dex-reviews-carousel .glsr-review p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #374151 !important;
  padding-left: 10px !important;
  margin-bottom: 12px !important;
}

.dex-reviews-carousel .glsr-review-author,
.dex-reviews-carousel .glsr-author,
.dex-reviews-carousel .glsr-review-date,
.dex-reviews-carousel .glsr-date {
  font-size: 13px !important;
  color: #6b7280 !important;
  padding-left: 10px !important;
}

.dex-reviews-carousel .glsr-stars {
  margin-bottom: 10px !important;
  padding-left: 10px !important;
}

/* ===== ARROWS ===== */
.dex-reviews-carousel .dex-reviews-prev,
.dex-reviews-carousel .dex-reviews-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border: none !important;
  border-radius: 50% !important;
  background: #dd3333 !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(221,51,51,0.22) !important;
  z-index: 5 !important;
}

.dex-reviews-carousel .dex-reviews-prev {
  left: 2px !important;
}

.dex-reviews-carousel .dex-reviews-next {
  right: 2px !important;
}

.dex-reviews-carousel .dex-reviews-prev:hover,
.dex-reviews-carousel .dex-reviews-next:hover {
  opacity: .92 !important;
}

/* ===== FORM BUTTON ===== */
.dex-modern-form button,
.dex-modern-form input[type="submit"],
.dex-modern-form .glsr-button,
.dex-modern-form .glsr-submit button {
  background: #dd3333 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
  min-height: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(221,51,51,0.22) !important;
  transition: transform .18s ease, box-shadow .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 {
  background: #dd3333 !important;
  box-shadow: 0 14px 30px rgba(221,51,51,0.28) !important;
  transform: translateY(-1px) !important;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
  .dex-reviews-carousel {
    padding: 0 !important;
  }

  .dex-reviews-carousel .glsr-review,
  .dex-reviews-carousel.dex-single-review .glsr-review {
    flex: 0 0 88% !important;
    min-width: 88% !important;
    max-width: 88% !important;
  }

  .dex-reviews-carousel .dex-reviews-prev,
  .dex-reviews-carousel .dex-reviews-next {
    display: none !important;
  }

  .dex-reviews-summary,
  .dex-reviews-carousel .glsr-review {
    border-radius: 16px !important;
  }
}