/**
 * Transparent Meds — Hard Rx lander brand overrides.
 * Loaded after style.css to replace Direct Meds blue with TM dark purple.
 */
:root {
  --tm-ed-ink: #291150;
  --tm-ed-ink-soft: #3d2a6b;
  --tm-ed-muted: #4a3568;
  --tm-ed-accent: #d4c4e8;
  --tm-ed-lilac: #ebdefc;
}

html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.testimonials-carousel,
.testimonials-carousel .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.testimonials-carousel::-webkit-scrollbar,
.testimonials-carousel .swiper-wrapper::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.text-ashblue {
  color: var(--tm-ed-accent) !important;
}

.hover\:text-blue-300:hover {
  color: var(--tm-ed-lilac) !important;
}

.text-blue-100 {
  color: var(--tm-ed-lilac) !important;
}

.text-blue-200 {
  color: var(--tm-ed-accent) !important;
}

.text-blue-500 {
  color: #7032d1 !important;
}

.bi-check-circle-fill.text-blue-500 {
  color: #7032d1 !important;
}

.border-blue-200 {
  border-color: rgba(212, 196, 232, 0.45) !important;
}

.text-blue-400 {
  color: #a78bcc !important;
}

.hero-product-img {
  width: 100%;
  height: auto;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .hero-product-img {
    max-width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .hero-product-img {
    max-width: 340px;
  }
}

.hero-product-col {
  align-items: center;
}

@media (min-width: 768px) {
  .hero-product-col {
    align-items: flex-end;
    justify-content: center;
  }
}

.faq-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background-color: #291150;
  flex-shrink: 0;
}

.faq-emblem__icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

.promo-bar {
  background: linear-gradient(to bottom right, #4a3568, #291150);
}

.hero-bg-photo {
  object-position: center center;
}

@media (max-width: 767px) {
  .hero-bg-photo {
    /* Couple sits center-right in the wide photo — pin them in the mobile frame */
    object-position: 64% 42%;
  }
}

.herobg {
  background: linear-gradient(to bottom right, #4a3568, #291150) !important;
  border-bottom-color: #291150 !important;
}

.hero-overlay-lr {
  background: linear-gradient(
    to right,
    rgba(41, 17, 80, 0.88) 0%,
    rgba(41, 17, 80, 0.62) 35%,
    rgba(61, 42, 107, 0.28) 68%,
    rgba(41, 17, 80, 0) 100%
  );
}

.hero-overlay-bottom {
  background: linear-gradient(
    to top,
    rgba(41, 17, 80, 0.75) 0%,
    rgba(41, 17, 80, 0.2) 45%,
    rgba(41, 17, 80, 0) 100%
  );
}

.bi-fire.text-blue-200,
.bi-graph-up-arrow.text-blue-200,
.bi-clock.text-blue-200,
.bi-lightning-charge-fill.text-blue-200,
.bi-ban.text-yellow-100 {
  /* keep icon colors from parent context */
}