<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="1column"/>

    <!-- Remove the original product attributes block -->
    <referenceContainer name="product.info.details">
        
    </referenceContainer>

    <referenceContainer name="page.wrapper">
        <!-- Create new product details wrapper under main.content for tabs section -->
        <container name="product.info.details.wrapper" after="main.content" htmlTag="div" htmlClass="page-main page-main-details">
            <container name="product.info.details.wrapper.columns" htmlTag="div" htmlClass="columns">
                <container name="product.info.details.wrapper.main" label="Product Details Main Content Container" htmlTag="div" htmlClass="column main"/>
            </container>
        </container>
        <!-- Create wrapper for description without page-main class which adds gutters -->
        <container name="product.info.description.wrapper" after="main.content" before="product.info.details.after.wrapper" htmlTag="div" htmlClass="page-main-description product-full-width-section" htmlId="description"/>
        <!-- Create a new wrapper to house the custom Page Builder attributes -->
        <container name="product.attributes.pagebuilder.wrapper" after="product.info.description.wrapper" before="product.info.details.after.wrapper" htmlTag="div" htmlClass="page-main-pagebuilder-attributes">
            
        </container>
        <!-- Create new product details wrapper under main.content for tabs section -->
        <container name="product.info.details.after.wrapper" after="product.attributes.pagebuilder.wrapper" before="product.info.details.wrapper" htmlTag="div" htmlClass="page-main page-main-details">
            <container name="product.info.details.after.wrapper.columns" htmlTag="div" htmlClass="columns">
                <container name="product.info.details.after.wrapper.main" label="Product Details Main Content Container" htmlTag="div" htmlClass="column main">
                    
                    
                </container>
            </container>
        </container>
    </referenceContainer>

    <!-- Move details & description into their new wrappers -->
    
    

    <!-- Move reviews into the section after the description -->
    

    <!-- Move content.aside below the reviews -->
    
</layout>
