<section class="game-details__section game-details__section--grey pd-y-2">
  {{directory/game-details/get-game-card
    gameDetail=gameDetail
    offer=offer
    broadcasterName=broadcasterName
    broadcasterId=broadcasterId
    broadcasterLogo=broadcasterLogo}}
</section>

{{#if hasVideos}}
  <section class="game-details__section pd-t-3 pd-b-2 game-details__section--white">
    {{directory/game-details/videos videos=gameDetail.product.media.videos}}
  </section>
{{/if}}

<section class="game-details__section {{if hasVideos 'game-details__section--grey' 'game-details__section--white'}}">
  <div class="tower">
    <div class="{{if hasSpaceForSidebar 'col-xs-6 pd-l-0' 'col-xs-12 pd-x-0'}}">
      {{directory/game-details/features product=gameDetail.product classNames='mg-t-4'}}
      {{directory/game-details/game-information product=gameDetail.product classNames='mg-t-4'}}
    </div>
    <div class="{{if hasSpaceForSidebar 'col-xs-6 pd-r-0' 'col-xs-12 pd-x-0'}}">
      {{directory/game-details/pc-requirements pcRequirements=gameDetail.product.system_requirements classNames='mg-t-4'}}
    </div>
  </div>
</section>

{{#if hasImages}}
  <section class="game-details__section pd-x-0 {{if hasVideos 'game-details__section--grey' 'game-details__section--white'}}">
    {{directory/game-details/gallery imageUrls=gameDetail.product.media.screenshot_urls}}
  </section>
{{/if}}

<section class="game-details__section {{if (or hasMedia hasNoMedia) 'game-details__section--grey' 'game-details__section--white'}}">
  {{directory/game-details/description product=gameDetail.product}}
</section>
