flqcds.info Open in urlscan Pro
207.154.229.240  Public Scan

URL: https://flqcds.info/
Submission: On November 23 via api from BE — Scanned from DE

Form analysis 7 forms found in the DOM

POST /set_location/

<form id="initialLocationSelector" class="flex-1" action="/set_location/" method="post">
  <input type="hidden" name="csrfmiddlewaretoken" value="eCR1ZVelgT5IQ0CUEa7PdsGToGwHeeRmFDVKikx1n3FijzWTX6GHVqdN364ZgdI6">
  <input type="hidden" name="force_loc_prefix" value="">
  <button name="location" value="GP" style="background-image: url(/static/dommarket/assets/images/GP/country.svg)" class="w-full my-2 bg-contain bg-no-repeat bg-right relative block border p-4 border-grey hover:bg-gray-200" type="submit"> Guadeloupe
  </button>
  <button name="location" value="MQ" style="background-image: url(/static/dommarket/assets/images/MQ/country.svg)" class="w-full my-2 bg-contain bg-no-repeat bg-right relative block border p-4 border-grey hover:bg-gray-200" type="submit"> Martinique
  </button>
  <button name="location" value="GF" style="background-image: url(/static/dommarket/assets/images/GF/country.svg)" class="w-full my-2 bg-contain bg-no-repeat bg-right relative block border p-4 border-grey hover:bg-gray-200" type="submit"> Guyane
  </button>
  <button name="location" value="RE" style="background-image: url(/static/dommarket/assets/images/RE/country.svg)" class="w-full my-2 bg-contain bg-no-repeat bg-right relative block border p-4 border-grey hover:bg-gray-200" type="submit"> Réunion
  </button>
</form>

POST /set_location/

<form id="location_selector" action="/set_location/" method="post" autocomplete="off">
  <input type="hidden" name="csrfmiddlewaretoken" value="eCR1ZVelgT5IQ0CUEa7PdsGToGwHeeRmFDVKikx1n3FijzWTX6GHVqdN364ZgdI6">
  <div class="relative">
    <span class="absolute inset-y-0 left-0 flex items-center">
      <span class="material-icons text-primary text-4xl"> room </span>
    </span>
    <select class="bg-transparent auto-submit dropdown rounded py-2 pr-8 pl-12 min-w-0" id="location_selector-select" name="location">
      <option class="text-gray-600" value="GP"> Guadeloupe </option>
      <option class="text-gray-600" value="MQ"> Martinique </option>
      <option class="text-gray-600" value="GF"> Guyane </option>
      <option class="text-gray-600" value="RE"> Réunion </option>
    </select>
  </div>
</form>

GET /search/

<form class="w-full" method="GET" action="/search/">
  <div class="input-wrapper w-full group" id="search_bar_wrapper">
    <input type="search" id="search_bar" name="q" class="peer !min-w-[10em]" placeholder="Rechercher un produit" autocomplete="off">
    <div class="input-controls">
      <button type="submit" class="input-control material-icons text-primary bg-secondary">search</button>
    </div>
  </div>
</form>

Name: universe_selection_form

