body.sl-lunar-product .astro-hero::before { opacity:.58; }
body.sl-lunar-product .astro-hero { padding-top:clamp(48px,6vw,78px); }
body.sl-lunar-product .astro-hero h1 { font-size:clamp(48px,5vw,70px); }

.lunar-principle-card { min-height:590px; padding-top:52px; }
.lunar-phase-asset { position:absolute; z-index:0; top:-18px; right:32px; width:82px; opacity:.42; pointer-events:none; }
.lunar-phase-asset img { display:block; width:100%; height:auto; object-fit:contain; }
.lunar-principle-card .sl-section-kicker,
.lunar-principle-card h2 { max-width:420px; }

.lunar-value-grid { grid-template-columns:repeat(3,1fr); }
.lunar-value-grid .astro-value-featured { grid-column:span 2; }
.lunar-value-grid .astro-value-featured p { max-width:640px; padding-right:160px; }
.lunar-value-grid .astro-value-icon img { width:26px; height:37px; object-fit:contain; }
.lunar-value-tags { position:absolute; right:28px; bottom:28px; left:28px; display:flex; flex-wrap:wrap; gap:8px; }
.lunar-value-tags span { padding:6px 10px; border:1px solid var(--sl-line); border-radius:999px; color:var(--sl-muted); font-size:11px; }

html[data-theme="light"] body.sl-lunar-product .lunar-phase-asset { opacity:.55; }

@media (max-width:1080px) {
    .lunar-principle-card { min-height:0; }
}

@media (max-width:720px) {
    body.sl-lunar-product .astro-hero h1 { font-size:clamp(43px,12vw,58px); }
    .lunar-principle-card { padding-top:32px; }
    .lunar-phase-asset { top:18px; right:20px; width:54px; }
    .lunar-principle-card .sl-section-kicker,
    .lunar-principle-card h2 { max-width:calc(100% - 45px); }
    .lunar-value-grid { grid-template-columns:1fr; }
    .lunar-value-grid .astro-value-featured { grid-column:auto; }
    .lunar-value-grid .astro-value-featured p { padding-right:0; }
    .lunar-value-tags { position:static; margin-top:24px; }
}

@media (prefers-reduced-motion:reduce) {
    .lunar-phase-asset { transition:none; }
}