<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/poupig"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Poupig" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI3MGU4ZDRiLTIwZTItNDI1Zi04YTNmLTU2MDA0MDc0MGYyNyIsInB1ciI6ImJsb2JfaWQifX0=--7a5b2090957acb295420f9a60b8e164b704813c3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Poupig.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Poupig
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Poupig est une petite truie est très sociable, elle adore les câlins et les grattouilles. Malgré son petit gabarit (mais elle a a bien grandit depuis son arrivée) elle a su s&#39;imposer face à Glaz et Buzhug.
Championne de saut sur ses pattes arrières quand elle a faim et qu&#39;elle nous voit arriver avec le seau. Un peu maniaque, elle va arranger son lit (de manière extrêmement chou) dans la seconde où on vient remettre de la paille dans la cabane. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/glaz"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Glaz" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjZjZDg0NjAyLWRkNTYtNDhjOS04OTZkLTliMzk4OTJiMmQ1ZSIsInB1ciI6ImJsb2JfaWQifX0=--f69f20809e825edc67b9f3ae363f918b48b119b5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/Glaz.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Glaz
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Glaz n&#39;est pas du tout farouche mais indépendant, il est assez indifférent aux humain-es, aux papouilles et aux câlins, il adore les bains de boue, manger et être tranquille. 
Inséparable de ses copain-es Poupig et Buzhug !</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/domaine-des-douages/pinpin"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Pinpin" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjY1YjU0NTc4LTliOTktNDk4Mi05ODAxLTk1ZWE3NmY5NzUzMiIsInB1ciI6ImJsb2JfaWQifX0=--0b9f2783ad09c40dfd1b083da2d4003b1b0da99f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5524_Original.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQ2OWY3MDIyLWVkNWMtNGI1Mi1iNjRmLTUxODVkNjkxYmVmMiIsInB1ciI6ImJsb2JfaWQifX0=--9a3559765ba5ddace2e547fc354f4db07924612a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/logo.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Pinpin
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Domaine des Douages
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Particulièrement doux et affectueux, Pinpin est comme un chien qui viendrait chercher des caresses. Il a toujours eu cette facilité à aller vers les humains. Sa confiance et son envie de contact sont d&#39;ailleurs ce qui lui ont permis d’échapper à l’abattoir. Aujourd’hui encore, il garde cette même tendresse et cette curiosité qui le rendent si attachant.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/domaine-des-douages/coffee"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Coffee" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNhOWJjNTQyLTVjOWEtNGFiMy1hMzk4LTcxMTI3MmE3YjQzNSIsInB1ciI6ImJsb2JfaWQifX0=--131a5dd8f4c867a1c3b8c48c1b885dc897f3de46/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5271%20(1).JPG" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQ2OWY3MDIyLWVkNWMtNGI1Mi1iNjRmLTUxODVkNjkxYmVmMiIsInB1ciI6ImJsb2JfaWQifX0=--9a3559765ba5ddace2e547fc354f4db07924612a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/logo.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Coffee
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Domaine des Douages
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Véritable mascotte des Douages, Coffee a une personnalité qui fait fondre le cœur. Elle raffole des gratouilles et du contact humain, sauf lors de la tonte annuelle, seul moment où elle nous boude un peu. Son petit péché mignon ? Attendre qu’une voiture emprunte le chemin du sanctuaire pour surgir de nulle part et se lancer dans une course effrénée à ses côtés ! Bien sûr, on fait parfois semblant de la laisser gagner pour ne pas lui saper le moral. Et côté repas, madame a ses exigences : ses granulés doivent absolument être servis en porridge… et uniquement dans une écuelle en métal de chien !

Coffee nous rappelle qu’un mouton qui n’a jamais été exploité peut exprimer la même joie de vivre, la même fantaisie et la même tendresse qu’un animal de compagnie.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/miana"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Miana" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImYwNWVmYTc4LTgwODYtNDE2OC05MGI3LWI4NDU1NzU2ODE2ZiIsInB1ciI6ImJsb2JfaWQifX0=--491485c21f59faefc435b833a648c1fb84176959/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/image%20(1).png" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Miana
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Miana est hypersensible, délicate et très touchante.
Très réservée au premier abord, une fois qu&#39;elle donne sa confiance, elle est inconditionnelle. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/arkana"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Arkana" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA4MWM5NGNlLTgwOGEtNGVhYS05YWQ2LTM2YWUyOWJiMTVlYyIsInB1ciI6ImJsb2JfaWQifX0=--ff9e2465714f7835e5a987fc0ef67a4ae0efeaa1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5849.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Arkana
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Arkana est  très sociable, curieuse, joueuse et affectueuse.