<form id="universe-list" name="universe_selection_form" class="">
  <input id="" class="sr-only" type="radio" value="-1" name="root_selection">
  <div class="hidden max-lg:[#universe-list.root-selected>&amp;]:block rounded-lg  bg-gray-900 bg-opacity-50 fixed inset-0 absolute top-0 bottom-0 left-0 right-0">
  </div>
  <ul id="">
    <li class="border-b group">
      <input id="u_175" class="hidden peer" type="radio" value="175" name="universe_selection">
      <label for="u_175" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/new-5-svgrepo-com.svg" alt="Nouveautés icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Nouveautés </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_175_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_175_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Nouveautés </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u175_root_5945" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u175_root_5945">
              <label data-unselect-radio="" for="u175_root_5945" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Nouveautés</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/nouveautes_5945/">Nouveautés</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/nouveautes_5945/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/produits-ninja_6163/" class="hover:underline">Produits Ninja 🥷</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/calendrier-de-lavent_6122/" class="hover:underline">Calendrier de l'avent</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/high-tech-2_5948/" class="hover:underline">High Tech</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/musique-2_5951/" class="hover:underline">Musique et Son</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/petit-electromenager-2_5947/" class="hover:underline">Petit electroménager</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/jeux-et-jouets_5953/" class="hover:underline">Jeux et Jouets</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/trottinettes_6165/" class="hover:underline">Trottinettes</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/pneumatique_6120/" class="hover:underline">Pneumatique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/puericulture-2_5950/" class="hover:underline">Puériculture</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/kitesurf-2_5946/" class="hover:underline">Kitesurf</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/sport-2_5949/" class="hover:underline">Sport</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/epicerie_5985/" class="hover:underline">Epicerie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/animalerie_6012/" class="hover:underline">Animalerie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/hygiene-beaute_6047/" class="hover:underline">Hygiène Beauté</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/construction_6123/" class="hover:underline">Construction</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/informatique_6170/" class="hover:underline">Informatique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/nouveautes/bricolage_6175/" class="hover:underline">Bricolage</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_142" class="hidden peer" type="radio" value="142" name="universe_selection">
      <label for="u_142" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/bricolage_1YawpO5_8kFM4GP.svg" alt="Bricolage et Jardinage icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Bricolage et Jardinage </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_142_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_142_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Bricolage et Jardinage </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u142_root_5142" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u142_root_5142">
              <label data-unselect-radio="" for="u142_root_5142" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Bricolage et Jardinage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/bricolage-et-jardinage_5142/">Bricolage et Jardinage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/bricolage-et-jardinage_5142/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/accessoires-et-consommables-pour-outillage-electroportatif_5143/" class="hover:underline">Accessoires et consommables pour outillage électroportatif</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/cuisine_5212/" class="hover:underline">Cuisine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/electricite-et-domotique_5241/" class="hover:underline">Électricité et domotique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/jardin-et-amenagement-exterieur_5292/" class="hover:underline">Jardin et aménagement extérieur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/outillage-a-main_5330/" class="hover:underline">Outillage à main</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/outillage-electroportatif_5418/" class="hover:underline">Outillage électroportatif</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/peinture-et-droguerie_5479/" class="hover:underline">Peinture et droguerie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/plomberie-et-chauffage_5497/" class="hover:underline">Plomberie et chauffage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/quincaillerie-et-securite_5552/" class="hover:underline">Quincaillerie et Sécurité</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/salle-de-bains_5624/" class="hover:underline">Salle de bains</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/vetement-et-protection-individuelle_5677/" class="hover:underline">Vêtement et protection individuelle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/amenagement-interieur-et-luminaire_5731/" class="hover:underline">Aménagement intérieur et luminaire</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_74" class="hidden peer" type="radio" value="74" name="universe_selection">
      <label for="u_74" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/noun-outdoor-table-5287881_0WIDRht.svg" alt="Jardin et Plein Air icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Jardin et Plein Air </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_74_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_74_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Jardin et Plein Air </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u74_root_2534" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_2534">
              <label data-unselect-radio="" for="u74_root_2534" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Barbecues et Planchas</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/barbecue_2534/">Barbecues et Planchas</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/barbecue_2534/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/barbecue/barbecue-a-gaz_5914/" class="hover:underline">Barbecue à gaz</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/barbecue/barbecue-a-charbon_5915/" class="hover:underline">Barbecue à Charbon</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/barbecue/barbecue-electrique_5916/" class="hover:underline">Barbecue Electrique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/barbecue/plancha-gaz_5919/" class="hover:underline">Plancha gaz</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/barbecue/plancha-electrique_5923/" class="hover:underline">Plancha électrique</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_2535" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_2535">
              <label data-unselect-radio="" for="u74_root_2535" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Piscines et Spas</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/piscine-2_2535/">Piscines et Spas</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/piscine-2_2535/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/piscine-autoportee_5917/" class="hover:underline">Piscine autoportée</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/piscine-tubulaire-ronde_5918/" class="hover:underline">Piscine tubulaire ronde</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/spa-gonflable-intex_5920/" class="hover:underline">Spa gonflable Intex</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/spa-gonflable-bestway_5921/" class="hover:underline">Spa gonflable Bestway</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/tous-les-spas-gonflables_5922/" class="hover:underline">Tous les spas gonflables</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/piscine-tubulaire-rectangulaire_5924/" class="hover:underline">Piscine tubulaire rectangulaire</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/piscine-2/robot-piscine_5925/" class="hover:underline">Robot piscine</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_5926" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_5926">
              <label data-unselect-radio="" for="u74_root_5926" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Marques Hespéride - Fermob</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/marque-hesperide_5926/">Marques Hespéride - Fermob</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/marque-hesperide_5926/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/table-de-jardin-rectangle_5927/" class="hover:underline">Table de jardin rectangle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/table-de-jardin-carre_5928/" class="hover:underline">Table de jardin carré</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/table-de-jardin-ronde_5929/" class="hover:underline">Table de jardin ronde</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/salon-de-jardin-aluminium-metal_5930/" class="hover:underline">Salon de jardin aluminium métal</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/salon-de-jardin-resine-tressee_5931/" class="hover:underline">Salon de jardin résine tressée</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/marque-hesperide/banc-de-jardin_5933/" class="hover:underline">Banc de jardin</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_1571" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_1571">
              <label data-unselect-radio="" for="u74_root_1571" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Meubles d'exterieur</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/meubles-dexterieur_1571/">Meubles d'exterieur</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/meubles-dexterieur_1571/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/auvent-store-solette-abri_1572/" class="hover:underline">Auvent - Store - Solette - Abri</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/balancelle-banc_1573/" class="hover:underline">Balancelle - Banc</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/chaise-de-jardin_1574/" class="hover:underline">Chaise De Jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/corbeille-de-plage_1575/" class="hover:underline">Corbeille De Plage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/fauteuil-de-jardin_1577/" class="hover:underline">Fauteuil de Jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/housse-pour-meubles-de-jardin_1578/" class="hover:underline">Housse Pour Meubles De Jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/parasol_1579/" class="hover:underline">Parasol</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/divers-jardin_1580/" class="hover:underline">Divers jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/salon-de-jardin-ensemble-table-chaise-fauteuil_1581/" class="hover:underline">Salon De Jardin - Ensemble Table Chaise Fauteuil</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/siege-suspendu-hamac_1582/" class="hover:underline">Siege Suspendu - Hamac</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/table-de-jardin_1583/" class="hover:underline">Table de jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/tonnelle_1585/" class="hover:underline">Tonnelle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/transat_1586/" class="hover:underline">Transat</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/meubles-dexterieur/voile-dombrage-moustiquaire_1587/" class="hover:underline">Voile d'ombrage - Moustiquaire</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_1591" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_1591">
              <label data-unselect-radio="" for="u74_root_1591" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jardinage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jardinage_1591/">Jardinage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jardinage_1591/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jardinage/composteur_1592/" class="hover:underline">Composteur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jardinage/etagere-a-fleurs_1593/" class="hover:underline">Etagere A Fleurs</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jardinage/jardiniere-pot-de-fleur-cache-pot_1594/" class="hover:underline">Jardiniere - Pot De Fleur - Cache-Pot</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jardinage/bordure_2105/" class="hover:underline">Bordure</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_768" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_768">
              <label data-unselect-radio="" for="u74_root_768" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Braseros</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/braseros_768/">Braseros</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/braseros_768/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/braseros/braseros-2_1343/" class="hover:underline">Braseros</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_1538" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_1538">
              <label data-unselect-radio="" for="u74_root_1538" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Decoration d'exterieur</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/decoration-dexterieur_1538/">Decoration d'exterieur</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/decoration-dexterieur_1538/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/decoration-dexterieur/coussin-et-galettes-dexterieur_1539/" class="hover:underline">Coussin et galettes d'exterieur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/decoration-dexterieur/housse-coussin-salon-jardin_1540/" class="hover:underline">Housse coussin salon jardin</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u74_root_1518" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u74_root_1518">
              <label data-unselect-radio="" for="u74_root_1518" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Camping</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/camping_1518/">Camping</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/camping_1518/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/camping/matelas-de-camping_1519/" class="hover:underline">Matelas de camping</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/camping/tente-de-camping_2100/" class="hover:underline">Tente de camping</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/camping/glaciaire-lectrique_2101/" class="hover:underline">Glaciaire electrique</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_2" class="hidden peer" type="radio" value="2" name="universe_selection">
      <label for="u_2" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/auto.svg" alt="Automobile : Tuning icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Automobile : Tuning </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_2_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_2_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Automobile : Tuning </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u2_root_402" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u2_root_402">
              <label data-unselect-radio="" for="u2_root_402" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Tuning</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/tuning_402/">Tuning</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/tuning_402/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/tuning/pieces-tuning_403/" class="hover:underline">Pièces Tuning</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/tuning/accessoires-universel_417/" class="hover:underline">Accessoires universel</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/tuning/performance_465/" class="hover:underline">Performance</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/tuning/pieces-dorigine_508/" class="hover:underline">Pièces d'origine</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_177" class="hidden peer" type="radio" value="177" name="universe_selection">
      <label for="u_177" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/construction-worker-svgrepo-com_lt6XCjc.svg" alt="Construction icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Construction </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_177_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_177_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Construction </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u177_root_2275" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u177_root_2275">
              <label data-unselect-radio="" for="u177_root_2275" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Carrelage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/accueil_2275/">Carrelage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/accueil_2275/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/salle-de-bain_2276/" class="hover:underline">Salle de bain</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/revetement-de-sol_2277/" class="hover:underline">Revêtement de sol</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/cuisine-3_2280/" class="hover:underline">Cuisine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/revetement-mural_2281/" class="hover:underline">Revêtement mural</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/terrasse_2283/" class="hover:underline">Terrasse</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/piscine_2284/" class="hover:underline">Piscine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/chambre_2286/" class="hover:underline">Chambre</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/carrelage_2287/" class="hover:underline">Carrelage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/salon_2288/" class="hover:underline">Salon</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/collection-tendance_2289/" class="hover:underline">Collection tendance</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/nos-idees-deco_2311/" class="hover:underline">Nos idées déco</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/carrelage-exterieur-et-antiderapant_2327/" class="hover:underline">Carrelage extérieur et antidérapant</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u177_root_1744" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u177_root_1744">
              <label data-unselect-radio="" for="u177_root_1744" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Aménagement extérieur</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/amenagement-exterieur_1744/">Aménagement extérieur</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/amenagement-exterieur_1744/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/toitures-bardages_1764/" class="hover:underline">Toitures &amp; Bardages</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/terrasses-jardins_1750/" class="hover:underline">Terrasses &amp; Jardins</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/marquises_1745/" class="hover:underline">Marquises</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/menuiserie_1748/" class="hover:underline">Menuiserie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/vitrerie_1786/" class="hover:underline">Vitrerie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/amenagement-exterieur/amenagement-interieur_1790/" class="hover:underline">Aménagement intérieur</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u177_root_5809" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u177_root_5809">
              <label data-unselect-radio="" for="u177_root_5809" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Fenêtre</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/accueil-4_5809/">Fenêtre</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/accueil-4_5809/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil-4/pret-a-poser-2_5810/" class="hover:underline">Fenêtre prête à poser</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u177_root_5142" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u177_root_5142">
              <label data-unselect-radio="" for="u177_root_5142" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Bricolage et Jardinage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/bricolage-et-jardinage_5142/">Bricolage et Jardinage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/bricolage-et-jardinage_5142/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/accessoires-et-consommables-pour-outillage-electroportatif_5143/" class="hover:underline">Accessoires et consommables pour outillage électroportatif</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/cuisine_5212/" class="hover:underline">Cuisine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/electricite-et-domotique_5241/" class="hover:underline">Électricité et domotique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/jardin-et-amenagement-exterieur_5292/" class="hover:underline">Jardin et aménagement extérieur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/outillage-a-main_5330/" class="hover:underline">Outillage à main</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/outillage-electroportatif_5418/" class="hover:underline">Outillage électroportatif</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/peinture-et-droguerie_5479/" class="hover:underline">Peinture et droguerie</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/plomberie-et-chauffage_5497/" class="hover:underline">Plomberie et chauffage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/quincaillerie-et-securite_5552/" class="hover:underline">Quincaillerie et Sécurité</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/salle-de-bains_5624/" class="hover:underline">Salle de bains</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/vetement-et-protection-individuelle_5677/" class="hover:underline">Vêtement et protection individuelle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bricolage-et-jardinage/amenagement-interieur-et-luminaire_5731/" class="hover:underline">Aménagement intérieur et luminaire</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u177_root_6054" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u177_root_6054">
              <label data-unselect-radio="" for="u177_root_6054" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Peinture et entretien</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/peinture-et-entretien_6054/">Peinture et entretien</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/peinture-et-entretien_6054/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/peinture-et-entretien/betons-cires-et-accessoires_6055/" class="hover:underline">Bétons cirés et accessoires</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/peinture-et-entretien/peintures-et-enduits-decoratifs_6058/" class="hover:underline">Peintures et Enduits Décoratifs</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/peinture-et-entretien/produit-dentretien-2_6088/" class="hover:underline">Produit d'Entretien</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/peinture-et-entretien/produit-detancheite_6099/" class="hover:underline">Produit d'Étanchéité</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_176" class="hidden peer" type="radio" value="176" name="universe_selection">
      <label for="u_176" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/sofa-free-10-svgrepo-com.svg" alt="Maison icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Maison </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_176_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_176_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Maison </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u176_root_6050" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u176_root_6050">
              <label data-unselect-radio="" for="u176_root_6050" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Literie</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/literie_6050/">Literie</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/literie_6050/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/literie/matelas_6051/" class="hover:underline">Matelas</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/literie/ensembles_6053/" class="hover:underline">Ensembles</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/literie/sommiers_6052/" class="hover:underline">Sommiers</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u176_root_764" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u176_root_764">
              <label data-unselect-radio="" for="u176_root_764" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Coffres de sécurité</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/coffres-de-securite_764/">Coffres de sécurité</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/coffres-de-securite_764/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/coffres-de-securite/serrure-a-cle_765/" class="hover:underline">Serrure à clé</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/coffres-de-securite/serrure-a-cle-mecanique_766/" class="hover:underline">Serrure à clé + mécanique</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/coffres-de-securite/serrure-electronique_767/" class="hover:underline">Serrure électronique</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u176_root_1933" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u176_root_1933">
              <label data-unselect-radio="" for="u176_root_1933" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Climatisation</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/climatisation_1933/">Climatisation</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/climatisation_1933/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/climatisation/accessoires-3_1934/" class="hover:underline">Accessoires</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/climatisation/climatiseurs-reversibles_1945/" class="hover:underline">Climatiseurs réversibles</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/climatisation/pompe-a-chaleur_1980/" class="hover:underline">Pompe a chaleur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/climatisation/purificateurs-dair-climatiseurs-mobiles_1983/" class="hover:underline">Purificateurs d'air &amp; Climatiseurs mobiles</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_5" class="hidden peer" type="radio" value="5" name="universe_selection">
      <label for="u_5" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/light-svgrepo-com.svg" alt="Décoration icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Décoration </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_5_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_5_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Décoration </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u5_root_1867" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u5_root_1867">
              <label data-unselect-radio="" for="u5_root_1867" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Objets religieux</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/objets-religieux_1867/">Objets religieux</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/objets-religieux_1867/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/objets-religieux/statues_1868/" class="hover:underline">Statues</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/objets-religieux/cadeaux-religieux_1869/" class="hover:underline">Cadeaux Religieux</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/objets-religieux/bougies-huiles-encens_1871/" class="hover:underline">Bougies - Huiles - Encens</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u5_root_2097" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u5_root_2097">
              <label data-unselect-radio="" for="u5_root_2097" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Décoration de Noël</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/decoration-de-noel_2097/">Décoration de Noël</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/decoration-de-noel_2097/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/decoration-de-noel/decoration-de-noel-2_2098/" class="hover:underline">Décoration de Noël</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u5_root_2275" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u5_root_2275">
              <label data-unselect-radio="" for="u5_root_2275" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Carrelage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/accueil_2275/">Carrelage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/accueil_2275/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/salle-de-bain_2276/" class="hover:underline">Salle de bain</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/revetement-de-sol_2277/" class="hover:underline">Revêtement de sol</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/cuisine-3_2280/" class="hover:underline">Cuisine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/revetement-mural_2281/" class="hover:underline">Revêtement mural</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/terrasse_2283/" class="hover:underline">Terrasse</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/piscine_2284/" class="hover:underline">Piscine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/chambre_2286/" class="hover:underline">Chambre</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/carrelage_2287/" class="hover:underline">Carrelage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/salon_2288/" class="hover:underline">Salon</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/collection-tendance_2289/" class="hover:underline">Collection tendance</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/nos-idees-deco_2311/" class="hover:underline">Nos idées déco</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/accueil/carrelage-exterieur-et-antiderapant_2327/" class="hover:underline">Carrelage extérieur et antidérapant</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_4" class="hidden peer" type="radio" value="4" name="universe_selection">
      <label for="u_4" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/sport.svg" alt="Sports et Loisirs icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Sports et Loisirs </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_4_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_4_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Sports et Loisirs </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u4_root_2362" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u4_root_2362">
              <label data-unselect-radio="" for="u4_root_2362" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Nutrition Sportive</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/racine_2362/">Nutrition Sportive</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/racine_2362/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/racine/accueil-2_2363/" class="hover:underline">Nutrition Sportive</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u4_root_1541" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u4_root_1541">
              <label data-unselect-radio="" for="u4_root_1541" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Fitness - Musculation</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/fitness-musculation_1541/">Fitness - Musculation</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/fitness-musculation_1541/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/fitness-musculation/musculation-cross-training_1542/" class="hover:underline">Musculation cross training</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u4_root_1397" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u4_root_1397">
              <label data-unselect-radio="" for="u4_root_1397" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Trampolines</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/trampolines_1397/">Trampolines</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/trampolines_1397/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/trampolines/trampoline-de-jardin_1406/" class="hover:underline">Trampoline de jardin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/trampolines/accessoires_1398/" class="hover:underline">Accessoires</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/trampolines/pieces-detachees-pour-trampolines-kangui_1401/" class="hover:underline">Pièces détachées pour trampolines</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u4_root_1512" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u4_root_1512">
              <label data-unselect-radio="" for="u4_root_1512" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Remorques Velo</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/remorques-velo_1512/">Remorques Velo</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/remorques-velo_1512/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/remorques-velo/remorque-velo_1514/" class="hover:underline">Remorque Velo</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u4_root_1999" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u4_root_1999">
              <label data-unselect-radio="" for="u4_root_1999" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jeux d'arcade</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jeux-darcade_1999/">Jeux d'arcade</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jeux-darcade_1999/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-rene-pierre_2000/" class="hover:underline">Baby Foot René Pierre</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-garlando_2001/" class="hover:underline">Baby Foot Garlando</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-catenaccio_2002/" class="hover:underline">Baby Foot Catenaccio</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-enfant-garlando_2003/" class="hover:underline">Autres Jeux de Café</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/cible-flechette_2004/" class="hover:underline">Cible Fléchette</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/table-air-hockey_2005/" class="hover:underline">Billard</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/table-multi-jeux_2006/" class="hover:underline">Table Multi Jeux</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_109" class="hidden peer" type="radio" value="109" name="universe_selection">
      <label for="u_109" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/luggage-svgrepo-com.svg" alt="Bagagerie icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Bagagerie </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_109_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_109_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Bagagerie </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u109_root_2329" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u109_root_2329">
              <label data-unselect-radio="" for="u109_root_2329" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Bagagerie</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/bagagerie_2329/">Bagagerie</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/bagagerie_2329/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bagagerie/valises-soutes_2330/" class="hover:underline">Valises soutes</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bagagerie/valises-cabines_2331/" class="hover:underline">Valises cabines</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bagagerie/set-de-valises_2332/" class="hover:underline">Set de valises</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bagagerie/sacs-de-voyage_2333/" class="hover:underline">Sacs de voyage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/bagagerie/vanity-cases_2334/" class="hover:underline">Vanity cases</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_77" class="hidden peer" type="radio" value="77" name="universe_selection">
      <label for="u_77" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/baby-bottle-2-svgrepo-com.svg" alt="Puériculture icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Puériculture </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_77_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_77_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Puériculture </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u77_root_6124" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u77_root_6124">
              <label data-unselect-radio="" for="u77_root_6124" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Puériculture</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/puericulture_6124/">Puériculture</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/puericulture_6124/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/accessoires-promenade-voyage_6125/" class="hover:underline">Accessoires promenade-voyage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/jouet-premier-age_6134/" class="hover:underline">Jouet premier age</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/promenade-voyage_6140/" class="hover:underline">Promenade-voyage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/repas-bebe_6142/" class="hover:underline">Repas bebe</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/sommeil-bebe_6145/" class="hover:underline">Sommeil bebe</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/puericulture/toilette-bebe_6155/" class="hover:underline">Toilette bebe</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_71" class="hidden peer" type="radio" value="71" name="universe_selection">
      <label for="u_71" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/perspective-dice-four-svgrepo-com.svg" alt="Jeux et Jouets icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Jeux et Jouets </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_71_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_71_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Jeux et Jouets </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u71_root_5992" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_5992">
              <label data-unselect-radio="" for="u71_root_5992" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">LEGO</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/lego_5992/">LEGO</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/lego_5992/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/star-wars_5993/" class="hover:underline">Star Wars</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/city_5994/" class="hover:underline">City</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/technic_5995/" class="hover:underline">Technic</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/harry-potter_5996/" class="hover:underline">Harry Potter</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/icons_5998/" class="hover:underline">ICONS</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/lego-2_5999/" class="hover:underline">LEGO</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/ideas_6000/" class="hover:underline">IDEAS</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/speed-champions_6001/" class="hover:underline">Speed Champions</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/creator-expert_6002/" class="hover:underline">Creator Expert</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/architecture_6003/" class="hover:underline">Architecture</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/disney_6004/" class="hover:underline">Disney</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/dc-batman_6005/" class="hover:underline">DC Batman</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/creator_6006/" class="hover:underline">Creator</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/minecraft_6007/" class="hover:underline">Minecraft</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/ninjago_6008/" class="hover:underline">Ninjago</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/jurassic-world_6009/" class="hover:underline">Jurassic World</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/autres-4_6010/" class="hover:underline">Autres</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/lego/marvel_6011/" class="hover:underline">Marvel</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1999" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1999">
              <label data-unselect-radio="" for="u71_root_1999" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jeux d'arcade</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jeux-darcade_1999/">Jeux d'arcade</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jeux-darcade_1999/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-rene-pierre_2000/" class="hover:underline">Baby Foot René Pierre</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-garlando_2001/" class="hover:underline">Baby Foot Garlando</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-catenaccio_2002/" class="hover:underline">Baby Foot Catenaccio</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/baby-foot-enfant-garlando_2003/" class="hover:underline">Autres Jeux de Café</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/cible-flechette_2004/" class="hover:underline">Cible Fléchette</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/table-air-hockey_2005/" class="hover:underline">Billard</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-darcade/table-multi-jeux_2006/" class="hover:underline">Table Multi Jeux</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1551" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1551">
              <label data-unselect-radio="" for="u71_root_1551" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jeux d'exterieur</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jeux-dexterieur_1551/">Jeux d'exterieur</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jeux-dexterieur_1551/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/balancoires-et-jeux-descalade_1552/" class="hover:underline">Balançoires Et Jeux D'Escalade</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/chateau-gonflable_1553/" class="hover:underline">Château Gonflable</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/draisienne_1554/" class="hover:underline">Draisienne</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/porteur_1556/" class="hover:underline">Porteur</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/tricycle_1557/" class="hover:underline">Tricycle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/vehicule-a-pedales_1558/" class="hover:underline">Vehicule A Pedales</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dexterieur/buts-et-filets_2103/" class="hover:underline">Buts et filets</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1588" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1588">
              <label data-unselect-radio="" for="u71_root_1588" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Vehicule pour enfant</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/vehicule-pour-enfant_1588/">Vehicule pour enfant</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/vehicule-pour-enfant_1588/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/vehicule-pour-enfant/moto_1589/" class="hover:underline">Moto</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/vehicule-pour-enfant/voiture_1590/" class="hover:underline">Voiture</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1543" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1543">
              <label data-unselect-radio="" for="u71_root_1543" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jeux d'imitation</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jeux-dimitation_1543/">Jeux d'imitation</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jeux-dimitation_1543/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dimitation/dinette-cuisine_1545/" class="hover:underline">Dinette - Cuisine</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jeux-dimitation/maison-de-poupee_1547/" class="hover:underline">Maison De Poupee</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1521" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1521">
              <label data-unselect-radio="" for="u71_root_1521" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jouet Generaliste - Ludo-Educatif</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jouet-generaliste-ludo-educatif_1521/">Jouet Generaliste - Ludo-Educatif</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jouet-generaliste-ludo-educatif_1521/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet-generaliste-ludo-educatif/bac-a-sable_1522/" class="hover:underline">Bac à sable</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet-generaliste-ludo-educatif/garage-voitures_1523/" class="hover:underline">Garage voitures</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet-generaliste-ludo-educatif/jouet-a-bascule_1524/" class="hover:underline">Jouet à bascule</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet-generaliste-ludo-educatif/toboggan_1525/" class="hover:underline">Toboggan</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u71_root_1515" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u71_root_1515">
              <label data-unselect-radio="" for="u71_root_1515" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Coffres Et Tapis</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/coffres-et-tapis_1515/">Coffres Et Tapis</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/coffres-et-tapis_1515/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/coffres-et-tapis/coffre-a-jouets_1516/" class="hover:underline">Coffre A Jouets</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/coffres-et-tapis/tapis-de-jeu-enfant_1517/" class="hover:underline">Tapis De Jeu Enfant</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_75" class="hidden peer" type="radio" value="75" name="universe_selection">
      <label for="u_75" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/medical-kit-svgrepo-com.svg" alt="Matériels Professionnels icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Matériels Professionnels </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_75_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_75_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Matériels Professionnels </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u75_root_2007" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u75_root_2007">
              <label data-unselect-radio="" for="u75_root_2007" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Matériel Agricole</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/materiel-agricole_2007/">Matériel Agricole</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/materiel-agricole_2007/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/constructeurs_2008/" class="hover:underline">Constructeurs</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/elevage-epandage_2010/" class="hover:underline">Elevage Epandage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/fenaison-broyage_2017/" class="hover:underline">Fenaison Broyage</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/pulverisation_2028/" class="hover:underline">Pulvérisation</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/recolte_2030/" class="hover:underline">Récolte</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/travail-du-sol_2036/" class="hover:underline">Travail du Sol</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-agricole/types-de-pieces_2045/" class="hover:underline">Types de pièces</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u75_root_757" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u75_root_757">
              <label data-unselect-radio="" for="u75_root_757" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Fitness Professionnel</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/fitness_757/">Fitness Professionnel</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/fitness_757/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/fitness/musculation-guidee_759/" class="hover:underline">Musculation guidée</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/fitness/musculation-libre_760/" class="hover:underline">Musculation libre</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/fitness/cardio-training_761/" class="hover:underline">Cardio-Training</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/fitness/musculation-convergente_762/" class="hover:underline">Musculation convergente</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
    <li class="border-b group">
      <input id="u_72" class="hidden peer" type="radio" value="72" name="universe_selection">
      <label for="u_72" class="
                                           inline-flex gap-4 justify-between items-center
                                           w-full px-4 py-4 max-lg:group-first:pt-0
                                           text-xl font-bold
                                           lg:peer-checked:bg-primary-light lg:[.default-open_.group:first-child_&amp;]:bg-primary-light
                                           select-none cursor-pointer">
        <img class="h-6 mr-4 w-auto max-w-none object-contain transition-[transform]
                                                   [.peer:checked~label>&amp;]:invert lg:[.default-open_.group:first-child_&amp;]:invert
                                                   lg:group-hover:scale-125" src="/media/images/universe/noun-paw-print-1390820.svg" alt="Animalerie icon">
        <div class="transition-[transform] lg:group-hover:scale-110 text-center
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white"> Animalerie </div>
        <div class="transition-[transform] material-icons pl-2
                                               [.peer:checked~label>&amp;]:text-white lg:[.default-open_.group:first-child_&amp;]:text-white
                                               lg:group-hover:scale-125"> chevron_right </div>
      </label>
      <div class="
                                           absolute z-50
                                           max-lg:w-[100vw]
                                           hidden peer-checked:block lg:group-first:block
                                           bg-white
                                           max-lg:animate-[slideIn_forwards_0.2s]
                                           rounded-lg lg:rounded-l-none
                                           left-0 top-0

                                           lg:left-[100%]
                                           lg:w-[calc(90vw_-_100%)]
                                           min-h-full
                                           max-h-full
                                           overflow-hidden">
        <div class="hidden lg:block absolute top-0 right-0 z-50">
          <button data-modal-header-hide="" class="p-2" type="button">
            <span class="material-icons-outlined font-normal">cancel</span>
          </button>
        </div>
        <div class="overflow-auto absolute top-0 bottom-0 left-0 right-0
                                               p-2 lg:px-8 lg:mr-2">
          <div class="lg:hidden absolute top-0 right-0">
            <button data-modal-header-hide="" class="p-2" type="button">
              <span class="material-icons-outlined font-normal">cancel</span>
            </button>
          </div>
          <div class="lg:hidden">
            <input id="u_72_close" class="sr-only" type="radio" value="-1" name="universe_selection">
            <label for="u_72_close" class="w-full flex justify-between items-center cursor-pointer p-2 gap-4 ">
              <span class="flex items-center gap-2 ">
                <span class="material-icons">chevron_left</span>
                <span>Retour</span>
              </span>
            </label>
          </div>
          <div class="flex  rounded-lg py-2 bg-separator">
            <span class=" uppercase font-bold text-xl lg:text-4xl m-auto py-2 text-center"> Animalerie </span>
          </div>
          <ul class="pt-4 lg:pt-8 flex flex-col gap-4 lg:gap-8">
            <li class="">
              <input id="u72_root_1507" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u72_root_1507">
              <label data-unselect-radio="" for="u72_root_1507" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Jouet</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/jouet_1507/">Jouet</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/jouet_1507/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet/arbre-a-chat_1508/" class="hover:underline">Arbre A Chat</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/jouet/entrainement-dressage_1509/" class="hover:underline">Entrainement - Dressage</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u72_root_1510" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u72_root_1510">
              <label data-unselect-radio="" for="u72_root_1510" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Materiel De Transport Et Rangement</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/materiel-de-transport-et-rangement_1510/">Materiel De Transport Et Rangement</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/materiel-de-transport-et-rangement_1510/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/materiel-de-transport-et-rangement/transport_1511/" class="hover:underline">Transport</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u72_root_1526" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u72_root_1526">
              <label data-unselect-radio="" for="u72_root_1526" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Habitat - Couchage</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/habitat-couchage_1526/">Habitat - Couchage</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/habitat-couchage_1526/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/bassin_1527/" class="hover:underline">Bassin</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/cage-hamster_1528/" class="hover:underline">Cage Hamster</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/clapier_1529/" class="hover:underline">Clapier</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/niche_1530/" class="hover:underline">Niche</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/nichoir-nid_1531/" class="hover:underline">Nichoir - Nid</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/parc_1532/" class="hover:underline">Parc</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/perchoir_1533/" class="hover:underline">Perchoir</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/poulailler_1534/" class="hover:underline">Poulailler</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/habitat-couchage/terrarium_1535/" class="hover:underline">Terrarium</a>
                </li>
              </ul>
            </li>
            <li class="">
              <input id="u72_root_1565" class="sr-only peer lg:hidden" type="radio" name="root_selection" value="u72_root_1565">
              <label data-unselect-radio="" for="u72_root_1565" class="lg:hidden w-full flex gap-4 justify-between items-center py-1 font-bold   select-none  cursor-pointer ">
                <span class="text-xl [.peer:checked~label>&amp;]:text-2xl lg:text-2xl text-primary">Toilettage - Hygiene - Soin</span>
                <span class="lg:hidden material-icons transition-all [.peer:checked~label>&amp;]:rotate-180">expand_more</span>
              </label>
              <a class="max-lg:hidden text-primary  py-1 font-bold text-xl hover:underline" href="/catalogue/category/toilettage-hygiene-soin_1565/">Toilettage - Hygiene - Soin</a>
              <ul class="
                                                               duration-200
                                                               transition
                                                               peer-checked:max-h-fit
                                                               lg:grid grid-cols-3 grid-flow-row gap-2
                                                               pl-4 pt-4
                                                               overflow-hidden
                                                               max-lg:max-h-0
                                                               max-lg:scale-y-0 peer-checked:scale-y-100
                                                               max-lg:-translate-y-1/2 peer-checked:translate-y-0
                                                               max-lg:opacity-0 peer-checked:opacity-100 ">
                <li class="font-bold py-1 lg:hidden">
                  <a href="/catalogue/category/toilettage-hygiene-soin_1565/" class="hover:underline">Voir
                                                                tout</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/toilettage-hygiene-soin/alimentation_6013/" class="hover:underline">Alimentation</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/toilettage-hygiene-soin/gamelle_1567/" class="hover:underline">Gamelle</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/toilettage-hygiene-soin/litiere_1568/" class="hover:underline">Litiere</a>
                </li>
                <li class="py-2 lg:py-1">
                  <a href="/catalogue/category/toilettage-hygiene-soin/sechoir-pulseur_1569/" class="hover:underline">Sechoir - Pulseur</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </li>
  </ul>
