/* Horoscope BAR — editorial cards with the owner's original gold zodiac artwork. */
.section-astrology .astro-horoscope-bar {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:30px 0 35px;
  background:linear-gradient(115deg,#fffaf4,#fff7ef 56%,#fff9f3);
  border-bottom:1px solid #eed8c8;
}
.section-astrology .astro-horoscope-bar::before,
.section-astrology .astro-horoscope-bar::after {
  content:"✧";
  position:absolute;
  top:18px;
  font:30px/1 Georgia,serif;
  color:#ddb98f;
  opacity:.72;
  pointer-events:none;
}
.section-astrology .astro-horoscope-bar::before {left:12px}
.section-astrology .astro-horoscope-bar::after {right:12px}
.section-astrology .astro-horoscope-bar__container {position:relative}
.section-astrology .astro-horoscope-bar__head {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:20px;
}
.section-astrology .astro-horoscope-bar__head h2 {
  margin:0;
  padding-left:40px;
  color:#591645;
  font:var(--ast-type-section-weight,600) var(--ast-type-section-size,32px)/1.1 var(--ast-font-display,Georgia,serif);
  letter-spacing:-.034em;
}
.section-astrology .astro-horoscope-bar__all {
  display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  text-decoration:none;color:#792850;font-weight:700;font-size:12px;
  border-bottom:1px solid #cda6b7;padding-bottom:5px;
  transition:color .2s,border-color .2s;
}
.section-astrology .astro-horoscope-bar__all:not(.astro-horoscope-bar__all--pending):hover {
  color:#b2793c;border-color:#b2793c;
}
.section-astrology .astro-horoscope-bar__all span {font-size:19px;line-height:1}
.section-astrology .astro-horoscope-bar__all--pending {opacity:.7;cursor:default}
.section-astrology .astro-horoscope-bar__grid {
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;
}
.section-astrology .astro-horoscope-bar__cell {min-width:0}
.section-astrology .astro-horoscope-bar__tile {
  display:flex;align-items:center;flex-direction:column;
  gap:5px;height:100%;min-height:163px;padding:11px 4px 12px;
  border:1px solid #efdfcd;border-radius:12px;
  background:linear-gradient(160deg,rgba(255,255,255,.98),#fffaf5);
  box-shadow:0 7px 18px rgba(113,64,71,.055);
  text-align:center;text-decoration:none;color:#3f3152;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.section-astrology a.astro-horoscope-bar__tile:hover,
.section-astrology a.astro-horoscope-bar__tile:focus-visible {
  transform:translateY(-5px);
  border-color:#cf9a62;
  box-shadow:0 10px 27px rgba(125,79,84,.15);
}
.section-astrology .astro-horoscope-bar__tile--pending {cursor:default}
.section-astrology .astro-horoscope-bar__emblem {
  width:min(100%,74px);height:76px;flex-shrink:0;
  display:grid;place-items:center;
  border-radius:50%;
  background:transparent;
}
.section-astrology .astro-horoscope-bar__artwork {
  display:block;width:74px;height:74px;max-width:100%;
  background-image:var(--ast-zodiac-artwork);
  background-size:1200% 100%;background-repeat:no-repeat;
  background-position-y:center;
  filter:drop-shadow(0 1px 1px rgba(127,73,21,.08));
}
/* One original illustration per zodiac sign; exact order matches the source artwork. */
.section-astrology .astro-horoscope-bar__artwork--aries {background-position-x:0.00000%}
.section-astrology .astro-horoscope-bar__artwork--taurus {background-position-x:9.09091%}
.section-astrology .astro-horoscope-bar__artwork--gemini {background-position-x:18.18182%}
.section-astrology .astro-horoscope-bar__artwork--cancer {background-position-x:27.27273%}
.section-astrology .astro-horoscope-bar__artwork--leo {background-position-x:36.36364%}
.section-astrology .astro-horoscope-bar__artwork--virgo {background-position-x:45.45455%}
.section-astrology .astro-horoscope-bar__artwork--libra {background-position-x:54.54545%}
.section-astrology .astro-horoscope-bar__artwork--scorpio {background-position-x:63.63636%}
.section-astrology .astro-horoscope-bar__artwork--sagittarius {background-position-x:72.72727%}
.section-astrology .astro-horoscope-bar__artwork--capricorn {background-position-x:81.81818%}
.section-astrology .astro-horoscope-bar__artwork--aquarius {background-position-x:90.90909%}
.section-astrology .astro-horoscope-bar__artwork--pisces {background-position-x:100.00000%}
.section-astrology .astro-horoscope-bar__name {
  margin-top:2px;
  font:600 clamp(11px,1.16vw,16px)/1.25 var(--ast-font-display,Georgia,serif);
  white-space:normal;overflow-wrap:break-word;
}
.section-astrology .astro-horoscope-bar__dates {
  color:#74647a;font-size:clamp(9px,.8vw,11px);line-height:1.35;
  white-space:nowrap;
}
@media(max-width:1250px){
  .section-astrology .astro-horoscope-bar__grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .section-astrology .astro-horoscope-bar__tile {min-height:154px}
  .section-astrology .astro-horoscope-bar__name {font-size:16px}
  .section-astrology .astro-horoscope-bar__dates {font-size:11px}
}
@media(max-width:700px){
  .section-astrology .astro-horoscope-bar {padding:27px 0}
  .section-astrology .astro-horoscope-bar__head {align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:16px}
  .section-astrology .astro-horoscope-bar__head h2 {font-size:29px;padding-left:14px}
  .section-astrology .astro-horoscope-bar__grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .section-astrology .astro-horoscope-bar__tile {min-height:145px;padding-inline:3px}
  .section-astrology .astro-horoscope-bar__emblem {width:64px;height:66px}
  .section-astrology .astro-horoscope-bar__artwork {width:64px;height:64px}
  .section-astrology .astro-horoscope-bar__name {font-size:14px}
  .section-astrology .astro-horoscope-bar__dates {font-size:10px}
}
@media(max-width:370px){
  .section-astrology .astro-horoscope-bar__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .section-astrology .astro-horoscope-bar__tile {transition:none}
}


/* Department background stays visible through this cream editorial strip. */
body.section-astrology[data-ast-bg-mode="image"] .astro-horoscope-bar {
  background: rgba(255, 249, 243, .86);
}


/* The area BETWEEN zodiac tiles follows the same, undiluted page color
   as the HERO and the remaining workspace. The tiles remain legible cards. */
body.section-astrology:not([data-ast-bg-mode="image"]) .astro-horoscope-bar {
  background: var(--ast-page-surface, #fffaf5);
  border-bottom-color: transparent;
}

/* Gap between the preceding HERO section and Horoskop BAR; 0px by default. */
body.section-astrology .astro-horoscope-bar {
  margin-top: var(--ast-horoscope-top-gap, 0px);
}