{{#if slidesCount}}
  {{! with slides }}
  <div id="cbm-classified-photoGallery-0" class="cbm--hiddenPrint" data-slides="{{slides}}">
    <div class="cbm--loading"></div>
  </div>
{{else}}
  {{! no slides }}
  <div id="cbm-classified-photoGallery-0" class="cbm--noPhoto cbm--hiddenPrint">
    <div>
      <img src="{{iconNoPhoto}}" alt="Photo non disponible" />
      <div>Photo non disponible</div>
    </div>
  </div>
{{/if}}

{{! critical css / photo gallery's placeholder with a "no photo" icon }}
<div class="hide">
  <style>
    #cbm-classified-photoGallery-0 {
      position: relative;
      min-height: 285px;
      margin-bottom: 20px;
      border: 1px solid #eee;
      background: white center center no-repeat;
    }
    @media only screen and (max-width: 767px) {
      #cbm-classified-photoGallery-0 {
        min-height: calc(100vw / 1.33);
      }
    }
    #cbm-classified-photoGallery-0.cbm--noPhoto {
      display: flex;
      align-items: center;
      text-align: center;
    }
    #cbm-classified-photoGallery-0.cbm--noPhoto > div {
      margin: auto;
    }
    #cbm-classified-photoGallery-0.cbm--noPhoto > div > img {
      display: inline-block;
      margin-bottom: 5px;
    }
  </style>
</div>
{{!-- Do not remove. Workaround to bust fragment cache on deploy. --}}
<!--'{{asset}}'-->