/* Meva Sagar content blocks — used inside the admin editor AND on the storefront (blog posts, product long text).
   Everything is namespaced .mv-* so it cannot leak into the theme. */
:root { --mv-green: #013404; --mv-gold: #DDAF1C; --mv-ink: #1f2933; --mv-mute: #5b6670; --mv-line: #e3e6df; --mv-paper: #f6f3ea; }

.mv-callout, .gr-rich-content .mv-callout { margin: 1.4em 0; padding: 14px 18px; border-left: 4px solid var(--mv-gold); background: #fbf6e3; color: var(--mv-ink); }
.mv-callout > :first-child { margin-top: 0; } .mv-callout > :last-child { margin-bottom: 0; }

.mv-pullquote { margin: 1.8em 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--mv-green); font-size: 1.3em; line-height: 1.5; font-style: italic; color: var(--mv-green); }
.mv-pullquote p { margin: 0; }

.mv-steps { list-style: none; counter-reset: mv-step; margin: 1.4em 0; padding: 0; }
.mv-steps > li { counter-increment: mv-step; position: relative; margin: 0 0 14px; padding: 2px 0 2px 52px; min-height: 36px; }
.mv-steps > li::before { content: counter(mv-step); position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--mv-green); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }

.mv-faq { margin: 1.6em 0; border-top: 1px solid var(--mv-line); }
.mv-faq details { border-bottom: 1px solid var(--mv-line); padding: 12px 4px; }
.mv-faq summary { cursor: pointer; font-weight: 600; color: var(--mv-ink); list-style: none; position: relative; padding-right: 28px; }
.mv-faq summary::-webkit-details-marker { display: none; }
.mv-faq summary::after { content: '+'; position: absolute; right: 4px; top: -2px; font-size: 1.4em; color: var(--mv-green); }
.mv-faq details[open] summary::after { content: '\2212'; }
.mv-faq details p { margin: 10px 0 0; color: var(--mv-mute); }

.mv-cta { margin: 2em 0; padding: 26px 28px; background: var(--mv-green); color: #fff; text-align: center; }
.mv-cta h3 { margin: 0 0 8px; color: #fff; }
.mv-cta p { margin: 0 0 14px; color: #e8efe8; }
.mv-cta p:last-child { margin-bottom: 0; }
.mv-cta .mv-btn, a.mv-btn { display: inline-block; padding: 12px 26px; background: var(--mv-gold); color: #1b1b1b !important; font-weight: 700; text-decoration: none !important; }
.mv-cta .mv-btn:hover { filter: brightness(1.06); }

.mv-compare { width: 100%; border-collapse: collapse; margin: 1.6em 0; }
.mv-compare th, .gr-rich-content .mv-compare th { background: var(--mv-green); color: #fff; text-align: left; padding: 10px 14px; }
.mv-compare td { padding: 10px 14px; border-bottom: 1px solid var(--mv-line); vertical-align: top; }
.mv-compare tbody tr:nth-child(even) td, .gr-rich-content .mv-compare tbody tr:nth-child(even) td { background: var(--mv-paper); }
.mv-compare td:first-child { font-weight: 600; }

.mv-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 1.6em 0; }
.mv-fact { padding: 14px 16px; background: var(--mv-paper); border-top: 3px solid var(--mv-gold); }
.mv-fact strong { display: block; margin-bottom: 6px; color: var(--mv-green); }
.mv-fact span { display: block; color: var(--mv-ink); line-height: 1.45; }

/* figure/figcaption inside rich content */
.gr-rich-content figure, .mv-article figure { margin: 1.6em 0; }
.gr-rich-content figure img, .mv-article figure img { max-width: 100%; height: auto; }
.gr-rich-content figcaption, .mv-article figcaption { margin-top: 8px; font-size: .9em; color: var(--mv-mute); text-align: center; }