<section data-component-type="Features" class="w-full bg-black overflow-hidden" data-component-slug="mobile-launch-template-one-ecosystem">
  

  <div class="w-full px-[16px] sm:px-[24px] lg:px-[96px] py-[0px]">
    <div class="max-w-[1728px] mx-auto flex flex-col lg:flex-row justify-between gap-6 sm:gap-8 lg:gap-12 mb-8 sm:mb-12 lg:mb-20">
      <h2 class="font-['DM Sans'] font-medium text-[36px] sm:text-[48px] lg:text-[64px] leading-[100%] text-white max-w-[780px]" data-node="ecosystem_title" data-node-type="text" data-node-default="One Ecosystem. Multiple Ways To Experience It.">
        {{ecosystem_title}}
      </h2>

      <p class="font-['DM Sans'] font-regular text-[18px] sm:text-[20px] lg:text-[24px] leading-[100%] text-[#696969] max-w-[620px] text-left lg:text-right lg:self-end" data-node="ecosystem_desc" data-node-type="text" data-node-default="Flagship power, everyday efficiency, or seamless audio accessories, our product range gives you smart choices; without overwhelming specs.">
        {{ecosystem_desc}}
      </p>
    </div>

    <div class="max-w-[1728px] mx-auto ecosystem-grid">
      <div class="ecosystem-card">
        <img src="{{product_1_image}}" data-node="product_1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161331/seltrix/templates/mobile-launch-template/Nova%20X%20Pro.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_1_title" data-node-type="text" data-node-default="Nova X Pro">
          {{product_1_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_1_desc" data-node-type="text" data-node-default="Built for users who demand speed and reliability. Nova X Pro delivers smooth multitasking and all-day power for high-performance use.">
          {{product_1_desc}}
        </p>
      </div>

      <div class="ecosystem-card">
        <img src="{{product_2_image}}" data-node="product_2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161332/seltrix/templates/mobile-launch-template/Nova%20X.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_2_title" data-node-type="text" data-node-default="Nova X">
          {{product_2_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_2_desc" data-node-type="text" data-node-default="Designed for professionals and creators who want consistent speed, sharp visuals, and dependable battery life.">
          {{product_2_desc}}
        </p>
      </div>

      <div class="ecosystem-card">
        <img src="{{product_3_image}}" data-node="product_3_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161327/seltrix/templates/mobile-launch-template/Nova%20Lite.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_3_title" data-node-type="text" data-node-default="Nova Lite">
          {{product_3_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_3_desc" data-node-type="text" data-node-default="Nova Lite focuses on what matters most—clean performance, smooth navigation, and long-lasting comfort.">
          {{product_3_desc}}
        </p>
      </div>

      <div class="ecosystem-card">
        <img src="{{product_4_image}}" data-node="product_4_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161329/seltrix/templates/mobile-launch-template/Nova%20Max.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_4_title" data-node-type="text" data-node-default="Nova Max">
          {{product_4_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_4_desc" data-node-type="text" data-node-default="Nova Max offers an immersive display and optimized performance for users who want more space to do more.">
          {{product_4_desc}}
        </p>
      </div>

      <div class="ecosystem-card">
        <img src="{{product_5_image}}" data-node="product_5_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161324/seltrix/templates/mobile-launch-template/Nova%20Audio%20Series.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_5_title" data-node-type="text" data-node-default="Nova Audio Series">
          {{product_5_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_5_desc" data-node-type="text" data-node-default="Designed to complement your phone experience, clear sound, comfortable fit, and seamless connectivity.">
          {{product_5_desc}}
        </p>
      </div>

      <div class="ecosystem-card">
        <img src="{{product_6_image}}" data-node="product_6_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161326/seltrix/templates/mobile-launch-template/Nova%20Core.webp">
        <h3 class="mt-4 font-['DM Sans'] text-[28px] sm:text-[32px] text-white" data-node="product_6_title" data-node-type="text" data-node-default="Nova Core">
          {{product_6_title}}
        </h3>
        <p class="mt-2 font-['DM Sans'] text-[18px] sm:text-[24px] text-[#696969]" data-node="product_6_desc" data-node-type="text" data-node-default="Nova Core delivers stability, efficiency, and essential features without unnecessary complexity.">
          {{product_6_desc}}
        </p>
      </div>
    </div>
  </div>
</section>