/* Stage1109: prioritize Daily Horoscope and compress the remaining free periods. */
body.lt-en-shell[data-route-key="horoscopes"] [data-stage1109-horoscope-hierarchy="true"] {
  padding: clamp(24px, 3.5vw, 36px);
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-catalog {
  display: grid;
  gap: 14px;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-featured {
  min-height: 176px;
  padding: clamp(22px, 3vw, 30px);
  border-color: rgba(152, 69, 94, .24);
  background:
    radial-gradient(circle at 88% 18%, rgba(198, 116, 145, .15), transparent 30%),
    rgba(255, 252, 249, .98);
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-featured h3 {
  font-size: clamp(29px, 3vw, 36px);
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-featured p {
  max-width: 66ch;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-period-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact {
  min-height: 148px;
  gap: 9px;
  padding: 17px;
  border-radius: 20px;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact .vt-astro-product-card__badge {
  padding: 5px 8px;
  font-size: 10px;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact h3 {
  font-size: clamp(18px, 1.55vw, 21px);
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact p {
  display: none;
}

body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact .vt-astro-product-card__action {
  font-size: 13px;
}

@media (max-width: 1060px) {
  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-period-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-period-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-catalog {
    gap: 12px;
  }

  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-featured {
    min-height: 0;
    padding: 20px;
  }

  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-period-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  body.lt-en-shell[data-route-key="horoscopes"] .vt-stage1109-horoscope-compact {
    min-height: 0;
    padding: 15px 16px;
  }

}