/* Stage1106: shared Astrology and Horoscopes hub typography and report catalog. */
body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-section,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-section {
  margin-top: clamp(24px, 4vw, 42px);
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid rgba(151, 74, 103, .16);
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(249,236,239,.92));
  box-shadow: 0 20px 58px rgba(91, 43, 67, .07);
}

body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-section > .lt-hub-section-head,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-section > .lt-hub-section-head {
  max-width: 800px;
  margin: 0 0 24px;
}

body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-section > .lt-hub-section-head > span,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-section > .lt-hub-section-head > span {
  color: #a44869;
  font: 850 12px/1.2 var(--sans);
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-section > .lt-hub-section-head > h2,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-section > .lt-hub-section-head > h2 {
  margin: 8px 0 0;
  color: #452438;
  font-family: var(--serif);
  font-size: clamp(32px, 4vw, 42px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.018em;
}

body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-card h3,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-card h3 {
  color: #452438;
  font-family: var(--serif);
  font-size: clamp(23px, 2vw, 28px);
  font-weight: 400;
  line-height: 1.13;
}

body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-card p,
body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-card p {
  color: #725866;
  font-family: var(--sans);
  font-size: 15px;
}

body.lt-en-shell[data-route-key="astrology"] .lt-stage816-hero h1,
body.lt-en-shell[data-route-key="horoscopes"] .lt-stage814-hero h1 {
  font-family: var(--serif);
  font-size: clamp(48px, 4.4vw, 60px);
  font-weight: 400;
  line-height: 1.035;
  letter-spacing: -.026em;
}

body.lt-en-shell[data-route-key="astrology"] .lt-stage816-hero .lt-lead,
body.lt-en-shell[data-route-key="horoscopes"] .lt-stage814-hero .lt-lead {
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.67;
}

.vt-astro-product-grid--personal {
  grid-template-columns: minmax(250px, 380px);
}

@media (max-width: 640px) {
  body.lt-en-shell[data-route-key="astrology"] .vt-astro-product-section,
  body.lt-en-shell[data-route-key="horoscopes"] .vt-astro-product-section {
    margin-top: 18px;
    padding: 26px 18px;
    border-radius: 25px;
  }

  body.lt-en-shell[data-route-key="astrology"] .lt-stage816-hero h1,
  body.lt-en-shell[data-route-key="horoscopes"] .lt-stage814-hero h1 {
    font-size: clamp(39px, 10.7vw, 47px);
  }

  .vt-astro-product-grid--personal {
    grid-template-columns: 1fr;
  }
}