Remove hidden inputs for product variants

sections/featured-product.liquid

@@ -144,8 +144,7 @@
                   {%- endif -%}
                   {%- unless placeholder -%}
                     <div {{ block.shopify_attributes }}>
-                      {%- form 'product', product -%}
-                        <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
+                      {%- form 'product', product.selected_or_first_available_variant -%}
                         {{ form | payment_terms }}
                       {%- endform -%}
                     </div>
@@ -380,11 +379,11 @@
                     render 'share-button', block: block, share_link: share_url
                   %}
                 {%- when 'variant_picker' -%}
                   {% render 'product-variant-picker',
                     product: product,
                     block: block,
                     product_form_id: product_form_id
                   %}
                 {%- when 'buy_buttons' -%}
                   {%- render 'buy-buttons',
                     block: block,
@@ -473,7 +472,7 @@
     if product.selected_or_first_available_variant.featured_media
       assign seo_media = product.selected_or_first_available_variant.featured_media
     else
       assign seo_media = product.featured_media
     endif
   -%}
 
@@ -487,7 +486,7 @@
   {% endif %}
 </product-info>
 
 {% schema %}
 {
   "name": "t:sections.featured-product.name",
   "tag": "section",

sections/main-product.liquid

@@ -135,8 +135,11 @@
                 {%- endif -%}
                 <div {{ block.shopify_attributes }}>
                   {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
-                  {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
-                    <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
+                  {%- form 'product',
+                    product.selected_or_first_available_variant,
+                    id: product_form_installment_id,
+                    class: 'installment caption-large'
+                  -%}
                     {{ form | payment_terms }}
                   {%- endform -%}
                 </div>
@@ -462,7 +465,7 @@
                 %}
 
               {%- when 'variant_picker' -%}
                 {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %}
               {%- when 'buy_buttons' -%}
                 {%- render 'buy-buttons',
                   block: block,
@@ -714,7 +717,7 @@
       if product.selected_or_first_available_variant.featured_media
         assign seo_media = product.selected_or_first_available_variant.featured_media
       else
         assign seo_media = product.featured_media
       endif
     -%}
 

snippets/buy-buttons.liquid

@@ -37,25 +37,12 @@
       </div>
 
       {%- form 'product',
-        product,
+        product.selected_or_first_available_variant,
         id: product_form_id,
         class: 'form',
         novalidate: 'novalidate',
         data-type: 'add-to-cart-form'
       -%}
-        <input
-          type="hidden"
-          name="id"
-          value="{{ product.selected_or_first_available_variant.id }}"
-          {% if product.selected_or_first_available_variant.available == false
-            or quantity_rule_soldout
-            or product.selected_or_first_available_variant == null
-          %}
-            disabled
-          {% endif %}
-          class="product-variant-id"
-        >
-
         {%- if gift_card_recipient_feature_active -%}
           {%- render 'gift-card-recipient-form', product: product, form: form, section: section -%}
         {%- endif -%}

snippets/card-product.liquid

@@ -345,15 +345,6 @@
                   novalidate: 'novalidate',
                   data-type: 'add-to-cart-form'
                 -%}
-                  <input
-                    type="hidden"
-                    name="id"
-                    value="{{ card_product.selected_or_first_available_variant.id }}"
-                    class="product-variant-id"
-                    {% if card_product.selected_or_first_available_variant.available == false %}
-                      disabled
-                    {% endif %}
-                  >
                   <button
                     id="{{ product_form_id }}-submit"
                     type="submit"