<turbo-stream action="update" target="applied_filters"><template>
  <div class="flex flex-wrap gap-x-10 gap-y-2 items-center mb-6 overflow-hidden" data-controller="applied-filters">
</div>

</template></turbo-stream>
<turbo-stream action="update" target="result_type_tabs"><template>
    <input
    type="radio"
    name="results_as"
    value="list"
    id="results_as_list"
    class="sr-only peer/list"
    checked
  />
  <input
    type="radio"
    name="results_as"
    value="grid"
    id="results_as_grid"
    class="sr-only peer/grid"
    
  />
<label tabindex="0" for="results_as_list"
        class="flex gap-2.75 items-center justify-start border-l-1 border-t-1 border-r-1 border-fl-gray-250 rounded-tl-lg px-3.5 h-13 text-xs leading-none text-fl-gray-800 peer-checked/list:text-fl-red text-left cursor-pointer">
  <svg xmlns="http://www.w3.org/2000/svg" width="30" height="28" viewBox="0 0 30 28" fill="none">
  <path d="M3 5.00781H27" stroke="currentColor" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"></path>
  <path d="M3 13.2188H27" stroke="currentColor" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"></path>
  <path d="M3 21.4219H27" stroke="currentColor" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
  <span>LIST<br/>VIEW</span>
</label>
<label tabindex="0" for="results_as_grid"
        class="flex gap-1 items-center justify-start border-r-1 border-t-1 border-fl-gray-250 rounded-tr-lg px-3.5 h-13 text-xs leading-none text-fl-gray-800 peer-checked/grid:text-fl-red text-left cursor-pointer">
  <svg xmlns="http://www.w3.org/2000/svg" width="37" height="40" viewBox="0 0 37 40" fill="none">
<circle cx="15.5" cy="19.5" r="14.5" fill="#F7F5F5"></circle>
<path d="M14.7234 22.25L27.789 8.125C28.0973 7.79167 28.457 7.625 28.8682 7.625C29.2793 7.625 29.639 7.79167 29.9473 8.125C30.2556 8.45833 30.4098 8.85444 30.4098 9.31333C30.4098 9.77222 30.2556 10.1678 29.9473 10.5L15.8025 25.8333C15.4942 26.1667 15.1345 26.3333 14.7234 26.3333C14.3122 26.3333 13.9525 26.1667 13.6442 25.8333L7.01502 18.6667C6.70669 18.3333 6.55869 17.9378 6.57102 17.48C6.58336 17.0222 6.7442 16.6261 7.05357 16.2917C7.36293 15.9572 7.72933 15.7906 8.15277 15.7917C8.57622 15.7928 8.94211 15.9594 9.25044 16.2917L14.7234 22.25Z" fill="currentColor"></path>
</svg>
  <span>COMPATIBILITY<br/>MATRIX</span>
</label>

</template></turbo-stream>
<turbo-stream action="update" target="results"><template>
  