</form>

POST /newsletter-subscription

<form id="newsletter" method="post" action="/newsletter-subscription" class="submit-once w-full">
  <input type="hidden" name="csrfmiddlewaretoken" value="eCR1ZVelgT5IQ0CUEa7PdsGToGwHeeRmFDVKikx1n3FijzWTX6GHVqdN364ZgdI6">
  <div class="input-wrapper w-full group h-12">
    <input type="search" id="email" name="email" class="peer" placeholder="Votre adresse e-mail" autocomplete="off">
    <div class="input-controls">
      <button type="submit" class="input-control font-bold text-background bg-primary">OK</button>
    </div>
  </div>
</form>

POST /newsletter-subscription

<form id="newsletter" method="post" action="/newsletter-subscription" class="submit-once">
  <input type="hidden" name="csrfmiddlewaretoken" value="eCR1ZVelgT5IQ0CUEa7PdsGToGwHeeRmFDVKikx1n3FijzWTX6GHVqdN364ZgdI6">
  <div class=" bg-background rounded-lg text-text ">
    <div class="input-wrapper group w-full">
      <input type="email" id="email-footer" name="email" class="peer text-text" placeholder="Votre adresse e-mail" autocomplete="off">
      <div class="input-controls">
        <button type="submit" class="input-control text-white font-bold ">OK </button>
      </div>
    </div>
  </div>
