    <turbo-stream action="update" target="results">
        <template>
            <div class="results-grid">
                                    <ul class="list-search full" data-layout-target="list">
                                                    <li>
                                <article class="card card-hover book-card " >
                <picture class="card-thumbnail"
    data-mobile-width="126px"
    data-mobile-height="190px"
    data-desktop-width="126px"
    data-desktop-height="190px">
                <source media="(max-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_phone/library/files/b4429a91-a60b-4e43-bd5d-d15f7e4fdda4/1379/assets-task-01k0s871t3fh3b3rchtbkc2xtd-1753194216-img-0-687f9f234a946806175991.webp" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/b4429a91-a60b-4e43-bd5d-d15f7e4fdda4/1379/assets-task-01k0s871t3fh3b3rchtbkc2xtd-1753194216-img-0-687f9f234a946806175991.webp" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/b4429a91-a60b-4e43-bd5d-d15f7e4fdda4/1379/assets-task-01k0s871t3fh3b3rchtbkc2xtd-1753194216-img-0-687f9f234a946806175991.webp" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="Zizi et Zéztte"
         />
</picture>
        <header class="card-title overflow-hidden">
                <p class="status status-finished">
    <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path d="M256 23.05C127.5 23.05 23.05 127.5 23.05 256S127.5 488.9 256 488.9 488.9 384.5 488.9 256 384.5 23.05 256 23.05z" />
</svg>
    </p>
    <h2 class="h5">
        <a
            class="no-underline card-link line-clamp-1 text-truncated"
            href="/book/view/zizi-et-zezette"
        >
            Zizi et Zezette
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>Dans un monde caché sous les draps, loin des regards indiscrets, vivent deux êtres que tout oppose… et pourtant. Zizi, le bâton un peu trop sûr de lui, rêve de grandes aventures et de sensations fortes. Zézette, la douce et mystérieuse coquille au cœur tendre, préfère les caresses aux conquêtes. Leur rencontre ? Un choc… littéralement. Leur histoire ? Une danse tendre entre désir, rires et émotions...</p>
        </section>
            <ul class="list-infos">
        <li>
            <span class="mini">
                notations
            </span>
                        <div class="project-rating--collapsed small">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502-18.17 13.2-136.674 20.975-143.614 42.334-6.94 21.358 84.362 97.303 91.302 118.662 6.94 21.36-22.286 136.465-4.116 149.665 18.17 13.2 118.61-50.164 141.068-50.164 22.458 0 122.9 63.365 141.068 50.164 18.17-13.2-11.056-128.306-4.116-149.665 6.94-21.36 98.242-97.304 91.302-118.663-6.94-21.36-125.444-29.134-143.613-42.335-18.168-13.2-62.182-123.502-84.64-123.502z"/></svg>
            <span> 0 </span>
        </div>
            </li>
        <li>
            <span class="mini">pages</span>
            <span class="small flex gap-1">
                <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
    <g fill-rule="evenodd">
        <path d="M1185.471 0v564.706h564.705V1920H169V0h1016.471Zm-225.77 1355.294H507.823v113.054h451.878v-113.054Zm338.711-225.881H507.823v112.94h790.589v-112.94Zm-112.941-225.884H507.823v112.941h677.648V903.529Zm225.882-225.882h-903.53v112.941h903.53V677.647ZM959.701 451.878H507.823v112.941h451.878V451.878Z"/>
        <path d="M1667.673 345.623c30.38 30.268 51.84 66.635 65.619 106.164h-434.937V16.851c39.53 13.779 75.897 35.35 106.278 65.619l263.04 263.153Z"/>
    </g>
</svg>
                1
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">22/07/2025</time>
        </li>
        <li class="card-project-rating--wrapper">
            <span class="mini">
                rating
            </span>
            <span class="small">
                all age
            </span>
        </li>
    </ul>
    <ul class="list-genres small">
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=4">romance</a>
        </li>
    </ul>
</article>
                            </li>
                                            </ul>
                            </div>
            
        </template>
    </turbo-stream>
    <turbo-stream action="update" target="nbResults">
        <template>
            1 result
        </template>
    </turbo-stream>
