<turbo-stream action="update" target="content"><template><!-- Main -->
<main class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
  
  <!-- Section1 -->
  <section id="section1" class="border-b-4 pb-12">
    <div class="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
      <div>
        <img class="rounded-xl" src="http://rowonair.pl/assets/LITE15/LITE15_05-2a51641650d9ed415b2867d458c9c9716f9f27f073afede1cf4cc27c58506b58.jpg" alt="Image Description">
      </div>
      

      <div class="mt-5 sm:mt-10 lg:mt-0">
        <div class="space-y-6 sm:space-y-8">
          <!-- Title -->
          <div class="space-y-2 md:space-y-4">
            <h2 class="font-bold text-3xl lg:text-4xl text-gray-800">
              LITE 15'
            </h2>
            <p class="text-gray-500">
              Kompaktowy, lekki i zwrotny LITE 15' zapewnia łatwe wiosłowanie dla jednej osoby. LITE 15' jest gotowy do użycia w krótkim czasie i równie szybko spakowany z powrotem do niewielkich rozmiarów. 
              LITE 15' umożliwia samodzielne i bezpieczne wiosłowanie po każdym zbiorniku wodnym.
            </p>
          </div>
          <!-- End Title -->

          <!-- List -->
          <ul role="list" class="space-y-2 sm:space-y-4">
            <li class="flex space-x-3">
              <svg class="flex-shrink-0 h-6 w-6 text-redcustom " xmlns="http://www.w3.org/2000/svg"  width="16" height="16" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#e2001a}</style><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>

              <span class="text-sm sm:text-base text-gray-500">
                <span class="font-bold">Zestaw zawiera dodatkowo: plecak, pompka, płetwa (5,4"), zestaw naprawczy, pasek, smycz</span>
              </span>
            </li>
          </ul>
          <!-- End List -->
     
        </div>
      </div>
    </div>
  </section>
  <!-- End Section1 -->






  <!-- Section2 -->
  <section id="section2" class="border-b-4 pb-12">
  
    <div class="px-4 py-4 sm:px-6 lg:px-2 lg:py-10 mx-auto">
    
      <div class="max-w-4xl mx-auto">
      <h2 class="font-bold text-3xl text-center lg:text-4xl text-gray-800 pb-10">
              Najważniejsze cechy
            </h2>
        <!-- Grid -->
        <div class="grid md:grid-cols-2 gap-6 lg:gap-12">
          <div class="space-y-6 lg:space-y-10">
            <!-- Icon Block -->
            <div class="flex">

              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>W zestawie wysokociśnieniowa pompka z funkcją opróżniania</strong> do szybkiego i wygodnego pompowania w mniej niż 5 minut.
                </p>
         
              </div>
            </div>
            <!-- End Icon Block -->

            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">

                <p class="mt-1 text-gray-600">
                  <strong>Duży, śrubowy zawór nadmiarowy</strong> - umożliwia szybkie i łatwe opróżnianie oraz jest łatwy do otwierania i zamykania.
                  
                </p>
              </div>
            </div>
            <!-- End Icon Block -->

            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>Wysokiej jakości konstrukcja </strong> z tkanego ściegu kropelkowego zapewnia maksymalną wytrzymałość i sztywność przy niskiej wadze.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->
          </div>
          <!-- End Col -->

          <div class="space-y-6 lg:space-y-10">
            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>Wysokiej klasy kleje i materiały</strong> zapewniają długą trwałość oraz odporność na promieniowanie UV i temperaturę.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->

            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>Płetwa z pokrętłem łatwego montażu</strong> - utrzymuje deskę do wiosłowania na torze.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->

            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>4° V-Bottom i linia wahacza</strong> - zapewniają szybką linię wodną i łatwe ślizganie się przy każdym pociągnięciu.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->            
          </div>
          <!-- End Col -->
        </div>
        <!-- End Grid -->
      </div>
    </div>
  </section>
  <!-- End Section2 -->




  <!-- Section3 Gallery -->
  <section id="section3" class="border-b-4 pb-12">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 py-20 lightbox-image" data-controller="lightbox">
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_07-88b2670cef40fb04e2bf5b917ec0e635b09f78bb896d2519ebc7b2af27387985.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_01-76da92cdd3b9f2b8c97075cf49fd1f1a9f1d2c04810bf659e0746e7aa5fff081.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_02-0915312bb3a0a5ef4da5fa693c7c92f5a859f4b03228e41f99b2fd19c2c91538.jpg" alt="">
      </div> 
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_08-acb92a3bd4bc6f2f1b2986f21fad15688c2fda17e0367544620d7e6e0ff2d2dd.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_09-862c854629ec489297bd4f1819741f0f9ab803d903162694e43d4a427754cb26.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_04-a8b17b0a8822756ce6e27038354dfd988367595f650c2e93df7eb2217042a12f.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_03-1976aa8725aac20e63f85f4d4bd9467105ab4f0ec40eb32b04fe288886dd5a97.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_06-08e46ea548bb519a4d796dd7ca4cc3a89f41333a34388ffe8b564740221007de.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_11-71e6adc3ad11ffc115cb028844f3faa01ad3b44210672d0c55590a76391d0712.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_10-caf7b7a502c45434432f1f6e4ddb53af0c73562f2bb2f48d79ee3998f6c169ee.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg col-span-2">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://rowonair.pl/assets/LITE15/LITE15_12-453a11a779a06f0504fa6b523692213403ccda4becb6bf9e609d87bdc43a4414.jpg" alt="">
      </div>
 


    </div>
  </section>
  <!-- End Section3 -->


  <!-- Section4 Technical details -->
  <section id="section4" class="pt-12">
    <div class="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
      
      <!-- Title -->
      <div>
        <h2 class="font-bold text-3xl text-center lg:text-4xl text-gray-800 pb-10">
          Szczegóły techniczne
        </h2>
      </div>


      <div class="grid grid-cols-7 ">
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Długość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">4,57m (15")</span>
          </div>
          <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Szerokość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">66cm (26")</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->
          
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Grubość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">15cm (6")</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Objętość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">340dm³</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Waga</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Deska 9,8kg (21,6 lbs)<br />Sprzęt 12,7kg (28,0 lbs)</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Maks. Obciążenie</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">160kg (353 lbs)</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Materiał</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Tkany ścieg kropelkowy</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Ciśnienie</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">14 PSI</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Pudełko na płetwy</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Pudełko amerykańskie</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Płetwa</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Płetwa 5,4" z pokrętłem szybkiego montażu i dwoma stałymi płetwami 2,5".</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->
          
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Osoba</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">1</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Czas pompowania</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Poniżej 5 minut</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Wymiary po złożeniu</h5>
          </div>
          <div class="col-span-4 py-1">
            <span class=" text-gray-800">75 x 60 x 28cm<br />(30" x 23" x 11")</span>
          </div>
           <div>
          </div>
          <!-- END Row --> 

      </div>
    </div>
  </section>
  <!-- End Section4 -->

</main>
<!-- End Main -->


</template></turbo-stream>