</form>

<form inert="" class="_hj-hRovs__styles__form">
  <div class="_hj-c8PC+__styles__surveyBody" style="min-height: 82px;">
    <h2 class="_hj-S9XKO__styles__surveyTitle   " id="hj-survey-lbl-1" aria-label="Comment évalueriez-vous votre expérience&nbsp;? Select an option from 1 to 5, with 1 being Déteste and 5 being Adore">Comment évalueriez-vous votre expérience&nbsp;?
    </h2>
    <div class="_hj-E2-N0__styles__surveyAnswers">
      <div class="css-vopqjt">
        <div aria-labelledby="hj-survey-lbl-1" role="radiogroup" class="css-1a0x1zp">
          <div class="css-u2ayx9"><label class="css-1aokw2q"><input type="radio" name="bc69acc7-c91a-41ee-ba84-64e5a4e19d39" aria-label="1" aria-describedby="hj-surveys-scale-option-label-0-1cf0bee2-e147-455c-81cc-88b46190ef0c" class="css-3bml7r">
              <div class="css-xrn97w"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none">
                  <path d="M36.3 2.5h-35a1.2 1.2 0 0 0-1 2.1L5 9.3v22A3.8 3.8 0 0 0 8.8 35h27.5a3.7 3.7 0 0 0 3.7-3.7v-25a3.8 3.8 0 0 0-3.7-3.8Z" fill="#FFC107"></path>
                  <path
                    d="M22.5 22.5a5 5 0 0 1 5 4A1.3 1.3 0 1 0 30 26a7.7 7.7 0 0 0-15 0 1.3 1.3 0 1 0 2.5.5c0-.2.9-4 5-4ZM16.3 18.1a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM28.7 18.1a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM32.4 8.2a1.3 1.3 0 0 0-1.7-.6l-5 2.5a1.3 1.3 0 1 0 1.1 2.3l5-2.5a1.3 1.3 0 0 0 .6-1.7ZM18.8 12.5a1.3 1.3 0 0 0 .5-2.4l-5-2.5a1.3 1.3 0 1 0-1.1 2.3l5 2.5.6.1Z"
                    fill="#000"></path>
                  <defs>
                    <clipPath id="a">
                      <path fill="#fff" d="M0 0h40v40H0z"></path>
                    </clipPath>
                  </defs>
                </svg></div>
            </label><label class="css-1aokw2q"><input type="radio" name="bc69acc7-c91a-41ee-ba84-64e5a4e19d39" aria-label="2" aria-describedby="" class="css-3bml7r">
              <div class="css-xrn97w"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none">
                  <path d="M36.2 2.5h-35a1.3 1.3 0 0 0-.8 2.1L5 9.3v22A3.7 3.7 0 0 0 8.7 35h27.5a3.8 3.8 0 0 0 3.8-3.8v-25a3.8 3.8 0 0 0-3.8-3.7Z" fill="#FFC107"></path>
                  <path d="M22.5 22.5a5 5 0 0 0-5 4A1.3 1.3 0 1 1 15 26a7.6 7.6 0 0 1 7.5-6 7.6 7.6 0 0 1 7.5 6 1.3 1.3 0 1 1-2.5.5c0-.2-.8-4-5-4ZM16.3 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM28.8 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7Z"
                    fill="#000"></path>
                  <defs>
                    <clipPath id="a">
                      <path fill="#fff" d="M0 0h40v40H0z"></path>
                    </clipPath>
                  </defs>
                </svg></div>
            </label><label class="css-1aokw2q"><input type="radio" name="bc69acc7-c91a-41ee-ba84-64e5a4e19d39" aria-label="3" aria-describedby="" class="css-3bml7r">
              <div class="css-xrn97w"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none">
                  <path
                    d="M36.3 2.5h-35A1.3 1.3 0 0 0 0 4c0 .2.2.5.4.6L5 9.3v22A3.8 3.8 0 0 0 8.8 35h27.5a3.7 3.7 0 0 0 3.7-3.7v-25a3.7 3.7 0 0 0-3.7-3.8Zm-20 20h12.5a1.2 1.2 0 1 1 0 2.5H16.3a1.2 1.2 0 1 1 0-2.5Zm-2-8.7a1.9 1.9 0 1 1 3.8 0 1.9 1.9 0 0 1-3.7 0Zm14.5 1.8a1.9 1.9 0 1 1 0-3.7 1.9 1.9 0 0 1 0 3.7Z"
                    fill="#FFC107"></path>
                  <path d="M16.3 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM28.7 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM16.2 25h12.5a1.3 1.3 0 0 0 0-2.5H16.2a1.3 1.3 0 0 0 0 2.5Z" fill="#000"></path>
                  <defs>
                    <clipPath id="a">
                      <path fill="#fff" d="M0 0h40v40H0z"></path>
                    </clipPath>
                  </defs>
                </svg></div>
            </label><label class="css-1aokw2q"><input type="radio" name="bc69acc7-c91a-41ee-ba84-64e5a4e19d39" aria-label="4" aria-describedby="" class="css-3bml7r">
              <div class="css-xrn97w"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none">
                  <path d="M36.2 2.5h-35c-.5 0-1 .3-1 .8-.3.5-.2 1 .2 1.3L5 9.3v22c0 2 1.6 3.7 3.7 3.7h27.5c2.2 0 3.8-1.6 3.8-3.7v-25c0-2.2-1.6-3.8-3.8-3.8Z" fill="#FFC107"></path>
                  <path
                    d="M16 20c.6-.1 1.4.3 1.5 1a5 5 0 0 0 5 4 5 5 0 0 0 5-4c.1-.7.8-1.1 1.5-1 .8.1 1.1.8 1 1.5a7.6 7.6 0 0 1-9.1 5.9c-3-.6-5.3-3-5.9-5.9-.1-.6.3-1.4 1-1.5ZM16.3 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7ZM28.7 15.6a1.9 1.9 0 1 0 0-3.7 1.9 1.9 0 0 0 0 3.7Z"
                    fill="#000"></path>
                  <defs>
                    <clipPath id="a">
                      <path fill="#fff" d="M0 0h40v40H0z"></path>
                    </clipPath>
                  </defs>
                </svg></div>
            </label><label class="css-1aokw2q"><input type="radio" name="bc69acc7-c91a-41ee-ba84-64e5a4e19d39" aria-label="5" aria-describedby="hj-surveys-scale-option-label-1-d53a5c10-68e9-41b6-abe7-3634544f53ab" class="css-3bml7r">
              <div class="css-xrn97w"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none">
                  <path d="M36.2 2.5h-35c-.5 0-1 .3-1 .8-.3.5-.2 1 .2 1.3L5 9.3v22c0 2 1.6 3.7 3.7 3.7h27.5c2.2 0 3.8-1.6 3.8-3.7v-25c0-2.2-1.6-3.8-3.8-3.8Z" fill="#FFC107"></path>
                  <path
                    d="M18.8 10.6c-1-.8-2.3-.8-3.2 0l-.6.7-.6-.7c-.9-.8-2.3-.8-3.1 0-1 .9-1 2.3 0 3.2l3.7 3.7 3.8-3.8c.8-.8.8-2.2 0-3ZM30.6 10.6l-.6.7-.6-.7c-.9-.8-2.3-.8-3.2 0-.8.9-.8 2.3 0 3.2l3.8 3.7 3.7-3.8c1-.8 1-2.2 0-3-.8-1-2.2-1-3 0ZM22.4 27.5c5 0 7.5-4.4 7.5-6 0-.4 0-.6-.3-1-.2-.4-.6-.5-1-.5H16.2c-.3 0-.7.1-1 .5-.2.4-.2.6-.2 1 0 1.6 2.5 6 7.4 6Z"
                    fill="#000"></path>
                  <defs>
                    <clipPath id="a">
                      <path fill="#fff" d="M0 0h40v40H0z"></path>
                    </clipPath>
                  </defs>
                </svg></div>
            </label></div>
          <div class="css-10fm8f7"><span id="hj-surveys-scale-option-label-0-1cf0bee2-e147-455c-81cc-88b46190ef0c" aria-label="Déteste" title="Déteste" class="css-pvg7am">Déteste</span><span
              id="hj-surveys-scale-option-label-1-d53a5c10-68e9-41b6-abe7-3634544f53ab" aria-label="Adore" title="Adore" class="css-twtry4">Adore</span></div>
        </div>
      </div>
    </div>
  </div>
  <div class="_hj-XpAaA__styles__surveyFooter">
    <div class="_hj-8Lgv6__styles__surveyActions"><button type="button" data-qa-id="next feedback button" disabled=""
        class="_hj-81Zzt__styles__surveyActionButton _hj-O-7CS__styles__surveysPrimaryButton _hj-SU8LU__styles__primaryButton">Suivant</button></div>
  </div>
