{{{customeditframe.editframeStart}}}
<div class="product-hero-header" data-module="productHeroHeader" data-preload="true">
    <div class="product-hero-header__top-section">
        <div class="grid-container product-hero-header__grid-container product-hero-header__title-container">
            <div class="product-hero-header__content grid-x">
                <div class="cell small-11 large-10">
                    <h1 class="product-hero-header__title">{{title}}</h1>
                </div>
                <div class="cell small-1 large-offset-1">
                    {{#if likeButton}}
                    {{> @cp-hero-like-button likeButton}}
                    {{/if}}
                </div>
            </div>
        </div>
        <div class="grid-container semilarge--hidden product-hero-header__grid-container product-hero-header__image-carousel-container {{#ifLengthGreaterOrEqual imageCarouselHero.slides 7}}product-hero-header__image-carousel-container--more-than-six{{/ifLengthGreaterOrEqual}}">
            <div class="grid-x">
                <div class="cell">
                    {{> @cp-image-carousel-hero imageCarouselHero }}
                </div>
            </div>
        </div>
    </div>
    <div class="grid-container semilarge--show product-hero-header__grid-container product-hero-header__image-carousel-container {{#ifLengthGreaterOrEqual imageCarouselHero.slides 7}}product-hero-header__image-carousel-container--more-than-six{{/ifLengthGreaterOrEqual}}">
        <div class="grid-x">
            <div class="cell">
                {{> @cp-image-carousel-hero imageCarouselHero }}
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}