<turbo-stream action="append" target="date-group-2027-06-20-tours">
    <template>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="JDIKFE"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;880,&quot;tour_code&quot;&#x3A;&quot;JDIKFE&quot;,&quot;tour_name&quot;&#x3A;&quot;Discover&#x20;the&#x20;flowers&#x20;of&#x20;the&#x20;Clar&#x5C;u00e9e&#x20;on&#x20;a&#x20;guided&#x20;hike&quot;,&quot;position&quot;&#x3A;1243,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Hiking&#x20;&#x5C;&#x2F;&#x20;Trekking&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;2019,&quot;primary_destination_name&quot;&#x3A;&quot;N&#x5C;u00e9vache&quot;,&quot;secondary_destination_id&quot;&#x3A;953,&quot;secondary_destination_name&quot;&#x3A;&quot;Hautes-Alpes&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-JDIKFE"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-hiking/trip-discover-the-flowers-of-the-claree-on-a-guided-hike/JDIKFE"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">20</span>
                        <span
                            class="text-xs text-content-quiet">Jun</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/P4LFKW.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/P4LFKW.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/P4LFKW.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/P4LFKW.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-27485"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="27485"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=27485"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;880,&quot;tour_code&quot;&#x3A;&quot;JDIKFE&quot;,&quot;tour_name&quot;&#x3A;&quot;Discover&#x20;the&#x20;flowers&#x20;of&#x20;the&#x20;Clar&#x5C;u00e9e&#x20;on&#x20;a&#x20;guided&#x20;hike&quot;,&quot;position&quot;&#x3A;1243,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Hiking&#x20;&#x5C;&#x2F;&#x20;Trekking&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;2019,&quot;primary_destination_name&quot;&#x3A;&quot;N&#x5C;u00e9vache&quot;,&quot;secondary_destination_id&quot;&#x3A;953,&quot;secondary_destination_name&quot;&#x3A;&quot;Hautes-Alpes&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-hike" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 45">
  <g>
    <path d="M39,38.54,33.94,17.8a.64.64,0,0,0,.24-.66l-.1-.41a2,2,0,0,0,.78-1,2.09,2.09,0,0,0,.1-1l-1.27.31,0-.16a.63.63,0,0,0-.75-.47l-.15,0a.64.64,0,0,0-.46.76l0,.16-3.28.8.38,2.15s2.26-.53,3.37-.95l0,.06a.62.62,0,0,0,.54.48l5,20.73Zm-9.52-7.63L31,26a.65.65,0,0,1-.19-.65l.07-.25L28.33,23.9,28.07,27Zm5.2-6a2,2,0,0,1-2.4.85l-.12-.05,0,.05a.63.63,0,0,1-.5.44L29.86,32c.52,1.45,1,2.75,1.11,3.13a5.75,5.75,0,0,1,.41,3.28C31.27,39.52,30.29,50,30.29,50c-1.69-.14-1.92-1.88-1.93-2.75s-.24-8.54-.27-9.53L24.92,48.05a.34.34,0,0,1-.33.24l-.1,0a.34.34,0,0,1-.22-.43l3.37-11L26,34.21l-.44,2.87c-.2,1.29-.29,1.78-1.09,2.44-2.15,1.75-3.29,2.62-8.06,6.38-.94-1.43.13-2.76,1.15-3.95,1.31-1.53,4.56-5,4.56-5s-.52-4-.59-6.9A7.58,7.58,0,0,1,21,27.19a6.37,6.37,0,0,1,.52-2.56l-.4-.16a5,5,0,0,0-.6,2.37l-1.95-.73c-.63-.23-.67-.57-.71-1.13s-.69-10.61-.7-10.88a1.13,1.13,0,0,1,.18-.86c.65-.87,1.86-2.56,2.47-2.54a8.31,8.31,0,0,1,2.55,1.43l-.21,3.28.33.06c.09-.86.18-1.63.23-2a1.2,1.2,0,0,1,1.65-1.05c.65.14,2.15.45,3,.59s1.07,1.13,1.17,1.94l.38,3.13-.22,2.62-2-1.19-.44-2.18-.35-.07.34,2.6,5.34,3.2a.59.59,0,0,1,.65-.2l.14,0a.64.64,0,0,1,.43.78l0,.08,2,1.12ZM22.43,8.64A3.28,3.28,0,0,1,22.52,7a2.85,2.85,0,0,1,3.55-1.88,2.94,2.94,0,0,1,1.87,3.61L27,11.82c-.11.39-.41.47-1,.34l-1.31-.25a16.91,16.91,0,0,1-2.25-3.27Z" transform="translate(-16 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Hiking / Trekking</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : Intermediate<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Intermediate
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Névache / Hautes-Alpes</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Discover the flowers of the Clarée on a guided hike</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75 21.53C8.75 16.25 11.55 12.82 15 12.82C18.45 12.82 21.25 16.25 21.25 21.53M10.75 11.99C9.9 11.02 8.8 10.48 7.59 10.48C4.92 10.48 2.75 13.14 2.75 17.22M15 4.33997C13.27 4.33997 11.88 5.73997 11.88 7.46997C11.88 9.19997 13.28 10.6 15 10.6C16.72 10.6 18.12 9.19997 18.12 7.46997C18.12 5.73997 16.72 4.33997 15 4.33997ZM7.59 3.21997C6.25 3.21997 5.17 4.29997 5.17 5.63997C5.17 6.97997 6.25 8.05997 7.59 8.05997C8.93 8.05997 10.01 6.97997 10.01 5.63997C10.01 4.29997 8.93 3.21997 7.59 3.21997Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel with other participants.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>In a group</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>6 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                            <div class="p-xs text-content-neutral font-semibold text-lg text-right">
                                                            <span>
                                    Upcoming dates
                                </span>
                                                    </div>
                                    </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Discover the flowers of the Clar\u00e9e on a guided hike&quot;"]);
    product.push(["productId", "JDIKFE"]);
    product.push(["productUnitPrice", 'CHF805.02']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;L&#039;Echaillon&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "1"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;N\u00e9vache&quot;"]);
    
            product.push(["productCategory4", '&quot;Hiking \/ Trekking&quot;']);
    product.push(["productCategory5", '&quot;Hiking \/ Trekking&quot;']);
                product.push(["productCategory4", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
    product.push(["productCategory5", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
            </template>
</turbo-stream>

    <turbo-stream action="remove" target="date-group-2027-06-20-loadmore"></turbo-stream>
