/* =========================================================
   THE NEXUS — V42 / MOBILE-ONLY STABILITY PASS
   Base: V39 (desktop/carousel runtime intentionally untouched)
   Scope: <= 700px only. No business logic changes.
   ========================================================= */

@media (max-width:700px){
  html,body,.tn-app,.tn-site,.tn-main{max-width:100%!important;overflow-x:clip!important}
  body.tn-body{font-size:15px!important;line-height:1.54!important;-webkit-tap-highlight-color:transparent!important}
  .tn-container,.tn-compact-container{width:calc(100% - 28px)!important;max-width:none!important}
  .tn-main{padding-top:74px!important}
  .tn-section{padding:58px 0!important}

  /* Header: same V39 structure, cheaper and easier to tap. */
  .tn-nav-wrap{padding:7px 10px 0!important}
  .tn-nav,.tn-nav-wrap.is-scrolled .tn-nav{
    height:62px!important;min-height:62px!important;padding:0 12px!important;border-radius:18px!important;
    background:rgba(3,12,7,.97)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:0 10px 30px rgba(0,0,0,.20)!important
  }
  .tn-brand{min-width:0!important}.tn-brand-mark-original{width:34px!important;height:34px!important;flex-basis:34px!important}
  .tn-brand-copy b{font-size:16px!important}.tn-brand-copy>small{display:none!important}
  .tn-cart-btn,.tn-menu-btn{width:44px!important;height:44px!important;border-radius:13px!important}
  .tn-mobile-menu{background:#061009!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  /* Phone hero: remove the heavy interactive ESP preview only on phones. */
  .tn-hero-premium{padding:34px 0 62px!important;min-height:0!important}
  .tn-hero-grid{display:block!important;min-height:0!important}
  .tn-hero-copy{max-width:100%!important}
  .tn-hero-esp{display:none!important}
  .tn-hero-copy h1{font-size:clamp(44px,12.5vw,58px)!important;line-height:.96!important}
  .tn-hero-subtitle{font-size:14px!important;line-height:1.62!important}

  /* Keep V39 carousel JS + geometry exactly as-is. Only improve phone framing/readability. */
  .tn-featured-v17{padding:56px 0 58px!important;overflow:hidden!important}
  .tn-featured-v37 .tn-featured-head-v17{width:calc(100% - 28px)!important;margin:0 auto 18px!important}
  .tn-featured-v37 .tn-featured-head-v17 h2{font-size:clamp(34px,9.7vw,42px)!important;line-height:1.03!important}
  .tn-featured-v37 .tn-featured-head-v17 p{font-size:13px!important;line-height:1.55!important;max-width:100%!important}
  .tn-featured-v37 .tn-market-card-v37{border-radius:19px!important;box-shadow:0 15px 40px rgba(0,0,0,.22)!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-media-v25{aspect-ratio:16/10!important;min-height:0!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-image-v25{object-fit:cover!important;object-position:center!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-body-v25{min-height:0!important;padding:15px 15px 16px!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-title-v25{font-size:17px!important;line-height:1.22!important;margin:7px 0 8px!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-price-row-v25{min-height:52px!important;padding:9px 0 10px!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-price-row-v25 strong{font-size:22px!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-actions-v25{gap:8px!important}
  .tn-featured-v37 .tn-market-card-v37 .tn-market-secondary-v25,
  .tn-featured-v37 .tn-market-card-v37 .tn-market-primary-v25{height:43px!important;font-size:11px!important}
  .tn-featured-v17:has(.tn36-carousel) .tn-featured-nav-v17{width:calc(100% - 46px)!important;max-width:430px!important;margin:12px auto 0!important}

  /* Fix the 4-column benefits block that overflowed in the mobile screenshot. */
  .tn-perks-v17{padding:54px 0!important;overflow:hidden!important}
  .tn-perks-v17 .tn-section-head-centered{max-width:100%!important;margin-bottom:22px!important}
  .tn-perks-v17 .tn-section-head-centered h2{font-size:clamp(34px,9.8vw,42px)!important;line-height:1.04!important;max-width:100%!important}
  .tn-perks-v17 .tn-section-head-centered p{font-size:13px!important;line-height:1.6!important}
  .tn-perks-grid-v17{display:grid!important;grid-template-columns:1fr!important;width:100%!important;overflow:hidden!important;border-radius:20px!important}
  .tn-perks-grid-v17 article{
    grid-template-columns:42px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;min-width:0!important;
    min-height:90px!important;padding:15px 16px!important;border-right:0!important;border-bottom:1px solid rgba(172,204,181,.075)!important
  }
  .tn-perks-grid-v17 article:last-child{border-bottom:0!important}
  .tn-perks-grid-v17 article>i{width:40px!important;height:40px!important;border-radius:12px!important;font-size:15px!important}
  .tn-perks-grid-v17 b{font-size:14px!important;line-height:1.25!important}
  .tn-perks-grid-v17 span{margin-top:4px!important;font-size:11.5px!important;line-height:1.48!important;max-width:100%!important}

  /* Reviews keep the V39 moving rail; only reduce paint cost and width. */
  .tn-reviews-v17{padding:56px 0!important}
  .tn-reviews-panel{border-radius:20px!important;box-shadow:0 14px 36px rgba(0,0,0,.14)!important}
  .nexus-vouches-track{animation-duration:46s!important;transform:translate3d(0,0,0)!important}
  .nexus-vouch-card{flex-basis:min(84vw,330px)!important;width:min(84vw,330px)!important;min-height:156px!important;box-shadow:none!important}

  /* FAQ / CTA / footer density. */
  .nexus-faq-summary{min-height:54px!important;padding:0 15px!important;font-size:13px!important}
  .nexus-faq-panel p{padding:0 15px 15px!important;font-size:12.5px!important;line-height:1.58!important}
  .tn-final-cta-shell{padding:22px!important;border-radius:20px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .tn-footer-v23>.tn-container{width:calc(100% - 28px)!important}
  .tn-footer-main-v23{grid-template-columns:1fr!important;gap:0!important;padding:34px 0 26px!important}
  .tn-footer-brand-v23{grid-column:auto!important;padding-bottom:20px!important}
  .tn-footer-col-v23{padding:18px 0!important;border-top:1px solid rgba(155,199,170,.075)!important}
  .tn-footer-col-v23>b{font-size:12px!important}.tn-footer-col-v23 a{font-size:13px!important;min-height:36px!important}
  .tn-footer-trust-v23{grid-template-columns:1fr 1fr!important}
  .tn-footer-trust-v23 span{min-height:48px!important;font-size:10.5px!important}
  .tn-footer-bottom-v23{padding:18px 0!important;font-size:10.5px!important}

  /* Catalog/product pages: one complete card per row on phones. */
  .tn-catalog-v37>.tn-container{width:calc(100% - 28px)!important}
  .tn-catalog-v37 .tn-catalog-results .tn-product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .tn-catalog-v37 .tn-market-card-v37{border-radius:18px!important;overflow:hidden!important}
  .tn-catalog-v37 .tn-market-card-v37 .tn-market-media-v25{aspect-ratio:16/10!important}
  .tn-catalog-v37 .tn-market-card-v37 .tn-market-body-v25{min-height:0!important;padding:15px!important}
  .tn-catalog-v37 .tn-market-card-v37 .tn-market-title-v25{font-size:17px!important}
  .tn-catalog-v37 .tn-market-card-v37 .tn-market-secondary-v25,
  .tn-catalog-v37 .tn-market-card-v37 .tn-market-primary-v25{height:44px!important;font-size:11px!important}

  /* Group dialog is a proper bottom sheet instead of overflowing the viewport. */
  .tn-group-modal-v37{padding:0!important;align-items:flex-end!important}
  .tn-group-dialog-v37{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:22px 22px 0 0!important;background:#061009!important}
  .tn-group-dialog-v37 .tn-group-content-v24{overscroll-behavior:contain!important}

  /* Mobile paint budget: keep the green identity, remove expensive invisible layers. */
  .tn-atmosphere-noise,.tn-atmosphere-mesh,.tn-atmosphere-halo-b,.tn-v2-glow-b,.tn-v2-glow-c,
  .tn-atmosphere-watermark,.tn-brand-ghost,.tn-pack-grid,.tn-pack-orb-right,.tn-pack-orb-bottom,
  .tn-pack-tech-edge,.tn-pack-arc,.tn-pack-corner-mark,.tn-pack-brand-sigil-original{display:none!important}
  .tn-pack-orb-left{filter:none!important;width:92vw!important;height:58vh!important;left:-28vw!important;top:-10vh!important;background:radial-gradient(circle,rgba(31,173,91,.12),transparent 70%)!important}
  .tn-pack-dots{opacity:.11!important;background-size:30px 30px!important}
  .tn-nav,.tn-mobile-menu,.nexus-faq-card,.tn-footer-callout,.tn-final-cta-shell{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .tn-market-card-v37,.tn-btn,.tn-nav,.tn-footer-callout,.tn-final-cta-shell,.nexus-faq-card{filter:none!important}
  .tn30-reveal,.tn-reveal{transition-duration:.30s!important}
  .tn-nav a,.tn-nav button,.tn-btn,.tn-product-card,.tn-benefit-card,.tn-process-grid article,.nexus-faq-card,.nexus-vouch-card{will-change:auto!important}
}

@media (max-width:430px){
  .tn-container,.tn-compact-container,.tn-catalog-v37>.tn-container,.tn-footer-v23>.tn-container{width:calc(100% - 24px)!important}
  .tn-featured-v37 .tn-featured-head-v17{width:calc(100% - 24px)!important}
  .tn-featured-v17:has(.tn36-carousel) .tn-featured-nav-v17{width:calc(100% - 34px)!important}
  .tn-perks-grid-v17 article{min-height:86px!important;padding:14px!important}
  .tn-perks-grid-v17 span{font-size:11px!important}
  .tn-footer-trust-v23{grid-template-columns:1fr!important}
}