/* ===== Mobile urgency pill + star row (final, single source of truth) ===== */
        @media (max-width: 639px) {
            /* Urgency bar wrapper: match desktop's bar thickness, not taller */
            body > div:first-child > div.relative {
                padding: 0.35rem 0.75rem !important;
            }

            /* The pill itself: shrink-to-fit, two lines, never touches edges */
            body > div:first-child > div.relative > span {
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: center !important;
                width: fit-content !important;
                max-width: calc(100vw - 16px) !important;
                min-width: 0 !important;
                margin: 0 auto !important;
                padding: 0.3rem 0.65rem !important;
                row-gap: 0.25rem !important;
                column-gap: 0.4rem !important;
                white-space: normal !important;
                line-height: 1.15 !important;
            }

            /* "Today's special price" — stays prominent on line 1 */
            body > div:first-child > div.relative > span > span:nth-child(2) {
                font-size: 0.8125rem !important;
            }

            /* Divider between label and "Regular ₹2,999/mo" on line 1 */
            body > div:first-child > div.relative > span > .h-5 {
                height: 0.75rem !important;
            }

            /* "Regular" group (line 1) and "Today" group (forced to line 2, centered) */
            body > div:first-child > div.relative > span > span:nth-child(4),
            body > div:first-child > div.relative > span > span:nth-child(5) {
                gap: 0.3rem !important;
                white-space: nowrap !important;
            }

            body > div:first-child > div.relative > span > span:nth-child(5) {
                flex-basis: 100% !important;
                display: flex !important;
                justify-content: center !important;
            }

            /* "Regular" / "Today" small uppercase labels */
            body > div:first-child > div.relative > span .text-\[10px\] {
                font-size: 0.6875rem !important;
            }

            /* ₹2,999/mo value (line 1) */
            body > div:first-child > div.relative > span > span:nth-child(4) > span:last-child {
                font-size: 0.75rem !important;
            }

            /* ₹179/mo value (line 2) — slightly larger/bolder as the headline price */
            body > div:first-child > div.relative > span > span:nth-child(5) > span:last-child {
                font-size: 0.875rem !important;
            }

            /* Star review row: sits directly below the urgency bar with small clean spacing.
               It lives inside the hero section, not the urgency bar, so target it there. */
            section:first-of-type .flex.items-center.justify-center.gap-3.mb-5 {
                margin-top: 0.6rem !important;
            }
        }

        /* ===== MOBILE CONTENT VISIBILITY FIX =====
           Content must never depend on scroll observers or delayed JavaScript
           to become readable. Keep all actual page content visible on mobile;
           decorative background layers can still use their own opacity. */
        @media (max-width: 639px) {
            .hero-fade,
            .hero-fade-safe,
            .scroll-reveal,
            #bullet-cards > *,
            #problem-cards > *,
            #solution-steps .group,
            #product-cards > *,
            #credential-cards > *,
            #benefit-cards > *,
            #testimonial-cards > *,
            #bonus-cards > *,
            #pricing-cards > *,
            #faq-accordion > * {
                opacity: 1 !important;
                transform: none !important;
                filter: none !important;
            }

            /* Reveal wrappers whose children are populated by JavaScript. */
            #bullet-cards,
            #problem-cards,
            #solution-steps,
            #product-cards,
            #credential-cards,
            #benefit-cards,
            #testimonial-cards,
            #bonus-cards,
            #pricing-cards,
            #offer-table,
            #value-stack,
            #final-cta-card,
            #faq-accordion {
                opacity: 1 !important;
            }
        }