</form>

Text Content

vertical_align_top Retour en haut
Choisissez votre destination

--------------------------------------------------------------------------------

Guadeloupe Martinique Guyane Réunion
📦 Livraison DOM TOM : Octroi de mer + transports expand_more
shopping_cart shopping_cart Connexion / Inscription account_circle
room Guadeloupe Martinique Guyane Réunion
search
 * Nouveautés
 * Bricolage
 * Tuning
 * High Tech
 * Bagagerie
 * Barbecue & plancha
 * Puericulture

cancel
 * Nouveautés
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Nouveautés
    * Nouveautés expand_more Nouveautés
      * Voir tout
      * Produits Ninja 🥷
      * Calendrier de l'avent
      * High Tech
      * Musique et Son
      * Petit electroménager
      * Jeux et Jouets
      * Trottinettes
      * Pneumatique
      * Puériculture
      * Kitesurf
      * Sport
      * Epicerie
      * Animalerie
      * Hygiène Beauté
      * Construction
      * Informatique
      * Bricolage

 * Bricolage et Jardinage
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Bricolage et Jardinage
    * Bricolage et Jardinage expand_more Bricolage et Jardinage
      * Voir tout
      * Accessoires et consommables pour outillage électroportatif
      * Cuisine
      * Électricité et domotique
      * Jardin et aménagement extérieur
      * Outillage à main
      * Outillage électroportatif
      * Peinture et droguerie
      * Plomberie et chauffage
      * Quincaillerie et Sécurité
      * Salle de bains
      * Vêtement et protection individuelle
      * Aménagement intérieur et luminaire

 * Jardin et Plein Air
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Jardin et Plein Air
    * Barbecues et Planchas expand_more Barbecues et Planchas
      * Voir tout
      * Barbecue à gaz
      * Barbecue à Charbon
      * Barbecue Electrique
      * Plancha gaz
      * Plancha électrique
    * Piscines et Spas expand_more Piscines et Spas
      * Voir tout
      * Piscine autoportée
      * Piscine tubulaire ronde
      * Spa gonflable Intex
      * Spa gonflable Bestway
      * Tous les spas gonflables
      * Piscine tubulaire rectangulaire
      * Robot piscine
    * Marques Hespéride - Fermob expand_more Marques Hespéride - Fermob
      * Voir tout
      * Table de jardin rectangle
      * Table de jardin carré
      * Table de jardin ronde
      * Salon de jardin aluminium métal
      * Salon de jardin résine tressée
      * Banc de jardin
    * Meubles d'exterieur expand_more Meubles d'exterieur
      * Voir tout
      * Auvent - Store - Solette - Abri
      * Balancelle - Banc
      * Chaise De Jardin
      * Corbeille De Plage
      * Fauteuil de Jardin
      * Housse Pour Meubles De Jardin
      * Parasol
      * Divers jardin
      * Salon De Jardin - Ensemble Table Chaise Fauteuil
      * Siege Suspendu - Hamac
      * Table de jardin
      * Tonnelle
      * Transat
      * Voile d'ombrage - Moustiquaire
    * Jardinage expand_more Jardinage
      * Voir tout
      * Composteur
      * Etagere A Fleurs
      * Jardiniere - Pot De Fleur - Cache-Pot
      * Bordure
    * Braseros expand_more Braseros
      * Voir tout
      * Braseros
    * Decoration d'exterieur expand_more Decoration d'exterieur
      * Voir tout
      * Coussin et galettes d'exterieur
      * Housse coussin salon jardin
    * Camping expand_more Camping
      * Voir tout
      * Matelas de camping
      * Tente de camping
      * Glaciaire electrique

 * Automobile : Tuning
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Automobile : Tuning
    * Tuning expand_more Tuning
      * Voir tout
      * Pièces Tuning
      * Accessoires universel
      * Performance
      * Pièces d'origine

 * Construction
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Construction
    * Carrelage expand_more Carrelage
      * Voir tout
      * Salle de bain
      * Revêtement de sol
      * Cuisine
      * Revêtement mural
      * Terrasse
      * Piscine
      * Chambre
      * Carrelage
      * Salon
      * Collection tendance
      * Nos idées déco
      * Carrelage extérieur et antidérapant
    * Aménagement extérieur expand_more Aménagement extérieur
      * Voir tout
      * Toitures & Bardages
      * Terrasses & Jardins
      * Marquises
      * Menuiserie
      * Vitrerie
      * Aménagement intérieur
    * Fenêtre expand_more Fenêtre
      * Voir tout
      * Fenêtre prête à poser
    * Bricolage et Jardinage expand_more Bricolage et Jardinage
      * Voir tout
      * Accessoires et consommables pour outillage électroportatif
      * Cuisine
      * Électricité et domotique
      * Jardin et aménagement extérieur
      * Outillage à main
      * Outillage électroportatif
      * Peinture et droguerie
      * Plomberie et chauffage
      * Quincaillerie et Sécurité
      * Salle de bains
      * Vêtement et protection individuelle
      * Aménagement intérieur et luminaire
    * Peinture et entretien expand_more Peinture et entretien
      * Voir tout
      * Bétons cirés et accessoires
      * Peintures et Enduits Décoratifs
      * Produit d'Entretien
      * Produit d'Étanchéité

 * Maison
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Maison
    * Literie expand_more Literie
      * Voir tout
      * Matelas
      * Ensembles
      * Sommiers
    * Coffres de sécurité expand_more Coffres de sécurité
      * Voir tout
      * Serrure à clé
      * Serrure à clé + mécanique
      * Serrure électronique
    * Climatisation expand_more Climatisation
      * Voir tout
      * Accessoires
      * Climatiseurs réversibles
      * Pompe a chaleur
      * Purificateurs d'air & Climatiseurs mobiles

 * Décoration
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Décoration
    * Objets religieux expand_more Objets religieux
      * Voir tout
      * Statues
      * Cadeaux Religieux
      * Bougies - Huiles - Encens
    * Décoration de Noël expand_more Décoration de Noël
      * Voir tout
      * Décoration de Noël
    * Carrelage expand_more Carrelage
      * Voir tout
      * Salle de bain
      * Revêtement de sol
      * Cuisine
      * Revêtement mural
      * Terrasse
      * Piscine
      * Chambre
      * Carrelage
      * Salon
      * Collection tendance
      * Nos idées déco
      * Carrelage extérieur et antidérapant

 * Sports et Loisirs
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Sports et Loisirs
    * Nutrition Sportive expand_more Nutrition Sportive
      * Voir tout
      * Nutrition Sportive
    * Fitness - Musculation expand_more Fitness - Musculation
      * Voir tout
      * Musculation cross training
    * Trampolines expand_more Trampolines
      * Voir tout
      * Trampoline de jardin
      * Accessoires
      * Pièces détachées pour trampolines
    * Remorques Velo expand_more Remorques Velo
      * Voir tout
      * Remorque Velo
    * Jeux d'arcade expand_more Jeux d'arcade
      * Voir tout
      * Baby Foot René Pierre
      * Baby Foot Garlando
      * Baby Foot Catenaccio
      * Autres Jeux de Café
      * Cible Fléchette
      * Billard
      * Table Multi Jeux

 * Bagagerie
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Bagagerie
    * Bagagerie expand_more Bagagerie
      * Voir tout
      * Valises soutes
      * Valises cabines
      * Set de valises
      * Sacs de voyage
      * Vanity cases

 * Puériculture
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Puériculture
    * Puériculture expand_more Puériculture
      * Voir tout
      * Accessoires promenade-voyage
      * Jouet premier age
      * Promenade-voyage
      * Repas bebe
      * Sommeil bebe
      * Toilette bebe

 * Jeux et Jouets
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Jeux et Jouets
    * LEGO expand_more LEGO
      * Voir tout
      * Star Wars
      * City
      * Technic
      * Harry Potter
      * ICONS
      * LEGO
      * IDEAS
      * Speed Champions
      * Creator Expert
      * Architecture
      * Disney
      * DC Batman
      * Creator
      * Minecraft
      * Ninjago
      * Jurassic World
      * Autres
      * Marvel
    * Jeux d'arcade expand_more Jeux d'arcade
      * Voir tout
      * Baby Foot René Pierre
      * Baby Foot Garlando
      * Baby Foot Catenaccio
      * Autres Jeux de Café
      * Cible Fléchette
      * Billard
      * Table Multi Jeux
    * Jeux d'exterieur expand_more Jeux d'exterieur
      * Voir tout
      * Balançoires Et Jeux D'Escalade
      * Château Gonflable
      * Draisienne
      * Porteur
      * Tricycle
      * Vehicule A Pedales
      * Buts et filets
    * Vehicule pour enfant expand_more Vehicule pour enfant
      * Voir tout
      * Moto
      * Voiture
    * Jeux d'imitation expand_more Jeux d'imitation
      * Voir tout
      * Dinette - Cuisine
      * Maison De Poupee
    * Jouet Generaliste - Ludo-Educatif expand_more Jouet Generaliste -
      Ludo-Educatif
      * Voir tout
      * Bac à sable
      * Garage voitures
      * Jouet à bascule
      * Toboggan
    * Coffres Et Tapis expand_more Coffres Et Tapis
      * Voir tout
      * Coffre A Jouets
      * Tapis De Jeu Enfant

 * Matériels Professionnels
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Matériels Professionnels
    * Matériel Agricole expand_more Matériel Agricole
      * Voir tout
      * Constructeurs
      * Elevage Epandage
      * Fenaison Broyage
      * Pulvérisation
      * Récolte
      * Travail du Sol
      * Types de pièces
    * Fitness Professionnel expand_more Fitness Professionnel
      * Voir tout
      * Musculation guidée
      * Musculation libre
      * Cardio-Training
      * Musculation convergente

 * Animalerie
   chevron_right
   cancel
   cancel
   chevron_left Retour
   Animalerie
    * Jouet expand_more Jouet
      * Voir tout
      * Arbre A Chat
      * Entrainement - Dressage
    * Materiel De Transport Et Rangement expand_more Materiel De Transport Et
      Rangement
      * Voir tout
      * Transport
    * Habitat - Couchage expand_more Habitat - Couchage
      * Voir tout
      * Bassin
      * Cage Hamster
      * Clapier
      * Niche
      * Nichoir - Nid
      * Parc
      * Perchoir
      * Poulailler
      * Terrarium
    * Toilettage - Hygiene - Soin expand_more Toilettage - Hygiene - Soin
      * Voir tout
      * Alimentation
      * Gamelle
      * Litiere
      * Sechoir - Pulseur

