<section data-component-type="Content" class="w-full bg-white py-8 lg:py-[30px] shadow-[0_8px_30px_rgba(0,0,0,0.08)]" data-component-slug="home-appliances-original-product">

  <div class="container mx-auto px-4">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-4">
      
      <!-- Feature 1: Original Product -->
      <div class="flex items-start lg:items-start space-x-4 lg:justify-center">
        <div class="flex-shrink-0 text-[#2346A7]">
           <!-- Diamond Icon -->
            
           <img src="{{feature_1_icon}}" data-node="feature_1_icon" data-node-type="file" data-node-label="Feature 1 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046140/seltrix/templates/home-appliances-template/diamond-icon.png" alt="Diamond Icon" class="w-12 h-12">
        </div>
        <div>
          <h3 data-node="feature_1_title" data-node-type="text" data-node-label="Feature 1 Title" data-node-default="Original Product" class="text-[#24262B] font-bold text-lg leading-tight mb-1">{{feature_1_title}}</h3>
          <p data-node="feature_1_desc" data-node-type="textarea" data-node-label="Feature 1 Description" data-node-default="100% Original product that covered warranty by the vendor." class="text-[#4D515C] text-sm leading-relaxed max-w-[200px]">{{feature_1_desc}}</p>
        </div>
      </div>

      <!-- Feature 2: 30 Days Warranty -->
      <div class="flex items-start lg:items-start space-x-4 lg:justify-center border-l-0 lg:border-l border-gray-100 lg:pl-4">
        <div class="flex-shrink-0 text-[#2346A7]">
          <!-- Shield Icon -->
           <img src="{{feature_2_icon}}" data-node="feature_2_icon" data-node-type="file" data-node-label="Feature 2 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046208/seltrix/templates/home-appliances-template/shield-icon.png" alt="Shield Icon" class="w-12 h-12">
          
        </div>
        <div>
          <h3 data-node="feature_2_title" data-node-type="text" data-node-label="Feature 2 Title" data-node-default="30 Days Warranty" class="text-[#24262B] font-bold text-lg leading-tight mb-1">{{feature_2_title}}</h3>
          <p data-node="feature_2_desc" data-node-type="textarea" data-node-label="Feature 2 Description" data-node-default="You have the right to return your orders within 30 days." class="text-[#4D515C] text-sm leading-relaxed max-w-[200px]">{{feature_2_desc}}</p>
        </div>
      </div>

      <!-- Feature 3: Global Shipping -->
      <div class="flex items-start lg:items-start space-x-4 lg:justify-center border-l-0 lg:border-l border-gray-100 lg:pl-4">
         <div class="flex-shrink-0 text-[#2346A7]">
          <!-- Truck Icon -->
          <img src="{{feature_3_icon}}" data-node="feature_3_icon" data-node-type="file" data-node-label="Feature 3 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046222/seltrix/templates/home-appliances-template/truck-icon.png" alt="Truck Icon" class="w-12 h-12">
        </div>
        <div>
          <h3 data-node="feature_3_title" data-node-type="text" data-node-label="Feature 3 Title" data-node-default="Global Shipping" class="text-[#24262B] font-bold text-lg leading-tight mb-1">{{feature_3_title}}</h3>
          <p data-node="feature_3_desc" data-node-type="textarea" data-node-label="Feature 3 Description" data-node-default="Your orders are shipped seamlessly between countries" class="text-[#4D515C] text-sm leading-relaxed max-w-[200px]">{{feature_3_desc}}</p>
        </div>
      </div>

       <!-- Feature 4: 100% Secure -->
       <div class="flex items-start lg:items-start space-x-4 lg:justify-center border-l-0 lg:border-l border-gray-100 lg:pl-4">
        <div class="flex-shrink-0 text-[#2346A7]">
          <!-- Lock Icon -->
          <img src="{{feature_4_icon}}" data-node="feature_4_icon" data-node-type="file" data-node-label="Feature 4 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046177/seltrix/templates/home-appliances-template/lock-icon.png" alt="Lock Icon" class="w-12 h-12">
        </div>
        <div>
          <h3 data-node="feature_4_title" data-node-type="text" data-node-label="Feature 4 Title" data-node-default="100% Secure" class="text-[#24262B] font-bold text-lg leading-tight mb-1">{{feature_4_title}}</h3>
          <p data-node="feature_4_desc" data-node-type="textarea" data-node-label="Feature 4 Description" data-node-default="Your payments are secure with our private security network." class="text-[#4D515C] text-sm leading-relaxed max-w-[200px]">{{feature_4_desc}}</p>
        </div>
      </div>

    </div>
  </div>
</section>