{# Layout : Full Screen #}
{% extends '/layouts/main.twig' %}

{% block site_wrapper %}

    <div id="vue_environment" class="siteWrapper fullscreen {{ site_wrapper_class }} whiteBackground">
        

        {% block assessment_header %}
        
        {% endblock %}
        

        <div class="siteInnerWrapper">

            <div id="content" role="main">

                <div class="assessmentPage">

                    <div class="wrapper">

                        {% block content %}

                        {% endblock %}
                        
                    </div> <!-- .wrapper -->
                   
                    
                </div> <!-- .assessmentPage -->
                
            </div> <!-- #content -->

        </div> <!-- .siteInnerWrapper -->

        {# Upsells "Complete your basket" overlay — opened via EventBus('upsells:open')
           after a successful assessment add-to-basket. Sits inside the #vue_environment
           root (the .siteWrapper div above) so Vue compiles it; the assessment flow is
           the only place it triggers. #}
        {% if disable_vue is empty %}
            <upsells-popup></upsells-popup>
        {% endif %}

    </div> <!-- .siteWrapper -->

    {% block popup %}

    {% endblock %}
    

    {% block frontend_footer %}

    {% endblock %}


{% endblock %}
