<turbo-stream action="append" target="listings"><template>
    <div class="col" id="listing_285">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekk0TlE6ZmVhdHVyZXMi--aded92908ba91359f8f4d3d9924143b49f91c9f8a99ef4d0d576f4ffbd1fd83c"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/rrr">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMS9DSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDc6NTk6MTIuOTIwWiIsInB1ciI6ImJsb2JfaWQifX0=--53edc32357aef5e29493dbd5faa2bc01f8014e96/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000011206.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">&quot;🏖️ Stunning F3 Apartment with Breathtaking sea Views&quot;</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/rrr">
        <strong class="">Apartamento </strong> /
        Adrar, Adrar
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      1.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_188">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekU0T0E6ZmVhdHVyZXMi--9bafff89841ec6fc31f36f574c44a9e209f251ff136ffe84f4c43558ee4fa70f"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/grand-appart-quartier-calme">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb1pRIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4wMThaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--cbf8c74a2d124e197cfa3b23f9c8d8baf49d3aab/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/photo_2025-04-19_08-19-01.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">grand appart ,quartier calme</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/grand-appart-quartier-calme">
        <strong class="">Apartamento </strong> /
        Maalma, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      7.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_177">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzTnc6ZmVhdHVyZXMi--a2713dbbcfb8319fddc95e9a73381d53a6983a50ea77e44e7ca60991d916d9e2"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/F2-avec-terrasse-Saket-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0pJIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4wNjJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--9289a7b73b9f4460d0854610277c80c7969389fd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000000591.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">F2 avec terrasse a Saket </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/F2-avec-terrasse-Saket-">
        <strong class="">Apartamento </strong> /
        Bejaia, Béjaïa
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      6.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_178">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzT0E6ZmVhdHVyZXMi--ed4668f2b7f5c96792e3277f26ecdda42039072a6e9c078ee305b50a9182eb64"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/Super-apparemment-f5">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2RMIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4xMDlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b937511ab63b384127b2ba64fd112b462db9ce2d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/IMG_1206.jpeg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Super apparemment f5</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>4</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>7</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/Super-apparemment-f5">
        <strong class="">Apartamento </strong> /
        Maalma, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      14.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_179">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzT1E6ZmVhdHVyZXMi--03556c2919642af91f65001544f18314b921a5931d14b4034553c1bec3112069"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/Super-apparemment-f5-2">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2RMIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4xMzFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7694fc32f6598964f4421f208fbabd1e6ce2523b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/IMG_1206.jpeg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Super apparemment f5</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>4</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>7</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/Super-apparemment-f5-2">
        <strong class="">Apartamento </strong> /
        Maalma, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      14.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_247">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekkwTnc6ZmVhdHVyZXMi--f13648a240d228906b389de59299866a99c84bd8d79f3f43252a2bd2ad349fc3"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/Spider-house">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFM1SVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDc6NTk6MTMuMTU5WiIsInB1ciI6ImJsb2JfaWQifX0=--aa9004d73c20dcd7ca70b16955435fbcf7f30669/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000012763.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Spider house</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/Spider-house">
        <strong class="">Apartamento </strong> /
        Batna, Batna
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      3.500
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_286">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekk0Tmc6ZmVhdHVyZXMi--05dcf85e70b9be692b263f9302b4fdddf557a4259cd4891fd678c3d9fff7e04d"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/ee">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM3pDSVE9PSIsImV4cCI6IjIwMjYtMDUtMjNUMDc6NTk6MTMuMTk4WiIsInB1ciI6ImJsb2JfaWQifX0=--dd4943744555cf2e47f6d183bfba556eeb374b70/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/image_picker_28491013-1BDF-4717-8D49-D75A05459CBB-77921-000010AFF453ACF9.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">ee</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/ee">
        <strong class="">Apartamento </strong> /
        Adrar, Adrar
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      200
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_233">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekl6TXc6ZmVhdHVyZXMi--c90805dfb36f46f2b4e99cdaad7e50b97de43cb137d83966599b85a8078a719b"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/test-property-creation">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb05kIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4yMjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4b4ef5a6208bfc29d412ade42bf8ad146ae770bb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/image_picker_1A219EDE-ACB9-40FB-A2A2-BC77F9DFD0A1-76392-0000002BAD8AEAD9.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">test property creation</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/test-property-creation">
        <strong class="">Apartamento </strong> /
        Adrar, Adrar
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      100
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_42">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelF5OmZlYXR1cmVzIg==--4d6e50eff930f043a3fab2490425218552a1763a1b8884adf3b71d79ab6da9b2"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/vacdellys-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcklaIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4yMzlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--ae442b1ddf18422513518eff6d1d300b3d7b4a89/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/IMG20230627142038.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">vacdellys </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>9</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>9</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/vacdellys-">
        <strong class="">Apartamento </strong> /
        Dellys, Boumerdès
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      6.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_44">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelEwOmZlYXR1cmVzIg==--b37184b8183eaa9fedce2fe27773e0c93ce8b280b9a49d4eded610225007df3f"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/pt/listings/vacdellys-2">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaTRiIiwiZXhwIjoiMjAyNi0wNS0yM1QwNzo1OToxMy4yNjRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--ab8952c4361adb74199c56fa7e69ab7f1ab644eb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/IMG20230709153531.jpg?locale=pt" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">vacdellys </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/pt/listings/vacdellys-2">
        <strong class="">Apartamento </strong> /
        Dellys, Boumerdès
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      5.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="listings_placeholder"></turbo-stream>
  <turbo-stream action="append" target="listings"><template>
    <turbo-frame class="" id="listings_placeholder">
      <div class="col">
        <article class="card hover-effect-opacity h-100" data-map-bind-to-marker="1">
          <div class="card-img-top position-relative bg-body-tertiary overflow-hidden">
            <div class="swiper z-2" data-swiper='{
                            "pagination": {
                                "el": ".swiper-pagination"
                            },
                            "navigation": {
                                "prevEl": ".btn-prev",
                                "nextEl": ".btn-next"
                            },
                            "breakpoints": {
                                "991": {
                                "allowTouchMove": false
                                }
                            }
                            }'>
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="ratio d-block" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
                    <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="card-body p-3">
            <div class="h5 mb-2"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <h3 class="fs-sm fw-normal text-body mb-2">
              <span class="stretched-link text-body"><span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span></span>
            </h3>
            <div class="h6 fs-sm mb-0"><span class="placeholder bg-body-secondary col-4 rounded-pill cursor-default"></div>
            </div>
            <div class="card-footer d-flex justify-content-start gap-2 border-0 bg-transparent pt-0 pb-3 px-3 mt-n1">
              <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                </div>
                <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                  <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                  </div>
                  <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                    <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                    </div>
                  </div>
                </article>
              </div>
</turbo-frame></template></turbo-stream>          <turbo-stream action="replace" target="listings_pagination"><template>
             <turbo-frame loading="lazy" id="listings_pagination" src="/pt/listings.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>