/* Homepage only. Preserve the existing hero and all desktop layouts. */
.home-package-swipe-hint { display:none; }
.home-mobile-preview { min-width:0; }
.home-mobile-preview > summary { display:none; }
@media (max-width:767px) {
    .home-mobile-preview > summary { display:list-item; cursor:pointer; min-height:44px; padding:11px 14px; border:1px solid #d9e4ee; border-radius:9px; font-size:13px; font-weight:600; color:#225dd8; }
    .home-mobile-preview > summary:focus-visible { outline:2px solid #225dd8; outline-offset:3px; }
    .tutorial-video-section,
    .corporate-promo-section,
    .mobile-features-section,
    .mobile-packages-section,
    .mobile-blog-section,
    .vaccine-home-section,
    .local-search-section,
    .comparison-value-section,
    .ai-analyzer-section { padding-top:24px !important; padding-bottom:24px !important; }

    .mobile-packages-section .mobile-packages-header,
    .mobile-features-section .mobile-section-header,
    .mobile-blog-section .mobile-blog-header,
    .local-search-section .local-search-header { margin-bottom:14px; }

    /* A visible next-card edge and native scrolling keep every package accessible. */
    .mobile-packages-section .home-package-swipe-hint { display:block; margin:0 0 8px; font-size:12px; color:#526477; text-align:center; }
    .mobile-packages-section .mobile-packages-container { display:flex; flex-direction:row; gap:12px; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; padding:4px 2px 12px; margin-bottom:10px; scrollbar-width:thin; scrollbar-color:#b2c4d7 transparent; }
    .mobile-packages-section .mobile-packages-container:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
    .mobile-packages-section .mobile-package-card { flex:0 0 88%; min-width:0; display:flex; flex-direction:column; scroll-snap-align:start; padding:14px; border-radius:12px; box-shadow:0 2px 8px #0f172a08; }
    .mobile-packages-section .mobile-package-card:only-child { flex-basis:100%; }
    .mobile-packages-section .mobile-package-card:hover { transform:none; }
    .mobile-packages-section .mobile-package-header { gap:10px; margin-bottom:8px; padding-bottom:8px; }
    .mobile-packages-section .mobile-package-info { min-width:0; }
    .mobile-packages-section .mobile-package-title { font-size:17px; line-height:1.3; overflow-wrap:anywhere; }
    .mobile-packages-section .mobile-package-icon { width:34px; height:34px; border-radius:8px; }
    .mobile-packages-section .mobile-package-icon > :is(img,svg) { width:28px !important; height:28px !important; }
    .mobile-packages-section .mobile-amount { font-size:24px; }
    .mobile-packages-section .package-goal-tag { font-size:10px; margin-bottom:4px; padding:3px 6px; }
    .mobile-packages-section .mobile-popular-badge { position:static; align-self:flex-start; padding:3px 8px; margin-bottom:8px; font-size:10px; box-shadow:none; }
    .mobile-packages-section .mobile-package-features { margin-bottom:10px; }
    /* Do not inherit the feature section's column layout/borders for test rows. */
    .mobile-packages-section .mobile-feature-item { display:flex; flex-direction:row; align-items:flex-start; gap:6px; padding:3px 0; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; font-size:12px; line-height:1.45; text-align:left; }
    .mobile-packages-section .mobile-feature-item > span { min-width:0; overflow-wrap:anywhere; }
    .mobile-packages-section .mobile-feature-item i { margin-top:2px; }
    .mobile-packages-section .mobile-package-footer .btn,
    .mobile-packages-section .mobile-packages-cta .btn { min-height:44px; padding:10px 12px; font-size:13px; border-radius:9px; }

    .mobile-features-section .mobile-features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .mobile-features-section .mobile-feature-item { padding:10px; gap:6px; align-items:flex-start; min-width:0; border-radius:10px; }
    .mobile-features-section .mobile-feature-icon { width:30px; height:30px; margin:0; border-radius:8px; }
    .mobile-features-section .mobile-feature-icon img { width:23px !important; height:23px !important; }
    .mobile-features-section .mobile-feature-title { font-size:14px; line-height:1.3; margin:0 0 5px; }
    .mobile-features-section .mobile-feature-text { font-size:12px; line-height:1.45; margin:0 0 5px; }
    .mobile-features-section .feature-proof { font-size:11px; line-height:1.4; margin:0; }

    .elab-vc { padding:28px 20px 24px; }
    .elab-vc__layout { gap:16px; }
    .elab-vc__eyebrow { margin-bottom:12px; font-size:10px; letter-spacing:1.2px; }
    .elab-vc h2 { font-size:32px; letter-spacing:-1px; margin-bottom:14px; }
    .elab-vc__intro { font-size:14px; line-height:1.6; margin-bottom:16px; }
    .elab-vc__benefits { gap:10px; margin-bottom:16px; }
    .elab-vc__benefit-icon { width:30px; height:30px; border-radius:9px; }
    .elab-vc__benefits > div { gap:10px; }
    .elab-vc__benefits strong { font-size:13px; }
    .elab-vc__benefits p > span { font-size:12px; }
    .elab-vc__cta { min-height:44px; padding:12px 16px; }
    .elab-vc__note { margin-top:8px; }
    .elab-vc__visual { max-width:250px; padding:10px 4px 0; }
    .elab-vc__preview { padding:10px; border-radius:16px; transform:none; }
    .elab-vc__preview-header { flex-wrap:wrap; padding-bottom:8px; }
    .elab-vc__portrait > svg { max-height:155px; }
    .elab-vc__conversation-tag { position:static; display:block; padding:5px 7px; font-size:9px; }
    .elab-vc__doctor-label { bottom:7px; left:7px; right:7px; padding:6px; font-size:10px; }
    .elab-vc__controls { padding-top:8px; }
    .elab-vc__report { margin:8px 0 0; padding:10px; gap:8px; border-radius:12px; }
    .elab-vc__report-icon { width:28px; height:34px; }
    .elab-vc__report strong { font-size:12px; }
    .elab-vc__caption { margin-top:10px; }
    .elab-vc__journey { margin-top:18px; padding-top:16px; gap:12px; }
    .elab-vc__journey ol { gap:8px; }
    .elab-vc__journey li { font-size:12px; }
    .elab-vc__journey li > span { width:24px; height:24px; }

    .tutorial-video-section .tutorial-video-card { padding:14px; border-radius:14px; }
    .tutorial-video-section .tutorial-video-header { padding:0; margin-bottom:12px; }
    .tutorial-video-section .tutorial-video-header h2 { font-size:26px !important; margin-bottom:8px !important; }
    .tutorial-video-section .tutorial-video-header p { font-size:14px !important; line-height:1.5; }
    .tutorial-video-section .tutorial-video-header > div { padding:5px 10px !important; margin-bottom:10px !important; }
    .tutorial-video-section .tutorial-video-wrap video { max-height:210px; object-fit:contain; background:#f8fafc; }
    .tutorial-video-section .tutorial-video-footer { margin-top:10px; padding-top:10px; }

    .corporate-promo-section .corporate-promo-title { font-size:28px; margin-bottom:10px; }
    .corporate-promo-section .corporate-promo-subtitle { margin-bottom:8px; }
    .corporate-promo-section .corporate-feature-capsule { padding:8px; gap:7px; min-height:48px; border-radius:10px; }
    .corporate-promo-section .corporate-feature-capsule-icon { width:26px; height:26px; font-size:16px; }
    .corporate-promo-section .corporate-feature-capsule-title { font-size:12px; line-height:1.35; }
    .corporate-promo-section .corporate-promo-buttons { margin-top:12px; gap:8px; }
    .corporate-promo-section .corporate-promo-buttons a { min-height:44px; padding:10px 14px; }
    .corporate-promo-section .corporate-mockup-container { margin-top:16px; padding-top:0; }

    .vaccine-home-section .vaccine-home-title { font-size:26px; margin-bottom:10px; }
    .vaccine-home-section .vaccine-home-intro { font-size:13px; line-height:1.5; }
    .vaccine-home-section .vaccine-home-benefits { gap:6px; margin:14px 0 16px; }
    .vaccine-home-section .vaccine-home-benefit { padding:8px; font-size:11px; gap:5px; border-radius:9px; }
    .vaccine-home-section .vaccine-home-grid { gap:8px; }
    .vaccine-home-section .vaccine-home-card { padding:10px; gap:9px; border-radius:10px; }
    .vaccine-home-section .vaccine-home-card-icon { width:30px; height:30px; font-size:17px; border-radius:8px; }
    .vaccine-home-section .vaccine-home-card-name { font-size:13px; }
    .vaccine-home-section .vaccine-home-card-desc { font-size:12px; line-height:1.4; }
    .vaccine-home-section .vaccine-home-faq { padding:9px 10px; }

    .comparison-value-section .comparison-value-point { padding:10px; margin-bottom:8px; }
    .comparison-value-section .comparison-value-point p { font-size:13px; line-height:1.5; margin-bottom:0; }
    .mobile-blog-section .mobile-blog-card { padding:12px; border-radius:12px; }
    .mobile-blog-section .mobile-blog-container { gap:10px; }
    .mobile-blog-section .mobile-blog-image { height:110px; }
    .mobile-blog-section .mobile-blog-content { padding:10px 0 0; }
    .mobile-blog-section .mobile-blog-title { margin-bottom:6px; }
    .mobile-blog-section .mobile-blog-excerpt { font-size:13px; line-height:1.45; margin-bottom:8px; }
    .local-search-section .local-search-grid { gap:8px; }
    .local-search-section .local-search-card { padding:12px; border-radius:10px; }
}