<turbo-stream action="replace" target="listing"><template>
  <turbo-frame id="listing" target="_top">
  
    <section class="show-mobile" style="text-align: center;margin-bottom: 20px;">
      <a href="#" class="button button-medium" data-controller="toggle-filters" data-action="toggle-filters#toggleFilters">Filtra prodotti</a>
    </section>
    <section class="mobile-filters" id="mobile-filters-container">
      <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/fr/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Typologie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Vista</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Optique</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Ligne</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Caractère</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Homme</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Femme</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Mesure</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Matériau</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetate de Cellulose</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Couleur</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Formes</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Oval</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Phantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Papillon</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Aviateur</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rectangle</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Ronde</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Carrée</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetric</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polygonal</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Taille</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Nouvelles</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/fr/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Recherche par code</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/fr/showroom">Supprimer les filtres</a>
</div>

    </section>
    <section class="items-grid">
      <div class="listing-item">
  <a href="/fr/look/70708-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/bzoc1920toz97aya58fon1zitc6m?response-content-disposition=inline%3B%20filename%3D%2270708.54.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770708.54.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9aec628b8cd5b276f10a1c8993ec4353eb769d6c6ca2eac15bc9325b78be4ef3" />
      </div>
    <span class="item-title">70708 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(92,46,15) 50%)" href="/fr/look/70708-54-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(255,0,0) 50%)" href="/fr/look/70708-54-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,0,255) 50%)" href="/fr/look/70708-54-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(102,0,153) 50%)" href="/fr/look/70708-54-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(231,178,164) 50%)" href="/fr/look/70708-54-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/fr/look/70708-54-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(102,0,153) 50%)" href="/fr/look/70708-54-M7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/70715-49-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/nh1i9807txihnt9nqodkeapqtb7a?response-content-disposition=inline%3B%20filename%3D%2270715.49.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770715.49.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e9dac02bfc25126f93ebd638589874cfc559fb309d26d9373f5944baf944984c" />
      </div>
    <span class="item-title">70715 - Cal. 49</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/fr/look/70715-49-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(29,29,27) 50%)" href="/fr/look/70715-49-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(128,128,128) 50%)" href="/fr/look/70715-49-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/70715-49-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/70716-55-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/e8l4jnc68oadadx1xr1vjtxqyi7a?response-content-disposition=inline%3B%20filename%3D%2270716.55.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770716.55.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9b56460a1611225eebfd1f7f482c26c35551771599fac5dc27fa9d62592592e5" />
      </div>
    <span class="item-title">70716 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(210,210,210) 50%)" href="/fr/look/70716-55-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(29,29,27) 50%)" href="/fr/look/70716-55-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/fr/look/70716-55-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/70716-55-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/70717-57-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/u7kwhy5ky967962wdnqq7sthsbrz?response-content-disposition=inline%3B%20filename%3D%2270717.57.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770717.57.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c47c97846dafdef649698af8f6009b510961e14d15c3f18c7af917c3fb984b81" />
      </div>
    <span class="item-title">70717 - Cal. 57</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/fr/look/70717-57-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/fr/look/70717-57-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/fr/look/70717-57-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(29,29,27) 50%)" href="/fr/look/70717-57-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/70718-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/vavqv0krpmjhu4gewy2o0w3hak7j?response-content-disposition=inline%3B%20filename%3D%2270718.54.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770718.54.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=be0e7094fba04a7290172489009c1d1927bf152cefcec05dd1df99ec3204cddd" />
      </div>
    <span class="item-title">70718 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/fr/look/70718-54-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/fr/look/70718-54-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(0,0,255) 50%)" href="/fr/look/70718-54-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(210,210,210) 50%)" href="/fr/look/70718-54-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75390-55-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/z0ehlwml77l2kgb64jx3kbxeahdj?response-content-disposition=inline%3B%20filename%3D%2275390.55.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775390.55.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1d6652e8b7730d6cf3ee8d19f5ceac452c7a91c77b8b1b5d5ca1f5a364fef7bd" />
      </div>
    <span class="item-title">75390 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/fr/look/75390-55-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/fr/look/75390-55-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,255,102) 50%, rgb(128,128,128) 50%)" href="/fr/look/75390-55-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/fr/look/75390-55-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/fr/look/75390-55-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75391-55-W2">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6ptl4tnptjtl2kfjxs7wn01ks3uf?response-content-disposition=inline%3B%20filename%3D%2275391.55.W2.jpg%22%3B%20filename%2A%3DUTF-8%27%2775391.55.W2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7484eac3e3b9279b0d63423d25944d7d6797c5f47276ac547d82bb7f73a50bea" />
      </div>
    <span class="item-title">75391 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(128,128,128) 50%)" href="/fr/look/75391-55-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/fr/look/75391-55-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,255,102) 50%, rgb(184,115,51) 50%)" href="/fr/look/75391-55-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75392-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/zmyu7vunso9rq4srmskllcofru61?response-content-disposition=inline%3B%20filename%3D%2275392.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775392.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=78b70a003ea4b88aacb6539bb19baf2bd74d20c6d26319049e9092e0b48a6ad0" />
      </div>
    <span class="item-title">75392 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/75392-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,153,204) 50%)" href="/fr/look/75392-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(218,165,32) 50%)" href="/fr/look/75392-53-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/fr/look/75392-53-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/fr/look/75392-53-W6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/75392-53-W7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75393-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/du096ltunssq3jc4dh4ngv6a7w1z?response-content-disposition=inline%3B%20filename%3D%2275393.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775393.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c5d4539c527f09033d860281df6f137689128b02e14c100e25812ebff8cb54b6" />
      </div>
    <span class="item-title">75393 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(255,153,204) 50%)" href="/fr/look/75393-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(218,165,32) 50%)" href="/fr/look/75393-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/fr/look/75393-54-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/75393-54-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/fr/look/75393-54-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75394-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/t9fc8t72tlfuggq2e1qsloklu5n3?response-content-disposition=inline%3B%20filename%3D%2275394.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775394.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=68b6665abceb180ac809162b299531c99566e6c088534dcaf3a73d25502bb588" />
      </div>
    <span class="item-title">75394 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/75394-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/fr/look/75394-54-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(231,178,164) 50%)" href="/fr/look/75394-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/fr/look/75394-54-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/75395-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/sqtva2dqj6h9t5u0jyeu4yvi3621?response-content-disposition=inline%3B%20filename%3D%2275395.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775395.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=888a44ff5e77356b1822022b4ad779c5241d9b0b52f30b5ca7629aca48a6f73b" />
      </div>
    <span class="item-title">75395 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/fr/look/75395-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/fr/look/75395-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/fr/look/75395-53-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/fr/look/75395-53-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/lookkino/AG03759-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/yj56ixnck3cke2u3k4vhwxto5iqj?response-content-disposition=inline%3B%20filename%3D%22AG03759.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03759.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9d7f6269d62faeee26a3c055ce4df9624a63412ea48f3a158ebdc737a7262f0" />
      </div>
    <span class="item-title">AG03759 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/lookkino/AG03759-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/lookkino/AG03770-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/ti37z88gdfx0r6phh1bn2wyezy91?response-content-disposition=inline%3B%20filename%3D%22AG03770.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03770.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4f434e6b98091c4f75815f6c7dd5619f433398feef50a340ed5ff9415c3a5952" />
      </div>
    <span class="item-title">AG03770 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/lookkino/AG03770-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/lookkino/AG03810-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6qy4kajwf7kcclxdt2rip0nnh99l?response-content-disposition=inline%3B%20filename%3D%22AG03810.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03810.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8ac9aeb9db7a12973ba65f4e000b00bbba436c4ea8a613b4bdbb433d82235ebe" />
      </div>
    <span class="item-title">AG03810 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/lookkino/AG03810-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/lookkino/AG03813-47-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/2izl4e1tdy6lulgmdy0xaqneftgl?response-content-disposition=inline%3B%20filename%3D%22AG03813.47.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03813.47.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7b385f9933d33f916636335d951ee68f78fb68fb65f3e1466a394ae9bca8b9de" />
      </div>
    <span class="item-title">AG03813 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/lookkino/AG03813-47-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/AG04610-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/d3e0jklqoxqjjwvx9ry3aj8dw39t?response-content-disposition=inline%3B%20filename%3D%22AG04610.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04610.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=413c0dec6b1488180cc5770ef505bf07851c80697efa0c7642d6fd9c6429d1f6" />
      </div>
    <span class="item-title">AG04610 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/look/AG04610-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/AG04614-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/hujxxads4huq42ryc2t0vqho3ye3?response-content-disposition=inline%3B%20filename%3D%22AG04614.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04614.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ae2d52bf20dd57f39f94fb4bad21b045ca79cd39fbe222fab6a8276a700c32aa" />
      </div>
    <span class="item-title">AG04614 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/look/AG04614-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/AG04615-50-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/3gxej2yut2drhpbk3yhdr5uxv04z?response-content-disposition=inline%3B%20filename%3D%22AG04615.50.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04615.50.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=396316c7ebe1c63c3423c800902ba3f2e44669335adb70fa664618112f36df99" />
      </div>
    <span class="item-title">AG04615 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/look/AG04615-50-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/AG04619-54-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/n2xhk5przw3pph7tube6iuld87sa?response-content-disposition=inline%3B%20filename%3D%22AG04619.54.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04619.54.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104557Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=97b58972addba6a43766e145a2d43c35214439844924c868ae2ce4f8780271f3" />
      </div>
    <span class="item-title">AG04619 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/look/AG04619-54-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/fr/look/KT-S10980-99-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/2mlckppcyh7jdluvw6evsn2qd2xv?response-content-disposition=inline%3B%20filename%3D%22KT-S10980.99.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%27KT-S10980.99.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260512%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260512T104558Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4199cc8769d99c4bf5f4698c4a99c5ef0075739ec149557be88040ed2d7b5481" />
      </div>
    <span class="item-title">KT-S10980 - Cal. 99</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(218,165,32) 50%)" href="/fr/look/KT-S10980-99-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,102,0) 50%)" href="/fr/look/KT-S10980-99-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/fr/look/KT-S10980-99-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,0,255) 50%)" href="/fr/look/KT-S10980-99-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/fr/look/KT-S10980-99-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/fr/look/KT-S10980-99-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,0,0) 50%)" href="/fr/look/KT-S10980-99-M7"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(178,255,255) 50%)" href="/fr/look/KT-S10980-99-M8"></a>
      </div>
  </div>
</div>

    </section>
      <nav class="pagination" role="navigation" aria-label="pager">
    
<span class="prev">
  <a rel="prev" href="/fr/showroom?page=5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-left-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /></svg></a>
</span>

      <span class="page">
  <a href="/fr/showroom">1</a>
</span>

      <span class="page">
  <a href="/fr/showroom?page=2">2</a>
</span>

      <span class="page">
  <a href="/fr/showroom?page=3">3</a>
</span>

      <span class="page">
  <a href="/fr/showroom?page=4">4</a>
</span>

      <span class="page">
  <a rel="prev" href="/fr/showroom?page=5">5</a>
</span>

      <span class="page current">
  6
</span>

      
  </nav>

</turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="sidebar-filters"><template>
  <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/fr/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Typologie</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Vista</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Optique</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Ligne</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Caractère</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Homme</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Femme</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Mesure</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Matériau</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetate de Cellulose</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Couleur</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Formes</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Oval</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Phantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Papillon</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Aviateur</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rectangle</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Ronde</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Carrée</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetric</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polygonal</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Taille</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Nouvelles</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/fr/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Recherche par code</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/fr/showroom">Supprimer les filtres</a>
</div>

</template></turbo-stream>