Elle est désormais la grande soeur d&#39;adoption de nos 3 ados, Alan, Doug et Stu, avec qui elle a été adorable depuis leur arrivée.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/petit-jean"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Petit Jean" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImM3ZTU2NDU5LTc4ZjYtNDBhNy1iMjcyLWM1N2QwNjU2YzI3MSIsInB1ciI6ImJsb2JfaWQifX0=--966313b52889cb2cfb4321c2bfbeceead6ce77d0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Petit Jean
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Au sein de la famille des cochons, Petit Jean est un médiateur : il veille à apaiser les tensions, et si un nouveau membre arrive au sein du clan, c&#39;est lui qui l&#39;accueille en premier, et qui fait l&#39;intermédiaire avec le reste de la famille.

Comme la majorité des cochons nains ayant conservé un peu des instincts de sanglier, Petit Jean est timie avec les humains qu&#39;il ne connaît pas.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/espoir"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Espoir" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA4YzYyN2RmLTJkMDEtNDlhNC1iMmFhLTZiZWUyYzNhNWE3OSIsInB1ciI6ImJsb2JfaWQifX0=--a5b319e4304b761b696922ce3ef0b3226a3fa81b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/FST09244.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Espoir
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Espoir et le plus jeune des moutons au sanctuaire. Il joue beaucoup avec son papa, Toto.
En revanche est reste extrêmement attaché à sa maman, Tabatha.
Contrairement dans les élevages, il vivra au côté de ses parents toute sa vie.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/thierry"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Thierry" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijk5MTg0ZDEyLTQwNzgtNDAwZC04Zjk3LTUxNDY4YjQwZmY1YyIsInB1ciI6ImJsb2JfaWQifX0=--96032ad4f86bf16ffc252c478f0114d0f400d07a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/FAIRSHOT%20-21022025%20-%2014h59-%20DSC01796.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Thierry
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Thierry est un paon très curieux et très proche des êtres humains. Il adore passer son temps dans la cuisine car c&#39;est là où il peut piquer les croquettes des chats.
Au printemps, Thierry pavane avec sa belle queue déployée. Il passe plus de temps avec les poules et chante pour les impressionner.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/osha"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Osha" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Ijc1ZDYwYjI1LThkZWYtNDUzMS04NTM4LTM2ZjFkOWFiN2JmMiIsInB1ciI6ImJsb2JfaWQifX0=--67f035702923a37c54c1a04327355ea617627b8a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Osha
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Osha est particulièrement sensible et introvertie.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/chew"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Chew" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjQzYjZlMDhkLTMyNmItNDYxNC1hZGYzLTEzOTBhYzhkMDA3MiIsInB1ciI6ImJsb2JfaWQifX0=--45f421ac56083d7644cc3b2eff5cf140a2e35e21/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/A7404980%20-%2022092024%20-%2018h03%20-%2022%20septembre%202024.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Chew
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">La matriarche dans un un clan patriarcal 🧡
Chew a une personnalité très affirmée. Avec son ami Toto, elle forme un joli couple de leader dans le groupe des moutons.
Elle est très câline mais seulement avec qui et quand elle le souhaite.
Au sanctuaire, nul ne peut ignorer l’intelligence des moutons, tant ils démontrent qu’ils savent reconnaître les humains et leurs humeurs.
En découvrant Chew, les visiteurs et visiteuses se sentent souvent bousculés.ées dans leurs idées reçues.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/domaine-des-douages/herve"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Hervé" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkzNWZhYmFkLTgyYzktNDM4OC05ODYzLTA5ZmE3MmU3MmFiZSIsInB1ciI6ImJsb2JfaWQifX0=--f8e709f3cd3b5d7ce19b09089793cf06afc00d80/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5653%20(1).JPG" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQ2OWY3MDIyLWVkNWMtNGI1Mi1iNjRmLTUxODVkNjkxYmVmMiIsInB1ciI6ImJsb2JfaWQifX0=--9a3559765ba5ddace2e547fc354f4db07924612a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/logo.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Hervé
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Domaine des Douages
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Véritable pépère du sanctuaire, Hervé est un petit filou qui raffole des longues siestes au soleil. Que ce soit dans l’herbe, la paille ou même la boue, aucun endroit ne lui paraît incompatible pour digérer tranquillement après un bon repas copieux. Ajoutez à cela quelques grattouilles derrière les oreilles, et vous ferez son bonheur !</p>
    </div>
  </div>
</li>
</template></turbo-stream>
<turbo-stream action="replace" target="infinite-scroll-pagination"><template>
  <div id="infinite-scroll-pagination" data-infinite-scroll-target="trigger">
    <div class="flex pt-3">
      <a data-turbo-stream="true" data-infinite-scroll-target="link" class="btn btn-outline w-full" href="/animals.turbo_stream?page=7">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>