/* Zodiac artwork/background geometry only. Approved expert/action rules now live in shared components. */
/* The paint follows the fluid surface, never a centred fixed-width strip. */
body.page-zodiac-compatibility .zcn-hero {
  background-size:100% 100% !important; background-position:0 0 !important;
}
/* The smaller cutouts contain stray lettering and a baked background edge.
   Reuse the clean, transparent Figma illustration at every breakpoint. */
body.page-zodiac-compatibility .zcn-hero .zcn-sun-wrap {
  background-image:url("../imported/images/zodiac-compat-hero-img-1200-node-621-8287.webp") !important;
  background-size:100% auto !important; background-position:center !important;
  background-repeat:no-repeat !important; background-color:transparent !important;
}
body.page-zodiac-compatibility .zcn-hero .prn-hero-section__bottom-band { display:none !important; }
/* Let content determine section height; the final inset shrinks with the viewport. */
body.page-zodiac-compatibility main > section[data-oracle-section="best-in-love-readings"] {
  height:auto !important; min-height:0 !important; padding-bottom:0 !important;
}
body.page-zodiac-compatibility main > section[data-oracle-section="best-in-love-readings"] > .container {
  height:auto !important;
}
body.page-zodiac-compatibility .zcn-expert {
  height:auto !important; min-height:0 !important; max-height:none !important;
  padding-bottom:clamp(24px,4vw,55px) !important;
}
body.page-zodiac-compatibility .zcn-expert__head { height:auto !important; }
@media(max-width:1199.98px) {
  body.page-zodiac-compatibility main > section[data-oracle-section="best-in-love-readings"] {
    background:linear-gradient(150.88deg,rgba(103,62,218,.1675) -1.2%,rgba(103,62,218,0) 25.55%),#f1f1f1;
  }
  body.page-zodiac-compatibility .zcn-expert { background:none !important; }
}
body.page-zodiac-compatibility .zcn-primary-cta {
  width:max-content !important; height:auto !important; min-height:58px !important;
  padding:14px 24px !important; white-space:normal !important;
  font:600 20px/26px "Manrope",sans-serif !important;
}
body.page-zodiac-compatibility .zcn-primary-cta::after {
  content:"→"; flex:0 0 auto; margin:0 !important; transform:none !important;
}
body.page-zodiac-compatibility .zcn-expert__browse {
  display:flex; justify-content:center !important;
  margin-left:0 !important; margin-top:clamp(24px,3vw,36px) !important;
}
body.page-zodiac-compatibility .zcn-expert__browse > a {
  --zcn-button-background:#fff;
  --zcn-button-border:transparent;
  --zcn-button-color:#756582;
  width:max-content !important; height:auto !important; min-height:54px !important;
  padding:12px 20px !important; white-space:normal !important;
  font:600 18px/24px "Manrope",sans-serif !important;
}
@media(max-width:767.98px) {
  body.page-zodiac-compatibility .zcn-primary-cta {
    width:100% !important; min-height:50px !important; padding:12px 16px !important;
    font-size:16px !important; line-height:22px !important;
  }
  body.page-zodiac-compatibility .zcn-expert__browse > a {
    min-height:50px !important; padding:12px 16px !important; font-size:16px !important;
  }
}