<section class="bg-fl-white">
  <div class="responsive-wrapper">
    <div class="block mb-9">
        <h1 class="heading-3 text-fl-gray-800 mb-6 text-center lg:text-left">
      Find the right conveyor platform: <span class="text-fl-black">showing all platforms</span>
  </h1>

  <ol class="space-y-5 mb-15">
    <li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X45C Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/v043isy8heax29egbf558jiuxtmy" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X45C Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X45C conveyor system is very compact and robust for handling small and light products.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>45 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="XS Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/xwua29fg37ns45ca7g4kzuv9gdvu" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">XS Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s XS conveyor system is very compact and neat designed. Its chain permits transport of very small items. The conveyor is 45mm wide.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>45 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xs?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xs">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X45H Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/wgjvs9endsw8582mzm506jc38fry" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X45H Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">The plastic chain conveyor system X45H with aluminum beam permits horizontal distribution.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>45 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45h?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45h">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X65 Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/bneusgedcc926s3xnc6l2d77arw2" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X65 Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X65 conveyor system is designed for low friction, low power consumption and a long service life.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>65 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x65?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x65">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X85 Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/bjcan573b6xpdv4841eqk7xiqs5k" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X85 Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X85 is a conveyor with a 85mm wide track, allowing a flexible chain to transport products, horizontal and vertical.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>85 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x85?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x85">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="XK Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/9gm57t670nmjooyhzcyaqquwos7j" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">XK Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">The plastic chain conveyor system XK with aluminum beam permits horizontal as well as vertical distribution.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>105 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xk?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xk">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="XH Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/5v2hdfgioczmbfdg9r4snmpqtnkq" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">XH Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink XH conveyor system is suitable for larger items, with a conveyor track of 105mm.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>105 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xh?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xh">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X180 Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/0wi6s8mkezoac6261cdguikluft5" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X180 Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X180 is a conveyor with a wide track, allowing a flexible chain to transport products, horizontal and vertical. The conveyor is 180mm wide.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>180 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x180?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x180">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X300 Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/gs2aaiw09un392o93ci0nwdm1r52" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X300 Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X300 is a conveyor with a wide track, allowing a flexible chain to transport products, horizontal and vertical. The conveyor is 300mm wide.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>300 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x300?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x300">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="WK Modular Belt Conveyor" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/wo5nauelixe8i92akt07jdbmipxv" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">WK Modular Belt Conveyor</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">The wide belt conveyor system WK  permits effective transport and accumulation with a belt width up to 1200 mm.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>150-1200 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wk?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wk">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="WL Modular Belt Conveyor" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/ujvc63rvqc35g7ljooh9l03ofxez" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">WL Modular Belt Conveyor</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink WL conveyor system is designed for transport and accumulation of lightweight goods in different configurations.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Aluminum</p>
      <p>304-608 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wl?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wl">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X70X Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/rxzea931wflrgf7opdgu874w8njg" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X70X Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X70X conveyor system is designed to provide structure rigidness, robustness, and easier cleaning.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Stainless steel</p>
      <p>70 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x70x?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x70x">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X85X Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/hhcmg0n377ws4pinq5wfd7xzhw9i" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X85X Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X85X is designed for an enhanced cleanliness and features like better drainage and smaller contact surfaces.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Stainless steel</p>
      <p>85 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x85x?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x85x">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X180X Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/nahenjp60lweloy4o6nhitec5odu" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X180X Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X180X provides robustness and cleanliness for food and packaging applications.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Stainless steel</p>
      <p>180 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x180x?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x180x">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="X300X Plastic Chain Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/mzmm4fwoxuetur261c0xsg7xld7r" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">X300X Plastic Chain Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">FlexLink&#39;s X300X in stainless steel is a robust and easy-to-clean plastic chain conveyor a high variety of components.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Stainless steel</p>
      <p>300 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x300x?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x300x">More info</a>
  </div>
</li>
<li class="relative bg-fl-white rounded-lg border-2 border-fl-red overflow-hidden lg:grid grid-cols-[162px_auto_1px_190px] lg:pl-5 py-8">
  <div class="hidden lg:flex items-center justify-center overflow-hidden h-30">
      <img alt="WLX Modular Belt Conveyors" class=" h-full w-full object-contain" src="https://lively-forest-6045.fly.storage.tigris.dev/5p95tnx9dbug5sg8iy90c2aqpztg" />
  </div>
  <div class="mx-5 gap-16 lg:grid grid-cols-[483px_auto]">
    <div>
      <h2 class="heading-4 text-fl-red text-center lg:text-left">WLX Modular Belt Conveyors</h2>
      <p class="lg:h-12 mb-2 line-clamp-3 lg:line-clamp-2 font-fl-dinish-medium font-medium text-center lg:text-left">The WLX modular conveyor is suitable for all industries, where the requirements for hygiene and accessibility are high.</p>
      <p class="font-fl-dinish-medium font-medium text-fl-red flex items-center gap-2 justify-center lg:justify-start">
        <span class="grid grid-cols-1 items-center justify-center">
          <span class="col-start-1 row-start-1 size-7 bg-fl-gray-200 rounded-full"></span>
          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" aria-hidden="true" class="col-start-1 row-start-1 size-10 fill-fl-red -translate-x-0.5">