Tous nos produits

MENU


navigate_before navigate_next


NOS PARTENAIRES

navigate_next
navigate_before
Meubles d'exterieur Aosom Bricolage et Jardinage SOBRICO Tuning Europetuning
Bagagerie Brand Developpement Nutrition Sportive Fitadium Barbecues et Planchas
Jardideco LEGO LEGO Jeux d'arcade BabyFoot Vintage Climatisation Planète Air
Aménagement extérieur McCover Peinture et entretien Arcane Industries Objets
religieux Palais du Rosaire Braseros LIGERIO Trampolines Kangui Coffres de
sécurité Coffre-fort pro Fenêtre Hexafen Tapis Baë Déco Carrelage Eiffel Art
Construction Literie 1001Lits Fitness Professionnel Spartek Matériel Agricole
AGRISHOP
notifications_active
Ne ratez pas nos nouveautés ! Abonnez-vous à notre Newsletter
OK

Votre adresse email est uniquement collectée pour vous envoyer notre newsletter.
En savoir plus sur notre Politique de confidentialité.

À chaque question

une réponse

Est ce que l'octroi de mer et les frais de transport sont inclus ?
Quels sont les différents modes de livraison ?
Est-ce que je peux retourner un article ?
Quels sont les délais de livraison ?
Voir toutes les questions
Rejoignez la communauté @dommarketofficiel


