{% sw_extends '@Storefront/storefront/page/checkout/cart/index.html.twig' %}
{# Changed page header #}
{% block page_checkout_cart_header %}
<div class="page-title is--fullwidth d-flex align-items-center">
<h1 class="h2 container">{{ "checkout.cartHeader"|trans|sw_sanitize }}</h1>
</div>
{# Added checkout main container below page header #}
<div class="checkout-main">
{% block base_flashbags_checkout_moved %}
<div class="flashbags">
{% for type, messages in app.flashes %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
{% endfor %}
</div>
{% endblock %}
{% endblock %}
{# Close checkout main container #}
{% block page_checkout_cart_add_product_and_shipping %}
{{ parent() }}
</div>
{% endblock %}
{# Changed button style #}
{% block page_checkout_cart_action_proceed %}
<div class="checkout-aside-action">
<a href="{{ path('frontend.checkout.confirm.page') }}"
class="btn btn-secondary btn-block begin-checkout-btn"
title="{{ "checkout.proceedLink"|trans|striptags }}">
{{ "checkout.proceedLink"|trans|sw_sanitize }}
{% sw_icon 'arrow-head-right' %}
</a>
</div>
{% endblock %}