/*
* Astro Pro UI v2 — PUBLIC pages layer (home, login, registration, free tools, horoscopes, content, blog).
*
* Loaded only on pages from astropro_ui_v2_public_page() (inc/astropro-theme-assets.php), after
* css/astropro-ui-shell.css. Rules are scoped to body.astro-ui-shell; ?ui=classic turns everything off.
* Markup is not changed here.
*
* Colours: theme tokens (style.css) + the shell canvas #f3f5f9 —
* accent #b4437b, link blue #359bdc / #217eba, card border #dcdce8, text #222 / #555 / #666,
* soft fills #f0f7ff / #f7fbfe / #fdf5f9.
*/
/* ---------- 3-column pages (col2_mini / home + left widgets) at the v2 width ---------- */
/* theme: 233 sidebar + 480 content + 233 left column = 983px. At up to 1200px the left widgets
(.urf, planets, #reg_form_mini) spilled into a second column; the content takes the extra width instead. */
@media (min-width: 1001px) {
body.astro-ui-shell #content > .col1 ~ .col2_mini,
body.astro-ui-shell #content > .col1 ~ .astro-main-free-inner {
width: calc(100% - 494px);
}
body.astro-ui-shell #content > .col2_mini ~ .col1,
body.astro-ui-shell #content > .astro-main-free-inner ~ .col1 {
clear: none;
margin-right: 14px;
}
/* blocks inside that were sized for the 480px column */
body.astro-ui-shell #content .col2_mini .box1,
body.astro-ui-shell #content .astro-main-free-inner > *,
body.astro-ui-shell #content .astro-main-free-inner .box11,
body.astro-ui-shell #content .astro-main-free-hero-block {
width: 100%;
max-width: none;
box-sizing: border-box;
}
/* home: "more tools" cards — 2 flexible columns instead of 2 × 236px floats */
body.astro-ui-shell #content .astro-main-free-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
body.astro-ui-shell #content .astro-main-free-cards > .col2_235 {
float: none;
width: auto;
margin: 0;
}
body.astro-ui-shell #content .astro-main-free-cards > .col2_235 .box11 {
width: auto;
}
/* home: free chart wizard fills the about card (theme centres it with 82px side margins, max 544px) */
body.astro-ui-shell #content .astro-main-free-about .astro-home-free-chart--home-embed,
body.astro-ui-shell #content .astro-main-free-about #astroHomeWizardForm {
width: auto !important;
max-width: none !important;
margin: 8px 0 0 !important;
}
body.astro-ui-shell #content .astro-main-free-cards .astro-main-free-banner img {
width: 100%;
height: auto;
aspect-ratio: 208 / 96;
object-fit: cover;
}
}
/* ---------- column tops on one line (sidebar card, content, left widgets) ---------- */
/* theme: home title block has 18px top padding, the planets widget 10px top margin (inline style) */
body.astro-ui-shell #content .astro-main-free-hero-block {
padding-top: 0;
}
body.astro-ui-shell #content .astro-main-free-hero__heading {
margin-top: -4px; /* line-height gap above the cap height */
}
body.astro-ui-shell #content > .col1.astro-planets-popup-host {
margin-top: 0 !important;
}
/* empty free-chart slot (home) kept its 8px bottom margin and pushed the planets widget down */
body.astro-ui-shell #content > .col1.urf:not(:has(*)) {
margin: 0 !important;
}
/* ---------- content box: same white card as the shell's .col2 .box1 ---------- */
body.astro-ui-shell #content .col2_mini .box1 {
background: #fff;
border: 1px solid #dcdce8;
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
overflow: hidden;
}
body.astro-ui-shell #content .col2_mini .box1 div[class^="box1_"] {
background: none;
}
body.astro-ui-shell #content .col2_mini .pad.row2,
body.astro-ui-shell #content > .col2 .box1 .pad.row2 {
padding: 22px 22px 18px;
}
/* ---------- page titles: dark, like the v2 pilot (/show-birthdays) ---------- */
body.astro-ui-shell #content .pad.row2 > h1,
body.astro-ui-shell #content .col2 h1,
body.astro-ui-shell #content .col2_mini h1 {
color: #222;
font-size: 26px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.2px;
padding: 2px 0 14px;
}
body.astro-ui-shell #content .col2 h1 a,
body.astro-ui-shell #content .col2_mini h1 a {
color: inherit;
text-decoration: none;
}
@media (max-width: 640px) {
body.astro-ui-shell #content .pad.row2 > h1,
body.astro-ui-shell #content .col2 h1,
body.astro-ui-shell #content .col2_mini h1 {
font-size: 22px;
}
body.astro-ui-shell #content .col2_mini .pad.row2,
body.astro-ui-shell #content > .col2 .box1 .pad.row2 {
padding: 16px 14px 14px;
}
}
/* ---------- /ephemeris: year tables fill the card, section titles above them ---------- */
/* style.css floats every year column right inside an LTR container sized for the old 736px column,
so the cards had a wide empty strip and "טבלת אפמריס ל-500 שנים" (h2) floated beside the first table. */
body.astro-ui-shell #content .ephlinks.container {
direction: rtl;
}
body.astro-ui-shell #content .ephlinks.container > h2 {
clear: both;
float: none;
margin: 22px 0 6px;
padding: 0;
color: #222;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
body.astro-ui-shell #content .ephlinks.container > h2:first-child {
margin-top: 4px;
}
body.astro-ui-shell #content .ephlinks.container .ephli_title {
float: none;
clear: both;
width: auto;
margin: 14px 0 8px;
padding: 0 0 8px;
border-bottom: 1px solid #dcdce8;
font-weight: 600;
}
body.astro-ui-shell #content .ephlinks.container > ul {
float: none;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
gap: 0 6px;
margin: 0;
padding: 0 0 6px;
}
body.astro-ui-shell #content .ephlinks.container > ul:empty,
body.astro-ui-shell #content .ephlinks.container > ul:not(:has(li)) {
display: none;
}
body.astro-ui-shell #content .ephlinks.container > ul > ul {
float: none;
width: auto;
margin: 0;
padding: 0;
}
body.astro-ui-shell #content .ephlinks.container ul ul li {
float: none;
width: auto;
padding: 1px 0;
line-height: 1.35;
}
body.astro-ui-shell #content .ephlinks.container ul ul li a {
float: none;
display: inline-block;
margin: 0;
}
body.astro-ui-shell #content .ephlinks.container ul ul li .asp {
display: block;
}
body.astro-ui-shell #content .ephlinks.container ul ul li .asp a {
padding-right: 16px;
margin: 0 0 3px;
}
/* ---------- inner pages: "בנה מפה אסטרולוגית חינם" wizard on top of the content (site guest wizard) ---------- */
/* Theme: Google button (448px) and the form card (544px) centred one above the other, different widths.
v2: one full-width soft card — title, date + "המשך" in one row, Google under the form. Steps 2-5 keep
the theme layout inside the same card. Home (--home-embed) is styled separately above. */
@media (min-width: 768px) {
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) {
width: auto !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) #astro-free-chart-wizard {
display: flex;
flex-direction: column;
margin: 0 0 22px;
padding: 18px 22px 16px;
background: #fdf5f9;
border: 1px solid #ecd3e0;
border-radius: 16px;
box-sizing: border-box;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) #astroHomeWizardForm {
order: 1;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__google {
order: 2;
display: flex;
align-items: center;
gap: 12px;
max-width: none;
margin: 14px 0 0;
padding: 0;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-google-signin-wrap {
order: 2;
flex: 0 1 280px;
min-width: 0;
margin: 0;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-google-signin-btn {
padding: 0.5rem 1rem;
border-width: 1px;
border-color: #dcdce8;
font-size: 15px;
}
/* "או" separator: short line + word, before the Google button */
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-google-signin-or {
order: 1;
flex: 0 0 auto;
width: auto;
height: auto;
margin: 0;
background: none;
overflow: visible;
font-size: 14px;
color: #666;
}
/* first step: title on top, date field + button in one row */
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"]:not([hidden]) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(130px, 200px);
gap: 0 12px;
align-items: end;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"] > .astro-home-wizard__step-title,
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"] > .date_error_div {
grid-column: 1 / -1;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"] > .astro-home-wizard__step-title {
margin-bottom: 12px;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"] > .astro-home-wizard__field--date,
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__step[data-astro-home-step="0"] > .astro-home-wizard__nav {
margin: 0;
}
body.astro-ui-shell #content .astro-home-free-chart--wizard:not(.astro-home-free-chart--home-embed) .astro-home-wizard__field--date input {
background-color: #fff;
}
}
/* ---------- /report-catalog (css/report-catalog.css): v2 header chips, tab filter, cards, blue CTA ---------- */
/* header: perks as soft chips with the icons in theme colours */
body.astro-ui-shell .rc-header__eyebrow {
color: #b4437b;
font-size: 13px;
font-weight: 600;
}
body.astro-ui-shell .rc-header__sub {
color: #555;
}
body.astro-ui-shell .rc-perks {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-top: 4px;
}
body.astro-ui-shell .rc-perks__item {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border: 1px solid #dcdce8;
border-radius: 999px;
background: #fff;
color: #666;
font-size: 13px;
line-height: 1.3;
}
body.astro-ui-shell .rc-perks__item strong {
color: #222;
font-weight: 600;
}
body.astro-ui-shell .rc-perks__icon {
color: #359bdc !important;
font-size: 13px;
}
body.astro-ui-shell .rc-perks__item--ai .rc-perks__icon {
color: #b4437b !important;
}
/* filter: underline tabs like /show-birthdays (was a grey track with a pink pill) */
body.astro-ui-shell .rc-filters__label {
display: none;
}
body.astro-ui-shell .rc-filters__track {
gap: 4px;
padding: 0;
border: 0;
border-bottom: 1px solid #dcdce8;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.astro-ui-shell .rc-filters__btn {
margin-bottom: -1px;
padding: 10px 14px 11px;
border-bottom: 2px solid transparent;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
color: #666;
font-size: 14px;
font-weight: 600;
}
body.astro-ui-shell .rc-filters__btn:hover {
color: #217eba;
}
body.astro-ui-shell .rc-filters__btn.is-active {
border-bottom-color: #359bdc;
color: #217eba;
font-weight: 700;
}
body.astro-ui-shell .rc-filters__btn .rc-filters__btn-icon {
color: inherit;
}
/* cards: v2 card, 4 per row on wide screens */
@media (min-width: 1001px) {
body.astro-ui-shell .rc-grid.rc-grid--catalog {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
}
body.astro-ui-shell .rc-card {
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
overflow: hidden;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
body.astro-ui-shell .rc-card:hover {
transform: translateY(-2px);
border-color: #bbdaf7 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(33, 126, 186, 0.14) !important;
}
body.astro-ui-shell .rc-card__meta {
border: 0 !important;
padding: 12px 14px 14px !important;
}
body.astro-ui-shell .rc-card__desc {
color: #555;
font-size: 13.5px;
line-height: 1.5;
}
/* badges on the covers: two theme colours (accent for the top picks, blue for the rest) */
body.astro-ui-shell .rc-card__badge {
background: #217eba !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
/* the badge colour comes inline (report-catalog.php); warm/purple ones (מבוקש, פופולרי, מקיף) → accent */
body.astro-ui-shell .rc-card__badge[style*="#b4437b"],
body.astro-ui-shell .rc-card__badge[style*="#e76f51"],
body.astro-ui-shell .rc-card__badge[style*="#7b2d8b"] {
background: #b4437b !important;
}
/* CTA: full-width blue button */
body.astro-ui-shell .rc-card__footer {
display: block;
}
body.astro-ui-shell .rc-card__cta {
display: flex !important;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: 40px;
padding: 0 12px !important;
border-radius: 10px !important;
background: #217eba !important;
box-shadow: 0 2px 8px rgba(33, 126, 186, 0.25) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700;
box-sizing: border-box;
}
body.astro-ui-shell .rc-card:hover .rc-card__cta {
background: #359bdc !important;
}
@media (max-width: 640px) {
body.astro-ui-shell .rc-perks {
gap: 6px;
}
body.astro-ui-shell .rc-perks__item {
padding: 5px 9px;
font-size: 12px;
}
body.astro-ui-shell .rc-filters__track {
overflow-x: auto;
flex-wrap: nowrap;
scrollbar-width: none;
}
body.astro-ui-shell .rc-filters__btn {
flex: 0 0 auto;
padding: 9px 10px 10px;
font-size: 13px;
}
body.astro-ui-shell .rc-card__meta {
padding: 10px 10px 12px !important;
}
body.astro-ui-shell .rc-card__cta {
height: 36px;
font-size: 13px !important;
}
}
/* ---------- /report/* landing (page-report-landing.php, css/report-landing.css): v2 cards, dark titles, line icons ---------- */
/* hero: white card with a faint blue wash (was lilac/pink), dark headline; the pink CTA stays (sales accent) */
body.astro-ui-shell .rl-wrap .rl-hero {
background: #fff;
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
background: linear-gradient(180deg, #f7fbfe 0%, #fff 65%) !important;
}
body.astro-ui-shell .rl-wrap .rl-hero__headline {
color: #222 !important;
font-weight: 700;
letter-spacing: -0.2px;
}
body.astro-ui-shell .rl-wrap .rl-hero__subhead {
color: #333;
}
body.astro-ui-shell .rl-wrap .rl-hero__eyebrow {
background: #fdf5f9 !important;
border-color: #f3dbe7 !important;
}
body.astro-ui-shell .rl-wrap .rl-hero__benefit {
background: #fff !important;
border: 1px solid #dcdce8 !important;
border-radius: 12px !important;
}
body.astro-ui-shell .rl-wrap .rl-hero__benefit-icon {
background: #f0f7ff !important;
color: #217eba !important;
}
body.astro-ui-shell .rl-wrap .rl-hero__benefit-title {
font-size: 13px;
}
body.astro-ui-shell .rl-wrap .rl-cta-btn {
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(180, 67, 123, 0.28);
transition: background 0.2s ease, box-shadow 0.2s ease;
}
body.astro-ui-shell .rl-wrap .rl-cta-btn:hover {
box-shadow: 0 4px 14px rgba(180, 67, 123, 0.32);
}
/* contents ("מה תמצא/י בדוח"): one card, plain rows with dividers instead of 7 boxed rows */
body.astro-ui-shell .rl-wrap .rl-guest-lock,
body.astro-ui-shell .rl-wrap .rl-sections {
background: #fff;
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
overflow: hidden;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__head {
background: none !important;
border-bottom: 1px solid #eef0f5;
color: #222;
font-size: 15px;
font-weight: 700;
padding: 14px 18px !important;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__list {
padding: 4px 18px 8px !important;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__item {
margin: 0 !important;
padding: 11px 4px !important;
border: 0 !important;
border-bottom: 1px solid #eef0f5 !important;
border-radius: 0 !important;
background: transparent !important;
color: #333;
font-size: 14px;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__item:last-child {
border-bottom: 0 !important;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__item.is-open {
color: #217eba;
font-weight: 600;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__icon img.emoji,
body.astro-ui-shell .rl-wrap .rl-highlights__icon img.emoji {
display: none !important;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__icon {
display: inline-block;
width: 16px;
height: 16px;
font-size: 0;
background-color: #9aa3b5;
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__item.is-open .rl-guest-lock__icon {
background-color: #359bdc;
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
/* locked chapter preview */
body.astro-ui-shell .rl-wrap .astro-paywall-ch2 {
border-color: #dcdce8 !important;
border-radius: 14px !important;
box-shadow: none !important;
}
body.astro-ui-shell .rl-wrap .astro-paywall-ch2 .astro-mh-section__title {
color: #222 !important;
}
body.astro-ui-shell .rl-wrap .astro-paywall-ch2__lock {
border: 1px dashed #dcdce8 !important;
background: #f7fbfe !important;
}
body.astro-ui-shell .rl-wrap .rl-guest-lock__cta {
border: 0 !important;
border-top: 1px solid #eef0f5 !important;
background: #fdf5f9 !important;
}
/* "מה מקבלים בדוח": white tiles, blue line icons instead of emoji */
body.astro-ui-shell .rl-wrap .rl-highlights {
background: #fff;
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
padding: 0 18px 18px !important;
}
body.astro-ui-shell .rl-wrap .rl-highlights__title,
body.astro-ui-shell .rl-wrap .rl-faq__title,
body.astro-ui-shell .rl-wrap .rl-related__title {
color: #222 !important;
font-size: 18px !important;
font-weight: 700;
}
body.astro-ui-shell .rl-wrap .rl-highlights__title {
padding: 16px 0 12px !important;
border-bottom: 1px solid #eef0f5;
margin-bottom: 12px !important;
}
body.astro-ui-shell .rl-wrap .rl-highlights__item {
background: #fff !important;
border: 1px solid #dcdce8 !important;
border-radius: 12px !important;
}
body.astro-ui-shell .rl-wrap .rl-highlights__body strong {
font-size: 14px;
}
body.astro-ui-shell .rl-wrap .rl-highlights__icon {
display: inline-block;
flex: 0 0 22px;
width: 22px;
height: 22px;
font-size: 0;
background-color: #359bdc;
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
body.astro-ui-shell .rl-wrap .rl-highlights__item:nth-child(2) .rl-highlights__icon {
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
body.astro-ui-shell .rl-wrap .rl-highlights__item:nth-child(3) .rl-highlights__icon {
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
body.astro-ui-shell .rl-wrap .rl-highlights__item:nth-child(4) .rl-highlights__icon {
-webkit-mask: url("data:image/svg+xml,") center / contain no-repeat;
mask: url("data:image/svg+xml,") center / contain no-repeat;
}
/* FAQ */
body.astro-ui-shell .rl-wrap .rl-faq {
background: #fff;
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
padding: 6px 18px 8px !important;
}
body.astro-ui-shell .rl-wrap .rl-faq__title {
padding: 12px 0 10px !important;
}
body.astro-ui-shell .rl-wrap .rl-faq__q {
color: #222;
font-size: 14.5px !important;
font-weight: 600;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
body.astro-ui-shell .rl-wrap .rl-faq__arrow {
color: #359bdc !important;
}
body.astro-ui-shell .rl-wrap .rl-faq__a {
color: #555;
font-size: 14px;
line-height: 1.6;
}
/* bottom CTA: v2 card with a soft pink wash (was a 2px pink frame) */
body.astro-ui-shell .rl-wrap .rl-bottom-cta {
background: #fff;
border: 1px solid #dcdce8 !important;
border-radius: 16px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
background: linear-gradient(180deg, #fdf5f9 0%, #fff 70%) !important;
}
body.astro-ui-shell .rl-wrap .rl-bottom-cta__headline {
font-size: 19px !important;
font-weight: 700;
}
/* related reports: 3 cards (the catalog's 4-per-row grid would leave an empty slot) */
@media (min-width: 1001px) {
body.astro-ui-shell .rl-wrap .rc-grid.rl-related__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* ---------- raster promo banners inside content (e.g. /birth-chart-about "free_natal.jpg") ---------- */
/* keep the image at its own size (upscaling blurs the baked-in text), rounded like the v2 cards */
body.astro-ui-shell #content .pad.row2 a > img[src*="free_natal"] {
display: block;
max-width: 100%;
height: auto;
margin: 18px auto 4px;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 20px rgba(15, 23, 42, 0.08);
}