/** * Premium funnel + DCE — mobile single-column reflow (≤768px). * Loads in and after dce.css so multi-column grids stack on phones. */ @media (max-width: 768px) { /* Shell padding */ .dp-shell, .dp-nav-shell, .dce-shell { padding-left: 20px !important; padding-right: 20px !important; min-width: 0; } /* ── DCE: force one column ── */ .dce-blog-grid, .dce-trust-metrics, .dce-trust-stats-only, .dce-before-after-grid, .dce-before-after-columns, .dce-case-grid, .dce-stats-grid, .dce-testimonials-enterprise-grid, .dce-testimonials-cards, .dce-prefooter-grid, .dce-magazine-grid, .dce-faq-list, .dce-newsletter-card { grid-template-columns: 1fr !important; gap: 24px !important; } .dce-testimonials-carousel { display: grid !important; grid-template-columns: 1fr !important; grid-auto-flow: row !important; gap: 24px !important; overflow-x: visible !important; padding-bottom: 0 !important; } .dce-social-proof-inner { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; } .dce-social-proof-copy, .dce-social-proof-metrics, .dce-social-proof-regions { flex-direction: column !important; align-items: flex-start !important; width: 100% !important; gap: 8px !important; } .dce-newsletter-form { flex-direction: column !important; } .dce-newsletter-form button { width: 100% !important; } /* ── Premium template: force one column ── */ .dp-stats, .dp-grid, .dp-integration-grid, .dp-testimonials, .dp-faq, .dp-proof-media-grid, .dp-offer-list, .dp-price-wrap, .dp-main-footer__grid, .dp-comparison-grid, .dp-mission-list, .dp-free-bullets, .dp-property-card-grid, .dp-dashboard-metrics, .dp-church-impact, .dp-service-grid, .dp-agenda-grid, .dp-event-stats, .dp-outcome-grid, .dp-curriculum-grid, .dp-school-stats, .dp-member-grid, .dp-module-grid, .dp-member-stats, .dp-review-grid, .dp-bonus-stack-grid, .dp-affiliate-stats, .dp-coach-grid, .dp-program-grid, .dp-coach-stats, .dp-consulting-grid, .dp-framework-grid, .dp-consulting-stats, .dp-agency-grid, .dp-agency-service-grid, .dp-agency-stats, .dp-freelancer-grid, .dp-freelancer-service-grid, .dp-freelancer-stats, .dp-service-business-grid, .dp-service-package-grid, .dp-service-business-stats, .dp-product-grid, .dp-product-showcase-grid, .dp-product-stats, .dp-digital-grid, .dp-digital-module-grid, .dp-hero-grid, .dp-inside-grid, .dp-lead-box, .dp-lead-form, .dp-free-grid, .dp-property-grid, .dp-property-gallery-grid, .dp-dashboard-grid, .dp-dashboard-body, .dp-mission-grid, .dp-local-gallery-grid, .dp-event-grid, .dp-enrollment-grid, .dp-access-grid, .dp-path-grid, .dp-roadmap-grid, .dp-case-study-grid, .dp-portfolio-grid, .dp-service-process-grid, .dp-product-use-grid, .dp-digital-stack-grid, .dp-guarantee { grid-template-columns: 1fr !important; gap: 24px !important; } .dp-stats { transform: none !important; margin-top: 20px !important; } .dp-main-footer__grid > * { grid-column: auto !important; } .dp-main-footer__newsletter { grid-template-columns: 1fr !important; } .dp-main-footer__newsletter button { width: 100% !important; } /* Cards full width */ .dce-blog-card, .dce-trust-metric, .dce-trust-stat, .dce-stat, .dce-case-card, .dce-before-after-card, .dce-testimonial-card, .dce-testimonial-enterprise, .dce-testimonial-slide, .dce-prefooter-card, .dce-contact-card, .dp-card, .dp-quote, .dp-price-card, .dp-proof-card, .dp-lead-box, .dp-stat { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; box-sizing: border-box; } /* Images */ .dp-pro img, .dp-pro video, .dce-section img, .dce-blog-media { width: 100% !important; max-width: 100% !important; height: auto !important; display: block; } .dce-blog-media { min-height: 180px; height: auto !important; } /* Typography */ .dp-h1, .dce-hero-post .dce-h2 { font-size: 28px !important; line-height: 1.2 !important; } .dp-h2, .dce-h2 { font-size: 22px !important; line-height: 1.25 !important; } .dp-pro p, .dp-pro li, .dce-section p, .dce-section li, .dce-blog-body p { font-size: 16px !important; line-height: 1.55 !important; } .dp-btn, .dp-ghost, .dp-top-cta, .dce-newsletter-form button { font-size: 16px !important; font-weight: 600 !important; } .dp-pro, .dce-section { overflow-x: clip; max-width: 100%; } } /* Preview device modes — do not rely on viewport width alone */ body.is-mobile-device .dce-blog-grid, body.is-mobile-device .dce-trust-metrics, body.is-mobile-device .dce-trust-stats-only, body.is-mobile-device .dce-before-after-grid, body.is-mobile-device .dce-before-after-columns, body.is-mobile-device .dce-case-grid, body.is-mobile-device .dce-stats-grid, body.is-mobile-device .dce-testimonials-enterprise-grid, body.is-mobile-device .dce-testimonials-cards, body.is-mobile-device .dce-prefooter-grid, body.is-mobile-device .dce-magazine-grid, body.ate-preview-device-mobile .dce-blog-grid, body.ate-preview-device-mobile .dce-trust-metrics, body.ate-preview-device-mobile .dce-trust-stats-only, body.ate-preview-device-mobile .dce-before-after-grid, body.ate-preview-device-mobile .dce-before-after-columns, body.ate-preview-device-mobile .dce-case-grid, body.ate-preview-device-mobile .dce-stats-grid, body.ate-preview-device-mobile .dce-testimonials-enterprise-grid, body.ate-preview-device-mobile .dce-testimonials-cards, body.ate-preview-device-mobile .dce-prefooter-grid, body.ate-preview-device-mobile .dce-magazine-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-blog-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-trust-metrics, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-trust-stats-only, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-before-after-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-before-after-columns, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-case-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-stats-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-testimonials-enterprise-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-testimonials-cards, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-prefooter-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-magazine-grid { grid-template-columns: 1fr !important; gap: 24px !important; } body.is-mobile-device .dp-stats, body.ate-preview-device-mobile .dp-stats, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dp-stats { grid-template-columns: 1fr !important; transform: none !important; margin-top: 20px !important; gap: 24px !important; } body.is-mobile-device .dp-grid, body.is-mobile-device .dp-testimonials, body.is-mobile-device .dp-price-wrap, body.is-mobile-device .dp-main-footer__grid, body.ate-preview-device-mobile .dp-grid, body.ate-preview-device-mobile .dp-testimonials, body.ate-preview-device-mobile .dp-price-wrap, body.ate-preview-device-mobile .dp-main-footer__grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dp-grid, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dp-testimonials, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dp-price-wrap, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dp-main-footer__grid { grid-template-columns: 1fr !important; gap: 24px !important; } body.is-mobile-device .dce-social-proof-inner, body.ate-preview-device-mobile .dce-social-proof-inner, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-social-proof-inner { flex-direction: column !important; align-items: flex-start !important; } body.is-mobile-device .dce-testimonials-carousel, body.ate-preview-device-mobile .dce-testimonials-carousel, body.fsv2-live-preview-body[data-ate-preview-device="mobile"] .dce-testimonials-carousel { display: grid !important; grid-template-columns: 1fr !important; grid-auto-flow: row !important; overflow-x: visible !important; }