/* Horoscop Space 1.9.21.0 (1.9.24.0) — "one report or all of Premium" on the product pages. */
/* 1.9.24.0 — own class prefix: "hs-offer" was already used by the Demo page's Premium list (1.9.13.0),
   so the two styles mixed (no top padding here, a forced 2-column list on the Demo page). */
.hs-pass-offer { box-sizing: border-box; margin: 28px auto 36px; padding: clamp(18px, 3vw, 30px); max-width: 1080px; border-radius: 26px; border: 1px solid rgba(91, 28, 104, .16); background: radial-gradient(120% 90% at 100% 0%, rgba(242, 138, 58, .12), transparent 60%), linear-gradient(160deg, #fff, #f8f0f9); scroll-margin-top: 96px; }
.hs-post-calculation-offer[hidden] { display: none !important; }
.personal-product__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.personal-product__actions .button { gap: 8px; }
.hs-pass-offer__eyebrow { margin: 0 0 6px; color: #9a6a1c; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.hs-pass-offer h2 { margin: 0 0 18px; color: #2c1a3b; font-family: var(--hs-display-font, Georgia, serif); font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 500; letter-spacing: -.03em; }
.hs-pass-offer__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hs-pass-offer__card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid rgba(105, 79, 52, .16); border-radius: 20px; background: #fff; box-shadow: 0 12px 30px rgba(47, 28, 62, .07); }
.hs-pass-offer__card--one { border-color: rgba(192, 132, 35, .45); background: linear-gradient(140deg, #fff8ea 0%, #fff 60%); }
.hs-pass-offer__card h3 { margin: 0; color: #2c1a3b; font-size: 1.25rem; }
.hs-pass-offer__card p { margin: 0; color: #5d4d64; line-height: 1.55; }
.hs-pass-offer__badge { align-self: flex-start; padding: 4px 10px; border-radius: 999px; color: #7a4f0e; font-size: .74rem; font-weight: 700; background: #fbeccd; }
.hs-pass-offer__badge--gold { color: #fff; background: linear-gradient(135deg, #c99a45, #a8782b); }
.hs-pass-offer__price strong { color: #2c1a3b; font-size: 1.6rem; }
.hs-pass-offer__price small { color: #6f6276; }
.hs-pass-offer__form { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.hs-pass-offer__check { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; color: #3e3046; font-size: .88rem; line-height: 1.45; cursor: pointer; }
.hs-pass-offer__check input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: #a8782b; }
.hs-pass-offer__check small { display: block; margin-top: 2px; color: #7a6d80; }
.hs-pass-offer__check a { color: #8a5c14; }
.hs-pass-offer__buy, .hs-pass-offer__sub { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.hs-pass-offer__buy { color: #241634; background: linear-gradient(135deg, #f6dca2, #e8c27a 55%, #d8a95a); box-shadow: 0 8px 22px rgba(216, 169, 90, .3); }
.hs-pass-offer__buy[disabled] { opacity: .65; cursor: progress; }
.hs-pass-offer__sub { margin-top: auto; align-self: flex-start; color: #fff; background: #2c1a3b; }
.hs-pass-offer__buy:focus-visible, .hs-pass-offer__sub:focus-visible { outline: 3px solid #a8782b; outline-offset: 3px; }
.hs-pass-offer__msg { color: #8a2d2d !important; font-size: .88rem; }
.hs-pass-offer__hint { font-size: .9rem; }
.hs-pass-offer__hint--warn { padding: 10px 12px; border-radius: 12px; background: #fff3e0; }
.hs-offer-notice { margin: 18px auto; padding: 14px 16px; max-width: 1048px; border-radius: 14px; color: #2c1a3b; background: #eef8ef; border: 1px solid #b9dfbf; }
.hs-offer-notice--cancelled { background: #fff6e8; border-color: #f0d7a8; }
.hs-offer-notice p { margin: 0; }
.hs-offer-notice__upsell { margin-top: 8px !important; font-size: .92rem; }
.hs-offer-notice__upsell a { color: #8a5c14; font-weight: 700; }
.hs-premium-hub__note--one-off { margin-top: 6px; }
@media (max-width: 760px) {
    .hs-pass-offer__grid { grid-template-columns: 1fr; }
    .hs-pass-offer__buy, .hs-pass-offer__sub { width: 100%; }
}
[dir="rtl"] .hs-pass-offer__buy span[aria-hidden="true"], [dir="rtl"] .hs-pass-offer__sub span[aria-hidden="true"] { display: inline-block; transform: scaleX(-1); }
/* Synastry page on phones: its own sticky bar already invites to Premium; the site-wide
   "individual horoscope" bar was stacking on top of it (two fixed bars at the bottom). */
body:has(.hs-synastry__mobile-cta) .hs-mobile-personal-cta { display: none !important; }
.hs-pass-offer__note { margin-top: -6px !important; color: #7a6d80 !important; font-size: .82rem; }