<path d="M15.9157 22.25L30.0407 8.125C30.374 7.79167 30.7629 7.625 31.2073 7.625C31.6518 7.625 32.0407 7.79167 32.374 8.125C32.7073 8.45833 32.874 8.85444 32.874 9.31333C32.874 9.77222 32.7073 10.1678 32.374 10.5L17.0823 25.8333C16.749 26.1667 16.3601 26.3333 15.9157 26.3333C15.4712 26.3333 15.0823 26.1667 14.749 25.8333L7.58233 18.6667C7.249 18.3333 7.089 17.9378 7.10233 17.48C7.11567 17.0222 7.28955 16.6261 7.624 16.2917C7.95844 15.9572 8.35455 15.7906 8.81233 15.7917C9.27011 15.7928 9.66566 15.9594 9.999 16.2917L15.9157 22.25Z"></path>
</svg>
        </span>
        Compatible with all your filters</p>
    </div>
    <div class="hidden lg:flex flex-col justify-center">
      <p class="font-fl-dinish-medium font-medium">Stainless steel</p>
      <p>222-678 mm</p>
    </div>
  </div>
  <div class="hidden lg:block before:content-[''] before:absolute before:top-0 before:bottom-0 before:mt-7 before:w-[1px] before:bg-linear-to-b before:from-fl-white before:to-fl-gray-300 before:to-47%">
  </div>
  <div class="flex flex-col items-center justify-center gap-3 border-t-1 border-t-fl-gray-250 mt-4 pt-4 lg:border-none lg:m-0 lg:p-0">
      <a class="link-button py-2 px-10" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/wlx?from=platform_finder">Select</a>
      <a class="classic-link" data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/wlx">More info</a>
  </div>
</li>

  </ol>


    </div>

    <div class="hidden mb-9">
      <h1 class="heading-3 text-fl-gray-800 mb-6">Compatibility grid</h1>

<div class="overflow-x-auto scrollbar-branded pb-15">
  <table class="relative table-fixed w-max">
    <thead>
      <tr class="border-b-1 border-b-fl-gray-250">
        <th scope="col" class="sticky left-0 w-51 truncate pt-5 pb-4 text-start whitespace-nowrap bg-fl-white heading-5">Specifications</th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X45C</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">XS</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X45H</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X65</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X85</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">XK</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">XH</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X180</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X300</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">WK</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">WL</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X70X</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X85X</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X180X</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">X300X</div></th>
            <th scope="col" class="w-45 pt-5 pb-4 rounded-t-lg whitespace-nowrap heading-5 text-fl-red before:content-[''] before:absolute before:w-42 before:top-0 before:bottom-0 before:-translate-x-1/2 before:border-2 before:border-fl-red before:rounded-lg before:pointer-events-none"><div class="text-center">WLX</div></th>
      </tr>
    </thead>
    <tbody class="text-lg">
    </tbody>
    <tfoot>
      <tr>
        <th class="sticky left-0 py-4 bg-fl-white"></th>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xs?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x45h?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x65?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x85?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xk?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/xh?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x180?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/x300?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wk?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/aluminum-conveyor-systems/wl?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x70x?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x85x?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x180x?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/x300x?from=platform_finder">Select</a>
          </td>
          <td class="py-4 text-center">
            <a class="link-button h-9 px-7 " data-turbo-frame="_top" href="/products/stainless-steel-conveyor-systems/wlx?from=platform_finder">Select</a>
          </td>
      </tr>
    </tfoot>
  </table>
</div>

    </div>
  </div>
</section>

  <section class="bg-fl-white">
    <div class="responsive-wrapper mb-9">
      <h2 class="heading-4 text-fl-gray-800 max-w-2xl">
        <span class="text-fl-black">Not sure which platform is right for you?</span> Our team can help you find the best fit.
        <a class="link-button h-9 px-8" data-turbo-stream="true" href="/quotes/new?include_filters=1">Contact an expert</a>
      </h2>
    </div>
  </section>
  <section id="contact_expert_form" class="bg-fl-gray-200">
  </section>

</template></turbo-stream>
<turbo-stream action="historyReplaceState" url="/build/new?action=new&amp;controller=builds">