Besoin d'informations supplémentaires ?

N'hésitez pas à joindre notre service client

Contactez-nous

Dommarket,

en quelques mots

Dommarket est votre nouvelle place de marché des DOM-TOM.

Bénéficiez d’un large choix de produits et de marques et trouvez la bonne
affaire dans nos catégories : Tuning , Fitness Professionnel , Coffres de
sécurité , Braseros , Tapis , Trampolines , Meubles d'exterieur , Amenagement du
Jardin , Jouet , Materiel De Transport Et Rangement , Remorques Velo , Coffres
Et Tapis , Camping , Jouet Generaliste - Ludo-Educatif , Habitat - Couchage ,
Mobilité Urbaine , Decoration d'exterieur , Fitness - Musculation , Jeux
d'imitation , Jeux d'exterieur , Toilettage - Hygiene - Soin , Vehicule pour
enfant , Jardinage , Restauration et Cuisine , Aménagement extérieur , Objets
religieux , Climatisation , Jeux d'arcade , Matériel Agricole , Décoration de
Noël , Carrelage , Bagagerie , Nutrition Sportive , Barbecues et Planchas ,
Piscines et Spas , Bricolage et Jardinage , Fenêtre , Marques Hespéride - Fermob
, Nouveautés , LEGO , Literie , Peinture et entretien , Puériculture . Faites
vos achats en toute sécurité grâce à notre système de paiement sécurisé et la
transparence de nos prix.

