/* ULTRA-LUXURY CENTERED HERO SLIDER CARD (RESPONSIVE & WIDE) */
.lion-reference-home .ref-slide,
.lion-reference-home .hero-slider,
.ref-slide,
.hero-slider {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 620px !important;
  height: 620px !important;
}

.lion-reference-home .ref-slide .container,
.ref-slide .container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.lion-reference-home .ref-slide .hero__container,
.lion-reference-home .ref-hero .hero__container,
.lion-reference-home .hero__container,
.ref-slide .hero__container,
.hero__container,
#hero .hero__container,
[data-ref-slider] .hero__container,
.hero-copy {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  background: #f5ebd8 !important;
  background: rgba(245, 235, 216, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #282116 !important;
  border: 1.5px solid #dfc397 !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 54px rgba(40, 33, 22, 0.22) !important;
  padding: 46px 52px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.lion-reference-home .ref-slide .hero__title,
.lion-reference-home .hero__title,
.hero__title,
#hero .hero__title,
.hero-copy h1 {
  color: #282116 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  font-size: 38px !important;
  margin-bottom: 16px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
}

.lion-reference-home .ref-slide .hero__text,
.lion-reference-home .hero__text,
.hero__text,
#hero .hero__text,
.hero-text {
  color: #4a3e2e !important;
  opacity: 1 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  margin: 0 auto 28px auto !important;
  max-width: 680px !important;
  text-align: center !important;
}

.lion-reference-home .ref-slide .hero__links,
.lion-reference-home .hero__links,
.hero__links,
#hero .hero__links,
.hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}

.lion-reference-home .ref-slide .hero__contact-link,
.lion-reference-home .hero__contact-link,
.hero__contact-link,
#hero .hero__contact-link,
.hero-actions .primary-button {
  background: #c79b5b !important;
  background: var(--lion-gold, #c79b5b) !important;
  border: 0 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(199, 155, 91, 0.35) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lion-reference-home .ref-slide .hero__about-link,
.lion-reference-home .hero__about-link,
.hero__about-link,
#hero .hero__about-link,
.hero-actions .text-button {
  background: #282116 !important;
  background: var(--lion-ink, #282116) !important;
  border: 0 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(40, 33, 22, 0.25) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero__contact-link:hover,
.primary-button:hover {
  background: #b38545 !important;
  transform: translateY(-2px) !important;
}

.hero__about-link:hover,
.text-button:hover {
  background: #3f3424 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 768px) {
  .hero__container,
  .hero-copy {
    padding: 30px 22px !important;
    border-radius: 20px !important;
  }
  .hero__title,
  .hero-copy h1 {
    font-size: 26px !important;
  }
  .hero__text,
  .hero-text {
    font-size: 15px !important;
  }
  .hero__links,
  .hero-actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .hero__contact-link,
  .hero__about-link {
    width: 100% !important;
  }
}