/* mf-css-bundle 2 files, key 4dc38ec4d4ceae4944bd */

/* --- mealfan-v3-mfv3-defensive-css.css --- */
/* Hide anything that looks like a header/nav/footer not from V3.
   V3's chrome is .mf-header / .mf-footer / .mf-deal-bar / .mf-nav. */
body.mf-v3 > header:not(.mf-header):not(.mf-deal-bar),
body.mf-v3 > footer:not(.mf-footer),
body.mf-v3 > nav:not(.mf-nav),
body.mf-v3 > .header,
body.mf-v3 > #header,
body.mf-v3 > .site-header,
body.mf-v3 > #site-header,
body.mf-v3 > #masthead,
body.mf-v3 > .mobile-menu,
body.mf-v3 > #mobMenu,
body.mf-v3 > .footer:not(.mf-footer),
body.mf-v3 > #footer,
body.mf-v3 > #colophon,
body.mf-v3 .mf-main > header:not(.mf-header),
body.mf-v3 .mf-main > .header,
body.mf-v3 .mf-main > #header,
body.mf-v3 .mf-main > .site-header,
body.mf-v3 .mf-main > #masthead,
body.mf-v3 .mf-main > .mobile-menu,
body.mf-v3 .mf-main > #mobMenu,
body.mf-v3 .mf-main > footer:not(.mf-footer),
/* Any nested doctype/html/body that the parent theme's header.php tried to inject. */
body.mf-v3 body,
body.mf-v3 html { display: none !important; }


/* --- quiz-cta-mealfan-quiz-compact-css.css --- */
.mfq-compact-outer.mfq-compact-injected { display: block !important; }
    .mfq-compact { max-width: 900px; margin: 48px auto; padding: 0 16px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
    .mfq-compact * { box-sizing: border-box; }
    .mfq-compact__inner { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 32px; align-items: center; padding: 32px 36px; border-radius: 20px; background: linear-gradient(135deg, #1a2332 0%, #2a3a52 100%); color: #fff; box-shadow: 0 12px 40px rgba(0,0,0,0.12); position: relative; overflow: hidden; }
    .mfq-compact__inner::before { content: ''; position: absolute; top: -40%; right: -10%; width: 280px; height: 280px; background: radial-gradient(circle, rgba(212,118,78,0.25) 0%, transparent 70%); pointer-events: none; }
    .mfq-compact__content { position: relative; z-index: 1; }
    .mfq-compact__eyebrow { display: inline-block; font-size: 11px; letter-spacing: 2px; color: #d4764e; font-weight: 700; margin-bottom: 12px; text-transform: uppercase; }
    .mfq-compact__headline { font-family: "Playfair Display", Georgia, serif; font-size: 26px; line-height: 1.2; font-weight: 500; color: #fff !important; margin: 0 0 10px 0 !important; }
    .mfq-compact__sub { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.82) !important; margin: 0 !important; }
    .mfq-compact__action { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
    .mfq-compact__btn { display: inline-flex; align-items: center; gap: 8px; background: #d4764e; color: #fff !important; padding: 16px 28px; border-radius: 999px; font-size: 15px; font-weight: 600; letter-spacing: 0.3px; text-decoration: none !important; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; white-space: nowrap; }
    .mfq-compact__btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(212,118,78,0.45); background: #e08357; color: #fff !important; }
    .mfq-compact__btn-arrow { font-size: 18px; line-height: 1; transition: transform 0.15s ease; }
    .mfq-compact__btn:hover .mfq-compact__btn-arrow { transform: translateX(3px); }
    .mfq-compact__micro { font-size: 11px; color: rgba(255,255,255,0.55); letter-spacing: 0.5px; }
    @media (max-width: 720px) {
        .mfq-compact { margin: 32px auto; padding: 0 12px; }
        .mfq-compact__inner { grid-template-columns: 1fr; gap: 20px; padding: 24px 22px; border-radius: 16px; text-align: center; }
        .mfq-compact__headline { font-size: 22px; }
        .mfq-compact__sub { font-size: 14px; }
        .mfq-compact__action { align-items: center; }
        .mfq-compact__btn { padding: 14px 24px; font-size: 14px; }
    }