Grâce à Dommarket, acheter en ligne n’a jamais été aussi simple: vous pouvez
choisir de vous faire livrer à domicile ou de récupérer vos articles dans nos
points collecte BUT !

En savoir plus
Livraison à domicile ou en Point Collecte
Gagnez du temps en choisissant la simplicité
Un choix à en devenir fou
Accédez à des milliers de produits européens
Prix tout-compris
Octroi de mer et transport inclus
Notre SAV s'occupe de tout
Maintenance, réparation et retour simplifié en local


NEWSLETTER : ABONNEZ-VOUS !

Recevez les nouveaux produits en avant première
OK
Votre adresse email est uniquement collectée pour vous envoyer notre newsletter.
En savoir plus sur notre Politique de confidentialité.



SUIVEZ-NOUS !




A PROPOS

Qui sommes-nous ? Nos partenaires Devenir partenaire Nous rejoindre


AIDE & SERVICES

Nous contacter FAQ Information livraison Moyens de paiement Retour et
remboursement Désinscription newsletter


INFORMATIONS LÉGALES

Conditions générales d'utilisation Marketplace Conditions Commerciales
Marketplace Mentions légales Cookies Protection des données
Paiement sécurisé


Dommarket © Copyright 2024, Inc. Tous droits réservés


Feedback


COMMENT ÉVALUERIEZ-VOUS VOTRE EXPÉRIENCE ?

DétesteAdore
Suivant
Axeptio consent

Plateforme de Gestion du Consentement : Personnalisez vos Options

Notre plateforme vous permet d'adapter et de gérer vos paramètres de
confidentialité, en garantissant la conformité avec les réglementations.
Personnalisez vos préférences pour contrôler la manière dont vos informations
sont manipulées.