/* Horoscope Book Vedica CTA banner: auto-rotating, no carousel chrome */
.vedica-hcta {
  --hcta-ink: #fffaf8;
  --hcta-muted: rgba(255, 246, 248, 0.94);
  --hcta-script: #ffe4ec;
  --hcta-berry: #b4144c;
  --hcta-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --hcta-fade: 900ms;
  --hcta-text: 750ms;
  --hcta-display: 'Cormorant Garamond', Georgia, serif;
  --hcta-script-font: 'Great Vibes', cursive;
  --hcta-sans: 'Outfit', system-ui, sans-serif;
  --hcta-h: clamp(280px, 52vw, 420px);
  margin: 1.25rem 0 0.5rem;
}

.vedica-hcta__frame {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #2a1018;
  box-shadow: 0 18px 48px rgba(90, 28, 48, 0.12);
}

.vedica-hcta__viewport {
  position: relative;
  height: var(--hcta-h);
  overflow: hidden;
}

.vedica-hcta__track {
  position: relative;
  height: 100%;
  width: 100%;
}

.vedica-hcta__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}

.vedica-hcta.is-ready .vedica-hcta__slide {
  transition: opacity var(--hcta-fade) var(--hcta-ease);
}

.vedica-hcta__slide.is-active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

.vedica-hcta__slide.is-leaving {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.vedica-hcta__media {
  position: absolute;
  inset: 0;
}

.vedica-hcta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.08);
  transition: transform 8.5s linear;
}

.vedica-hcta__slide.is-active .vedica-hcta__media img {
  transform: scale(1);
}

.vedica-hcta__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(16, 4, 10, 0.94) 0%, rgba(16, 4, 10, 0.86) 38%, rgba(16, 4, 10, 0.55) 68%, rgba(16, 4, 10, 0.38) 100%),
    linear-gradient(to top, rgba(16, 4, 10, 0.78) 0%, rgba(16, 4, 10, 0.28) 42%, transparent 70%);
  pointer-events: none;
}

.vedica-hcta__copy {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(1.25rem, 4vw, 2.75rem);
  max-width: 34rem;
  color: var(--hcta-ink);
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.vedica-hcta__kicker,
.vedica-hcta__question,
.vedica-hcta__support,
.vedica-hcta__cta {
  opacity: 0;
  transform: translateY(16px);
}

.vedica-hcta__slide.is-active .vedica-hcta__kicker,
.vedica-hcta__slide.is-active .vedica-hcta__question,
.vedica-hcta__slide.is-active .vedica-hcta__support,
.vedica-hcta__slide.is-active .vedica-hcta__cta {
  animation: vedica-hcta-copy-in var(--hcta-text) var(--hcta-ease) forwards;
}

.vedica-hcta__slide.is-active .vedica-hcta__kicker {
  animation-delay: 140ms;
}

.vedica-hcta__slide.is-active .vedica-hcta__question {
  animation-delay: 230ms;
}

.vedica-hcta__slide.is-active .vedica-hcta__support {
  animation-delay: 320ms;
}

.vedica-hcta__slide.is-active .vedica-hcta__cta {
  animation-delay: 410ms;
}

@keyframes vedica-hcta-copy-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vedica-hcta .vedica-hcta__kicker {
  margin: 0 0 0.45rem;
  font-family: var(--hcta-script-font);
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  line-height: 1;
  color: var(--hcta-script) !important;
}

.vedica-hcta h3.vedica-hcta__question,
.vedica-hcta .vedica-hcta__question {
  margin: 0;
  font-family: var(--hcta-display);
  font-weight: 600;
  font-size: clamp(1.55rem, 4.2vw, 2.35rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #fffaf8 !important;
  text-wrap: balance;
}

.vedica-hcta .vedica-hcta__support {
  margin: 0.7rem 0 0;
  font-family: var(--hcta-sans);
  font-size: clamp(0.92rem, 2.2vw, 1.05rem);
  font-weight: 400;
  line-height: 1.45;
  color: var(--hcta-muted) !important;
  max-width: 28rem;
}

.vedica-hcta__cta {
  margin-top: 1.15rem;
  text-shadow: none;
}

.vedica-hcta .vedica-cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.72rem 1.35rem;
  border-radius: 999px;
  background: var(--hcta-berry);
  color: #fff !important;
  font-family: var(--hcta-sans);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none !important;
  border: 0;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  transition: background 0.2s var(--hcta-ease), transform 0.2s var(--hcta-ease);
}

.vedica-hcta .vedica-cta-pill:hover,
.vedica-hcta .vedica-cta-pill:focus-visible {
  background: #8e0f3c;
  color: #fff !important;
  outline: none;
}

.vedica-hcta .vedica-cta-pill__icon {
  display: inline-block;
  transition: transform 0.2s var(--hcta-ease);
}

.vedica-hcta .vedica-cta-pill:hover .vedica-cta-pill__icon {
  transform: translateX(3px);
}

@media (max-width: 575.98px) {
  .vedica-hcta {
    --hcta-h: clamp(340px, 92vw, 440px);
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .vedica-hcta__frame {
    border-radius: 18px;
  }

  .vedica-hcta__scrim {
    background:
      linear-gradient(to top, rgba(12, 3, 8, 0.96) 0%, rgba(12, 3, 8, 0.82) 42%, rgba(12, 3, 8, 0.55) 72%, rgba(12, 3, 8, 0.35) 100%);
  }

  .vedica-hcta__copy {
    justify-content: flex-end;
    padding-bottom: 1.35rem;
    max-width: none;
  }

  .vedica-hcta .vedica-hcta__support {
    color: rgba(255, 248, 250, 0.96) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vedica-hcta {
    --hcta-fade: 1ms;
    --hcta-text: 1ms;
  }

  .vedica-hcta__slide,
  .vedica-hcta__slide.is-active,
  .vedica-hcta__slide.is-leaving,
  .vedica-hcta__media img {
    transition: none !important;
  }

  .vedica-hcta__slide.is-active .vedica-hcta__kicker,
  .vedica-hcta__slide.is-active .vedica-hcta__question,
  .vedica-hcta__slide.is-active .vedica-hcta__support,
  .vedica-hcta__slide.is-active .vedica-hcta__cta {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .vedica-hcta__slide.is-active .vedica-hcta__media img,
  .vedica-hcta__media img {
    transform: none;
  }
}