{% sw_extends "@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig" %}
{% block buy_widget_buy_container_action_bar %}
<section class="product-detail-wishlist-container col-12 d-flex justify-content-end">
{{ parent() }}
</section>
{% endblock %}
{% block buy_widget_buy_quantity_container %}
<div class="col-3 col-lg-4 col-xl-3">
{% block buy_widget_buy_quantity %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block buy_widget_buy_button_container %}
<div class="col-9 col-lg-8 col-xl-9 product-detail-buy-button-container">
{% block buy_widget_buy_button %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block page_product_detail_custom_quantity_field_select_button_minus %}
<button type="button"
class="btn-secondary custom-quantity-field-button is-minus flex-column
align-content-center"
aria-label="lineItemBtnMinus[{{ product.id }}]">
{% sw_icon 'minus' style { 'size': 'fluid' } %}
</button>
{% endblock %}
{% block page_product_detail_custom_quantity_field_select_input_field %}
<label class="mb-0 pb-1 pt-1">
<input id="lineItems[{{ product.id }}][quantity]" class="custom-quantity-field-input
h-100"
name="lineItems[{{ product.id }}][quantity]" type="text"
value="{{ page.product.minPurchase }}">
</label>
{% endblock %}
{% block page_product_detail_custom_quantity_field_select_button_plus %}
<button type="button"
class="btn-secondary custom-quantity-field-button is-plus flex-column
align-content-center"
aria-label="lineItemBtnPlus[{{ product.id }}]">
{% sw_icon 'plus' style { 'size': 'fluid' } %}</button>
{% endblock %}
{% block page_product_detail_custom_quantity_field_packunit %}{% endblock %}