PIETRZYK | Mobile Menu Complete<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n \r\n .nav-glass-mobile {\r\n background: rgba(255, 255, 255, 0.98);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n #mobile-drawer {\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform: translateX(100%);\r\n }\r\n #mobile-drawer.open { transform: translateX(0); }\r\n\r\n summary::-webkit-details-marker { display: none; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50\">\r\n\r\n <header class=\"fixed top-0 w-full z-[100] flex justify-center p-3\">\r\n <nav class=\"nav-glass-mobile w-full max-w-[400px] rounded-[2rem] px-5 py-2 flex items-center justify-between shadow-md\">\r\n <a href=\"index.html\" class=\"shrink-0 flex items-center\">\r\n <span class=\"text-xl font-extrabold tracking-tighter text-slate-950\">PIETRZYK<\/span>\r\n <\/a>\r\n\r\n <div class=\"flex items-center gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"w-11 h-11 bg-[#0f172a] text-white rounded-2xl flex items-center justify-center active:scale-90 transition-transform\">\r\n <i class=\"ph-bold ph-phone-call text-lg\"><\/i>\r\n <\/a>\r\n <button id=\"hamburger\" class=\"w-11 h-11 bg-[#f0fdf4] text-[#10b981] rounded-2xl flex items-center justify-center active:scale-90 transition-transform\">\r\n <i class=\"ph-bold ph-list text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <div id=\"mobile-drawer\" class=\"fixed inset-0 bg-white z-[200] p-8 flex flex-col shadow-2xl\">\r\n <div class=\"flex items-center justify-between mb-8\">\r\n <span class=\"text-xl font-extrabold tracking-tighter text-slate-950\">PIETRZYK<\/span>\r\n <button id=\"close-drawer\" class=\"w-10 h-10 flex items-center justify-center bg-slate-100 rounded-xl text-slate-900\">\r\n <i class=\"ph-bold ph-x text-xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <nav class=\"flex flex-col gap-2 overflow-y-auto pb-10\">\r\n <a href=\"index.html\" class=\"p-4 text-lg font-extrabold bg-slate-50 rounded-2xl text-slate-900\">Strona G\u0142\u00f3wna<\/a>\r\n <a href=\"wypozyczalnia.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"przed-splywem.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Przed sp\u0142ywem<\/a>\r\n <a href=\"szkolka.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Szk\u00f3\u0142ka<\/a>\r\n <a href=\"galeria.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Galeria<\/a>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"text-[10px] font-black text-emerald-600 uppercase tracking-widest px-4 mb-4\">Trasy Sp\u0142yw\u00f3w<\/p>\r\n \r\n <details class=\"group mb-2\">\r\n <summary class=\"list-none p-4 flex items-center justify-between bg-emerald-50 rounded-2xl cursor-pointer\">\r\n <div class=\"flex items-center gap-3\">\r\n <i class=\"ph-fill ph-navigation-arrow text-emerald-600 text-lg\"><\/i>\r\n <span class=\"font-extrabold text-emerald-700 uppercase\">Ruda<\/span>\r\n <\/div>\r\n <i class=\"ph-bold ph-caret-down group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"p-2 flex flex-col gap-1\">\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Stodo\u0142y - Park Cysters\u00f3w<\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Stodo\u0142y - Ruda Kozielska<\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700 underline\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Ruda Kozielska - Ku\u017ania<\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-4 border-t border-slate-100 pt-4 flex flex-col gap-1\">\r\n <a href=\"firmy.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-users-three text-emerald-600\"><\/i> Oferta dla firm<\/a>\r\n <a href=\"szkoly.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-backpack text-emerald-600\"><\/i> Oferta dla szk\u00f3\u0142<\/a>\r\n <a href=\"regulamin.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-scroll text-emerald-600\"><\/i> Regulamin<\/a>\r\n <a href=\"kontakt.html\" class=\"p-4 text-lg font-extrabold text-slate-900 mt-2\">Kontakt<\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const closeBtn = document.getElementById('close-drawer');\r\n const drawer = document.getElementById('mobile-drawer');\r\n\r\n hamburger.onclick = () => drawer.classList.add('open');\r\n closeBtn.onclick = () => drawer.classList.remove('open');\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b97b289 elementor-widget elementor-widget-html\" data-id=\"b97b289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalne Sp\u0142ywy Kajakowe<\/title>\r\n <meta name=\"description\" content=\"Odkryj \u015al\u0105sk\u0105 Amazonk\u0119. Sp\u0142ywy kajakowe rzek\u0105 Ma\u0142a Panew i Ruda. Rezerwuj online!\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n },\r\n water: {\r\n 500: '#0ea5e9',\r\n }\r\n },\r\n backgroundImage: {\r\n 'hero-pattern': \"url('https:\/\/i.imgur.com\/NFDukqH_d.webp?maxwidth=1520&fidelity=grand')\",\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-section {\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-size: cover;\r\n }\r\n .difficulty-badge {\r\n clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);\r\n }\r\n details > summary { list-style: none; }\r\n details > summary::-webkit-details-marker { display: none; }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white m-0 p-0 overflow-x-hidden\">\r\n\r\n <header class=\"hero-section h-[90vh] w-full flex items-center justify-center relative bg-hero-pattern m-0 p-0 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/60 via-slate-900\/40 to-slate-900\/80\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10 text-center animate-fade-in\">\r\n <div class=\"inline-block px-4 py-1.5 mb-6 rounded-full bg-emerald-500\/20 backdrop-blur-md border border-emerald-400\/30 text-emerald-300 font-semibold text-sm uppercase tracking-wider\">\r\n Sezon 2026 Otwarty\r\n <\/div>\r\n \r\n <div class=\"mb-4 font-bold text-emerald-500 tracking-[0.2em] text-sm uppercase\">Kajaki \u015al\u0105sk<\/div>\r\n\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black text-white mb-6 leading-tight tracking-tight\">\r\n Poczuj nurt <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300\">\u015al\u0105skiej Przyrody<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-200 mb-10 max-w-2xl mx-auto font-light leading-relaxed\">\r\n Organizujemy profesjonalne sp\u0142ywy rzekami Ma\u0142a Panew i Ruda. \r\n Idealne dla rodzin z dzie\u0107mi, firm oraz poszukiwaczy przyg\u00f3d.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"#trasy\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-600 hover:bg-emerald-500 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl shadow-emerald-900\/50 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-canoe\"><\/i> Wybierz Tras\u0119\r\n <\/a>\r\n <a href=\"tel:+48123456789\" class=\"w-full sm:w-auto px-8 py-4 bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/20 text-white rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone-call\"><\/i> +48 123 456 789\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white\/50 text-sm flex flex-col items-center animate-bounce\">\r\n <span>Przewi\u0144 w d\u00f3\u0142<\/span>\r\n <i class=\"ph-bold ph-arrow-down mt-2\"><\/i>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-10 bg-white border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">14+<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Lat do\u015bwiadczenia<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">7000+<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Zadowolonych go\u015bci<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">100%<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Bezpiecze\u0144stwa<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">2<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Pi\u0119kne rzeki<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"trasy\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Nasza Oferta<\/h2>\r\n <h3 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-6\">Wybierz tras\u0119 idealn\u0105 dla siebie<\/h3>\r\n <p class=\"text-slate-600 text-lg\">Niezale\u017cnie od tego, czy p\u0142yniesz pierwszy raz, czy szukasz wyzwa\u0144 \u2013 mamy dla Ciebie odpowiedni odcinek rzeki.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-xl shadow-slate-200\/50 hover:shadow-2xl hover:shadow-emerald-500\/10 transition-all duration-300 group border border-slate-100 flex flex-col\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Ma\u0142a Panew\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur px-3 py-1 rounded-lg text-xs font-bold uppercase tracking-wider text-slate-800 flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div> Poziom \u0141atwy\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-slate-900 mb-2 group-hover:text-emerald-600 transition\">Rzeka Olza<\/h4>\r\n <p class=\"text-emerald-600 font-semibold text-sm mb-4\">Wierniowice - Zabe\u0142k\u00f3w<\/p>\r\n <p class=\"text-slate-600 mb-6 text-sm leading-relaxed\">\r\n Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-2 gap-4 mb-6 pt-6 border-t border-slate-100\">\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">D\u0142ugo\u015b\u0107<\/span>\r\n <span class=\"font-bold text-slate-700\">~8 km<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Czas<\/span>\r\n <span class=\"font-bold text-slate-700\">2-3 h<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Przeszkody<\/span>\r\n <span class=\"font-bold text-emerald-600\">Brak \/ Ma\u0142o<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Cena<\/span>\r\n <span class=\"font-bold text-slate-900 text-lg\">75 PLN <span class=\"text-xs font-normal text-slate-400\">\/os<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-slate-900 text-white rounded-xl font-bold hover:bg-emerald-600 transition flex justify-center items-center gap-2 group-hover:gap-4\">\r\n Rezerwuj Termin <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-xl shadow-slate-200\/50 hover:shadow-2xl hover:shadow-emerald-500\/10 transition-all duration-300 group border border-slate-100 flex flex-col relative\">\r\n <div class=\"absolute top-0 right-0 bg-emerald-500 text-white text-xs font-bold px-4 py-2 rounded-bl-xl z-20\">POLECANE<\/div>\r\n \r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Rzeka Ruda\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur px-3 py-1 rounded-lg text-xs font-bold uppercase tracking-wider text-slate-800 flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-500\"><\/div> Poziom \u015aredni\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-slate-900 mb-2 group-hover:text-emerald-600 transition\">Rzeka Ruda<\/h4>\r\n <p class=\"text-emerald-600 font-semibold text-sm mb-4\">Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\r\n <p class=\"text-slate-600 mb-6 text-sm leading-relaxed\">\r\n Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim. Oferuje niezapomniane widoki i bardziej dynamiczne fragmenty.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-2 gap-4 mb-6 pt-6 border-t border-slate-100\">\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">D\u0142ugo\u015b\u0107<\/span>\r\n <span class=\"font-bold text-slate-700\">~8 km<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Czas<\/span>\r\n <span class=\"font-bold text-slate-700\">2-3 h<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Przeszkody<\/span>\r\n <span class=\"font-bold text-yellow-600\">\u015arednie<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Cena<\/span>\r\n <span class=\"font-bold text-slate-900 text-lg\">75 PLN <span class=\"text-xs font-normal text-slate-400\">\/os<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-emerald-600 text-white rounded-xl font-bold hover:bg-emerald-700 transition flex justify-center items-center gap-2 group-hover:gap-4\">\r\n Rezerwuj Termin <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl overflow-hidden shadow-xl hover:shadow-2xl transition-all duration-300 group border border-slate-800 flex flex-col text-white\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Integracja\" class=\"w-full h-full object-cover opacity-60 transition duration-700 group-hover:scale-110 group-hover:opacity-40\">\r\n <div class=\"absolute inset-0 flex items-center justify-center\">\r\n <i class=\"ph-duotone ph-users-three text-6xl text-emerald-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">Grupy i Firmy<\/h4>\r\n <p class=\"text-emerald-400 font-semibold text-sm mb-4\">IMPREZY INTEGRACYJNE<\/p>\r\n <p class=\"text-slate-300 mb-6 text-sm leading-relaxed\">\r\n Kompleksowa organizacja sp\u0142yw\u00f3w dla szk\u00f3\u0142 i firm. Zapewniamy transport, wy\u017cywienie oraz opiek\u0119 ratownik\u00f3w WOPR.\r\n <\/p>\r\n \r\n <ul class=\"space-y-3 mb-6 pt-6 border-t border-slate-700 text-sm text-slate-300\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Ognisko z kie\u0142baskami<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Transport uczestnik\u00f3w<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Indywidualna wycena<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-white text-slate-900 rounded-xl font-bold hover:bg-slate-200 transition flex justify-center items-center gap-2\">\r\n Zapytaj o Ofert\u0119\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"cennik\" class=\"py-24 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Przejrzyste Ceny<\/h2>\r\n <h3 class=\"text-4xl font-bold text-slate-900 mb-6\">Cennik us\u0142ug 2026<\/h3>\r\n <p class=\"text-slate-600\">W cen\u0119 wliczone jest: wypo\u017cyczenie kajaka, wios\u0142a, kamizelka, kr\u00f3tkie szkolenie oraz transport powrotny kierowc\u00f3w.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 flex flex-col shadow-sm\">\r\n <h4 class=\"text-xl font-bold mb-4\">Indywidualne<\/h4>\r\n <div class=\"text-4xl font-black text-slate-900 mb-6\">75 PLN<span class=\"text-base font-normal text-slate-500\"> \/os<\/span><\/div>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Kajak 2-osobowy<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Kompletne wyposa\u017cenie<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Transport kierowc\u00f3w<\/li>\r\n <\/ul>\r\n <a href=\"tel:+48123456789\" class=\"w-full py-3 text-center bg-slate-900 text-white rounded-xl font-bold hover:bg-emerald-600 transition\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-emerald-900 p-8 rounded-3xl border border-emerald-800 flex flex-col text-white transform md:-translate-y-4 shadow-2xl shadow-emerald-900\/20\">\r\n <div class=\"bg-emerald-500 text-xs font-bold px-3 py-1 rounded-full self-start mb-4\">NAJCZ\u0118\u015aCIEJ WYBIERANE<\/div>\r\n <h4 class=\"text-xl font-bold mb-4\">Grupy (10+ os)<\/h4>\r\n <div class=\"text-4xl font-black mb-6\">65 PLN<span class=\"text-base font-normal text-emerald-300\/60\"> \/os<\/span><\/div>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Wszystko co w Indywidualnym<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Transport ca\u0142ej grupy<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Opieka instruktora<\/li>\r\n <\/ul>\r\n <a href=\"tel:+48123456789\" class=\"w-full py-3 text-center bg-emerald-500 text-white rounded-xl font-bold hover:bg-white hover:text-emerald-900 transition\">Zapytaj o grup\u0119<\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 flex flex-col shadow-sm\">\r\n <h4 class=\"text-xl font-bold mb-4\">Dodatki<\/h4>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Kajak 1-osobowy<\/span>\r\n <span class=\"font-bold\">90 PLN<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Dziecko do lat 6<\/span>\r\n <span class=\"font-bold\">Bezp\u0142atnie<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Worek wodoszczelny<\/span>\r\n <span class=\"font-bold\">10 PLN<\/span>\r\n <\/li>\r\n <\/ul>\r\n <span class=\"text-xs text-slate-400 italic text-center\">Mo\u017cliwo\u015b\u0107 rezerwacji ogniska.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"niezbednik\" class=\"py-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\r\n <div class=\"md:w-1\/2\">\r\n <div class=\"relative\">\r\n <div class=\"absolute -top-4 -left-4 w-24 h-24 bg-emerald-100 rounded-full -z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543132649-6f5e937d5781?q=80&w=1950&auto=format&fit=crop\" alt=\"Przygotowanie\" class=\"rounded-3xl shadow-2xl rotate-1 hover:rotate-0 transition duration-500\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">Niezb\u0119dnik Kajakarza<\/h2>\r\n <p class=\"text-slate-600 mb-8\">Oto kr\u00f3tka \u015bci\u0105ga, dzi\u0119ki kt\u00f3rej sp\u0142yw b\u0119dzie czyst\u0105 przyjemno\u015bci\u0105.<\/p>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-t-shirt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Str\u00f3j na cebulk\u0119<\/h4>\r\n <p class=\"text-sm text-slate-500\">We\u017a co\u015b przeciwdeszczowego na wszelki wypadek.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-sneaker\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Buty do wody<\/h4>\r\n <p class=\"text-sm text-slate-500\">Najlepsze s\u0105 sanda\u0142y lub buty neoprenowe.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-sun\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Ochrona g\u0142owy<\/h4>\r\n <p class=\"text-sm text-slate-500\">Czapka i krem z filtrem to podstawa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-drop\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Etui<\/h4>\r\n <p class=\"text-sm text-slate-500\">Na telefon i kluczyki. Mamy je u nas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-emerald-900 text-white relative overflow-hidden\">\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold\">Co m\u00f3wi\u0105 nasi go\u015bcie?<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Super organizacja! Ma\u0142a Panew idealna dla dzieciak\u00f3w. Sprz\u0119t nowy, czysty.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">A<\/div>\r\n <div><span class=\"block font-bold\">Anna K.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Rzeka Ruda da\u0142a nam popali\u0107, ale o to chodzi\u0142o! \u015awietna przygoda.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">M<\/div>\r\n <div><span class=\"block font-bold\">Marek W.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Profesjonalne podej\u015bcie. Dobre kajaki polietylenowe, wygodne siedzenia.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">P<\/div>\r\n <div><span class=\"block font-bold\">Piotr Z.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-4 max-w-3xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-slate-900\">Najcz\u0119stsze Pytania<\/h2>\r\n <p class=\"text-slate-600 mt-2\">Wszystko, co musisz wiedzie\u0107 przed rezerwacj\u0105<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy mo\u017cna zabra\u0107 psa do kajaka?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Tak! Zwierzaki s\u0105 mile widziane. Pami\u0119taj jednak, \u017ce pies powinien czu\u0107 si\u0119 komfortowo na wodzie.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy musz\u0119 umie\u0107 p\u0142ywa\u0107 wp\u0142aw?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Nie jest to wymagane. Ka\u017cdy uczestnik otrzymuje obowi\u0105zkow\u0105 kamizelk\u0119 asekuracyjn\u0105. Rzeki s\u0105 zazwyczaj p\u0142ytkie.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Co w przypadku deszczu?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Lekki deszcz nie przeszkadza. W przypadku burzy przek\u0142adamy sp\u0142yw na inny termin lub zwracamy zaliczk\u0119.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Jak wr\u00f3ci\u0107 do samochodu?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Zapewniamy transport kierowc\u00f3w z mety sp\u0142ywu z powrotem na parking startowy.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy dzieci mog\u0105 p\u0142yn\u0105\u0107?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Oczywi\u015bcie. Mamy specjalne ma\u0142e kamizelki. Dla najm\u0142odszych (3-6 lat) oferujemy dostawki.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy na sp\u0142ywie mo\u017cna pi\u0107 alkohol?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Nie. P\u0142ywanie pod wp\u0142ywem jest niebezpieczne i grozi mandatem. Dbamy o wsp\u00f3lne bezpiecze\u0144stwo.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4039354 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"4039354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalna Nawigacja<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Plus Jakarta Sans', 'sans-serif'] },\r\n colors: {\r\n emerald: { 50: '#f0fdf4', 100: '#dcfce7', 500: '#10b981', 600: '#059669', 700: '#047857' },\r\n blue: { 50: '#eff6ff', 100: '#dbeafe', 500: '#3b82f6', 600: '#2563eb' },\r\n amber: { 50: '#fffbeb', 100: '#fef3c7', 500: '#f59e0b', 600: '#d97706' },\r\n sky: { 50: '#f0f9ff', 100: '#e0f2fe', 500: '#0ea5e9', 600: '#0284c7' },\r\n indigo: { 50: '#f5f3ff', 100: '#ede9fe', 500: '#6366f1', 600: '#4f46e5' }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .nav-glass {\r\n background: rgba(255, 255, 255, 0.99);\r\n backdrop-filter: blur(25px);\r\n border: 1px solid rgba(255, 255, 255, 0.6);\r\n }\r\n \r\n .nav-link {\r\n position: relative;\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: 0.03em;\r\n color: #1e293b !important;\r\n padding: 10px 16px;\r\n transition: all 0.2s ease-in-out;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n }\r\n \r\n .nav-link:hover {\r\n color: #059669 !important;\r\n background-color: #f0fdf4 !important;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0; height: 3px; bottom: 4px; left: 16px;\r\n background-color: #10b981;\r\n transition: width 0.25s ease-in-out;\r\n border-radius: 10px;\r\n }\r\n .nav-link:hover::after { width: calc(100% - 32px); }\r\n\r\n .mega-menu-panel {\r\n width: 1400px;\r\n max-width: 95vw;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(20px);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 40px 120px -20px rgba(6, 78, 59, 0.18);\r\n }\r\n \r\n .group:hover .mega-menu-panel, .group:hover .dropdown-content {\r\n transform: translateX(-50%) translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .dropdown-content {\r\n width: 260px;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(20px);\r\n transition: all 0.2s ease-in-out;\r\n }\r\n\r\n .route-link {\r\n @apply flex items-center gap-3 py-2 px-3 text-[15px] font-bold text-slate-600 transition-all rounded-xl whitespace-nowrap;\r\n text-decoration: underline;\r\n text-underline-offset: 4px;\r\n text-decoration-color: transparent;\r\n }\r\n .route-link:hover {\r\n @apply bg-slate-50 translate-x-1;\r\n text-decoration-color: currentColor;\r\n }\r\n .route-link i {\r\n @apply text-lg;\r\n }\r\n <\/style>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c14cbc elementor-widget elementor-widget-html\" data-id=\"1c14cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n \r\n <style>\r\n .nav-glass {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n }\r\n \r\n .dropdown-menu {\r\n transform: translateY(10px);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .group:hover .dropdown-menu {\r\n transform: translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .hover-bridge {\r\n padding-top: 1.5rem; \r\n }\r\n\r\n #mobile-menu {\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n body {\r\n padding-top: 64px; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 antialiased text-slate-800\">\r\n\r\n <header id=\"main-header\" class=\"fixed top-0 w-full z-[100] transition-all duration-300 nav-glass border-b border-slate-200\/60 shadow-sm\">\r\n <div class=\"w-full px-4 lg:px-8 max-w-[1400px] mx-auto\">\r\n <nav id=\"nav-bar\" class=\"flex items-center justify-between h-16 relative\">\r\n \r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"relative z-50 flex-shrink-0 w-28 lg:w-36 h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iyWcR3h.png\" alt=\"Pietrzyk Logo\" class=\"absolute top-2 left-0 w-full h-auto object-contain drop-shadow-xl transition-transform duration-500 hover:scale-105\">\r\n <\/a>\r\n\r\n <div class=\"hidden lg:flex items-center h-full gap-1 xl:gap-2\">\r\n \r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Start\r\n <\/a>\r\n\r\n <div class=\"relative group h-full flex items-center\">\r\n <button class=\"flex items-center gap-1 px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Oferta <i class=\"ph-bold ph-caret-down text-[10px] transition-transform group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n <div class=\"dropdown-menu absolute top-full left-1\/2 -translate-x-1\/2 hover-bridge opacity-0 invisible\">\r\n <div class=\"w-64 bg-white rounded-2xl shadow-xl border border-slate-100 p-2\">\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia-kajakow\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-user text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Sp\u0142ywy indywidualne<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Wypo\u017cycz i p\u0142y\u0144 sam<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/dla-poczatkujacych\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-users text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Sp\u0142ywy rodzinne<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">\u0141atwe trasy z dzie\u0107mi<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-firm\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-briefcase text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Dla firm<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Imprezy integracyjne<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-szkol\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-student text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Dla szk\u00f3\u0142<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Edukacja na wodzie<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Trasy kajakowe\r\n <\/a>\r\n\r\n <div class=\"relative group h-full flex items-center\">\r\n <button class=\"flex items-center gap-1 px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Informacje <i class=\"ph-bold ph-caret-down text-[10px] transition-transform group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n <div class=\"dropdown-menu absolute top-full left-1\/2 -translate-x-1\/2 hover-bridge opacity-0 invisible\">\r\n <div class=\"w-44 bg-white rounded-2xl shadow-xl border border-slate-100 p-2\">\r\n <a href=\"https:\/\/pietrzykk.pl\/#cennik\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Cennik 2025<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/przed-splywem\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Przed sp\u0142ywem<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/regulamin\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Regulamin<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/galeria\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Galeria\r\n <\/a>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/kontakt\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Kontakt\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hidden xl:flex items-center gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"group flex items-center gap-2 text-[13px] font-bold text-white bg-emerald-600 px-4 py-2 rounded-full border border-transparent hover:bg-emerald-50 hover:text-slate-800 hover:border-emerald-200 transition-all duration-300 shadow-sm hover:shadow-md\">\r\n <i class=\"ph-fill ph-phone-call text-base text-white group-hover:text-emerald-600 transition-colors duration-300\"><\/i>\r\n <span>+48 690 240 819<\/span>\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"group flex items-center gap-2 text-[13px] font-bold text-white bg-emerald-600 px-4 py-2 rounded-full border border-transparent hover:bg-emerald-50 hover:text-slate-800 hover:border-emerald-200 transition-all duration-300 shadow-sm hover:shadow-md\">\r\n <i class=\"ph-fill ph-phone-call text-base text-white group-hover:text-emerald-600 transition-colors duration-300\"><\/i>\r\n <span>+48 502 527 333<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden w-10 h-10 flex items-center justify-center text-slate-800 hover:text-slate-900 hover:bg-emerald-50 transition-colors bg-transparent rounded-lg relative z-20\">\r\n <i class=\"ph-bold ph-list text-2xl\"><\/i>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"absolute top-full left-0 w-full bg-white\/95 backdrop-blur-md shadow-2xl border-t border-slate-100 opacity-0 invisible -translate-y-4 lg:hidden\">\r\n <div class=\"container mx-auto px-6 py-6 flex flex-col gap-4 max-h-[80vh] overflow-y-auto\">\r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"text-base font-bold text-slate-800 py-2 border-b border-slate-100\">Strona G\u0142\u00f3wna<\/a>\r\n \r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Oferta<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia-kajakow\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Sp\u0142ywy indywidualne<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/dla-poczatkujacych\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Sp\u0142ywy rodzinne<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-firm\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Dla firm<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-szkol\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Dla szk\u00f3\u0142<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Trasy<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Trasy kajakowe<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Informacje<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/#cennik\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Cennik 2025<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/przed-splywem\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Przed sp\u0142ywem<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/regulamin\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Regulamin<\/a>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/galeria\/\" class=\"text-base font-bold text-slate-800 py-2 border-b border-slate-100 hover:text-emerald-600\">Galeria<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/kontakt\/\" class=\"text-base font-bold text-slate-800 py-2 hover:text-emerald-600\">Kontakt<\/a>\r\n\r\n <div class=\"mt-4 flex flex-col gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"flex items-center justify-center gap-2 text-white bg-emerald-600 hover:bg-emerald-700 px-6 py-3 rounded-xl font-bold text-base text-center shadow-lg transition-colors\">\r\n <i class=\"ph-fill ph-phone-call text-lg\"><\/i> 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"flex items-center justify-center gap-2 text-emerald-600 bg-emerald-50 hover:bg-emerald-100 border border-emerald-200 px-6 py-3 rounded-xl font-bold text-base text-center shadow-sm transition-colors\">\r\n <i class=\"ph-fill ph-phone-call text-lg\"><\/i> 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"h-[200vh]\">\r\n <div class=\"container mx-auto px-4 pt-12\">\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const icon = mobileMenuBtn.querySelector('i');\r\n let isMenuOpen = false;\r\n\r\n mobileMenuBtn.addEventListener('click', () => {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n mobileMenu.classList.remove('opacity-0', 'invisible', '-translate-y-4');\r\n icon.classList.remove('ph-list');\r\n icon.classList.add('ph-x');\r\n } else {\r\n mobileMenu.classList.add('opacity-0', 'invisible', '-translate-y-4');\r\n icon.classList.remove('ph-x');\r\n icon.classList.add('ph-list');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a89a06a elementor-widget elementor-widget-html\" data-id=\"a89a06a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 border-t border-slate-800\/60 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <a href=\"#\" class=\"inline-block mb-6\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iyWcR3h.png\" alt=\"Sp\u0142ywy Kajakowe Pietrzyk - Logo\" class=\"w-36 h-auto object-contain hover:opacity-90 transition-opacity\">\r\n <\/a>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Od lat organizujemy bezpieczne i niezapomniane sp\u0142ywy malowniczymi rzekami. Odkryj z nami natur\u0119 z zupe\u0142nie innej perspektywy.\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <li><a href=\"#nida\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Nida<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Informacje<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>O nas<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Cennik<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Regulamin<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n \r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-500 text-xs font-semibold uppercase tracking-wider mb-0.5\">Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-envelope-simple text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-2.5\">\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium break-all\">\r\n nauka.plywania.pietrzyk@gmail.com\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n © 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <div class=\"flex items-center gap-6 text-sm\">\r\n <a href=\"#\" class=\"text-slate-500 hover:text-emerald-400 transition-colors\">Polityka Prywatno\u015bci<\/a>\r\n <a href=\"#\" class=\"text-slate-500 hover:text-emerald-400 transition-colors\">Cookies<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a38aef5 elementor-widget elementor-widget-html\" data-id=\"a38aef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Rzeka Olza - Widget<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f7f9fc;\r\n}\r\n.olza-widget {\r\n max-width: 820px;\r\n margin: 20px auto;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n.olza-widget-header {\r\n position: relative;\r\n color: white;\r\n padding: 80px 25px;\r\n background: url('https:\/\/i.imgur.com\/1ES8fgT.jpeg') center\/cover no-repeat;\r\n}\r\n.olza-widget-header::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.55);\r\n z-index: 0;\r\n}\r\n.olza-widget-header h2, .olza-widget-header p {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.olza-widget-header h2 {\r\n margin: 0;\r\n font-size: 26px;\r\n color: #fff;\r\n display: inline-block;\r\n padding: 6px 0;\r\n}\r\n.olza-difficulty {\r\n display: inline-block;\r\n margin-left: 10px;\r\n font-size: 12px;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n color: #fff;\r\n text-transform: lowercase;\r\n}\r\n.olza-easy { background: #4caf50; }\r\n.olza-medium { background: #ff9800; }\r\n.olza-hard { background: #f44336; }\r\n.olza-widget-header p {\r\n margin: 15px 0 0 0;\r\n font-size: 15px;\r\n color: #f0f0f0;\r\n max-width: 100%;\r\n line-height: 1.5;\r\n}\r\n.olza-routes { padding: 25px; }\r\n.olza-route {\r\n background: #f7f9fc;\r\n border-radius: 8px;\r\n padding: 18px 22px;\r\n margin-bottom: 15px;\r\n transition: transform 0.2s;\r\n}\r\n.olza-route:hover { transform: scale(1.02); }\r\n.olza-route-info { max-width: 75%; }\r\n.olza-route-info h3 { margin: 0 0 6px 0; font-size: 18px; }\r\n.olza-route-info p { margin: 0; font-size: 14px; color: #555; line-height: 1.45; }\r\n.olza-route-meta { font-size: 12px; color: #888; margin-top: 6px; }\r\n.olza-route-buttons { margin-top: 12px; }\r\n.olza-route button {\r\n background-color: #3399FF;\r\n color: #fff;\r\n border: none;\r\n padding: 11px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: background 0.2s;\r\n margin-right: 10px;\r\n white-space: nowrap;\r\n}\r\n.olza-route button:hover { background-color: #1f7ae0; }\r\n.olza-route-extra { display: none; margin-top: 12px; font-size: 14px; color: #333; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"olza-widget\">\r\n <div class=\"olza-widget-header\">\r\n <h2>Rzeka Olza <span class=\"olza-difficulty\"><\/span><\/h2>\r\n <p>Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych.<\/p>\r\n <\/div>\r\n\r\n <div class=\"olza-routes\">\r\n \r\n <div class=\"olza-route\">\r\n <div class=\"olza-route-info\">\r\n <h3>Wierniowice - Zabe\u0142k\u00f3w <span class=\"olza-difficulty olza-easy\">\u0142atwy<\/span><\/h3>\r\n <p>Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi.<\/p>\r\n <div class=\"olza-route-meta\">8 km \u2022 1.5 - 2 godziny<\/div>\r\n <div class=\"olza-route-extra\">\r\n <section>\r\n <h2>Kajakiem przez Olz\u0119: Trasa Wierniowice \u2013 Zabe\u0142k\u00f3w<\/h2>\r\n <p>Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? <strong>Sp\u0142yw kajakowy Olz\u0105 na odcinku Wierniowice \u2013 Zabe\u0142k\u00f3w<\/strong> to jedna z najbardziej malowniczych tras w regionie \u015al\u0105ska Cieszy\u0144skiego. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Olza pokazuje swoje najbardziej dzikie i nieoczywiste oblicze.<\/p>\r\n <p>Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o <strong>1.5 \u2013 2 godziny<\/strong> relaksu w otoczeniu przyrody.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Niski stopie\u0144 trudno\u015bci:<\/strong> Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na pierwszy raz w kajaku.<\/li>\r\n <li><strong>Meandry pe\u0142ne niespodzianek:<\/strong> Olza fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w i p\u00f3l, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok.<\/li>\r\n <li><strong>Cie\u0144 i ch\u0142\u00f3d:<\/strong> Dzi\u0119ki zalesionym brzegom, sp\u0142yw jest komfortowy nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka!<\/h3>\r\n <ul>\r\n <li><strong>Olza w historii:<\/strong> Rzeka od wiek\u00f3w by\u0142a wa\u017cnym szlakiem transportowym i granicznym mi\u0119dzy \u015al\u0105skiem a Morawami, co nadaje jej wyj\u0105tkowy charakter historyczny.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <div class=\"olza-route-buttons\">\r\n <button class=\"olza-toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <button class=\"olza-reserve-btn\" onclick=\"window.location.href='https:\/\/example.com\/rezerwacja';\">Zarezerwuj kajak<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"olza-route\">\r\n <div class=\"olza-route-info\">\r\n <h3>Wierniowice - Krzy\u017canowice <span class=\"olza-difficulty olza-medium\">\u015bredni<\/span><\/h3>\r\n <p>D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki.<\/p>\r\n <div class=\"olza-route-meta\">12 km \u2022 2 - 2.5 godziny<\/div>\r\n <div class=\"olza-route-extra\">\r\n <section>\r\n <h2>Le\u015bna wyprawa kajakowa: Trasa Wierniowice \u2013 Krzy\u017canowice<\/h2>\r\n <p>Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? <strong>Sp\u0142yw kajakowy z Wierniowic do Krzy\u017canowic<\/strong> pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez malownicze tereny Olzy.<\/p>\r\n <p>Trasa ta wymaga po\u015bwi\u0119cenia oko\u0142o <strong>2 \u2013 2.5 godzin<\/strong>. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i pi\u0119knymi krajobrazami.<\/p>\r\n <h3>Co wyr\u00f3\u017cnia t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Spok\u00f3j i bezpiecze\u0144stwo:<\/strong> Olza na tym odcinku zachowuje \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia.<\/li>\r\n <li><strong>G\u0142\u0119boki relaks w lesie:<\/strong> Odcinek prowadzi przez zalesione tereny i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka!<\/h3>\r\n <ul>\r\n <li><strong>Historia rzeki:<\/strong> Olza by\u0142a wa\u017cnym szlakiem granicznym i transportowym, a jej brzegi kryj\u0105 liczne \u015blady dawnych osad i zabytk\u00f3w.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <div class=\"olza-route-buttons\">\r\n <button class=\"olza-toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <button class=\"olza-reserve-btn\" onclick=\"window.location.href='https:\/\/example.com\/rezerwacja';\">Zarezerwuj kajak<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.olza-toggle-btn').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const extra = button.closest('.olza-route').querySelector('.olza-route-extra');\r\n if(extra.style.display === 'block') {\r\n extra.style.display = 'none';\r\n button.textContent = 'Czytaj wi\u0119cej';\r\n } else {\r\n extra.style.display = 'block';\r\n button.textContent = 'Zwi\u0144';\r\n }\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb118c elementor-widget elementor-widget-html\" data-id=\"9bb118c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"py-16\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"bg-emerald-900 rounded-[2.5rem] relative overflow-hidden shadow-2xl shadow-emerald-900\/30 flex flex-col lg:flex-row items-center border border-emerald-800\">\r\n \r\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-emerald-500\/20 rounded-full blur-[80px] pointer-events-none translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-teal-500\/20 rounded-full blur-[60px] pointer-events-none -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1542601906990-b4d3fb778b09?q=80&w=2000&auto=format&fit=crop')] bg-cover bg-center opacity-10 mix-blend-overlay pointer-events-none\"><\/div>\r\n\r\n <div class=\"lg:w-1\/2 p-8 lg:p-12 relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-emerald-500\/20 border border-emerald-400\/30 text-emerald-300 font-bold text-xs uppercase tracking-widest mb-6\">\r\n <i class=\"ph-fill ph-leaf text-sm\"><\/i> Nasza Misja\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-black text-white mb-6 leading-tight\">\r\n Wsp\u00f3lnie przywracamy blask rzece Szotk\u00f3wce!\r\n <\/h2>\r\n <p class=\"text-emerald-50 text-base leading-relaxed mb-6 opacity-90\">\r\n Kajakarstwo to nie tylko sport, to przede wszystkim szacunek do natury. Zorganizowali\u015bmy ju\u017c cztery wielkie akcje sprz\u0105tania Szotk\u00f3wki z okazji Dnia Ziemi. Nasza dru\u017cyna czystych rzek przemierzy\u0142a wod\u0119 i brzegi, by uwolni\u0107 \u015brodowisko od ogromu \u015bmieci.\r\n <\/p>\r\n <p class=\"text-emerald-200 text-sm font-medium italic border-l-2 border-emerald-500 pl-4\">\r\n \"Praca, kt\u00f3r\u0105 wykonuj\u0105 wolontariusze, ma znaczenie nie tylko dla lokalnej spo\u0142eczno\u015bci, ale i dla przysz\u0142ych pokole\u0144. Rzeka zn\u00f3w jest zdrowym \u015brodowiskiem dla fauny i flory.\"\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 p-8 lg:p-12 w-full relative z-10 flex flex-col gap-4\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-users-three text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">~400<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Wolontariuszy<\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-calendar-check text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">4<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Edycje Akcji<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gradient-to-r from-emerald-500 to-teal-500 rounded-2xl p-6 flex items-center justify-between shadow-lg\">\r\n <div>\r\n <span class=\"text-emerald-50 text-xs font-bold uppercase tracking-widest block mb-1\">Realny wp\u0142yw na przyrod\u0119<\/span>\r\n <span class=\"text-2xl font-black text-white\">Tony zebranych \u015bmieci<\/span>\r\n <\/div>\r\n <div class=\"w-12 h-12 bg-white\/20 rounded-full flex items-center justify-center text-white shrink-0\">\r\n <i class=\"ph-fill ph-recycle text-2xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>er-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-calendar-check text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">6<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Edycje Akcji<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gradient-to-r from-emerald-500 to-teal-500 rounded-2xl p-6 flex items-center justify-between shadow-lg\">\r\n <div>\r\n <span class=\"text-emerald-50 text-xs font-bold uppercase tracking-widest block mb-1\">Zredukowana ilo\u015b\u0107 odpad\u00f3w<\/span>\r\n <span class=\"text-2xl font-black text-white\">Woda czystsza o 65%<\/span>\r\n <\/div>\r\n <div class=\"w-12 h-12 bg-white\/20 rounded-full flex items-center justify-center text-white shrink-0\">\r\n <i class=\"ph-fill ph-drop text-2xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c61cd25 elementor-widget elementor-widget-html\" data-id=\"c61cd25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html> \r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Rzeka Ruda - Widget<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f7f9fc;\r\n}\r\n.widget {\r\n max-width: 820px;\r\n margin: 20px auto;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n.widget-header {\r\n position: relative;\r\n color: white;\r\n padding: 40px 25px; \/* Pomniejszona wysoko\u015b\u0107 zdj\u0119cia *\/\r\n background: url('https:\/\/i.imgur.com\/yt5HUYJ.jpeg') center\/cover no-repeat;\r\n text-align: center; \/* Wy\u015brodkowanie napis\u00f3w na zdj\u0119ciu *\/\r\n}\r\n.widget-header::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.55);\r\n z-index: 0;\r\n}\r\n.widget-header h2, .widget-header p {\r\n position: relative; z-index: 1;\r\n}\r\n.widget-header h2 {\r\n margin: 0; font-size: 26px; color: #fff; display: block; padding: 6px 0;\r\n}\r\n.widget-header p { \r\n margin: 10px auto 0 auto; \r\n font-size: 15px; \r\n color: #f0f0f0; \r\n max-width: 90%; \r\n line-height: 1.5; \r\n}\r\n\r\n.routes { padding: 25px; }\r\n.route {\r\n background: #f7f9fc;\r\n border-radius: 8px;\r\n padding: 18px 22px;\r\n margin-bottom: 15px;\r\n transition: transform 0.2s;\r\n display: flex; \/* Uk\u0142ad flex dla przycisku po prawej *\/\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.route:hover { transform: scale(1.01); }\r\n.route-info { flex: 1; min-width: 250px; margin-right: 20px; }\r\n.route-info h3 { margin: 0 0 6px 0; font-size: 18px; }\r\n.route-info p { margin: 0; font-size: 14px; color: #555; line-height: 1.45; }\r\n.route-meta { font-size: 12px; color: #888; margin-top: 6px; }\r\n\r\n.difficulty {\r\n display: inline-block;\r\n margin-left: 5px;\r\n font-size: 12px;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n color: #fff;\r\n text-transform: lowercase;\r\n}\r\n.easy { background: #4caf50; }\r\n.medium { background: #ff9800; }\r\n.hard { background: #f44336; }\r\n\r\n.route-buttons {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.route button {\r\n background-color: #3399FF;\r\n color: #fff;\r\n border: none;\r\n padding: 11px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: background 0.2s;\r\n white-space: nowrap;\r\n}\r\n.route button:hover { background-color: #1f7ae0; }\r\n\r\n.route-extra { \r\n width: 100%; \r\n display: none; \r\n margin-top: 20px; \r\n font-size: 14px; \r\n color: #333; \r\n border-top: 1px solid #ddd; \r\n padding-top: 15px; \r\n}\r\n.route-extra h2 { font-size: 18px; margin-top: 0; }\r\n.route-extra h3 { font-size: 16px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"widget\">\r\n <div class=\"widget-header\">\r\n <h2>Rzeka Ruda<\/h2>\r\n <p>\r\n Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim, o d\u0142ugo\u015bci oko\u0142o 52 km.\r\n Przep\u0142ywa przez malownicze tereny Rybnika, oferuj\u0105c niezapomniane widoki, spokojne odcinki dla pocz\u0105tkuj\u0105cych\r\n oraz bardziej dynamiczne fragmenty dla os\u00f3b szukaj\u0105cych wyzwa\u0144.\r\n <\/p>\r\n <\/div>\r\n <div class=\"routes\">\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Rybnik Stodo\u0142y - Park Cysters\u00f3w <span class=\"difficulty easy\">\u0142atwy<\/span><\/h3>\r\n <p>Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi.<\/p>\r\n <div class=\"route-meta\">8 km \u2022 1.5 - 2 godziny<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Kajakiem przez Serce \u015al\u0105ska: Trasa Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w w Rudach<\/h2>\r\n <p>Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? <strong>Sp\u0142yw kajakowy Rud\u0105 na odcinku Rybnik Stodo\u0142y \u2013 Rudy<\/strong> to jedna z najbardziej malowniczych tras w po\u0142udniowej Polsce. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Ruda pokazuje swoje najbardziej dzikie i nieoczywiste oblicze.<\/p>\r\n <p>Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o <strong>2-3 godziny<\/strong> relaksu w otoczeniu Parku Krajobrazowego \u201eCysterskie Kompozycje Krajobrazowe Rud Wielkich\u201d.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Niski stopie\u0144 trudno\u015bci:<\/strong> Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na \"pierwszy raz\" w kajaku.<\/li>\r\n <li><strong>Meandry pe\u0142ne niespodzianek:<\/strong> Ruda fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok.<\/li>\r\n <li><strong>Cie\u0144 i ch\u0142\u00f3d:<\/strong> Dzi\u0119ki g\u0119stemu zalesieniu, sp\u0142yw jest komfortowy nawet w upalne, letnie dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej nie mia\u0142e\u015b poj\u0119cia!<\/h3>\r\n <ul>\r\n <li><strong>Ruda, kt\u00f3ra by\u0142a \"Z\u0142ota\":<\/strong> Nazwa rzeki pochodzi od rud \u017celaza, kt\u00f3re niegdy\u015b tu wydobywano. To w\u0142a\u015bnie dzi\u0119ki zasobom tej rzeki region Rud sta\u0142 si\u0119 setki lat temu kluczowym o\u015brodkiem przemys\u0142owym G\u00f3rnego \u015al\u0105ska.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Rybnik Stodo\u0142y - Ruda Kozielska <span class=\"difficulty medium\">\u015bredni<\/span><\/h3>\r\n <p>D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki.<\/p>\r\n <div class=\"route-meta\">10.5 km \u2022 2 - 2.5 godziny<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Le\u015bna wyprawa kajakowa: Trasa Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/h2>\r\n <p>Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? <strong>Sp\u0142yw kajakowy z Rybnika Stod\u00f3\u0142 do Rudy Kozielskiej<\/strong> to rozszerzona wersja klasycznej trasy, kt\u00f3ra pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z nieska\u017con\u0105 przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez samo serce Parku Krajobrazowego \u201eCysterskie Kompozycje Krajobrazowe Rud Wielkich\u201d.<\/p>\r\n <p>Trasa ta jest nieco d\u0142u\u017csza i wymaga po\u015bwi\u0119cenia oko\u0142o <strong>3,5 \u2013 4,5 godziny<\/strong>. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i szumem starych las\u00f3w, kt\u00f3ry zadowoli ka\u017cdego mi\u0142o\u015bnika aktywnego wypoczynku.<\/p>\r\n <h3>Co wyr\u00f3\u017cnia t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Spok\u00f3j i bezpiecze\u0144stwo:<\/strong> Ruda na tym odcinku zachowuje sw\u00f3j \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia.<\/li>\r\n <li><strong>Atrakcja na trasie \u2013 Brantolka:<\/strong> Jednym z najciekawszych punkt\u00f3w sp\u0142ywu jest <strong>przenoska przez ma\u0142\u0105 elektrowni\u0119 wodn\u0105 Brantolka<\/strong>. To kr\u00f3tki post\u00f3j, podczas kt\u00f3rego przenosimy kajaki, maj\u0105c okazj\u0119 z bliska przyjrze\u0107 si\u0119 budowli hydrotechnicznej.<\/li>\r\n <li><strong>G\u0142\u0119boki relaks w lesie:<\/strong> Odcinek do Rudy Kozielskiej prowadzi przez g\u0119ste kompleksy le\u015bne i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej warto wiedzie\u0107!<\/h3>\r\n <ul>\r\n <li><strong>Tajemnica nazwy Brantolka:<\/strong> Czy wiesz, \u017ce miejsce Twojej przenoski zawdzi\u0119cza nazw\u0119 dawnym po\u017carom? S\u0142owo to wywodzi si\u0119 z j\u0119zyka niemieckiego (od <em>brand<\/em> \u2013 po\u017car\/pogorzelisko). Wed\u0142ug lokalnych poda\u0144, setki lat temu w tym miejscu dosz\u0142o do wielkiego po\u017caru lasu lub zabudowa\u0144 m\u0142y\u0144skich.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Ruda Kozielska - Ku\u017ania Raciborska <span class=\"difficulty hard\">trudny<\/span><\/h3>\r\n <p>Najd\u0142u\u017csza i najbardziej wymagaj\u0105ca trasa dla do\u015bwiadczonych kajakarzy.<\/p>\r\n <div class=\"route-meta\">13 km \u2022 3 - 5 godzin<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Wyprawa do dziczy: Trasa Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/h2>\r\n <p>Szukasz prawdziwej przygody z dala od oznak cywilizacji? <strong>Sp\u0142yw kajakowy na odcinku Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/strong> to propozycja dla tych, kt\u00f3rzy chc\u0105 poczu\u0107 absolutn\u0105 jedno\u015b\u0107 z natur\u0105. Tutaj rzeka Ruda zmienia sw\u00f3j charakter, staj\u0105c si\u0119 kr\u0119tym, le\u015bnym szlakiem, gdzie jedynym towarzyszem jest szum wody i \u015bpiew ptak\u00f3w.<\/p>\r\n <p>To trasa dla os\u00f3b ceni\u0105cych spok\u00f3j i ca\u0142kowity brak cywilizacji. Przygotuj si\u0119 na oko\u0142o <strong>4 \u2013 5 godzin<\/strong> intensywnego kontaktu z przyrod\u0105 w jej najbardziej pierwotnej formie. Na tym odcinku zapomnisz o \u015bwiecie zewn\u0119trznym \u2013 to trasa niemal ca\u0142kowicie odci\u0119ta od dr\u00f3g i zabudowa\u0144.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 ten odcinek?<\/h3>\r\n <ul>\r\n <li><strong>Brak cywilizacji:<\/strong> To jeden z niewielu odcink\u00f3w rzeki, gdzie przez wiele kilometr\u00f3w nie miniesz \u017cadnych most\u00f3w czy dom\u00f3w. Tylko Ty i dzika rzeka.<\/li>\r\n <li><strong>Dziki charakter szlaku:<\/strong> Rzeka p\u0142ynie tutaj w swoim naturalnym korycie, cz\u0119sto zaskakuj\u0105c naturalnymi przeszkodami, co dodaje sp\u0142ywowi nutki adrenaliny i sportowego charakteru.<\/li>\r\n <li><strong>Nienaruszony ekosystem:<\/strong> Dzi\u0119ki izolacji od miast, przyroda jest tu na wyci\u0105gni\u0119cie r\u0119ki \u2013 od pot\u0119\u017cnych d\u0119b\u00f3w po rzadkie gatunki ro\u015blin wodnych.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej nie mia\u0142e\u015b poj\u0119cia!<\/h3>\r\n <ul>\r\n <li><strong>Uroczysko \"Barach\":<\/strong> P\u0142yn\u0105c w stron\u0119 Ku\u017ani Raciborskiej, mijasz tereny owiane lokalnymi legendami i niezwyk\u0142\u0105 histori\u0105. Lasy te stanowi\u0105 pot\u0119\u017cny kompleks przyrodniczy, kt\u00f3ry sta\u0142 si\u0119 domem dla rzadkich czarnych bocian\u00f3w i jeleni.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.toggle-btn').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const extra = button.closest('.route').querySelector('.route-extra');\r\n if(extra.style.display === 'block') {\r\n extra.style.display = 'none';\r\n button.textContent = 'Czytaj wi\u0119cej';\r\n } else {\r\n extra.style.display = 'block';\r\n button.textContent = 'Zwi\u0144';\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cd321 elementor-widget elementor-widget-html\" data-id=\"d6cd321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Trasy Kajakowe | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Poznaj nasze malownicze trasy kajakowe na rzekach Ruda, Odra, Olza, Szotk\u00f3wka i Nida. Sprawd\u017a stopie\u0144 trudno\u015bci i czas sp\u0142ywu.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .page-header {\r\n background: linear-gradient(rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.9)), url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=2070&auto=format&fit=crop');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n }\r\n .image-hover-zoom {\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .group:hover .image-hover-zoom {\r\n transform: scale(1.05);\r\n }\r\n \/* P\u0142ynne pojawianie si\u0119 po filtrowaniu *\/\r\n .fade-in-section {\r\n animation: fadeIn 0.4s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white overflow-x-hidden\">\r\n\r\n <div class=\"w-screen relative left-1\/2 right-1\/2 -ml-[50vw] -mr-[50vw] -mt-10\">\r\n\r\n <header class=\"page-header py-32 text-center relative\">\r\n <div class=\"container mx-auto px-4 relative z-10 animate-fade-in\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/10 backdrop-blur-md border border-white\/20 text-emerald-300 font-bold text-xs uppercase tracking-widest mb-8\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/div>\r\n Sezon 2026 Otwarty\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-7xl font-black text-white mb-6 tracking-tight\">Trasy Kajakowe<\/h1>\r\n <p class=\"text-slate-300 max-w-2xl mx-auto text-lg md:text-xl font-light leading-relaxed\">\r\n \u015al\u0105skie rzeki skrywaj\u0105 niesamowite tajemnice. Wybierz tras\u0119 dopasowan\u0105 do swoich umiej\u0119tno\u015bci i prze\u017cyj przygod\u0119 na \u0142onie natury.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm\">\r\n <div class=\"container mx-auto px-4 py-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4 mb-3\">\r\n <div class=\"flex flex-wrap justify-center gap-2\">\r\n <a href=\"#ruda\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Ruda<\/a>\r\n <a href=\"#odra\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Odra<\/a>\r\n <a href=\"#olza\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Olza<\/a>\r\n <a href=\"#szotkowka\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Szotk\u00f3wka<\/a>\r\n <a href=\"#nida\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Nida<\/a>\r\n <\/div>\r\n \r\n <div class=\"flex items-center gap-4 text-xs font-bold text-slate-500 bg-slate-50 px-4 py-2 rounded-xl\">\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"><\/div> \u0141atwy<\/span>\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-yellow-400\"><\/div> \u015aredni<\/span>\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-red-500\"><\/div> Wymagaj\u0105cy<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center md:justify-start gap-2 pt-3 border-t border-slate-100\">\r\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest mr-2 flex items-center gap-1\"><i class=\"ph-bold ph-faders\"><\/i> Filtruj trasy:<\/span>\r\n <button class=\"filter-btn bg-emerald-500 text-white shadow-md px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"all\">Wszystkie<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"easy\">\ud83d\udc76 Dla pocz\u0105tkuj\u0105cych \/ Rodzin<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"short\">\u23f1\ufe0f Kr\u00f3tkie (do 2.5h)<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"hard\">\ud83d\udd25 Wi\u0119cej adrenaliny<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"py-16\">\r\n\r\n <section id=\"ruda\" class=\"py-16 relative river-card fade-in-section\" data-categories=\"all easy short hard\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 order-2 lg:order-1\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"bg-yellow-100 text-yellow-700 px-3 py-1 rounded-md text-xs font-bold uppercase tracking-widest flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-500\"><\/div> Poziom \u015aredni\r\n <\/span>\r\n <span class=\"text-slate-400 text-sm font-bold\"><i class=\"ph-bold ph-baby\"><\/i> Dla pocz\u0105tkuj\u0105cych<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Rzeka Ruda<\/h2>\r\n <p class=\"text-slate-600 text-lg leading-relaxed mb-8\">\r\n Jeden z najciekawszych szlak\u00f3w w wojew\u00f3dztwie \u015al\u0105skim. Rzeka o d\u0142ugo\u015bci 52 km, przep\u0142ywaj\u0105ca przez malownicze tereny Rybnika. W miar\u0119 sp\u0142ywu w d\u00f3\u0142 rzeki, nurt staje si\u0119 bardziej zr\u00f3\u017cnicowany, a powalone drzewa dodaj\u0105 trasie charakteru.\r\n <\/p>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-slate-900\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/h3>\r\n <span class=\"bg-slate-100 text-slate-700 px-3 py-1 rounded-lg text-xs font-black uppercase\">8 km \/ 1.5-2h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-500\">Kr\u00f3tka, relaksuj\u0105ca trasa. Idealna opcja na zapoznanie si\u0119 z rzek\u0105. Ko\u0144czy si\u0119 przy zabytkowym parku.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-slate-900\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/h3>\r\n <span class=\"bg-slate-100 text-slate-700 px-3 py-1 rounded-lg text-xs font-black uppercase\">10.5 km \/ 2-2.5h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-500\">D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i przyspiesze\u0144 nurtu.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-yellow-200 bg-yellow-50 shadow-sm transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-yellow-900\">Ruda Kozielska \u2013 Ku\u017ania Raciborska <span class=\"text-red-500 text-xs align-top\">*Wymagaj\u0105ca<\/span><\/h3>\r\n <span class=\"bg-yellow-200 text-yellow-800 px-3 py-1 rounded-lg text-xs font-black uppercase\">13 km \/ 3-5h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-yellow-800\/80\">Najd\u0142u\u017csza trasa ze zmiennym charakterem rzeki i naturalnymi przeszkodami. Dla os\u00f3b z do\u015bwiadczeniem.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-slate-200 shadow-sm h-56 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Rzeka+Ruda,+Rybnik+Stodo\u0142y&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2 order-1 lg:order-2 group\">\r\n <div class=\"relative rounded-[2rem] overflow-hidden shadow-2xl aspect-[4\/3]\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/zc2Uljt_d.webp?maxwidth=1520&fidelity=grand\" alt=\"Rzeka Ruda - dzika natura\" class=\"w-full h-full object-cover image-hover-zoom\">\r\n <div class=\"absolute bottom-6 left-6 right-6 bg-white\/90 backdrop-blur-md p-4 rounded-xl border border-white\/20 shadow-lg\">\r\n <p class=\"text-sm font-bold text-emerald-800 flex items-center gap-2\"><i class=\"ph-fill ph-lightbulb\"><\/i> Okiem Instruktora<\/p>\r\n <p class=\"text-xs text-slate-600 mt-1\">\"Ruda w dolnym biegu lubi zaskoczy\u0107 zwa\u0142kami drzew. Je\u015bli lubisz si\u0119 troch\u0119 nagimnastykowa\u0107 w kajaku, odcinek do Ku\u017ani b\u0119dzie strza\u0142em w dziesi\u0105tk\u0119!\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"odra\" class=\"py-16 bg-slate-50 relative border-y border-slate-100 river-card fade-in-section\" data-categories=\"all easy short\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 group\">\r\n <div class=\"relative rounded-[2rem] overflow-hidden shadow-xl aspect-[4\/3]\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/tdsN8CJ_d.webp?maxwidth=1520&fidelity=grand\" alt=\"Rzeka Odra - szerokie wody\" class=\"w-full h-full object-cover image-hover-zoom\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"bg-emerald-100 text-emerald-700 px-3 py-1 rounded-md text-xs font-bold uppercase tracking-widest flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div> Poziom \u0141atwy\r\n <\/span>\r\n <span class=\"text-slate-400 text-sm font-bold\"><i class=\"ph-bold ph-users\"><\/i> Dla aktywnych<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Rzeka Odra<\/h2>\r\n <p class=\"text-slate-600 text-lg leading-relaxed mb-8\">\r\n Jeden z najbardziej rozpoznawalnych szlak\u00f3w w Polsce. Odra to majestatyczna i szeroka rzeka, idealna na spokojny relaks. Umiarkowany nurt pozwala w pe\u0142ni podziwia\u0107 otaczaj\u0105c\u0105 przyrod\u0119, bez konieczno\u015bci ci\u0105g\u0142ego manewrowania.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-200\">\r\n <h3 class=\"font-bold text-lg text-slate-900 mb-1\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/h3>\r\n <p class=\"text-xs text-emerald-600 font-bold uppercase tracking-wider mb-3\">8 km | 1.5 - 2h<\/p>\r\n <p class=\"text-sm text-slate-500\">Spokojna atmosfera, idealna opcja dla rodzin z ma\u0142ymi dzie\u0107mi i na pierwszy sp\u0142yw.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-200\">\r\n <h3 class=\"font-bold text-lg text-slate-900 mb-1\">Cha\u0142upki \u2013 Krzy\u017canowice<\/h3>\r\n <p class=\"text-xs text-emerald-600 font-bold uppercase tracking-wider mb-3\">12 km | 2 - 2.5h<\/p>\r\n <p class=\"text-sm text-slate-500\">Prosta trasa, bez meandr\u00f3w. Gwarantuje du\u017co \"luzu\" i d\u0142ugie, widokowe proste.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-slate-200 shadow-sm h-56 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Cha\u0142upki,+Odra&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n \r\n <div id=\"olza\" class=\"bg-white rounded-3xl border border-slate-100 p-8 shadow-sm flex flex-col river-card fade-in-section\" data-categories=\"all easy short\">\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <h2 class=\"text-3xl font-black text-slate-900\">Rzeka Olza<\/h2>\r\n <div class=\"flex items-center gap-1 bg-emerald-100 px-3 py-1 rounded-full\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div>\r\n <span class=\"text-emerald-700 text-xs font-bold uppercase\">\u0141atwy<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-8\">\r\n Graniczna, pe\u0142na uroku rzeka o d\u0142ugo\u015bci 74 km. Malownicze zakola \u015al\u0105ska Cieszy\u0144skiego i dzika przyroda. Im dalej w d\u00f3\u0142, tym nurt staje si\u0119 bardziej zr\u00f3\u017cnicowany.\r\n <\/p>\r\n \r\n <div class=\"space-y-3 mb-8\">\r\n <div class=\"p-4 bg-slate-50 rounded-xl flex justify-between items-center hover:bg-emerald-50 transition\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/h4>\r\n <p class=\"text-xs text-slate-500\">\u0141agodny nurt, pe\u0142en relaks.<\/p>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-slate-900\">8 km<\/span>\r\n <span class=\"text-xs text-emerald-600 font-bold\">1.5 - 2h<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-4 bg-slate-50 rounded-xl flex justify-between items-center hover:bg-emerald-50 transition\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800\">Wierniowice \u2013 Krzy\u017canowice<\/h4>\r\n <p class=\"text-xs text-slate-500\">Wi\u0119ksza dynamika nurtu.<\/p>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-slate-900\">12 km<\/span>\r\n <span class=\"text-xs text-emerald-600 font-bold\">2 - 2.5h<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto pt-4\">\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2 text-sm\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy<\/h4>\r\n <div class=\"rounded-xl overflow-hidden border border-slate-200 shadow-sm h-48 w-full bg-slate-100\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Olza,+Zabe\u0142k\u00f3w&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"szotkowka\" class=\"bg-slate-900 rounded-3xl border border-slate-800 p-8 shadow-xl text-white flex flex-col relative overflow-hidden river-card fade-in-section\" data-categories=\"all short hard\">\r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-500\/10 rounded-full blur-3xl -mr-20 -mt-20 pointer-events-none\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-6 relative z-10\">\r\n <h2 class=\"text-3xl font-black text-white\">Szotk\u00f3wka<\/h2>\r\n <div class=\"flex items-center gap-1 bg-yellow-500\/20 px-3 py-1 rounded-full border border-yellow-500\/30\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-400\"><\/div>\r\n <span class=\"text-yellow-400 text-xs font-bold uppercase\">\u015aredni<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-slate-300 mb-8 relative z-10\">\r\n Ma\u0142a (ok. 40 km), ale bardzo urokliwa rzeka le\u015bno-\u0142\u0105kowa. Dostarcza wi\u0119cej adrenaliny dzi\u0119ki licznym zakr\u0119tom i s\u0142ynnej rynnie w\u015blizgowej na jazie!\r\n <\/p>\r\n \r\n <div class=\"space-y-4 relative z-10 mb-8\">\r\n <div class=\"flex gap-4 border-l-2 border-slate-500 pl-4 py-1\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">2.5 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-emerald-100\">Zielony Most \u2013 Fort Ba\u0142aj <span class=\"text-slate-300 text-xs font-normal\">(1h)<\/span><\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 border-l-2 border-yellow-500 pl-4 py-1\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">7 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-yellow-400\">Fort Ba\u0142aj \u2013 G\u0142\u0119bocz <span class=\"text-slate-300 text-xs font-normal\">(2.5h)<\/span><\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 border-l-2 border-emerald-500 pl-4 py-1 bg-emerald-900\/30 p-2 rounded-r-lg\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">3 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-emerald-100\">G\u0142\u0119bocz \u2013 God\u00f3w <span class=\"text-emerald-300 text-xs font-normal\">(1.5h)<\/span><\/h4>\r\n <p class=\"text-xs text-slate-300 mt-1\"><i class=\"ph-fill ph-warning-circle text-yellow-500\"><\/i> Obejmuje zjazd rynn\u0105 na jazie!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto pt-4 relative z-10\">\r\n <h4 class=\"font-bold text-emerald-100 mb-2 flex items-center gap-2 text-sm\"><i class=\"ph-bold ph-map-trifold text-emerald-400\"><\/i> Podgl\u0105d trasy<\/h4>\r\n <div class=\"rounded-xl overflow-hidden border border-slate-700 shadow-sm h-48 w-full bg-slate-800\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Szotk\u00f3wka,+God\u00f3w&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nida\" class=\"py-16 bg-white river-card fade-in-section\" data-categories=\"all easy hard\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"bg-emerald-50 rounded-[3rem] p-8 md:p-12 text-center border border-emerald-100\">\r\n <span class=\"inline-block bg-white text-emerald-700 px-4 py-1 rounded-full text-xs font-bold uppercase tracking-widest shadow-sm mb-6\">Wojew\u00f3dztwo \u015awi\u0119tokrzyskie<\/span>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Wyprawa na rzek\u0119 Nida<\/h2>\r\n <p class=\"text-slate-600 text-lg mb-10 max-w-2xl mx-auto\">\r\n Doskona\u0142a propozycja na ca\u0142odniow\u0105 wypraw\u0119. Nida p\u0142ynie przez przepi\u0119kne obszary chronione, oferuj\u0105c 134 km szlaku. Organizujemy kompleksowe wyjazdy z Jastrz\u0119bia-Zdroju.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left mb-10\">\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-xl text-slate-900\">Zielonki \u2013 Stary Korczyn<\/h3>\r\n <span class=\"text-yellow-500 font-bold text-xs bg-yellow-50 px-2 py-1 rounded\">\u015aredni<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-emerald-600 font-bold mb-3\">14 km | 3 - 5 godzin<\/p>\r\n <p class=\"text-sm text-slate-600\">D\u0142u\u017csza trasa. Rzeka nabiera tempa i wprowadza momenty, kt\u00f3re dodaj\u0105 emocji. \u015awietny balans adrenaliny i relaksu.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-xl text-slate-900\">Stary Korczyn \u2013 Nowy Korczyn<\/h3>\r\n <span class=\"text-emerald-500 font-bold text-xs bg-emerald-50 px-2 py-1 rounded\">\u0141atwy<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-emerald-600 font-bold mb-3\">6-7 km | 2 - 2.5 godziny<\/p>\r\n <p class=\"text-sm text-slate-600\">Kr\u00f3tka, bardzo \u0142agodna trasa. Idealna na spokojny wypad bez stresu. Pi\u0119kne widoki gwarantowane.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 text-left\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice Korczyna)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-emerald-100 shadow-sm h-64 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Rzeka+Nida,+Nowy+Korczyn&t=&z=11&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"inline-block bg-white px-6 py-4 rounded-2xl shadow-sm border border-emerald-100 text-sm text-slate-700 font-medium\">\r\n <i class=\"ph-fill ph-gift text-emerald-500 text-lg align-middle mr-2\"><\/i>\r\n Pakiet Nida: W cen\u0119 sp\u0142ywu wliczony jest transport z Jastrz\u0119bia-Zdroju, \u017bor i Wodzis\u0142awia \u015al., oraz gor\u0105ca herbata i wsp\u00f3lny grill na mecie!\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-emerald-900 text-center\">\r\n <div class=\"container mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6\">Gotowy na wodn\u0105 przygod\u0119?<\/h2>\r\n <p class=\"text-emerald-100 mb-10 max-w-xl mx-auto\">Wybierz rzek\u0119, zbierz ekip\u0119 i zarezerwuj termin. My zajmiemy si\u0119 reszt\u0105 sprz\u0119tu i logistyk\u0105.<\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-3 bg-white text-emerald-900 px-8 py-4 rounded-xl text-lg font-black hover:bg-emerald-500 hover:text-white transition transform hover:-translate-y-1 shadow-2xl shadow-emerald-950\">\r\n Zadzwo\u0144 i Rezerwuj: 690 240 819\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const riverCards = document.querySelectorAll('.river-card');\r\n\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Usu\u0144 aktywne style ze wszystkich przycisk\u00f3w\r\n filterBtns.forEach(b => {\r\n b.classList.remove('bg-emerald-500', 'text-white', 'shadow-md');\r\n b.classList.add('bg-slate-100', 'text-slate-600', 'hover:bg-slate-200');\r\n });\r\n \r\n \/\/ Dodaj aktywne style do klikni\u0119tego przycisku\r\n btn.classList.add('bg-emerald-500', 'text-white', 'shadow-md');\r\n btn.classList.remove('bg-slate-100', 'text-slate-600', 'hover:bg-slate-200');\r\n\r\n const filterValue = btn.getAttribute('data-filter');\r\n\r\n \/\/ Poka\u017c\/ukryj rzeki w oparciu o ich kategorie (data-categories)\r\n riverCards.forEach(card => {\r\n \/\/ Restart animacji wej\u015bcia\r\n card.classList.remove('fade-in-section');\r\n void card.offsetWidth; \/\/ trigger reflow\r\n\r\n const categories = card.getAttribute('data-categories').split(' ');\r\n \r\n if (categories.includes(filterValue)) {\r\n card.classList.remove('hidden');\r\n card.classList.add('fade-in-section');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c733c91 elementor-widget elementor-widget-html\" data-id=\"c733c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Wypo\u017cyczalnia Kajak\u00f3w | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Samodzielna wypo\u017cyczalnia sprz\u0119tu kajakowego. Przyjed\u017a do naszej bazy, wynajmij kajak na wybran\u0105 ilo\u015b\u0107 dni i zorganizuj sp\u0142yw na w\u0142asnych zasadach.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-storefront\"><\/i> Baza sprz\u0119towa Jastrz\u0119bie-Zdr\u00f3j\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Wypo\u017cyczalnia Sprz\u0119tu<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Idealna opcja dla os\u00f3b organizuj\u0105cych sp\u0142yw we w\u0142asnym zakresie. Przyje\u017cd\u017casz, odbierasz sprz\u0119t na okre\u015blon\u0105 liczb\u0119 dni i realizujesz sw\u00f3j w\u0142asny plan podr\u00f3\u017cy.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\r\n <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-emerald-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-1\/2 h-1\/2 bg-slate-800\/50 rounded-tl-full blur-3xl\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zasady wynajmu<\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6\">Jak dzia\u0142a wypo\u017cyczalnia?<\/h2>\r\n <p class=\"text-slate-300 text-lg leading-relaxed\">\r\n Oferta wypo\u017cyczalni r\u00f3\u017cni si\u0119 od naszych zorganizowanych sp\u0142yw\u00f3w. Tutaj p\u0142acisz wy\u0142\u0105cznie za sprz\u0119t, kt\u00f3ry odbierasz na okre\u015blony czas. To Ty jeste\u015b sterem, \u017ceglarzem i okr\u0119tem!\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">1<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-map-pin-line\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Odbi\u00f3r w bazie<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Przyje\u017cd\u017casz do naszej bazy (ul. Pszczy\u0144ska 392). Sprz\u0119t czeka na Ciebie gotowy do za\u0142adunku.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">2<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-calendar-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Czasowy wynajem<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Wynajmujesz kajaki na okre\u015blon\u0105 liczb\u0119 dni (doby). Niezale\u017cnie od tego, ile kilometr\u00f3w przep\u0142yniesz.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">3<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-compass\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">W\u0142asna trasa<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Sam decydujesz, gdzie p\u0142ywasz. Organizacja sp\u0142ywu i bezpiecze\u0144stwo na wodzie le\u017cy po Twojej stronie.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">4<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Transport opcjonalny<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Nie masz mo\u017cliwo\u015bci przewozu? Mo\u017cesz zleci\u0107 nam dow\u00f3z sprz\u0119tu we wskazane miejsce (us\u0142uga dodatkowo p\u0142atna).\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-12\">\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-4\">Cennik samego sprz\u0119tu<\/h2>\r\n <p class=\"text-slate-600\">Poni\u017csze ceny dotycz\u0105 <b>wy\u0142\u0105cznie wynajmu sprz\u0119tu odbieranego z bazy<\/b>. Je\u015bli interesuje Ci\u0119 kompleksowa organizacja sp\u0142ywu, sprawd\u017a ofert\u0119 w zak\u0142adce \"Trasy\/Sp\u0142ywy zorganizowane\".<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-[2.5rem] p-8 lg:p-12 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-slate-50 rounded-bl-full -z-10 group-hover:bg-emerald-50 transition-colors duration-500\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-2\">Kajak 1-osobowy<\/h2>\r\n <p class=\"text-slate-500 text-sm\">Wygodny kajak jednoosobowy z zestawem akcesori\u00f3w.<\/p>\r\n <\/div>\r\n <div class=\"w-16 h-16 bg-slate-50 rounded-2xl flex items-center justify-center text-slate-400\">\r\n <i class=\"ph-fill ph-user text-3xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-4 mb-10\">\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-slate-50 border border-slate-100\">\r\n <span class=\"font-bold text-slate-700\">1 dzie\u0144 (doba)<\/span>\r\n <span class=\"text-2xl font-black text-slate-900\">80 z\u0142 <span class=\"text-sm font-medium text-slate-400\">\/kajak<\/span><\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 10%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">2 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">144 z\u0142<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 15%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">3 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">204 z\u0142<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-[2.5rem] p-8 lg:p-12 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-slate-50 rounded-bl-full -z-10 group-hover:bg-emerald-50 transition-colors duration-500\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-2\">Kajak 2-osobowy<\/h2>\r\n <p class=\"text-slate-500 text-sm\">Sprawdzony sprz\u0119t dla dw\u00f3ch os\u00f3b z zestawem akcesori\u00f3w.<\/p>\r\n <\/div>\r\n <div class=\"w-16 h-16 bg-slate-50 rounded-2xl flex items-center justify-center text-slate-400\">\r\n <i class=\"ph-fill ph-users text-3xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-4 mb-10\">\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-slate-50 border border-slate-100\">\r\n <span class=\"font-bold text-slate-700\">1 dzie\u0144 (doba)<\/span>\r\n <span class=\"text-2xl font-black text-slate-900\">100 z\u0142 <span class=\"text-sm font-medium text-slate-400\">\/kajak<\/span><\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 10%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">2 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">180 z\u0142<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"max-w-5xl mx-auto mt-16 grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n \r\n <div class=\"md:col-span-1 bg-slate-900 rounded-3xl p-8 text-white relative overflow-hidden border border-slate-800 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-4 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <h3 class=\"font-bold text-xl mb-4 relative z-10 text-white\">W cenie wynajmu:<\/h3>\r\n <p class=\"text-slate-300 text-sm mb-6 relative z-10\">P\u0142acisz za kajak, ale dla Twojego bezpiecze\u0144stwa i wygody dorzucamy niezb\u0119dny osprz\u0119t.<\/p>\r\n <ul class=\"space-y-3 relative z-10 text-sm font-medium text-emerald-400\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check-circle text-emerald-500\"><\/i> Kamizelki asekuracyjne<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check-circle text-emerald-500\"><\/i> Wios\u0142a do ka\u017cdego miejsca<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-2 bg-white rounded-3xl p-8 border border-slate-200 shadow-sm flex flex-col justify-center\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 rounded-full bg-slate-100 flex items-center justify-center text-slate-600\">\r\n <i class=\"ph-fill ph-truck text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl text-slate-900\">Transport sprz\u0119tu (Opcja p\u0142atna)<\/h3>\r\n <p class=\"text-slate-500 text-sm\">Nie masz baga\u017cnika na dachu? Przewieziemy wynaj\u0119te kajaki na start Twojego sp\u0142ywu.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div class=\"p-4 border border-slate-100 rounded-2xl flex justify-between items-center bg-slate-50 hover:bg-white hover:border-emerald-200 transition-colors\">\r\n <div>\r\n <span class=\"block font-bold text-slate-800\">Ma\u0142a przyczepa<\/span>\r\n <span class=\"text-xs font-medium text-slate-500\">Do 20 miejsc<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-emerald-600\">550 - 600 z\u0142<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-4 border border-slate-100 rounded-2xl flex justify-between items-center bg-slate-50 hover:bg-white hover:border-emerald-200 transition-colors\">\r\n <div>\r\n <span class=\"block font-bold text-slate-800\">Du\u017ca przyczepa<\/span>\r\n <span class=\"text-xs font-medium text-slate-500\">Do 30 miejsc<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-emerald-600\">1000 - 1100 z\u0142<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 border-t border-slate-800\/60 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Organizujemy kompleksowe sp\u0142ywy oraz prowadzimy profesjonaln\u0105 wypo\u017cyczalni\u0119 sprz\u0119tu. Odkryj z nami natur\u0119!\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"index.html#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"index.html#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"index.html#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <li><a href=\"index.html#nida\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Nida<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Nawigacja<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Strona G\u0142\u00f3wna<\/a><\/li>\r\n <li><a href=\"wypozyczalnia.html\" class=\"group flex items-center text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-6 bg-emerald-500 mr-3 transition-all duration-300\"><\/span>Wypo\u017cyczalnia<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Regulamin<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-400 text-xs font-semibold uppercase tracking-wider mb-0.5\">Wypo\u017cyczalnia i Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n \u00a9 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c7f4d elementor-widget elementor-widget-html\" data-id=\"d0c7f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Przed sp\u0142ywem - Przygotowania | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Dowiedz si\u0119, jak przygotowa\u0107 si\u0119 do sp\u0142ywu kajakowego. Praktyczne porady dotycz\u0105ce ubioru, bezpiecze\u0144stwa i sprz\u0119tu na rzece.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-info\"><\/i> Wa\u017cne informacje\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Przed Sp\u0142ywem<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Wszystko, co musisz wiedzie\u0107, by cieszy\u0107 si\u0119 bezpieczn\u0105 i komfortow\u0105 przygod\u0105 na wodzie. Poznaj nasze wskaz\u00f3wki dotycz\u0105ce przygotowania, ubioru i zachowania na rzece.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Krok po kroku<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Jak przygotowa\u0107 si\u0119 do kajakowej przygody?<\/h2>\r\n <p class=\"text-slate-600 text-lg\">\r\n Sp\u0142ywy kajakowe to wspania\u0142a okazja do sp\u0119dzenia czasu na \u0142onie natury, ale wymagaj\u0105 odpowiedniego przygotowania. Przeczytaj nasze najwa\u017cniejsze porady.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-t-shirt text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-backpack\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Ubi\u00f3r i ekwipunek<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Co za\u0142o\u017cy\u0107?<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Odzie\u017c wodoodporna to podstawa (str\u00f3j neoprenowy \u015bwietnie sprawdzi si\u0119 w ch\u0142odniejsze dni). Pami\u0119taj o specjalnym wodoodpornym obuwiu oraz nakryciu g\u0142owy chroni\u0105cym przed s\u0142o\u0144cem.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Co zabra\u0107?<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Zabierz wod\u0119, by utrzyma\u0107 nawodnienie, energetyczne przek\u0105ski na d\u0142ugie przerwy, krem z filtrem oraz zabezpieczony aparat do robienia zdj\u0119\u0107. Warto wyposa\u017cy\u0107 si\u0119 w wodoszczelne worki na swoje rzeczy.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-shield-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">Bezpiecze\u0144stwo<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Zawsze no\u015b kamizelk\u0119 ratunkow\u0105, niezale\u017cnie od do\u015bwiadczenia!<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-cloud-sun text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Sprawdzaj pogod\u0119 \u2013 nie polecamy wyp\u0142ywa\u0107 podczas silnego wiatru i burz.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-file-text text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Przed wyruszeniem w trudniejsze warunki warto zaopatrzy\u0107 si\u0119 w ubezpieczenie.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-map-trifold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Trasa i Kajak<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Dostosuj szlak do swojego poziomu. Je\u015bli jeste\u015b pocz\u0105tkuj\u0105cy, unikaj rzek wymagaj\u0105cych techniki i wybierz spokojne jeziora. Dobierz sprz\u0119t: kajak 1-osobowy, 2-osobowy lub rodzinny z niezb\u0119dnymi wios\u0142ami.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Etykieta w Grupie<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Szanuj innych na wodzie i zachowuj bezpieczny dystans. Dbaj o natur\u0119, absolutnie nie zostawiaj\u0105c \u015bmieci. Podczas sp\u0142yw\u00f3w grupowych planujcie wsp\u00f3lnie przystanki i dostosujcie tempo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-barbell\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Trening i Relaks<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Wios\u0142owanie wymaga si\u0142y w ramionach, dlatego po\u0107wicz g\u00f3rne partie cia\u0142a przed wypraw\u0105. Po sp\u0142ywie koniecznie osusz sprz\u0119t, by unikn\u0105\u0107 uszkodze\u0144, a na sam koniec zrelaksuj si\u0119 na ognisku z grup\u0105!\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-6xl\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-emerald-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zaufali nam<\/span>\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Opinie Nasi Klient\u00f3w<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Sp\u0142yw kajakowy zorganizowany to absolutny hit! Trasa by\u0142a pi\u0119knie zaplanowana, widoki zapiera\u0142y dech w piersiach, a przewodnik by\u0142 bardzo pomocny i sympatyczny. Na pewno wr\u00f3cimy w przysz\u0142ym sezonie!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Robert Nowak<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Pierwszy raz wybra\u0142am si\u0119 na sp\u0142yw kajakowy i jestem zachwycona! Wszystko by\u0142o dopi\u0119te na ostatni guzik - od sprz\u0119tu po instrukcje bezpiecze\u0144stwa. Mogli\u015bmy si\u0119 skupi\u0107 wy\u0142\u0105cznie na relaksie.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Milena Madeja<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Sp\u0142yw kajakowy okaza\u0142 si\u0119 strza\u0142em w dziesi\u0105tk\u0119 na sp\u0119dzenie aktywnego weekendu. Rzeka by\u0142a malownicza, a tempo sp\u0142ywu dostosowane. To by\u0142a jedna z lepszych przyg\u00f3d tego lata!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Aleksander Mieszko<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Organizujemy kompleksowe sp\u0142ywy oraz prowadzimy profesjonaln\u0105 wypo\u017cyczalni\u0119 sprz\u0119tu. Odkryj z nami natur\u0119!\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"index.html#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"index.html#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"index.html#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Nawigacja<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Strona G\u0142\u00f3wna<\/a><\/li>\r\n <li><a href=\"wypozyczalnia.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Wypo\u017cyczalnia<\/a><\/li>\r\n <li><a href=\"przed-splywem.html\" class=\"group flex items-center text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-6 bg-emerald-500 mr-3 transition-all duration-300\"><\/span>Przed sp\u0142ywem<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-400 text-xs font-semibold uppercase tracking-wider mb-0.5\">Informacje i Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n \u00a9 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89a3310 elementor-widget elementor-widget-html\" data-id=\"89a3310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Regulamin Sp\u0142yw\u00f3w | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Regulamin sp\u0142yw\u00f3w kajakowych organizowanych przez Sp\u0142ywy Kajakowe Pietrzyk. Poznaj nasze zasady i warunki bezpiecze\u0144stwa na wodzie.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 left-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-file-text\"><\/i> Dokumenty i Zasady\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Regulamin Sp\u0142yw\u00f3w<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Zale\u017cy nam na Twoim komforcie i stuprocentowym bezpiecze\u0144stwie. Prosimy o uwa\u017cne zapoznanie si\u0119 z zasadami uczestnictwa w naszych sp\u0142ywach na rzekach: Odra, Ruda, Olza, Nida oraz Szotk\u00f3wka.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-gavel\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Postanowienia og\u00f3lne<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Niniejszy regulamin zosta\u0142 sporz\u0105dzony zgodnie z obowi\u0105zuj\u0105cymi przepisami prawa i okre\u015bla zasady uczestnictwa w sp\u0142ywach.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Obowi\u0105zuje na ca\u0142ej d\u0142ugo\u015bci rzek oraz podczas ca\u0142ego procesu organizacji sp\u0142ywu.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Organizator zapewnia bezpieczne warunki, zgodne z Prawem wodnym i Prawem o ruchu drogowym.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Udzia\u0142 w sp\u0142ywie oznacza bezwzgl\u0119dn\u0105 akceptacj\u0119 niniejszego regulaminu.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Warunki uczestnictwa<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> W sp\u0142ywie mog\u0105 bra\u0107 udzia\u0142 osoby pe\u0142noletnie oraz niepe\u0142noletnie od 14 roku \u017cycia (wymagana pisemna zgoda i opieka osoby doros\u0142ej).<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> Uczestnik podpisuje o\u015bwiadczenie o udziale na w\u0142asn\u0105 odpowiedzialno\u015b\u0107.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> Wymagane s\u0105 podstawowe umiej\u0119tno\u015bci p\u0142ywania, co organizator mo\u017ce zweryfikowa\u0107.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1 shrink-0\"><\/i> Ca\u0142kowity zakaz udzia\u0142u dla os\u00f3b po spo\u017cyciu alkoholu, \u015brodk\u00f3w odurzaj\u0105cych oraz os\u00f3b z przeciwwskazaniami zdrowotnymi.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white md:col-span-2 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-shield-warning\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-white\">Zasady bezpiecze\u0144stwa na wodzie<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10 text-sm text-slate-300\">\r\n <ul class=\"space-y-3\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Obowi\u0105zek noszenia kamizelki asekuracyjnej przez ca\u0142y czas w kajaku.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Kategoryczny zakaz spo\u017cywania alkoholu i substancji odurzaj\u0105cych na trasie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Zakaz k\u0105pieli poza miejscami \u015bci\u015ble wyznaczonymi.<\/li>\r\n <\/ul>\r\n <ul class=\"space-y-3\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-info text-emerald-400 mt-1 shrink-0\"><\/i> Bezwzgl\u0119dne przestrzeganie polece\u0144 organizatora i opiekun\u00f3w.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-info text-emerald-400 mt-1 shrink-0\"><\/i> Organizator mo\u017ce odwo\u0142a\u0107 sp\u0142yw m.in. z powodu z\u0142ych warunk\u00f3w pogodowych lub wysokich stan\u00f3w w\u00f3d.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-leaf\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Ochrona \u015brodowiska<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Obowi\u0105zuje przestrzeganie ustawy o ochronie przyrody z dn. 16 kwietnia 2004 r..<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Kategoryczny zakaz wyrzucania odpad\u00f3w do wody i na brzegi.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Zabronione jest niszczenie flory, p\u0142oszenie zwierz\u0105t oraz zanieczyszczanie rzek.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> \u015amieci uczestnik musi zabra\u0107 ze sob\u0105 do wyznaczonych miejsc.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-canoe\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Sprz\u0119t i mienie<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Organizator wydaje w pe\u0142ni sprawny i bezpieczny sprz\u0119t (kajaki, wios\u0142a, worki, kamizelki).<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Uczestnik dba o sprz\u0119t i ponosi pe\u0142n\u0105 odpowiedzialno\u015b\u0107 materialn\u0105 za zgubienie lub zniszczenie wynikaj\u0105ce z zaniedbania.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Organizator nie bierze odpowiedzialno\u015bci za utrat\u0119 lub zamoczenie rzeczy osobistych.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 md:col-span-2 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 divide-y md:divide-y-0 md:divide-x divide-slate-100\">\r\n \r\n <div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-flag-banner text-emerald-500 text-xl\"><\/i>\r\n <h3 class=\"font-bold text-slate-900\">Obowi\u0105zki Organizatora<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-2 text-sm text-slate-600\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Zapewnia opiek\u0119, bezpiecze\u0144stwo i oznakowanie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Przeprowadza instrukta\u017c (kajakowanie, ratownictwo, pierwsza pomoc) przed startem.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Gwarantuje kontakt telefoniczny w razie awarii i wsparcie logistyczne.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 md:pt-0 md:pl-8\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-user-focus text-emerald-500 text-xl\"><\/i>\r\n <h3 class=\"font-bold text-slate-900\">Odpowiedzialno\u015b\u0107 Uczestnik\u00f3w<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-2 text-sm text-slate-600\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Naruszenie regulaminu skutkuje wykluczeniem ze sp\u0142ywu.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Uczestnik ma obowi\u0105zek pokrycia strat za wyrz\u0105dzone szkody na sprz\u0119cie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Pe\u0142na odpowiedzialno\u015b\u0107 cywilna za szkody na innych uczestnikach, organizatorze lub osobach trzecich.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-12 text-center text-sm text-slate-500 bg-slate-100 rounded-2xl p-6 border border-slate-200\">\r\n <p class=\"mb-2\"><strong>Wa\u017cne ustalenia ko\u0144cowe:<\/strong> Sprawy nieuregulowane rozstrzyga organizator w oparciu o kodeks cywilny. Organizator ma prawo odwo\u0142a\u0107 sp\u0142yw w razie si\u0142y wy\u017cszej. Ewentualne spory rozstrzyga s\u0105d w\u0142a\u015bciwy dla siedziby organizatora.<\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-300 font-medium\">\r\n <p>Organizator: F.H.U Marzena Sa\u0142uga<\/p>\r\n <p>Data wej\u015bcia w \u017cycie regulaminu: 01.01.2025 r.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1b557 elementor-widget elementor-widget-html\" data-id=\"1a1b557\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Oferta dla firm - Imprezy Integracyjne | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Kompleksowa organizacja sp\u0142yw\u00f3w kajakowych dla firm. Oferujemy pe\u0142n\u0105 integracj\u0119, transport, catering (\u017curek, grill) i opiek\u0119 instruktor\u00f3w.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-briefcase\"><\/i> Integracja i relaks na wodzie\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Oferta dla Firm<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Budowanie relacji i zgranego zespo\u0142u nigdy nie by\u0142o przyjemniejsze. Oferujemy kompleksow\u0105 organizacj\u0119 firmowych sp\u0142yw\u00f3w kajakowych, profesjonaln\u0105 obs\u0142ug\u0119 i niezapomniane wra\u017cenia na \u015bwie\u017cym powietrzu.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-50 border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Sp\u0142ywy B2B<\/h2>\r\n <h3 class=\"text-4xl font-black text-slate-900 mb-6\">Wsp\u00f3lne wios\u0142owanie do wsp\u00f3lnego celu<\/h3>\r\n <p class=\"text-slate-600 text-lg mb-6 leading-relaxed\">\r\n Sp\u0142yw kajakowy to doskona\u0142a okazja do integracji zespo\u0142owej i aktywnego wypoczynku z dala od biurek i ekran\u00f3w. \r\n <\/p>\r\n <p class=\"text-slate-600 text-lg mb-8 leading-relaxed\">\r\n Zapraszamy do skorzystania z naszej propozycji sp\u0142yw\u00f3w na czterech malowniczych rzekach: Rudzie, Olzie, Odrze i Nidzie. Przejmujemy na siebie wszystkie logistyczne aspekty, by Wy mogli\u015bcie si\u0119 w pe\u0142ni zrelaksowa\u0107 i budowa\u0107 relacje.\r\n <\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-slate-900 hover:bg-emerald-600 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl\">\r\n Zapytaj o wycen\u0119 dla Twojej firmy <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=1000&auto=format&fit=crop\" alt=\"Sp\u0142yw integracyjny\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=1000&auto=format&fit=crop\" alt=\"Przygoda na wodzie\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover mt-8\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Co zapewniamy?<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Nasza kompleksowa oferta<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-map-trifold text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-waves\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Sp\u0142ywy na 4 malowniczych rzekach<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Ruda<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Malownicza trasa \u0142\u0105cz\u0105ca relaks z odrobin\u0105 adrenaliny. Bujne lasy i zmagania z naturalnymi przeszkodami.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Olza<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\u0141agodny nurt na rzece granicznej mi\u0119dzy Polsk\u0105 a Czechami. Wyj\u0105tkowe zakola i niepowtarzalny charakter.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Odra<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Od spokojnych fragment\u00f3w po dynamiczne odcinki. Gwarancja niezapomnianej przygody na jednej z wi\u0119kszych rzek.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Nida<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Spokojny nurt w otoczeniu cudownych krajobraz\u00f3w. \u015awietna opcja dla ceni\u0105cych cisz\u0119 i wypoczynek.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-bus text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Logistyka i Transport<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Zapewniamy wygodny transport uczestnik\u00f3w, kajak\u00f3w i sprz\u0119tu na miejsce startu.<\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Po sp\u0142ywie organizujemy ca\u0142kowicie bezpieczny transport powrotny Twojego zespo\u0142u.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-fire\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Ognisko z zadaszeniem<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Po sp\u0142ywie relaksujemy si\u0119 przy ognisku. Posiadamy zadaszenie, wi\u0119c pogoda nam nie straszna! To idealny czas na swobodne rozmowy i podsumowanie wra\u017ce\u0144 z wody.\r\n <\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 text-sm mb-2\"><i class=\"ph-bold ph-cooking-pot text-emerald-500\"><\/i> Smaczne Posi\u0142ki<\/h4>\r\n <p class=\"text-sm text-slate-500\">Serwujemy pyszny, rozgrzewaj\u0105cy, tradycyjny \u017curek. Mo\u017cemy te\u017c zorganizowa\u0107 grilla z kie\u0142baskami i regionalnymi potrawami.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-lifebuoy\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Instruktorzy i Opieka na wodzie<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Szkolenie wst\u0119pne<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przed zwodowaniem kajak\u00f3w przeprowadzamy kr\u00f3tkie szkolenie z podstaw p\u0142ywania oraz obowi\u0105zuj\u0105cych zasad bezpiecze\u0144stwa.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Zawsze pod opiek\u0105<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Wykwalifikowani instruktorzy kajakarstwa towarzysz\u0105 Waszej grupie przez ca\u0142y czas trwania sp\u0142ywu, s\u0142u\u017c\u0105c pomoc\u0105 i cennymi wskaz\u00f3wkami.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-emerald-900\/10 rounded-l-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl text-center\">\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Zorganizujmy razem \u015bwietn\u0105 imprez\u0119!<\/h2>\r\n <p class=\"text-slate-300 text-lg mb-10 leading-relaxed\">\r\n Ka\u017cda firma jest inna, dlatego ofert\u0119 dostosowujemy indywidualnie. Skontaktuj si\u0119 z nami, powiedz, jak du\u017cy masz zesp\u00f3\u0142, a my przygotujemy wycen\u0119 i plan dopasowany do Waszych potrzeb.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48690240819\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-500 hover:bg-emerald-400 text-slate-900 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-lg shadow-emerald-500\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 690 240 819\r\n <\/a>\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"w-full sm:w-auto px-8 py-4 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-envelope\"><\/i> Napisz e-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbbf19b elementor-widget elementor-widget-html\" data-id=\"bbbf19b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Oferta dla szk\u00f3\u0142 - Wycieczki i Integracja | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Edukacyjne sp\u0142ywy kajakowe dla szk\u00f3\u0142. Doskona\u0142a lekcja WF-u w plenerze, integracja, pe\u0142ne bezpiecze\u0144stwo i opieka instruktor\u00f3w.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-student\"><\/i> Aktywna edukacja w terenie\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Oferta dla Szk\u00f3\u0142<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Zapraszamy szko\u0142y do skorzystania z naszej edukacyjnej oferty sp\u0142yw\u00f3w kajakowych, kt\u00f3re \u0142\u0105cz\u0105 aktywno\u015b\u0107 fizyczn\u0105, edukacj\u0119 ekologiczn\u0105 oraz rozw\u00f3j umiej\u0119tno\u015bci wsp\u00f3\u0142pracy w grupie.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-50 border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Wycieczki szkolne<\/h2>\r\n <h3 class=\"text-4xl font-black text-slate-900 mb-6\">Nietypowa lekcja w naturze<\/h3>\r\n <p class=\"text-slate-600 text-lg mb-6 leading-relaxed\">\r\n Nasze sp\u0142ywy to doskona\u0142a forma zaj\u0119\u0107 wychowania fizycznego, wyjazd\u00f3w integracyjnych oraz aktywnego wypoczynku na \u015bwie\u017cym powietrzu dla uczni\u00f3w. \r\n <\/p>\r\n <p class=\"text-slate-600 text-lg mb-8 leading-relaxed\">\r\n Gwarantujemy najwy\u017csze standardy bezpiecze\u0144stwa, dostosowujemy tras\u0119 do wieku i mo\u017cliwo\u015bci grupy, a nad wszystkim czuwa profesjonalna kadra instruktorska.\r\n <\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-slate-900 hover:bg-emerald-600 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl\">\r\n Zapytaj o wycen\u0119 dla klasy <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517486808906-6ca8b3f04846?q=80&w=1000&auto=format&fit=crop\" alt=\"M\u0142odzie\u017c na wycieczce\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=1000&auto=format&fit=crop\" alt=\"Przygoda na wodzie\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover mt-8\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Co zapewniamy?<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Pe\u0142na organizacja wycieczki<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-map-trifold text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-compass\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Trasy dopasowane do uczni\u00f3w<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Olza<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Posiada \u0142agodny nurt, dzi\u0119ki czemu jest bardzo odpowiednia dla m\u0142odszych uczestnik\u00f3w i pozwala na bezpieczn\u0105 zabaw\u0119 na wodzie.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Ruda<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Sp\u0142yw o \u015brednio trudnej trasie, doskona\u0142y do nauki pracy zespo\u0142owej oraz pe\u0142nej adaptacji do warunk\u00f3w naturalnych.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Odra<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Bardzo zr\u00f3\u017cnicowane odcinki, kt\u00f3re gwarantuj\u0105 uczniom r\u00f3\u017cnorodno\u015b\u0107 do\u015bwiadcze\u0144 i widok\u00f3w podczas sp\u0142ywu.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Nida<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Spokojny nurt, idealny na wyciszaj\u0105cy, relaksuj\u0105cy sp\u0142yw, bardzo sprzyjaj\u0105cy szczerej integracji ca\u0142ej grupy klasowej.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-bus text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Logistyka i Transport<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Posiadamy odpowiednie zaplecze logistyczne dla wi\u0119kszych grup szkolnych.<\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Zapewniamy wygodny transport na miejsce startu oraz bezpieczny powr\u00f3t po zako\u0144czeniu przygody.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-fire\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Integracja przy Ognisku<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Po zako\u0144czeniu sp\u0142ywu organizujemy ognisko pod wiat\u0105. To doskona\u0142y spos\u00f3b na integracj\u0119 i odpoczynek. Zadaszenie gwarantuje pe\u0142ny komfort niezale\u017cnie od pogody.\r\n <\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 text-sm mb-2\"><i class=\"ph-bold ph-cooking-pot text-emerald-500\"><\/i> Pocz\u0119stunek dla uczni\u00f3w<\/h4>\r\n <p class=\"text-sm text-slate-500\">Mo\u017cemy zorganizowa\u0107 wspania\u0142ego grilla oraz poda\u0107 ciep\u0142y, tradycyjny \u017curek na podsumowanie dnia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-lifebuoy\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Najwy\u017cszy Poziom Bezpiecze\u0144stwa<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Szkolenie edukacyjne<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przed rozpocz\u0119ciem sp\u0142ywu zapewniamy kr\u00f3tkie, ale niezb\u0119dne szkolenie z zakresu bezpiecze\u0144stwa i podstaw techniki.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Instruktorzy na wodzie<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Gwarantujemy profesjonaln\u0105 opiek\u0119 instruktorsk\u0105. Nasi specjali\u015bci dbaj\u0105 o bezpiecze\u0144stwo grupy i pomagaj\u0105 w nauce kajakarstwa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-emerald-900\/10 rounded-l-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl text-center\">\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Zarezerwuj termin dla swojej szko\u0142y<\/h2>\r\n <p class=\"text-slate-300 text-lg mb-10 leading-relaxed\">\r\n Dostosujemy ofert\u0119, rzek\u0119 i atrakcje dok\u0142adnie do wieku i oczekiwa\u0144 uczni\u00f3w. Skontaktuj si\u0119 z nami, aby\u015bmy mogli zaplanowa\u0107 dla Waszej klasy idealn\u0105, bezpieczn\u0105 wycieczk\u0119.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48690240819\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-500 hover:bg-emerald-400 text-slate-900 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-lg shadow-emerald-500\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 690 240 819\r\n <\/a>\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"w-full sm:w-auto px-8 py-4 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-envelope\"><\/i> Napisz e-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5516725 elementor-widget elementor-widget-html\" data-id=\"5516725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Szk\u00f3\u0142ka P\u0142ywania | Sp\u0142ywy Kajakowe i Nauka P\u0142ywania Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Profesjonalna nauka p\u0142ywania dla dzieci i doros\u0142ych w Jastrz\u0119biu-Zdroju, Gorzycach i Po\u0142omi. Prze\u0142am l\u0119k przed wod\u0105 i szlifuj technik\u0119 z najlepszymi instruktorami.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n water: {\r\n 50: '#f0f9ff',\r\n 100: '#e0f2fe',\r\n 400: '#38bdf8',\r\n 500: '#0ea5e9',\r\n 600: '#0284c7',\r\n 900: '#0c4a6e',\r\n },\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #0c4a6e 0%, #0f172a 100%);\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-water-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-water-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-emerald-500\/10 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 text-center relative z-10 animate-fade-in\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-water-500\/10 border border-water-500\/20 text-water-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-waves\"><\/i> Z nami woda nie jest straszna!\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Nauka p\u0142ywania <br> dla ka\u017cdego<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed mb-10\">\r\n Prowadzimy profesjonalne zaj\u0119cia dla dzieci, m\u0142odzie\u017cy i doros\u0142ych. Od oswajania ze \u015brodowiskiem wodnym, po doskonalenie styl\u00f3w i przygotowanie do egzamin\u00f3w ratowniczych.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"#oferta\" class=\"w-full sm:w-auto px-8 py-4 bg-water-600 hover:bg-water-500 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl shadow-water-900\/50 flex items-center justify-center gap-2\">\r\n Sprawd\u017a Ofert\u0119 <i class=\"ph-bold ph-arrow-down\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-12 bg-white border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">28 lat<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Do\u015bwiadczenia<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">WOPR<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Certyfikowana kadra<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">2<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Lokalizacje basen\u00f3w<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">100%<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Pozytywnych opinii<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main id=\"oferta\" class=\"flex-grow py-24 relative z-20 bg-slate-50\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-water-600 font-bold tracking-widest uppercase text-sm mb-4 block\">Formy zaj\u0119\u0107<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Wybierz spos\u00f3b nauki idealny dla Ciebie<\/h2>\r\n <p class=\"text-slate-600 text-lg\">Podchodzimy do ka\u017cdego ucznia indywidualnie. Uczymy przez zabaw\u0119 i z pasj\u0105, bez presji i stresu.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-users-three text-9xl text-water-600\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-water-50 rounded-xl flex items-center justify-center text-water-600 text-2xl\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Zaj\u0119cia Grupowe<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-600 leading-relaxed mb-6 relative z-10\">\r\n Nauka w kameralnych grupach, kt\u00f3re pozwalaj\u0105 na indywidualne podej\u015bcie do ka\u017cdego uczestnika oraz wsp\u00f3lne motywowanie si\u0119. To doskona\u0142a opcja dla dzieci i doros\u0142ych, kt\u00f3rzy najlepiej ucz\u0105 si\u0119 w towarzystwie innych i czerpi\u0105 rado\u015b\u0107 ze wsp\u00f3lnych post\u0119p\u00f3w.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 relative z-10 border-t border-slate-100 pt-6\">\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Dzieci od 4 roku \u017cycia<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Grupy dla m\u0142odzie\u017cy<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Prze\u0142amywanie l\u0119ku przez zabaw\u0119<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Przyjazna rywalizacja<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-user-focus text-8xl text-water-400\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-water-500\/20 rounded-xl flex items-center justify-center text-water-400 text-2xl\">\r\n <i class=\"ph-fill ph-user\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Treningi Indywidualne<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6 relative z-10\">\r\n Zapewniaj\u0105 pe\u0142n\u0105 uwag\u0119 instruktora, kt\u00f3ry dostosowuje \u0107wiczenia w 100% do Twoich potrzeb, tempa i cel\u00f3w. Idealne, by szybko przezwyci\u0119\u017cy\u0107 silny l\u0119k przed wod\u0105 lub doszlifowa\u0107 szczeg\u00f3\u0142y techniki.\r\n <\/p>\r\n <span class=\"inline-block px-3 py-1 bg-water-500 text-white text-xs font-bold rounded-lg relative z-10\">\r\n Szybkie efekty\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-heartbeat\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">P\u0142ywanie Korekcyjne<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\r\n P\u0142ywanie to jeden z najzdrowszych sport\u00f3w. Prowadzimy specjalistyczne zaj\u0119cia wspieraj\u0105ce prawid\u0142ow\u0105 postaw\u0119 cia\u0142a u dzieci i m\u0142odzie\u017cy oraz \u0142agodz\u0105ce dolegliwo\u015bci kr\u0119gos\u0142upa u doros\u0142ych.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-water-50 rounded-xl flex items-center justify-center text-water-600 text-2xl\">\r\n <i class=\"ph-fill ph-medal\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Doskonalenie dla Doros\u0142ych i M\u0142odzie\u017cy<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Dla zaawansowanych<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">P\u0142ywasz, ale szybko si\u0119 m\u0119czysz? Pomo\u017cemy Ci dopracowa\u0107 oddech, technik\u0119 kraula, \u017cabki czy stylu grzbietowego.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Egzaminy WOPR<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przygotowujemy kandydat\u00f3w do wymagaj\u0105cych egzamin\u00f3w na stopie\u0144 M\u0142odszego Ratownika oraz Ratownika Wodnego.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-white border-y border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-4\">Lokalizacje i Godziny<\/h2>\r\n <p class=\"text-slate-600\">Nasze zaj\u0119cia odbywaj\u0105 si\u0119 popo\u0142udniami, aby\u015b m\u00f3g\u0142 \u0142atwo dopasowa\u0107 je do swojego rozk\u0142adu dnia.<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"p-8 border border-slate-200 rounded-3xl bg-slate-50 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-water-100 rounded-bl-full -z-10 transition-transform group-hover:scale-110\"><\/div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-map-pin text-water-500 text-2xl\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Basen Gorzyce<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm font-medium mb-6\">ul. Bogumi\u0144ska 31, 44-350 Gorzyce<\/p>\r\n \r\n <ul class=\"space-y-3 text-slate-700 font-medium\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Poniedzia\u0142ki<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>\u015arody<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center pb-2\">\r\n <span>Pi\u0105tki<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"p-8 border border-slate-200 rounded-3xl bg-slate-50 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-emerald-100 rounded-bl-full -z-10 transition-transform group-hover:scale-110\"><\/div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-map-pin text-emerald-500 text-2xl\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Basen Po\u0142omia<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm font-medium mb-6\">ul. Szkolna 17a, 44-323 Po\u0142omia<\/p>\r\n \r\n <ul class=\"space-y-3 text-slate-700 font-medium\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Wtorki<\/span>\r\n <span class=\"text-emerald-600\">Zaj\u0119cia popo\u0142udniowe<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center pb-2\">\r\n <span>Czwartki<\/span>\r\n <span class=\"text-emerald-600\">Zaj\u0119cia popo\u0142udniowe<\/span>\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-xs text-slate-400 mt-6 italic\">* Dok\u0142adne godziny zaj\u0119\u0107 w Po\u0142omi ustalamy telefonicznie, w zale\u017cno\u015bci od wybranej grupy wiekowej.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-6xl\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-water-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zaufali nam rodzice i p\u0142ywacy<\/span>\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Opinie o naszej szk\u00f3\u0142ce<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Najlepsza szk\u00f3\u0142ka p\u0142ywania, moje dzieci s\u0105 zachwycone. Uwielbiaj\u0105 Pani\u0105 Dominik\u0119! Wida\u0107 efekty nauki, kiedy\u015b ba\u0142y si\u0119 wody, a teraz same p\u0142ywaj\u0105 w basenie i morzu. Serdecznie polecam.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Marlena N.<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Profesjonalni instruktorzy, indywidualne podej\u015bcie do ka\u017cdego dziecka i doros\u0142ego. Plan trening\u00f3w jest \u015bwietnie dopasowany do umiej\u0119tno\u015bci p\u0142ywackich. Zdecydowanie polecam!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Daria K.<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Zdecydowanie najlepsza szk\u00f3\u0142ka p\u0142ywania w mie\u015bcie. Rewelacyjne podej\u015bcie do dzieci, nauka przez zabaw\u0119 i super atmosfera na zaj\u0119ciach. Poziom na najwy\u017cszym poziomie.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Rodzic Sportowca<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-water-600 relative overflow-hidden text-center\">\r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-water-400 rounded-full blur-[80px] pointer-events-none opacity-50\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-water-800 rounded-full blur-[80px] pointer-events-none opacity-50\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl\">\r\n <span class=\"inline-block px-4 py-1.5 mb-6 rounded-full bg-white\/10 backdrop-blur-md border border-white\/20 text-white font-bold text-xs uppercase tracking-widest\">\r\n Do\u0142\u0105cz do nas!\r\n <\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6 tracking-tight\">Gotowy na pierwszy skok do wody?<\/h2>\r\n <p class=\"text-water-100 text-lg mb-10 max-w-2xl mx-auto leading-relaxed\">\r\n Niezale\u017cnie od tego, czy szukasz zaj\u0119\u0107 dla swojego dziecka, czy sam chcesz w ko\u0144cu nauczy\u0107 si\u0119 p\u0142ywa\u0107 \u2013 skontaktuj si\u0119 z nami. Pomo\u017cemy Ci osi\u0105gn\u0105\u0107 wodny cel!\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48502527333\" class=\"w-full sm:w-auto px-8 py-4 bg-white text-water-700 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-xl shadow-water-900\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 502 527 333\r\n <\/a>\r\n <a href=\"tel:+48508182671\" class=\"w-full sm:w-auto px-8 py-4 bg-water-700 hover:bg-water-800 text-white border border-water-500 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Lub drugi numer: 508 182 671\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-8 text-sm text-water-200\">\r\n Pytania? Napisz do nas: <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"underline hover:text-white transition\">nauka.plywania.pietrzyk@gmail.com<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-7bc93f6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7bc93f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8b5a3 elementor-widget elementor-widget-html\" data-id=\"9e8b5a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<style>\r\n .oferta-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n max-width: 450px;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n .oferta-header {\r\n font-size: 28px;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n color: #1a2a3a;\r\n }\r\n\r\n .oferta-divider {\r\n border: none;\r\n height: 2px;\r\n background-color: #333;\r\n margin-bottom: 25px;\r\n width: 100%;\r\n }\r\n\r\n .menu-title {\r\n font-size: 22px;\r\n font-weight: 500;\r\n margin-bottom: 20px;\r\n color: #2c3e50;\r\n }\r\n\r\n .splyw-list {\r\n list-style: none;\r\n padding: 0;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .splyw-item {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .splyw-link {\r\n text-decoration: none;\r\n color: #5a6772;\r\n font-size: 18px;\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n }\r\n\r\n .splyw-link:hover {\r\n color: #007bff;\r\n transform: translateX(8px);\r\n }\r\n\r\n .godziny-sekcja {\r\n text-align: center;\r\n margin-top: 30px;\r\n padding-top: 20px;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .tura-row {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n color: #444;\r\n }\r\n\r\n .godzina {\r\n font-weight: 800;\r\n color: #000;\r\n margin-left: 5px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"oferta-container\">\r\n <h1 class=\"oferta-header\">Nasza oferta<\/h1>\r\n <hr class=\"oferta-divider\">\r\n \r\n <h2 class=\"menu-title\">Menu<\/h2>\r\n \r\n <ul class=\"splyw-list\">\r\n <li class=\"splyw-item\"><a href=\"LINK_FIRMY\" class=\"splyw-link\">Sp\u0142yw kajakowy dla firm<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_SZKOLY\" class=\"splyw-link\">Sp\u0142yw kajakowy dla szk\u00f3\u0142<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_RUDA\" class=\"splyw-link\">Sp\u0142yw kajakowy Ruda<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_OLZA\" class=\"splyw-link\">Sp\u0142yw kajakowy Olza<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_NIDA\" class=\"splyw-link\">Sp\u0142yw kajakowy Nida<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_ODRA\" class=\"splyw-link\">Sp\u0142yw kajakowy Odra<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_SZOTKOWKA\" class=\"splyw-link\">Sp\u0142yw kajakowy Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"godziny-sekcja\">\r\n <div class=\"tura-row\">Tura poranna: <span class=\"godzina\">godz. 10:00<\/span><\/div>\r\n <div class=\"tura-row\">Tura popo\u0142udniowa: <span class=\"godzina\">godz. 14:00<\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-459c6dc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"459c6dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd885e elementor-widget elementor-widget-html\" data-id=\"4bd885e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .menu-sw-container {\r\n font-family: Arial, sans-serif;\r\n max-width: 350px; \/* Taka sama szeroko\u015b\u0107 jak Twojego widgetu *\/\r\n margin: 20px auto;\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n color: #333;\r\n }\r\n\r\n .menu-sw-header {\r\n padding: 25px;\r\n border-bottom: 2px solid #333;\r\n margin: 0 25px;\r\n }\r\n\r\n .menu-sw-header h1 {\r\n font-size: 26px;\r\n margin: 0;\r\n color: #1a2a3a;\r\n }\r\n\r\n .menu-sw-content {\r\n padding: 25px;\r\n }\r\n\r\n .menu-sw-subtitle {\r\n font-size: 18px;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n color: #555;\r\n }\r\n\r\n .menu-sw-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 30px 0;\r\n }\r\n\r\n .menu-sw-item {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .menu-sw-link {\r\n display: block;\r\n text-decoration: none;\r\n color: #444;\r\n font-size: 16px;\r\n padding: 12px 15px;\r\n background: #f7f9fc;\r\n border-radius: 6px;\r\n transition: all 0.2s ease;\r\n border-left: 4px solid transparent;\r\n }\r\n\r\n .menu-sw-link:hover {\r\n background: #edf2f7;\r\n color: #3399FF;\r\n border-left: 4px solid #3399FF;\r\n transform: translateX(5px);\r\n }\r\n\r\n .menu-sw-footer {\r\n background: #f7f9fc;\r\n padding: 20px;\r\n text-align: center;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .menu-sw-time {\r\n font-size: 15px;\r\n color: #555;\r\n margin: 5px 0;\r\n }\r\n\r\n .menu-sw-time strong {\r\n color: #000;\r\n font-weight: 800;\r\n }\r\n<\/style>\r\n\r\n<div class=\"menu-sw-container\">\r\n <div class=\"menu-sw-header\">\r\n <h1>Nasza oferta<\/h1>\r\n <\/div>\r\n\r\n <div class=\"menu-sw-content\">\r\n <div class=\"menu-sw-subtitle\">Menu sp\u0142yw\u00f3w<\/div>\r\n <ul class=\"menu-sw-list\">\r\n <li class=\"menu-sw-item\"><a href=\"LINK_FIRMY\" class=\"menu-sw-link\">Sp\u0142yw kajakowy dla firm<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_SZKOLY\" class=\"menu-sw-link\">Sp\u0142yw kajakowy dla szk\u00f3\u0142<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_RUDA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Ruda<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_OLZA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Olza<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_NIDA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Nida<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_ODRA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Odra<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_SZOTKOWKA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"menu-sw-footer\">\r\n <p class=\"menu-sw-time\">Tura poranna: <strong>godz. 10:00<\/strong><\/p>\r\n <p class=\"menu-sw-time\">Tura popo\u0142udniowa: <strong>godz. 14:00<\/strong><\/p>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bec739 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7bec739\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff59cde elementor-widget elementor-widget-html\" data-id=\"ff59cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Sp\u0142ywy Kajakowe \u2013 Widget<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n background: #f5f7fb;\r\n padding: 20px;\r\n }\r\n\r\n .kayak-widget {\r\n max-width: 1100px; \/* POSZERZONY *\/\r\n margin: auto;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 18px 40px rgba(0,0,0,0.08);\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr; \/* WI\u0118KSZE ZDJ\u0118CIE *\/\r\n }\r\n\r\n .kayak-image {\r\n position: relative;\r\n min-height: 320px;\r\n background: url('https:\/\/i.imgur.com\/hwH13wN.jpeg') center\/cover no-repeat;\r\n }\r\n\r\n .kayak-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.35));\r\n }\r\n\r\n .kayak-content {\r\n padding: 30px 36px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .title i {\r\n color: #3398ff;\r\n }\r\n\r\n .subtitle {\r\n font-size: 15px;\r\n color: #64748b;\r\n line-height: 1.55;\r\n }\r\n\r\n .features {\r\n display: grid;\r\n gap: 14px;\r\n }\r\n\r\n .feature {\r\n background: #f1f5f9;\r\n padding: 14px 16px;\r\n border-radius: 12px;\r\n transition: 0.25s;\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n }\r\n\r\n .feature:hover {\r\n background: #e2e8f0;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .feature i {\r\n color: #3398ff;\r\n margin-top: 3px;\r\n font-size: 18px;\r\n min-width: 20px;\r\n }\r\n\r\n .feature h4 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .feature p {\r\n font-size: 14px;\r\n color: #475569;\r\n line-height: 1.4;\r\n }\r\n\r\n .about {\r\n background: #f8fafc;\r\n padding: 16px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n color: #334155;\r\n line-height: 1.55;\r\n }\r\n\r\n .about strong {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n font-size: 15px;\r\n }\r\n\r\n .contact-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact-title i {\r\n color: #3398ff;\r\n }\r\n\r\n .phones {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n font-size: 15px;\r\n }\r\n\r\n .phones span {\r\n background: #3398ff;\r\n color: white;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: 0.25s;\r\n }\r\n\r\n .phones span:hover {\r\n background: #1f7fe0;\r\n transform: translateY(-1px);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .kayak-widget {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .kayak-image {\r\n min-height: 220px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"kayak-widget\">\r\n <div class=\"kayak-image\"><\/div>\r\n\r\n <div class=\"kayak-content\">\r\n <div>\r\n <h2 class=\"title\"><i class=\"fa-solid fa-water\"><\/i> Dlaczego warto nam zaufa\u0107?<\/h2>\r\n <p class=\"subtitle\">\r\n Jeste\u015bmy na rynku od ponad 7 lat i organizujemy sp\u0142ywy kajakowe na najpi\u0119kniejszych trasach w Polsce. \r\n Nasz\u0105 misj\u0105 jest dostarczenie niezapomnianych wra\u017ce\u0144 po\u0142\u0105czonych z bezpiecze\u0144stwem i pe\u0142nym profesjonalizmem.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h4>Elastyczno\u015b\u0107<\/h4>\r\n <p>Wyb\u00f3r tras o r\u00f3\u017cnych stopniach trudno\u015bci, dostosowanych do ka\u017cdego poziomu umiej\u0119tno\u015bci.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-life-ring\"><\/i>\r\n <div>\r\n <h4>Profesjonalne wyposa\u017cenie<\/h4>\r\n <p>Wszystkie kajaki s\u0105 nowoczesne, wygodne i w pe\u0142ni wyposa\u017cone.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-face-smile\"><\/i>\r\n <div>\r\n <h4>Przyjazna atmosfera<\/h4>\r\n <p>Z nami ka\u017cdy sp\u0142yw to \u015bwietna zabawa, niezale\u017cnie od wieku!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about\">\r\n <strong><i class=\"fa-solid fa-star\"><\/i> Nasze atuty:<\/strong><br\/><br\/>\r\n \u2022 Do\u015bwiadczenie \u2013 wieloletnia praktyka w organizacji sp\u0142yw\u00f3w<br\/>\r\n \u2022 Bezpiecze\u0144stwo \u2013 nowoczesny sprz\u0119t i do\u015bwiadczeni przewodnicy<br\/>\r\n \u2022 Elastyczno\u015b\u0107 \u2013 od kr\u00f3tkich tras po ca\u0142odniowe wyprawy<br\/>\r\n \u2022 Pasja \u2013 kochamy kajakarstwo i dzielimy si\u0119 nim z innymi\r\n <\/div>\r\n\r\n <div class=\"contact\">\r\n <div class=\"contact-title\">\r\n <i class=\"fa-solid fa-phone\"><\/i> Kontakt\r\n <\/div>\r\n <div class=\"phones\">\r\n <span><i class=\"fa-solid fa-phone\"><\/i> +48 690 240 819<\/span>\r\n <span><i class=\"fa-solid fa-phone\"><\/i> +48 502 527 333<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85cda5c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"85cda5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e89443 elementor-widget elementor-widget-html\" data-id=\"3e89443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Popularne trasy<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n transition: all 0.3s ease;\n}\n\nbody {\n background: #f5f7fb;\n margin: 0;\n padding: 40px;\n}\n\n\/* --- Sekcja --- *\/\n.section {\n max-width: 1200px;\n margin: auto;\n}\n\n.section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n}\n\n.section-header h2 {\n margin: 0;\n font-size: 32px;\n font-weight: 700;\n}\n\n.section-header span {\n color: #6b7280;\n font-weight: 500;\n}\n\n\/* --- GRID --- *\/\n.cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n}\n\n@media (max-width: 1024px) {\n .cards {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .cards {\n grid-template-columns: 1fr;\n }\n}\n\n\/* --- KARTA --- *\/\n.card {\n background: #ffffff; \/* bia\u0142y kolor kart *\/\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 28px rgba(0,0,0,.08);\n display: flex;\n flex-direction: column;\n cursor: pointer;\n transform: translateY(0);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,.12);\n}\n\n\/* --- OBRAZ KARTY --- *\/\n.card-image {\n position: relative;\n height: 240px;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n}\n\n\/* gradient overlay pod napisem *\/\n.card-image::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);\n z-index: 1; \/* gradient pod napisem *\/\n}\n\n\/* --- BADGE --- *\/\n.badge {\n position: absolute;\n top: 16px;\n left: 16px;\n padding: 6px 14px;\n font-size: 14px;\n border-radius: 999px;\n font-weight: 600;\n text-transform: uppercase;\n z-index: 2; \/* badge nad gradientem *\/\n}\n\n.easy { background: #d1fae5; color: #065f46; }\n.medium { background: #fef3c7; color: #92400e; }\n\n\/* --- TYTU\u0141 KARTY --- *\/\n.card-title {\n position: absolute;\n bottom: 16px;\n left: 16px;\n right: 16px;\n color: #fff;\n z-index: 2; \/* napis nad gradientem *\/\n}\n\n.card-title h3,\n.card-title p {\n margin: 0;\n color: #fff !important;\n text-shadow: 1px 1px 4px rgba(0,0,0,0.6);\n}\n\n.card-title h3 {\n font-size: 22px;\n font-weight: 700;\n}\n\n.card-title p {\n margin-top: 4px;\n font-size: 14px;\n opacity: 0.9;\n}\n\n\/* --- BODY KARTY --- *\/\n.card-body {\n padding: 22px;\n flex: 1;\n}\n\n.info {\n display: grid;\n grid-template-columns: 1fr 1fr;\n row-gap: 12px;\n font-size: 14px;\n color: #374151;\n}\n\n.info span {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n\/* --- FOOTER KARTY --- *\/\n.card-footer {\n padding: 20px 22px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid #e5e7eb;\n}\n\n.price {\n font-size: 26px;\n font-weight: 700;\n}\n\n.price small {\n font-size: 14px;\n font-weight: 500;\n color: #6b7280;\n}\n\n\/* --- PRZYCISK --- *\/\n.btn {\n background: #2563eb;\n color: #fff;\n padding: 12px 22px;\n border-radius: 12px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n display: inline-block;\n transition: transform 0.2s ease, background 0.2s ease;\n}\n\n.btn:hover {\n background: #1d4ed8;\n transform: scale(1.05);\n}\n\n\/* --- ANIMACJA OBRAZU --- *\/\n.card-image:hover {\n transform: scale(1.05);\n transition: transform 0.5s ease;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"section\">\n <div class=\"section-header\">\n <h2>Popularne trasy<\/h2>\n <span>+15 tras<\/span>\n <\/div>\n\n <div class=\"cards\">\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge easy\">\u0142atwa<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Olzie<\/h3>\n <p>Wierniowice - Zabe\u0142k\u00f3w<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 2h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 8 km<\/span>\n <span>\ud83d\udccd Wierniowice (Czechy)<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">75 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1599555615178-92d94464ea2e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge medium\">\u015brednia<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Rudzie<\/h3>\n <p>Zielony Most - Szotkowicka<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 3h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 8 km<\/span>\n <span>\ud83d\udccd Rybnik<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">99 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1663433572472-451f4a1b0c6d?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge medium\">\u015brednia<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Szotk\u00f3wce<\/h3>\n <p>Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 1h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 2 km<\/span>\n <span>\ud83d\udccd Jastrzebie Zdr\u00f3j<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">109 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5606eaf e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5606eaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de275ec elementor-widget elementor-widget-html\" data-id=\"de275ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cennik Kajak\u00f3w 2025<\/title>\r\n<style>\r\n body {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f4f7f9;\r\n margin: 0;\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .cennik {\r\n text-align: center;\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .cennik h1 {\r\n font-size: 3rem;\r\n margin-bottom: 5px;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .cennik h2.rok {\r\n font-size: 1.5rem;\r\n color: #007bff;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .opis-cennika {\r\n color: #555;\r\n max-width: 800px;\r\n margin: 0 auto 50px;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .karty {\r\n display: flex;\r\n gap: 25px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .karta {\r\n background-color: #ffffff;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n width: 320px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n position: relative;\r\n transition: all 0.3s ease;\r\n border: 1px solid #e1e8ed;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .karta:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n }\r\n\r\n .karta.najpopularniejszy {\r\n border: 2px solid #007bff;\r\n transform: scale(1.05);\r\n }\r\n\r\n .karta.najpopularniejszy:hover {\r\n transform: scale(1.05) translateY(-10px);\r\n }\r\n\r\n .ikona-wrapper {\r\n width: 90px;\r\n height: 90px;\r\n background: #f0f7ff;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .ikona-svg {\r\n width: 55px;\r\n height: 55px;\r\n fill: none;\r\n stroke: #007bff;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .karta h3 {\r\n font-size: 0.9rem;\r\n color: #888;\r\n text-transform: uppercase;\r\n margin: 0;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .karta h2 {\r\n font-size: 1.6rem;\r\n margin: 5px 0 20px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .cena-box {\r\n margin-bottom: 25px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .waluta { font-size: 1.2rem; vertical-align: top; margin-right: 2px; }\r\n .kwota { font-size: 3.5rem; font-weight: 800; line-height: 1; }\r\n .grosze { font-size: 1.2rem; vertical-align: top; text-decoration: underline; }\r\n\r\n .lista {\r\n text-align: left;\r\n padding: 0;\r\n margin: 0 0 30px 0;\r\n list-style: none;\r\n flex-grow: 1;\r\n }\r\n\r\n .lista li {\r\n padding: 8px 0 8px 25px;\r\n position: relative;\r\n font-size: 0.95rem;\r\n color: #444;\r\n border-bottom: 1px solid #f8f9fa;\r\n }\r\n\r\n .lista li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n color: #28a745;\r\n font-weight: bold;\r\n }\r\n\r\n .btn-rezerwuj {\r\n background-color: #007bff;\r\n color: white;\r\n text-decoration: none;\r\n padding: 15px 25px;\r\n border-radius: 12px;\r\n font-weight: bold;\r\n transition: background 0.3s ease;\r\n display: inline-block;\r\n }\r\n\r\n .btn-rezerwuj:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n .karta.najpopularniejszy .btn-rezerwuj {\r\n background-color: #1a1a1a;\r\n }\r\n\r\n .karta.najpopularniejszy .btn-rezerwuj:hover {\r\n background-color: #333;\r\n }\r\n\r\n .promo-tag {\r\n font-size: 0.8rem;\r\n color: #d9534f;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .karty { flex-direction: column; align-items: center; }\r\n .karta.najpopularniejszy { transform: scale(1); }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cennik\">\r\n <h1>CENNIK<\/h1>\r\n <h2 class=\"rok\">Cennik na rok 2025<\/h2>\r\n <p class=\"opis-cennika\">\r\n Nasz cennik sp\u0142yw\u00f3w kajakowych jest elastyczny i dostosowany do r\u00f3\u017cnych potrzeb. \r\n Oferujemy zar\u00f3wno sp\u0142ywy jednodniowe, jak i wielodniowe. \r\n Przyznajemy zni\u017cki dla grup oraz dzieci. Wybierz swoj\u0105 wodn\u0105 przygod\u0119!\r\n <\/p>\r\n \r\n <div class=\"karty\">\r\n \r\n <div class=\"karta najpopularniejszy\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-3 16-3 20 0-4 3-16 3-20 0z\" \/>\r\n <ellipse cx=\"8\" cy=\"12\" rx=\"2.5\" ry=\"1\" \/>\r\n <ellipse cx=\"16\" cy=\"12\" rx=\"2.5\" ry=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>2 osobowy<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">160<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Kajak, kapoki, wios\u0142a, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"karta\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-4 16-4 20 0-4 4-16 4-20 0z\" \/>\r\n <ellipse cx=\"7\" cy=\"12\" rx=\"2\" ry=\"1\" \/>\r\n <ellipse cx=\"12\" cy=\"12\" rx=\"1.5\" ry=\"0.8\" \/>\r\n <ellipse cx=\"17\" cy=\"12\" rx=\"2\" ry=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>2 osobowy + dok\u0142adka<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">200<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <span class=\"promo-tag\">Dziecko do 10 roku \u017cycia<\/span>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Dok\u0142adka do kajaka na 3 osob\u0119<\/li>\r\n <li>Kajak, kapoki, wios\u0142a, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"karta\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-2 16-2 20 0-4 2-16 2-20 0z\" \/>\r\n <ellipse cx=\"12\" cy=\"12\" rx=\"3\" ry=\"1\" \/>\r\n <path d=\"M19 5l-14 14\" opacity=\"0.3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>1 osobowy<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">80<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Kajak, kapok, wios\u0142o, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d1e087 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7d1e087\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93a7380 elementor-widget elementor-widget-html\" data-id=\"93a7380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"oferta-section\">\r\n <div class=\"oferta-container\">\r\n <h1 class=\"oferta-main-title\">OFERTA<\/h1>\r\n <h2 class=\"oferta-title\">Nasza oferta sp\u0142yw\u00f3w kajakowych<\/h2>\r\n <p class=\"oferta-description\">\r\n Oferujemy szerok\u0105 gam\u0119 sp\u0142yw\u00f3w kajakowych dostosowanych do r\u00f3\u017cnych potrzeb i oczekiwa\u0144.\r\n Niezale\u017cnie od tego, czy szukasz spokojnej wyprawy w\u015br\u00f3d natury, czy ekscytuj\u0105cych przyg\u00f3d,\r\n mamy co\u015b dla Ciebie. Zapewniamy wysokiej jako\u015bci sprz\u0119t, profesjonaln\u0105 obs\u0142ug\u0119 oraz\r\n niezapomniane wra\u017cenia. Ka\u017cda wyprawa jest dostosowana do poziomu umiej\u0119tno\u015bci uczestnik\u00f3w,\r\n gwarantuj\u0105c bezpiecze\u0144stwo i komfort.\r\n <\/p>\r\n\r\n <div class=\"oferta-grid\">\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Kajaki<\/span>\r\n <h3>Sp\u0142ywy indywidualne<\/h3>\r\n <\/div>\r\n <p>\r\n Dla os\u00f3b, kt\u00f3re chc\u0105 samodzielnie przemierza\u0107 rzeki i odkrywa\u0107 pi\u0119kno natury.\r\n Oferujemy sprz\u0119t najwy\u017cszej jako\u015bci, mapy tras oraz wsparcie techniczne.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Rodzina<\/span>\r\n <h3>Sp\u0142ywy rodzinne<\/h3>\r\n <\/div>\r\n <p>\r\n Idealna forma sp\u0119dzenia czasu z bliskimi. Trasy o niskim poziomie trudno\u015bci,\r\n spokojne odcinki rzek oraz dodatkowe atrakcje jak pikniki na brzegu.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Integracja<\/span>\r\n <h3>Sp\u0142ywy firmowe<\/h3>\r\n <\/div>\r\n <p>\r\n Integracyjne wyprawy dla firm buduj\u0105ce relacje i wsp\u00f3\u0142prac\u0119 zespo\u0142ow\u0105.\r\n Gry terenowe, ogniska i pe\u0142na organizacja wydarzenia.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Edukacja<\/span>\r\n <h3>Sp\u0142ywy szkolne<\/h3>\r\n <\/div>\r\n <p>\r\n Aktywno\u015b\u0107 \u0142\u0105cz\u0105ca zabaw\u0119 z edukacj\u0105. Nauka kajakarstwa, elementy ekologii\r\n i rozw\u00f3j wsp\u00f3\u0142pracy w grupie na \u015bwie\u017cym powietrzu.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Z Przewodnikiem<\/span>\r\n <h3>Sp\u0142ywy z przewodnikiem<\/h3>\r\n <\/div>\r\n <p>\r\n Profesjonalni przewodnicy poka\u017c\u0105 najpi\u0119kniejsze miejsca,\r\n opowiedz\u0105 o faunie i florze oraz zadbaj\u0105 o pe\u0142ne bezpiecze\u0144stwo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card highlight\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Adrenalina<\/span>\r\n <h3>Sp\u0142ywy ekstremalne<\/h3>\r\n <\/div>\r\n <p>\r\n Dla zaawansowanych kajakarzy szukaj\u0105cych adrenaliny.\r\n G\u00f3rskie rzeki, rw\u0105ce potoki i wymagaj\u0105ce trasy dla do\u015bwiadczonych uczestnik\u00f3w.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.oferta-section {\r\n background: #f4f7f9; \/* T\u0142o takie samo jak w cenniku *\/\r\n padding: 80px 20px;\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n color: #1a1a1a;\r\n}\r\n\r\n.oferta-container {\r\n max-width: 1200px;\r\n margin: auto;\r\n text-align: center;\r\n}\r\n\r\n\/* Stylizacja napisu OFERTA wzorowana na CENNIK *\/\r\n.oferta-main-title {\r\n font-size: 3rem;\r\n margin-bottom: 5px;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 800;\r\n}\r\n\r\n.oferta-title {\r\n font-size: 1.5rem;\r\n color: #007bff;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.oferta-description {\r\n max-width: 800px;\r\n margin: 0 auto 50px auto;\r\n line-height: 1.6;\r\n color: #555;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.oferta-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 25px;\r\n}\r\n\r\n\/* KARTA - styl zapo\u017cyczony z cennika *\/\r\n.oferta-card {\r\n background-color: #ffffff;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n border: 1px solid #e1e8ed;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.oferta-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n.category-label {\r\n font-size: 0.85rem;\r\n color: #888;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.oferta-card h3 {\r\n margin-bottom: 15px;\r\n font-size: 1.6rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n}\r\n\r\n.oferta-card p {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n color: #444;\r\n margin: 0;\r\n}\r\n\r\n\/* WYR\u00d3\u017bNIENIE (Gradient z cennika) *\/\r\n.highlight {\r\n background: linear-gradient(145deg, #0062cc, #007bff);\r\n color: white;\r\n border: none;\r\n box-shadow: 0 15px 30px rgba(0,123,255,0.3);\r\n}\r\n\r\n.highlight h3, \r\n.highlight p,\r\n.highlight .category-label {\r\n color: white;\r\n}\r\n\r\n.highlight .category-label {\r\n opacity: 0.8;\r\n}\r\n\r\n\/* RESPONSYWNO\u015a\u0106 *\/\r\n@media (max-width: 768px) {\r\n .oferta-main-title {\r\n font-size: 2.5rem;\r\n }\r\n .oferta-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: auto;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71267fa e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"71267fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c62e3ac elementor-widget elementor-widget-html\" data-id=\"c62e3ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cennik Wypo\u017cyczalni Kajak\u00f3w<\/title>\r\n<style>\r\n body {\r\n margin: 0;\r\n \/* Zmieniono czcionk\u0119 z Arial na t\u0119 z pierwszego kodu *\/\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background: #f7fafc;\r\n color: #333;\r\n }\r\n .cennik-kajaki {\r\n padding: 60px 20px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n .cennik-kajaki h2 {\r\n text-align: center;\r\n font-size: 32px;\r\n margin-bottom: 10px;\r\n color: #1e293b;\r\n \/* Dodano dla sp\u00f3jno\u015bci *\/\r\n font-weight: 700;\r\n }\r\n .cennik-kajaki .opis {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 40px auto;\r\n color: #555;\r\n line-height: 1.6;\r\n }\r\n .tabela {\r\n margin-bottom: 40px;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n overflow: hidden;\r\n }\r\n .tabela h3 {\r\n background: #3398ff;\r\n color: white;\r\n padding: 16px;\r\n margin: 0;\r\n font-size: 20px;\r\n font-weight: 600;\r\n }\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n th, td {\r\n padding: 14px 16px;\r\n text-align: left;\r\n }\r\n th {\r\n background: #e9f1f8;\r\n font-weight: bold;\r\n color: #1e293b;\r\n }\r\n tr:nth-child(even) {\r\n background: #f9fbfd;\r\n }\r\n tr:hover {\r\n background: #eef6ff;\r\n transition: 0.2s;\r\n }\r\n @media (max-width: 768px) {\r\n th, td {\r\n font-size: 14px;\r\n padding: 10px;\r\n }\r\n .cennik-kajaki h2 {\r\n font-size: 24px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cennik-kajaki\">\r\n <h2>Wypo\u017cyczalnia Kajak\u00f3w \u2013 Cennik<\/h2>\r\n <p class=\"opis\">\r\n Oferujemy kajaki jednoosobowe i dwuosobowe oraz transport sprz\u0119tu dla grup. \r\n Elastyczne opcje wynajmu 1\u20133 dni, mo\u017cliwo\u015b\u0107 transportu oraz pe\u0142ne wyposa\u017cenie.\r\n <\/p>\r\n\r\n <div class=\"tabela\">\r\n <h3>Kajaki jednoosobowe<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Czas wynajmu<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 dzie\u0144<\/td>\r\n <td>80 z\u0142<\/td>\r\n <td>Standardowy kajak jednoosobowy \u2013 jeziora i rzeki<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>2 dni<\/td>\r\n <td>144 z\u0142<\/td>\r\n <td>Rabat 10% przy wynajmie 2-dniowym<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 dni<\/td>\r\n <td>204 z\u0142<\/td>\r\n <td>Rabat 15% przy wynajmie 3-dniowym<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tabela\">\r\n <h3>Kajaki dwuosobowe<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Czas wynajmu<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 dzie\u0144<\/td>\r\n <td>100 z\u0142<\/td>\r\n <td>Kajaki dla dw\u00f3ch os\u00f3b \u2013 idealne na wsp\u00f3lne wyprawy<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>2 dni<\/td>\r\n <td>180 z\u0142<\/td>\r\n <td>Rabat 10%<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 dni<\/td>\r\n <td>255 z\u0142<\/td>\r\n <td>Rabat 15%<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tabela\">\r\n <h3>Transport Kajak\u00f3w<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Us\u0142uga<\/th>\r\n <th>Czas<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Przyczepa 10 miejsc<\/td>\r\n <td>1 dzie\u0144<\/td>\r\n <td>550 \u2013 600 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Przyczepa 20 miejsc<\/td>\r\n <td>2 dni<\/td>\r\n <td>1000 \u2013 1100 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Przyczepa 30 miejsc<\/td>\r\n <td>3 dni<\/td>\r\n <td>1500 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0ea75c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c0ea75c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eab3e00 elementor-widget elementor-widget-html\" data-id=\"eab3e00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Popularne trasy kajakowe<\/title>\r\n\r\n<style>\r\n* { box-sizing: border-box; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; transition: all 0.3s ease; }\r\nbody { background: #f5f7fb; margin: 0; padding: 40px; }\r\n.section { max-width: 1200px; margin: auto; }\r\n.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }\r\n.section-header h2 { margin: 0; font-size: 32px; font-weight: 700; }\r\n.section-header span { color: #6b7280; font-weight: 500; }\r\n.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\r\n@media (max-width:1024px){ .cards { grid-template-columns: repeat(2,1fr); } }\r\n@media (max-width:640px){ .cards { grid-template-columns:1fr; } }\r\n.card { background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,.08); display:flex; flex-direction:column; cursor:pointer; transform:translateY(0); transition:transform 0.3s ease, box-shadow 0.3s ease; }\r\n.card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.12); }\r\n.card-image { position:relative; height:240px; background-size:cover; background-position:center; overflow:hidden; }\r\n.card-image::before { content:\"\"; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.5), transparent); z-index:1; }\r\n.badge { position:absolute; top:16px; left:16px; padding:6px 14px; font-size:14px; border-radius:999px; font-weight:600; text-transform:uppercase; z-index:2; }\r\n.easy { background:#d1fae5;color:#065f46; }\r\n.medium { background:#fef3c7;color:#92400e; }\r\n.hard { background:#fee2e2;color:#991b1b; }\r\n.card-title { position:absolute; bottom:16px; left:16px; right:16px; color:#fff; z-index:2; }\r\n.card-title h3, .card-title p { margin:0; color:#fff!important; text-shadow:1px 1px 4px rgba(0,0,0,0.6); }\r\n.card-title h3 { font-size:22px; font-weight:700; }\r\n.card-title p { margin-top:4px; font-size:14px; opacity:0.9; }\r\n.card-body { padding:22px; flex:1; }\r\n.info { display:grid; grid-template-columns:1fr 1fr; row-gap:16px; font-size:16px; color:#374151; }\r\n.info span { display:flex; align-items:center; gap:10px; font-weight:500; }\r\n.info span .icon { font-size:24px; }\r\n.card-footer { padding:20px 22px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e5e7eb; }\r\n.price { font-size:26px; font-weight:700; }\r\n.price small { font-size:14px; font-weight:500; color:#6b7280; }\r\n.btn { background:#2563eb; color:#fff; padding:12px 22px; border-radius:12px; font-size:15px; font-weight:600; text-decoration:none; display:inline-block; transition:transform 0.2s ease, background 0.2s ease; }\r\n.btn:hover { background:#1d4ed8; transform:scale(1.05); }\r\n.card-image:hover { transform:scale(1.05); transition:transform 0.5s ease; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-header\">\r\n <h2>Popularne trasy kajakowe<\/h2>\r\n <span>+20 tras<\/span>\r\n <\/div>\r\n\r\n <div class=\"cards\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge easy\">\u0142atwa<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Olzie<\/h3>\r\n <p>Wierniowice - Zabe\u0142k\u00f3w<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 3 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Wierniowice (Czechy)<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">75 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1599555615178-92d94464ea2e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Rudzie<\/h3>\r\n <p>Zielony Most - Szotkowicka<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 2 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Rybnik<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">99 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1663433572472-451f4a1b0c6d?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Szotk\u00f3wce<\/h3>\r\n <p>Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 1 trasa kajakowa<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 4.5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Jastrz\u0119bie Zdr\u00f3j<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Brak mo\u017cliwo\u015bci ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">109 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1588514729623-26e44c4b1a0d?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge easy\">\u0142atwa<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Odrze<\/h3>\r\n <p>Meandry Odry - Brzeg Dolny<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 4 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Dolny \u015al\u0105sk<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">120 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1617196036893-1aaec4e0fa06?q=80&w=2060&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Nidzie<\/h3>\r\n <p>Pi\u0144cz\u00f3w - Nowe Brzesko<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 3 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 4.5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> \u015awi\u0119tokrzyskie<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">115 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46b1a9a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"46b1a9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1637678 elementor-widget elementor-widget-html\" data-id=\"1637678\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kajak-widget\">\r\n\r\n<style>\r\n.kajak-widget * {\r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, sans-serif;\r\n}\r\n\r\n.kajak-widget {\r\n background:#f5f7fb;\r\n padding:30px;\r\n border-radius:20px;\r\n}\r\n\r\n.kajak-widget h2 {\r\n margin-top:0;\r\n font-size:28px;\r\n}\r\n\r\n.kajak-grid {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:20px;\r\n}\r\n\r\n.kajak-card {\r\n background:#fff;\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.08);\r\n transition:.25s;\r\n}\r\n\r\n.kajak-card:hover {\r\n transform:translateY(-6px);\r\n box-shadow:0 14px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.kajak-title {\r\n font-weight:700;\r\n margin-bottom:8px;\r\n}\r\n\r\n.kajak-meta {\r\n font-size:14px;\r\n color:#555;\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:6px;\r\n}\r\n\r\n.level {\r\n font-size:12px;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n display:inline-block;\r\n margin-bottom:10px;\r\n font-weight:600;\r\n}\r\n\r\n.l1 { background:#d1fae5; color:#065f46; }\r\n.l2 { background:#fef3c7; color:#92400e; }\r\n.l3 { background:#fee2e2; color:#991b1b; }\r\n<\/style>\r\n\r\n<h2>Wszystkie trasy kajakowe<\/h2>\r\n\r\n<div class=\"kajak-grid\">\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 10.5 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l3\">Trasa 3<\/span>\r\n<div class=\"kajak-title\">Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 13 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Zielony Most \u2013 Fort Ba\u0142aj<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 2.5 km<\/span><span>\u23f1 1 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Fort Ba\u0142aj \u2013 G\u0142\u0119bocz<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 7 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l3\">Trasa 3<\/span>\r\n<div class=\"kajak-title\">G\u0142\u0119bocz \u2013 God\u00f3w (1 Maja)<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 3 km<\/span><span>\u23f1 1\u20131.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Zielonki \u2013 Stary Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 14 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Stary Korczyn \u2013 Nowy Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 6\u20137 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7debb0d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7debb0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aedf07 elementor-widget elementor-widget-html\" data-id=\"5aedf07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kajak-widget\">\r\n\r\n<style>\r\n.kajak-widget * {\r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, sans-serif;\r\n}\r\n\r\n.kajak-widget {\r\n background:#f5f7fb;\r\n padding:30px;\r\n border-radius:28px;\r\n}\r\n\r\n.kajak-widget h2 {\r\n margin-top:0;\r\n font-size:28px;\r\n}\r\n\r\n.kajak-grid {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:22px;\r\n}\r\n\r\n.kajak-card {\r\n background:#fff;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:0 10px 28px rgba(0,0,0,.08);\r\n transition:.25s;\r\n}\r\n\r\n.kajak-card:hover {\r\n transform:translateY(-6px);\r\n box-shadow:0 18px 36px rgba(0,0,0,.12);\r\n}\r\n\r\n.kajak-img {\r\n height:170px;\r\n background-size:cover;\r\n background-position:center;\r\n border-radius:28px 28px 0 0; \/* ZAOKR\u0104GLONE ROGI ZDJ\u0118CIA *\/\r\n}\r\n\r\n.kajak-content {\r\n padding:18px;\r\n}\r\n\r\n.kajak-title {\r\n font-weight:700;\r\n margin-bottom:6px;\r\n}\r\n\r\n.kajak-meta {\r\n font-size:14px;\r\n color:#555;\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:6px;\r\n}\r\n\r\n.level {\r\n font-size:12px;\r\n padding:5px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n margin-bottom:10px;\r\n font-weight:700;\r\n}\r\n\r\n.easy { background:#d1fae5; color:#065f46; }\r\n.medium { background:#fef3c7; color:#92400e; }\r\n.hard { background:#fee2e2; color:#991b1b; }\r\n<\/style>\r\n\r\n<h2>Wszystkie trasy kajakowe<\/h2>\r\n\r\n<div class=\"kajak-grid\">\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/Ojo7G6u.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/5YW6W6S.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 10.5 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/elTlhYJ.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 13 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/l8Gp3np.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/1Hb4M0f.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/QihwQqy.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/P18NL1m.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/7jjLPOT.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Zielony Most \u2013 Szotkowicka<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 2.5 km<\/span><span>\u23f1 1 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/tRw38tS.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Szotkowicka \u2013 G\u0142\u0119bocz<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 7 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/hRK087p.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">G\u0142\u0119bocz \u2013 God\u00f3w (1 Maja)<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 3 km<\/span><span>\u23f1 1\u20131.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/6iIe7xg.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Zielonki \u2013 Stary Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 14 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/Vqo6t0V.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Stary Korczyn \u2013 Nowy Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 6\u20137 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4aa5da e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e4aa5da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60a0013 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"60a0013\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8bd183 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f8bd183\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Aqua Kayak Adventures - Dashboard<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n 50: '#eef8ff',\r\n 100: '#d9f0ff',\r\n 500: '#0ea5e9', \/\/ Aqua blue\r\n 600: '#0284c7',\r\n 900: '#0c4a6e', \/\/ Dark navy\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* P\u0142ynne przewijanie i ukrycie paska scrolla dla estetyki *\/\r\n .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .no-scrollbar {\r\n -ms-overflow-style: none; \r\n scrollbar-width: none; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 font-sans text-gray-800 h-screen flex overflow-hidden\">\r\n\r\n <aside class=\"w-64 bg-brand-900 text-white flex flex-col hidden md:flex\">\r\n <div class=\"p-6 flex items-center gap-3 border-b border-brand-600\/30\">\r\n <div class=\"bg-brand-500 p-2 rounded-lg\">\r\n <i class=\"fa-solid fa-water text-xl\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl font-bold tracking-wide\">Aqua Kayak<\/span>\r\n <\/div>\r\n \r\n <nav class=\"flex-1 px-4 py-6 space-y-2 overflow-y-auto no-scrollbar\">\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 bg-brand-600 rounded-xl text-white font-medium transition-colors\">\r\n <i class=\"fa-solid fa-chart-pie w-5\"><\/i> Pulpit\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-calendar-check w-5\"><\/i> Rezerwacje\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-ship w-5\"><\/i> Flota Kajak\u00f3w\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-users w-5\"><\/i> Klienci\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-cloud-sun w-5\"><\/i> Pogoda i Trasy\r\n <\/a>\r\n <\/nav>\r\n\r\n <div class=\"p-4 border-t border-brand-600\/30\">\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-gear w-5\"><\/i> Ustawienia\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"flex-1 flex flex-col h-screen overflow-hidden\">\r\n \r\n <header class=\"bg-white border-b border-gray-200 h-20 flex items-center justify-between px-8 z-10\">\r\n <div class=\"flex items-center gap-4 w-1\/3\">\r\n <div class=\"relative w-full max-w-md\">\r\n <i class=\"fa-solid fa-search absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\r\n <input type=\"text\" placeholder=\"Szukaj rezerwacji, klienta...\" class=\"w-full bg-gray-100 text-sm rounded-full pl-11 pr-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-brand-500 transition-all\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-6\">\r\n <button class=\"relative text-gray-500 hover:text-brand-500 transition-colors\">\r\n <i class=\"fa-regular fa-bell text-xl\"><\/i>\r\n <span class=\"absolute -top-1 -right-1 bg-red-500 text-white text-[10px] font-bold w-4 h-4 rounded-full flex items-center justify-center\">3<\/span>\r\n <\/button>\r\n <div class=\"flex items-center gap-3 border-l pl-6 border-gray-200 cursor-pointer\">\r\n <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Jan+Kowalski&background=0ea5e9&color=fff\" alt=\"Admin\" class=\"w-10 h-10 rounded-full border-2 border-brand-100\">\r\n <div class=\"hidden md:block text-sm\">\r\n <p class=\"font-semibold text-gray-700\">Jan Kowalski<\/p>\r\n <p class=\"text-gray-500 text-xs\">Administrator<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"flex-1 overflow-y-auto p-8 bg-gray-50\">\r\n \r\n <div class=\"flex justify-between items-end mb-8\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-gray-900\">Witaj z powrotem, Janie \ud83d\udc4b<\/h1>\r\n <p class=\"text-gray-500 mt-1\">Oto podsumowanie Twojej wypo\u017cyczalni na dzisiaj.<\/p>\r\n <\/div>\r\n <button class=\"bg-brand-500 hover:bg-brand-600 text-white px-5 py-2.5 rounded-lg font-medium shadow-sm shadow-brand-500\/30 transition-all flex items-center gap-2\">\r\n <i class=\"fa-solid fa-plus\"><\/i> Nowa Rezerwacja\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-blue-50 text-blue-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-calendar-day\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Rezerwacje (Dzi\u015b)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">24<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-green-50 text-green-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-wallet\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Przych\u00f3d (Dzisiaj)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">1,450 PLN<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-orange-50 text-orange-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-anchor\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Dost\u0119pne Kajaki<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">12 \/ 40<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-cyan-50 text-cyan-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-sun\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Warunki (Rzeka)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">Idealne<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n <div class=\"lg:col-span-2 bg-white border border-gray-100 rounded-2xl shadow-sm\">\r\n <div class=\"p-6 border-b border-gray-100 flex justify-between items-center\">\r\n <h2 class=\"text-lg font-bold text-gray-800\">Ostatnie Rezerwacje<\/h2>\r\n <a href=\"#\" class=\"text-brand-500 text-sm font-medium hover:underline\">Zobacz wszystkie<\/a>\r\n <\/div>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-left border-collapse\">\r\n <thead>\r\n <tr class=\"bg-gray-50 text-gray-500 text-sm uppercase tracking-wider\">\r\n <th class=\"p-4 font-medium\">Klient<\/th>\r\n <th class=\"p-4 font-medium\">Typ Kajaka<\/th>\r\n <th class=\"p-4 font-medium\">Godzina<\/th>\r\n <th class=\"p-4 font-medium\">Status<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"text-sm divide-y divide-gray-100\">\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">AK<\/div>\r\n <span class=\"font-medium text-gray-800\">Anna Kowalska<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">2-osobowy (Tandem)<\/td>\r\n <td class=\"p-4 text-gray-600\">10:00 - 14:00<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-green-100 text-green-700 px-3 py-1 rounded-full text-xs font-semibold\">W trasie<\/span>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">MN<\/div>\r\n <span class=\"font-medium text-gray-800\">Micha\u0142 Nowak<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">1-osobowy (Sport)<\/td>\r\n <td class=\"p-4 text-gray-600\">12:30 - 16:30<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-xs font-semibold\">Oczekuje<\/span>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">PZ<\/div>\r\n <span class=\"font-medium text-gray-800\">Piotr Zieli\u0144ski<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">Kajak Rodzinny<\/td>\r\n <td class=\"p-4 text-gray-600\">09:00 - 12:00<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\">Zako\u0144czono<\/span>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white border border-gray-100 rounded-2xl shadow-sm p-6\">\r\n <h2 class=\"text-lg font-bold text-gray-800 mb-4\">Stan Floty (Na \u017cywo)<\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">Wydane na wod\u0119<\/span>\r\n <span class=\"font-bold text-gray-800\">28 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-brand-500 h-2 rounded-full\" style=\"width: 70%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">Dost\u0119pne w bazie<\/span>\r\n <span class=\"font-bold text-gray-800\">12 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-green-500 h-2 rounded-full\" style=\"width: 30%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">W naprawie<\/span>\r\n <span class=\"font-bold text-gray-800\">2 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-red-500 h-2 rounded-full\" style=\"width: 5%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8 bg-brand-50 rounded-xl p-4 border border-brand-100\">\r\n <div class=\"flex gap-3\">\r\n <i class=\"fa-solid fa-circle-info text-brand-500 mt-0.5\"><\/i>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-brand-900\">Uwaga pogodowa<\/h4>\r\n <p class=\"text-xs text-brand-700 mt-1\">Spodziewany lekki wiatr po godzinie 15:00. Poinformuj klient\u00f3w wypo\u017cyczaj\u0105cych sprz\u0119t po po\u0142udniu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PIETRZYK | Mobile Menu Complete PIETRZYK PIETRZYK Strona G\u0142\u00f3wna Wypo\u017cyczalnia Przed sp\u0142ywem Szk\u00f3\u0142ka Galeria Trasy Sp\u0142yw\u00f3w Ruda Stodo\u0142y – Park Cysters\u00f3w Stodo\u0142y – Ruda Kozielska Ruda Kozielska – Ku\u017ania Oferta dla firm Oferta dla szk\u00f3\u0142 Regulamin Kontakt Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalne Sp\u0142ywy Kajakowe Sezon 2026 Otwarty Kajaki \u015al\u0105sk Poczuj nurt \u015al\u0105skiej Przyrody Organizujemy profesjonalne sp\u0142ywy rzekami Ma\u0142a Panew i Ruda. Idealne dla rodzin z dzie\u0107mi, firm oraz poszukiwaczy przyg\u00f3d. Wybierz Tras\u0119 +48 123 456 789 Przewi\u0144 w d\u00f3\u0142 14+ Lat do\u015bwiadczenia 7000+ Zadowolonych go\u015bci 100% Bezpiecze\u0144stwa 2 Pi\u0119kne rzeki Nasza Oferta Wybierz tras\u0119 idealn\u0105 dla siebie Niezale\u017cnie od tego, czy p\u0142yniesz pierwszy raz, czy szukasz wyzwa\u0144 \u2013 mamy dla Ciebie odpowiedni odcinek rzeki. Poziom \u0141atwy Rzeka Olza Wierniowice – Zabe\u0142k\u00f3w Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych. D\u0142ugo\u015b\u0107 ~8 km Czas 2-3 h Przeszkody Brak \/ Ma\u0142o Cena 75 PLN \/os Rezerwuj Termin POLECANE Poziom \u015aredni Rzeka Ruda Rybnik Stodo\u0142y – Park Cysters\u00f3w Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim. Oferuje niezapomniane widoki i bardziej dynamiczne fragmenty. D\u0142ugo\u015b\u0107 ~8 km Czas 2-3 h Przeszkody \u015arednie Cena 75 PLN \/os Rezerwuj Termin Grupy i Firmy IMPREZY INTEGRACYJNE Kompleksowa organizacja sp\u0142yw\u00f3w dla szk\u00f3\u0142 i firm. Zapewniamy transport, wy\u017cywienie oraz opiek\u0119 ratownik\u00f3w WOPR. Ognisko z kie\u0142baskami Transport uczestnik\u00f3w Indywidualna wycena Zapytaj o Ofert\u0119 Przejrzyste Ceny Cennik us\u0142ug 2026 W cen\u0119 wliczone jest: wypo\u017cyczenie kajaka, wios\u0142a, kamizelka, kr\u00f3tkie szkolenie oraz transport powrotny kierowc\u00f3w. Indywidualne 75 PLN \/os Kajak 2-osobowy Kompletne wyposa\u017cenie Transport kierowc\u00f3w Rezerwuj NAJCZ\u0118\u015aCIEJ WYBIERANE Grupy (10+ os) 65 PLN \/os Wszystko co w Indywidualnym Transport ca\u0142ej grupy Opieka instruktora Zapytaj o grup\u0119 Dodatki Kajak 1-osobowy 90 PLN Dziecko do lat 6 Bezp\u0142atnie Worek wodoszczelny 10 PLN Mo\u017cliwo\u015b\u0107 rezerwacji ogniska. Niezb\u0119dnik Kajakarza Oto kr\u00f3tka \u015bci\u0105ga, dzi\u0119ki kt\u00f3rej sp\u0142yw b\u0119dzie czyst\u0105 przyjemno\u015bci\u0105. Str\u00f3j na cebulk\u0119 We\u017a co\u015b przeciwdeszczowego na wszelki wypadek. Buty do wody Najlepsze s\u0105 sanda\u0142y lub buty neoprenowe. Ochrona g\u0142owy Czapka i krem z filtrem to podstawa. Etui Na telefon i kluczyki. Mamy je u nas. Co m\u00f3wi\u0105 nasi go\u015bcie? „Super organizacja! Ma\u0142a Panew idealna dla dzieciak\u00f3w. Sprz\u0119t nowy, czysty.” A Anna K. „Rzeka Ruda da\u0142a nam popali\u0107, ale o to chodzi\u0142o! \u015awietna przygoda.” M Marek W. „Profesjonalne podej\u015bcie. Dobre kajaki polietylenowe, wygodne siedzenia.” P Piotr Z. Najcz\u0119stsze Pytania Wszystko, co musisz wiedzie\u0107 przed rezerwacj\u0105 Czy mo\u017cna zabra\u0107 psa do kajaka? Tak! Zwierzaki s\u0105 mile widziane. Pami\u0119taj jednak, \u017ce pies powinien czu\u0107 si\u0119 komfortowo na wodzie. Czy musz\u0119 umie\u0107 p\u0142ywa\u0107 wp\u0142aw? Nie jest to wymagane. Ka\u017cdy uczestnik otrzymuje obowi\u0105zkow\u0105 kamizelk\u0119 asekuracyjn\u0105. Rzeki s\u0105 zazwyczaj p\u0142ytkie. Co w przypadku deszczu? Lekki deszcz nie przeszkadza. W przypadku burzy przek\u0142adamy sp\u0142yw na inny termin lub zwracamy zaliczk\u0119. Jak wr\u00f3ci\u0107 do samochodu? Zapewniamy transport kierowc\u00f3w z mety sp\u0142ywu z powrotem na parking startowy. Czy dzieci mog\u0105 p\u0142yn\u0105\u0107? Oczywi\u015bcie. Mamy specjalne ma\u0142e kamizelki. Dla najm\u0142odszych (3-6 lat) oferujemy dostawki. Czy na sp\u0142ywie mo\u017cna pi\u0107 alkohol? Nie. P\u0142ywanie pod wp\u0142ywem jest niebezpieczne i grozi mandatem. Dbamy o wsp\u00f3lne bezpiecze\u0144stwo. Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalna Nawigacja Sp\u0142ywy Kajakowe Pietrzyk Start Oferta Sp\u0142ywy indywidualne Wypo\u017cycz i p\u0142y\u0144 sam Sp\u0142ywy rodzinne \u0141atwe trasy z dzie\u0107mi Dla firm Imprezy integracyjne Dla szk\u00f3\u0142 Edukacja na wodzie Trasy kajakowe Informacje Cennik 2025 Wypo\u017cyczalnia Przed sp\u0142ywem Regulamin Galeria Kontakt +48 690 240 819 +48 502 527 333 Strona G\u0142\u00f3wna Oferta Sp\u0142ywy indywidualne Sp\u0142ywy rodzinne Dla firm Dla szk\u00f3\u0142 Trasy Trasy kajakowe Informacje Cennik 2025 Wypo\u017cyczalnia Przed sp\u0142ywem Regulamin Galeria Kontakt 690 240 819 502 527 333 Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Od lat organizujemy bezpieczne i niezapomniane sp\u0142ywy malowniczymi rzekami. Odkryj z nami natur\u0119 z zupe\u0142nie innej perspektywy. Trasy sp\u0142yw\u00f3w Rzeka Ruda Rzeka Odra Rzeka Olza Szotk\u00f3wka Rzeka Nida Informacje O nas Cennik Regulamin FAQ Dane kontaktowe Baza Sprz\u0119towa ul. Pszczy\u0144ska 392Jastrz\u0119bie-Zdr\u00f3j Zobacz na mapie Rezerwacje +48 690 240 819 +48 502 527 333 nauka.plywania.pietrzyk@gmail.com © 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone. Polityka Prywatno\u015bci Cookies Rzeka Olza – Widget Rzeka Olza Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych. Wierniowice – Zabe\u0142k\u00f3w \u0142atwy Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi. 8 km \u2022 1.5 – 2 godziny Kajakiem przez Olz\u0119: Trasa Wierniowice \u2013 Zabe\u0142k\u00f3w Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? Sp\u0142yw kajakowy Olz\u0105 na odcinku Wierniowice \u2013 Zabe\u0142k\u00f3w to jedna z najbardziej malowniczych tras w regionie \u015al\u0105ska Cieszy\u0144skiego. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Olza pokazuje swoje najbardziej dzikie i nieoczywiste oblicze. Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o 1.5 \u2013 2 godziny relaksu w otoczeniu przyrody. Dlaczego warto wybra\u0107 t\u0119 tras\u0119? Niski stopie\u0144 trudno\u015bci: Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na pierwszy raz w kajaku. Meandry pe\u0142ne niespodzianek: Olza fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w i p\u00f3l, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok. Cie\u0144 i ch\u0142\u00f3d: Dzi\u0119ki zalesionym brzegom, sp\u0142yw jest komfortowy nawet w upalne dni. \ud83d\udca1 Ciekawostka! Olza w historii: Rzeka od wiek\u00f3w by\u0142a wa\u017cnym szlakiem transportowym i granicznym mi\u0119dzy \u015al\u0105skiem a Morawami, co nadaje jej wyj\u0105tkowy charakter historyczny. Czytaj wi\u0119cej Zarezerwuj kajak Wierniowice – Krzy\u017canowice \u015bredni D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki. 12 km \u2022 2 – 2.5 godziny Le\u015bna wyprawa kajakowa: Trasa Wierniowice \u2013 Krzy\u017canowice Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? Sp\u0142yw kajakowy z Wierniowic do Krzy\u017canowic pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez malownicze tereny Olzy. Trasa ta wymaga po\u015bwi\u0119cenia oko\u0142o 2 \u2013 2.5 godzin. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i pi\u0119knymi krajobrazami. Co wyr\u00f3\u017cnia t\u0119 tras\u0119? Spok\u00f3j i bezpiecze\u0144stwo: Olza na tym odcinku zachowuje \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia. G\u0142\u0119boki relaks w lesie: Odcinek prowadzi przez zalesione tereny i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni. \ud83d\udca1 Ciekawostka! Historia rzeki: Olza by\u0142a wa\u017cnym szlakiem granicznym i transportowym, a jej brzegi kryj\u0105 liczne \u015blady dawnych osad i<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":168,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n PIETRZYK | Mobile Menu Complete<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n \r\n .nav-glass-mobile {\r\n background: rgba(255, 255, 255, 0.98);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n #mobile-drawer {\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform: translateX(100%);\r\n }\r\n #mobile-drawer.open { transform: translateX(0); }\r\n\r\n summary::-webkit-details-marker { display: none; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50\">\r\n\r\n <header class=\"fixed top-0 w-full z-[100] flex justify-center p-3\">\r\n <nav class=\"nav-glass-mobile w-full max-w-[400px] rounded-[2rem] px-5 py-2 flex items-center justify-between shadow-md\">\r\n <a href=\"index.html\" class=\"shrink-0 flex items-center\">\r\n <span class=\"text-xl font-extrabold tracking-tighter text-slate-950\">PIETRZYK<\/span>\r\n <\/a>\r\n\r\n <div class=\"flex items-center gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"w-11 h-11 bg-[#0f172a] text-white rounded-2xl flex items-center justify-center active:scale-90 transition-transform\">\r\n <i class=\"ph-bold ph-phone-call text-lg\"><\/i>\r\n <\/a>\r\n <button id=\"hamburger\" class=\"w-11 h-11 bg-[#f0fdf4] text-[#10b981] rounded-2xl flex items-center justify-center active:scale-90 transition-transform\">\r\n <i class=\"ph-bold ph-list text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <div id=\"mobile-drawer\" class=\"fixed inset-0 bg-white z-[200] p-8 flex flex-col shadow-2xl\">\r\n <div class=\"flex items-center justify-between mb-8\">\r\n <span class=\"text-xl font-extrabold tracking-tighter text-slate-950\">PIETRZYK<\/span>\r\n <button id=\"close-drawer\" class=\"w-10 h-10 flex items-center justify-center bg-slate-100 rounded-xl text-slate-900\">\r\n <i class=\"ph-bold ph-x text-xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <nav class=\"flex flex-col gap-2 overflow-y-auto pb-10\">\r\n <a href=\"index.html\" class=\"p-4 text-lg font-extrabold bg-slate-50 rounded-2xl text-slate-900\">Strona G\u0142\u00f3wna<\/a>\r\n <a href=\"wypozyczalnia.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"przed-splywem.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Przed sp\u0142ywem<\/a>\r\n <a href=\"szkolka.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Szk\u00f3\u0142ka<\/a>\r\n <a href=\"galeria.html\" class=\"p-4 text-lg font-extrabold text-slate-900\">Galeria<\/a>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"text-[10px] font-black text-emerald-600 uppercase tracking-widest px-4 mb-4\">Trasy Sp\u0142yw\u00f3w<\/p>\r\n \r\n <details class=\"group mb-2\">\r\n <summary class=\"list-none p-4 flex items-center justify-between bg-emerald-50 rounded-2xl cursor-pointer\">\r\n <div class=\"flex items-center gap-3\">\r\n <i class=\"ph-fill ph-navigation-arrow text-emerald-600 text-lg\"><\/i>\r\n <span class=\"font-extrabold text-emerald-700 uppercase\">Ruda<\/span>\r\n <\/div>\r\n <i class=\"ph-bold ph-caret-down group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"p-2 flex flex-col gap-1\">\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Stodo\u0142y - Park Cysters\u00f3w<\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Stodo\u0142y - Ruda Kozielska<\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 p-3 text-sm font-bold text-slate-700 underline\"><i class=\"ph-bold ph-path text-emerald-500\"><\/i> Ruda Kozielska - Ku\u017ania<\/a>\r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-4 border-t border-slate-100 pt-4 flex flex-col gap-1\">\r\n <a href=\"firmy.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-users-three text-emerald-600\"><\/i> Oferta dla firm<\/a>\r\n <a href=\"szkoly.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-backpack text-emerald-600\"><\/i> Oferta dla szk\u00f3\u0142<\/a>\r\n <a href=\"regulamin.html\" class=\"p-4 text-base font-bold text-slate-700 flex items-center gap-3\"><i class=\"ph-fill ph-scroll text-emerald-600\"><\/i> Regulamin<\/a>\r\n <a href=\"kontakt.html\" class=\"p-4 text-lg font-extrabold text-slate-900 mt-2\">Kontakt<\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const closeBtn = document.getElementById('close-drawer');\r\n const drawer = document.getElementById('mobile-drawer');\r\n\r\n hamburger.onclick = () => drawer.classList.add('open');\r\n closeBtn.onclick = () => drawer.classList.remove('open');\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b97b289 elementor-widget elementor-widget-html\" data-id=\"b97b289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalne Sp\u0142ywy Kajakowe<\/title>\r\n <meta name=\"description\" content=\"Odkryj \u015al\u0105sk\u0105 Amazonk\u0119. Sp\u0142ywy kajakowe rzek\u0105 Ma\u0142a Panew i Ruda. Rezerwuj online!\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n },\r\n water: {\r\n 500: '#0ea5e9',\r\n }\r\n },\r\n backgroundImage: {\r\n 'hero-pattern': \"url('https:\/\/i.imgur.com\/NFDukqH_d.webp?maxwidth=1520&fidelity=grand')\",\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-section {\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-size: cover;\r\n }\r\n .difficulty-badge {\r\n clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);\r\n }\r\n details > summary { list-style: none; }\r\n details > summary::-webkit-details-marker { display: none; }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white m-0 p-0 overflow-x-hidden\">\r\n\r\n <header class=\"hero-section h-[90vh] w-full flex items-center justify-center relative bg-hero-pattern m-0 p-0 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-900\/60 via-slate-900\/40 to-slate-900\/80\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10 text-center animate-fade-in\">\r\n <div class=\"inline-block px-4 py-1.5 mb-6 rounded-full bg-emerald-500\/20 backdrop-blur-md border border-emerald-400\/30 text-emerald-300 font-semibold text-sm uppercase tracking-wider\">\r\n Sezon 2026 Otwarty\r\n <\/div>\r\n \r\n <div class=\"mb-4 font-bold text-emerald-500 tracking-[0.2em] text-sm uppercase\">Kajaki \u015al\u0105sk<\/div>\r\n\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black text-white mb-6 leading-tight tracking-tight\">\r\n Poczuj nurt <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300\">\u015al\u0105skiej Przyrody<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-200 mb-10 max-w-2xl mx-auto font-light leading-relaxed\">\r\n Organizujemy profesjonalne sp\u0142ywy rzekami Ma\u0142a Panew i Ruda. \r\n Idealne dla rodzin z dzie\u0107mi, firm oraz poszukiwaczy przyg\u00f3d.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"#trasy\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-600 hover:bg-emerald-500 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl shadow-emerald-900\/50 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-canoe\"><\/i> Wybierz Tras\u0119\r\n <\/a>\r\n <a href=\"tel:+48123456789\" class=\"w-full sm:w-auto px-8 py-4 bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/20 text-white rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone-call\"><\/i> +48 123 456 789\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white\/50 text-sm flex flex-col items-center animate-bounce\">\r\n <span>Przewi\u0144 w d\u00f3\u0142<\/span>\r\n <i class=\"ph-bold ph-arrow-down mt-2\"><\/i>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-10 bg-white border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">14+<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Lat do\u015bwiadczenia<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">7000+<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Zadowolonych go\u015bci<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">100%<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Bezpiecze\u0144stwa<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-emerald-600\">2<\/span>\r\n <span class=\"text-sm text-slate-500 font-medium uppercase\">Pi\u0119kne rzeki<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"trasy\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Nasza Oferta<\/h2>\r\n <h3 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-6\">Wybierz tras\u0119 idealn\u0105 dla siebie<\/h3>\r\n <p class=\"text-slate-600 text-lg\">Niezale\u017cnie od tego, czy p\u0142yniesz pierwszy raz, czy szukasz wyzwa\u0144 \u2013 mamy dla Ciebie odpowiedni odcinek rzeki.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-xl shadow-slate-200\/50 hover:shadow-2xl hover:shadow-emerald-500\/10 transition-all duration-300 group border border-slate-100 flex flex-col\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Ma\u0142a Panew\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur px-3 py-1 rounded-lg text-xs font-bold uppercase tracking-wider text-slate-800 flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div> Poziom \u0141atwy\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-slate-900 mb-2 group-hover:text-emerald-600 transition\">Rzeka Olza<\/h4>\r\n <p class=\"text-emerald-600 font-semibold text-sm mb-4\">Wierniowice - Zabe\u0142k\u00f3w<\/p>\r\n <p class=\"text-slate-600 mb-6 text-sm leading-relaxed\">\r\n Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-2 gap-4 mb-6 pt-6 border-t border-slate-100\">\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">D\u0142ugo\u015b\u0107<\/span>\r\n <span class=\"font-bold text-slate-700\">~8 km<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Czas<\/span>\r\n <span class=\"font-bold text-slate-700\">2-3 h<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Przeszkody<\/span>\r\n <span class=\"font-bold text-emerald-600\">Brak \/ Ma\u0142o<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Cena<\/span>\r\n <span class=\"font-bold text-slate-900 text-lg\">75 PLN <span class=\"text-xs font-normal text-slate-400\">\/os<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-slate-900 text-white rounded-xl font-bold hover:bg-emerald-600 transition flex justify-center items-center gap-2 group-hover:gap-4\">\r\n Rezerwuj Termin <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl overflow-hidden shadow-xl shadow-slate-200\/50 hover:shadow-2xl hover:shadow-emerald-500\/10 transition-all duration-300 group border border-slate-100 flex flex-col relative\">\r\n <div class=\"absolute top-0 right-0 bg-emerald-500 text-white text-xs font-bold px-4 py-2 rounded-bl-xl z-20\">POLECANE<\/div>\r\n \r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Rzeka Ruda\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur px-3 py-1 rounded-lg text-xs font-bold uppercase tracking-wider text-slate-800 flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-500\"><\/div> Poziom \u015aredni\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-slate-900 mb-2 group-hover:text-emerald-600 transition\">Rzeka Ruda<\/h4>\r\n <p class=\"text-emerald-600 font-semibold text-sm mb-4\">Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\r\n <p class=\"text-slate-600 mb-6 text-sm leading-relaxed\">\r\n Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim. Oferuje niezapomniane widoki i bardziej dynamiczne fragmenty.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-2 gap-4 mb-6 pt-6 border-t border-slate-100\">\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">D\u0142ugo\u015b\u0107<\/span>\r\n <span class=\"font-bold text-slate-700\">~8 km<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Czas<\/span>\r\n <span class=\"font-bold text-slate-700\">2-3 h<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Przeszkody<\/span>\r\n <span class=\"font-bold text-yellow-600\">\u015arednie<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs text-slate-400 uppercase\">Cena<\/span>\r\n <span class=\"font-bold text-slate-900 text-lg\">75 PLN <span class=\"text-xs font-normal text-slate-400\">\/os<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-emerald-600 text-white rounded-xl font-bold hover:bg-emerald-700 transition flex justify-center items-center gap-2 group-hover:gap-4\">\r\n Rezerwuj Termin <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl overflow-hidden shadow-xl hover:shadow-2xl transition-all duration-300 group border border-slate-800 flex flex-col text-white\">\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop\" alt=\"Integracja\" class=\"w-full h-full object-cover opacity-60 transition duration-700 group-hover:scale-110 group-hover:opacity-40\">\r\n <div class=\"absolute inset-0 flex items-center justify-center\">\r\n <i class=\"ph-duotone ph-users-three text-6xl text-emerald-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-8 flex-grow\">\r\n <h4 class=\"text-2xl font-bold text-white mb-2\">Grupy i Firmy<\/h4>\r\n <p class=\"text-emerald-400 font-semibold text-sm mb-4\">IMPREZY INTEGRACYJNE<\/p>\r\n <p class=\"text-slate-300 mb-6 text-sm leading-relaxed\">\r\n Kompleksowa organizacja sp\u0142yw\u00f3w dla szk\u00f3\u0142 i firm. Zapewniamy transport, wy\u017cywienie oraz opiek\u0119 ratownik\u00f3w WOPR.\r\n <\/p>\r\n \r\n <ul class=\"space-y-3 mb-6 pt-6 border-t border-slate-700 text-sm text-slate-300\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Ognisko z kie\u0142baskami<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Transport uczestnik\u00f3w<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Indywidualna wycena<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-8 pt-0 mt-auto\">\r\n <button class=\"w-full py-4 bg-white text-slate-900 rounded-xl font-bold hover:bg-slate-200 transition flex justify-center items-center gap-2\">\r\n Zapytaj o Ofert\u0119\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"cennik\" class=\"py-24 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Przejrzyste Ceny<\/h2>\r\n <h3 class=\"text-4xl font-bold text-slate-900 mb-6\">Cennik us\u0142ug 2026<\/h3>\r\n <p class=\"text-slate-600\">W cen\u0119 wliczone jest: wypo\u017cyczenie kajaka, wios\u0142a, kamizelka, kr\u00f3tkie szkolenie oraz transport powrotny kierowc\u00f3w.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 flex flex-col shadow-sm\">\r\n <h4 class=\"text-xl font-bold mb-4\">Indywidualne<\/h4>\r\n <div class=\"text-4xl font-black text-slate-900 mb-6\">75 PLN<span class=\"text-base font-normal text-slate-500\"> \/os<\/span><\/div>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Kajak 2-osobowy<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Kompletne wyposa\u017cenie<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-500\"><\/i> Transport kierowc\u00f3w<\/li>\r\n <\/ul>\r\n <a href=\"tel:+48123456789\" class=\"w-full py-3 text-center bg-slate-900 text-white rounded-xl font-bold hover:bg-emerald-600 transition\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-emerald-900 p-8 rounded-3xl border border-emerald-800 flex flex-col text-white transform md:-translate-y-4 shadow-2xl shadow-emerald-900\/20\">\r\n <div class=\"bg-emerald-500 text-xs font-bold px-3 py-1 rounded-full self-start mb-4\">NAJCZ\u0118\u015aCIEJ WYBIERANE<\/div>\r\n <h4 class=\"text-xl font-bold mb-4\">Grupy (10+ os)<\/h4>\r\n <div class=\"text-4xl font-black mb-6\">65 PLN<span class=\"text-base font-normal text-emerald-300\/60\"> \/os<\/span><\/div>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Wszystko co w Indywidualnym<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Transport ca\u0142ej grupy<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check text-emerald-400\"><\/i> Opieka instruktora<\/li>\r\n <\/ul>\r\n <a href=\"tel:+48123456789\" class=\"w-full py-3 text-center bg-emerald-500 text-white rounded-xl font-bold hover:bg-white hover:text-emerald-900 transition\">Zapytaj o grup\u0119<\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 flex flex-col shadow-sm\">\r\n <h4 class=\"text-xl font-bold mb-4\">Dodatki<\/h4>\r\n <ul class=\"space-y-4 mb-8 flex-grow\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Kajak 1-osobowy<\/span>\r\n <span class=\"font-bold\">90 PLN<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Dziecko do lat 6<\/span>\r\n <span class=\"font-bold\">Bezp\u0142atnie<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Worek wodoszczelny<\/span>\r\n <span class=\"font-bold\">10 PLN<\/span>\r\n <\/li>\r\n <\/ul>\r\n <span class=\"text-xs text-slate-400 italic text-center\">Mo\u017cliwo\u015b\u0107 rezerwacji ogniska.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"niezbednik\" class=\"py-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\r\n <div class=\"md:w-1\/2\">\r\n <div class=\"relative\">\r\n <div class=\"absolute -top-4 -left-4 w-24 h-24 bg-emerald-100 rounded-full -z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543132649-6f5e937d5781?q=80&w=1950&auto=format&fit=crop\" alt=\"Przygotowanie\" class=\"rounded-3xl shadow-2xl rotate-1 hover:rotate-0 transition duration-500\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">Niezb\u0119dnik Kajakarza<\/h2>\r\n <p class=\"text-slate-600 mb-8\">Oto kr\u00f3tka \u015bci\u0105ga, dzi\u0119ki kt\u00f3rej sp\u0142yw b\u0119dzie czyst\u0105 przyjemno\u015bci\u0105.<\/p>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-t-shirt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Str\u00f3j na cebulk\u0119<\/h4>\r\n <p class=\"text-sm text-slate-500\">We\u017a co\u015b przeciwdeszczowego na wszelki wypadek.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-sneaker\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Buty do wody<\/h4>\r\n <p class=\"text-sm text-slate-500\">Najlepsze s\u0105 sanda\u0142y lub buty neoprenowe.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-sun\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Ochrona g\u0142owy<\/h4>\r\n <p class=\"text-sm text-slate-500\">Czapka i krem z filtrem to podstawa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 shrink-0\">\r\n <i class=\"ph-fill ph-drop\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900\">Etui<\/h4>\r\n <p class=\"text-sm text-slate-500\">Na telefon i kluczyki. Mamy je u nas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-emerald-900 text-white relative overflow-hidden\">\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold\">Co m\u00f3wi\u0105 nasi go\u015bcie?<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Super organizacja! Ma\u0142a Panew idealna dla dzieciak\u00f3w. Sprz\u0119t nowy, czysty.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">A<\/div>\r\n <div><span class=\"block font-bold\">Anna K.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Rzeka Ruda da\u0142a nam popali\u0107, ale o to chodzi\u0142o! \u015awietna przygoda.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">M<\/div>\r\n <div><span class=\"block font-bold\">Marek W.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white\/10 backdrop-blur-md p-6 rounded-2xl border border-white\/10\">\r\n <div class=\"flex text-yellow-400 mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-200 mb-6 italic\">\"Profesjonalne podej\u015bcie. Dobre kajaki polietylenowe, wygodne siedzenia.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center font-bold\">P<\/div>\r\n <div><span class=\"block font-bold\">Piotr Z.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-4 max-w-3xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-slate-900\">Najcz\u0119stsze Pytania<\/h2>\r\n <p class=\"text-slate-600 mt-2\">Wszystko, co musisz wiedzie\u0107 przed rezerwacj\u0105<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy mo\u017cna zabra\u0107 psa do kajaka?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Tak! Zwierzaki s\u0105 mile widziane. Pami\u0119taj jednak, \u017ce pies powinien czu\u0107 si\u0119 komfortowo na wodzie.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy musz\u0119 umie\u0107 p\u0142ywa\u0107 wp\u0142aw?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Nie jest to wymagane. Ka\u017cdy uczestnik otrzymuje obowi\u0105zkow\u0105 kamizelk\u0119 asekuracyjn\u0105. Rzeki s\u0105 zazwyczaj p\u0142ytkie.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Co w przypadku deszczu?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Lekki deszcz nie przeszkadza. W przypadku burzy przek\u0142adamy sp\u0142yw na inny termin lub zwracamy zaliczk\u0119.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Jak wr\u00f3ci\u0107 do samochodu?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Zapewniamy transport kierowc\u00f3w z mety sp\u0142ywu z powrotem na parking startowy.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy dzieci mog\u0105 p\u0142yn\u0105\u0107?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Oczywi\u015bcie. Mamy specjalne ma\u0142e kamizelki. Dla najm\u0142odszych (3-6 lat) oferujemy dostawki.<\/p>\r\n <\/details>\r\n <details class=\"group bg-white rounded-xl shadow-sm p-4 cursor-pointer\">\r\n <summary class=\"flex justify-between items-center font-bold text-slate-800\">\r\n Czy na sp\u0142ywie mo\u017cna pi\u0107 alkohol?\r\n <span class=\"text-emerald-500 transition group-open:rotate-180\"><i class=\"ph-bold ph-caret-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-600 mt-4 text-sm\">Nie. P\u0142ywanie pod wp\u0142ywem jest niebezpieczne i grozi mandatem. Dbamy o wsp\u00f3lne bezpiecze\u0144stwo.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4039354 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"4039354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalna Nawigacja<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Plus Jakarta Sans', 'sans-serif'] },\r\n colors: {\r\n emerald: { 50: '#f0fdf4', 100: '#dcfce7', 500: '#10b981', 600: '#059669', 700: '#047857' },\r\n blue: { 50: '#eff6ff', 100: '#dbeafe', 500: '#3b82f6', 600: '#2563eb' },\r\n amber: { 50: '#fffbeb', 100: '#fef3c7', 500: '#f59e0b', 600: '#d97706' },\r\n sky: { 50: '#f0f9ff', 100: '#e0f2fe', 500: '#0ea5e9', 600: '#0284c7' },\r\n indigo: { 50: '#f5f3ff', 100: '#ede9fe', 500: '#6366f1', 600: '#4f46e5' }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .nav-glass {\r\n background: rgba(255, 255, 255, 0.99);\r\n backdrop-filter: blur(25px);\r\n border: 1px solid rgba(255, 255, 255, 0.6);\r\n }\r\n \r\n .nav-link {\r\n position: relative;\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: 0.03em;\r\n color: #1e293b !important;\r\n padding: 10px 16px;\r\n transition: all 0.2s ease-in-out;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n }\r\n \r\n .nav-link:hover {\r\n color: #059669 !important;\r\n background-color: #f0fdf4 !important;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0; height: 3px; bottom: 4px; left: 16px;\r\n background-color: #10b981;\r\n transition: width 0.25s ease-in-out;\r\n border-radius: 10px;\r\n }\r\n .nav-link:hover::after { width: calc(100% - 32px); }\r\n\r\n .mega-menu-panel {\r\n width: 1400px;\r\n max-width: 95vw;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(20px);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 40px 120px -20px rgba(6, 78, 59, 0.18);\r\n }\r\n \r\n .group:hover .mega-menu-panel, .group:hover .dropdown-content {\r\n transform: translateX(-50%) translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .dropdown-content {\r\n width: 260px;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(20px);\r\n transition: all 0.2s ease-in-out;\r\n }\r\n\r\n .route-link {\r\n @apply flex items-center gap-3 py-2 px-3 text-[15px] font-bold text-slate-600 transition-all rounded-xl whitespace-nowrap;\r\n text-decoration: underline;\r\n text-underline-offset: 4px;\r\n text-decoration-color: transparent;\r\n }\r\n .route-link:hover {\r\n @apply bg-slate-50 translate-x-1;\r\n text-decoration-color: currentColor;\r\n }\r\n .route-link i {\r\n @apply text-lg;\r\n }\r\n <\/style>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c14cbc elementor-widget elementor-widget-html\" data-id=\"1c14cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n \r\n <style>\r\n .nav-glass {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n }\r\n \r\n .dropdown-menu {\r\n transform: translateY(10px);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .group:hover .dropdown-menu {\r\n transform: translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .hover-bridge {\r\n padding-top: 1.5rem; \r\n }\r\n\r\n #mobile-menu {\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n body {\r\n padding-top: 64px; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 antialiased text-slate-800\">\r\n\r\n <header id=\"main-header\" class=\"fixed top-0 w-full z-[100] transition-all duration-300 nav-glass border-b border-slate-200\/60 shadow-sm\">\r\n <div class=\"w-full px-4 lg:px-8 max-w-[1400px] mx-auto\">\r\n <nav id=\"nav-bar\" class=\"flex items-center justify-between h-16 relative\">\r\n \r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"relative z-50 flex-shrink-0 w-28 lg:w-36 h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iyWcR3h.png\" alt=\"Pietrzyk Logo\" class=\"absolute top-2 left-0 w-full h-auto object-contain drop-shadow-xl transition-transform duration-500 hover:scale-105\">\r\n <\/a>\r\n\r\n <div class=\"hidden lg:flex items-center h-full gap-1 xl:gap-2\">\r\n \r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Start\r\n <\/a>\r\n\r\n <div class=\"relative group h-full flex items-center\">\r\n <button class=\"flex items-center gap-1 px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Oferta <i class=\"ph-bold ph-caret-down text-[10px] transition-transform group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n <div class=\"dropdown-menu absolute top-full left-1\/2 -translate-x-1\/2 hover-bridge opacity-0 invisible\">\r\n <div class=\"w-64 bg-white rounded-2xl shadow-xl border border-slate-100 p-2\">\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia-kajakow\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-user text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Sp\u0142ywy indywidualne<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Wypo\u017cycz i p\u0142y\u0144 sam<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/dla-poczatkujacych\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-users text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Sp\u0142ywy rodzinne<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">\u0141atwe trasy z dzie\u0107mi<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-firm\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-briefcase text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Dla firm<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Imprezy integracyjne<\/p>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-szkol\/\" class=\"flex items-start gap-3 p-3 hover:bg-emerald-50 rounded-xl transition-colors group\/item\">\r\n <div class=\"w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center shrink-0 group-hover\/item:bg-emerald-500 group-hover\/item:text-white transition-colors text-emerald-600\">\r\n <i class=\"ph-fill ph-student text-lg\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-[13px] font-bold text-slate-800\">Dla szk\u00f3\u0142<\/h4>\r\n <p class=\"text-[11px] text-slate-500 mt-0.5\">Edukacja na wodzie<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Trasy kajakowe\r\n <\/a>\r\n\r\n <div class=\"relative group h-full flex items-center\">\r\n <button class=\"flex items-center gap-1 px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Informacje <i class=\"ph-bold ph-caret-down text-[10px] transition-transform group-hover:rotate-180\"><\/i>\r\n <\/button>\r\n <div class=\"dropdown-menu absolute top-full left-1\/2 -translate-x-1\/2 hover-bridge opacity-0 invisible\">\r\n <div class=\"w-44 bg-white rounded-2xl shadow-xl border border-slate-100 p-2\">\r\n <a href=\"https:\/\/pietrzykk.pl\/#cennik\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Cennik 2025<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/przed-splywem\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Przed sp\u0142ywem<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/regulamin\/\" class=\"block p-2.5 text-[13px] font-semibold text-slate-700 hover:text-emerald-700 hover:bg-emerald-50 rounded-xl transition-colors\">Regulamin<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/galeria\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Galeria\r\n <\/a>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/kontakt\/\" class=\"flex items-center px-3 py-2 rounded-lg text-[13px] font-bold text-slate-700 hover:text-slate-900 hover:bg-emerald-50 transition-all uppercase tracking-wide\">\r\n Kontakt\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hidden xl:flex items-center gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"group flex items-center gap-2 text-[13px] font-bold text-white bg-emerald-600 px-4 py-2 rounded-full border border-transparent hover:bg-emerald-50 hover:text-slate-800 hover:border-emerald-200 transition-all duration-300 shadow-sm hover:shadow-md\">\r\n <i class=\"ph-fill ph-phone-call text-base text-white group-hover:text-emerald-600 transition-colors duration-300\"><\/i>\r\n <span>+48 690 240 819<\/span>\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"group flex items-center gap-2 text-[13px] font-bold text-white bg-emerald-600 px-4 py-2 rounded-full border border-transparent hover:bg-emerald-50 hover:text-slate-800 hover:border-emerald-200 transition-all duration-300 shadow-sm hover:shadow-md\">\r\n <i class=\"ph-fill ph-phone-call text-base text-white group-hover:text-emerald-600 transition-colors duration-300\"><\/i>\r\n <span>+48 502 527 333<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden w-10 h-10 flex items-center justify-center text-slate-800 hover:text-slate-900 hover:bg-emerald-50 transition-colors bg-transparent rounded-lg relative z-20\">\r\n <i class=\"ph-bold ph-list text-2xl\"><\/i>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"absolute top-full left-0 w-full bg-white\/95 backdrop-blur-md shadow-2xl border-t border-slate-100 opacity-0 invisible -translate-y-4 lg:hidden\">\r\n <div class=\"container mx-auto px-6 py-6 flex flex-col gap-4 max-h-[80vh] overflow-y-auto\">\r\n <a href=\"https:\/\/pietrzykk.pl\/\" class=\"text-base font-bold text-slate-800 py-2 border-b border-slate-100\">Strona G\u0142\u00f3wna<\/a>\r\n \r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Oferta<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia-kajakow\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Sp\u0142ywy indywidualne<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/dla-poczatkujacych\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Sp\u0142ywy rodzinne<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-firm\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Dla firm<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/oferta-dla-szkol\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Dla szk\u00f3\u0142<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Trasy<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Trasy kajakowe<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col gap-2 py-2 border-b border-slate-100\">\r\n <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-widest mb-1\">Informacje<\/span>\r\n <a href=\"https:\/\/pietrzykk.pl\/#cennik\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Cennik 2025<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/wypozyczalnia\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Wypo\u017cyczalnia<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/przed-splywem\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Przed sp\u0142ywem<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/regulamin\/\" class=\"text-sm text-slate-700 font-medium pl-2 hover:text-emerald-600\">Regulamin<\/a>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/pietrzykk.pl\/galeria\/\" class=\"text-base font-bold text-slate-800 py-2 border-b border-slate-100 hover:text-emerald-600\">Galeria<\/a>\r\n <a href=\"https:\/\/pietrzykk.pl\/kontakt\/\" class=\"text-base font-bold text-slate-800 py-2 hover:text-emerald-600\">Kontakt<\/a>\r\n\r\n <div class=\"mt-4 flex flex-col gap-2\">\r\n <a href=\"tel:+48690240819\" class=\"flex items-center justify-center gap-2 text-white bg-emerald-600 hover:bg-emerald-700 px-6 py-3 rounded-xl font-bold text-base text-center shadow-lg transition-colors\">\r\n <i class=\"ph-fill ph-phone-call text-lg\"><\/i> 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"flex items-center justify-center gap-2 text-emerald-600 bg-emerald-50 hover:bg-emerald-100 border border-emerald-200 px-6 py-3 rounded-xl font-bold text-base text-center shadow-sm transition-colors\">\r\n <i class=\"ph-fill ph-phone-call text-lg\"><\/i> 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"h-[200vh]\">\r\n <div class=\"container mx-auto px-4 pt-12\">\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const icon = mobileMenuBtn.querySelector('i');\r\n let isMenuOpen = false;\r\n\r\n mobileMenuBtn.addEventListener('click', () => {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n mobileMenu.classList.remove('opacity-0', 'invisible', '-translate-y-4');\r\n icon.classList.remove('ph-list');\r\n icon.classList.add('ph-x');\r\n } else {\r\n mobileMenu.classList.add('opacity-0', 'invisible', '-translate-y-4');\r\n icon.classList.remove('ph-x');\r\n icon.classList.add('ph-list');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a89a06a elementor-widget elementor-widget-html\" data-id=\"a89a06a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 border-t border-slate-800\/60 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <a href=\"#\" class=\"inline-block mb-6\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iyWcR3h.png\" alt=\"Sp\u0142ywy Kajakowe Pietrzyk - Logo\" class=\"w-36 h-auto object-contain hover:opacity-90 transition-opacity\">\r\n <\/a>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Od lat organizujemy bezpieczne i niezapomniane sp\u0142ywy malowniczymi rzekami. Odkryj z nami natur\u0119 z zupe\u0142nie innej perspektywy.\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <li><a href=\"#nida\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Nida<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Informacje<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>O nas<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Cennik<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Regulamin<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n \r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-500 text-xs font-semibold uppercase tracking-wider mb-0.5\">Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-envelope-simple text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-2.5\">\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium break-all\">\r\n nauka.plywania.pietrzyk@gmail.com\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n © 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <div class=\"flex items-center gap-6 text-sm\">\r\n <a href=\"#\" class=\"text-slate-500 hover:text-emerald-400 transition-colors\">Polityka Prywatno\u015bci<\/a>\r\n <a href=\"#\" class=\"text-slate-500 hover:text-emerald-400 transition-colors\">Cookies<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a38aef5 elementor-widget elementor-widget-html\" data-id=\"a38aef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Rzeka Olza - Widget<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f7f9fc;\r\n}\r\n.olza-widget {\r\n max-width: 820px;\r\n margin: 20px auto;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n.olza-widget-header {\r\n position: relative;\r\n color: white;\r\n padding: 80px 25px;\r\n background: url('https:\/\/i.imgur.com\/1ES8fgT.jpeg') center\/cover no-repeat;\r\n}\r\n.olza-widget-header::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.55);\r\n z-index: 0;\r\n}\r\n.olza-widget-header h2, .olza-widget-header p {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.olza-widget-header h2 {\r\n margin: 0;\r\n font-size: 26px;\r\n color: #fff;\r\n display: inline-block;\r\n padding: 6px 0;\r\n}\r\n.olza-difficulty {\r\n display: inline-block;\r\n margin-left: 10px;\r\n font-size: 12px;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n color: #fff;\r\n text-transform: lowercase;\r\n}\r\n.olza-easy { background: #4caf50; }\r\n.olza-medium { background: #ff9800; }\r\n.olza-hard { background: #f44336; }\r\n.olza-widget-header p {\r\n margin: 15px 0 0 0;\r\n font-size: 15px;\r\n color: #f0f0f0;\r\n max-width: 100%;\r\n line-height: 1.5;\r\n}\r\n.olza-routes { padding: 25px; }\r\n.olza-route {\r\n background: #f7f9fc;\r\n border-radius: 8px;\r\n padding: 18px 22px;\r\n margin-bottom: 15px;\r\n transition: transform 0.2s;\r\n}\r\n.olza-route:hover { transform: scale(1.02); }\r\n.olza-route-info { max-width: 75%; }\r\n.olza-route-info h3 { margin: 0 0 6px 0; font-size: 18px; }\r\n.olza-route-info p { margin: 0; font-size: 14px; color: #555; line-height: 1.45; }\r\n.olza-route-meta { font-size: 12px; color: #888; margin-top: 6px; }\r\n.olza-route-buttons { margin-top: 12px; }\r\n.olza-route button {\r\n background-color: #3399FF;\r\n color: #fff;\r\n border: none;\r\n padding: 11px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: background 0.2s;\r\n margin-right: 10px;\r\n white-space: nowrap;\r\n}\r\n.olza-route button:hover { background-color: #1f7ae0; }\r\n.olza-route-extra { display: none; margin-top: 12px; font-size: 14px; color: #333; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"olza-widget\">\r\n <div class=\"olza-widget-header\">\r\n <h2>Rzeka Olza <span class=\"olza-difficulty\"><\/span><\/h2>\r\n <p>Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych.<\/p>\r\n <\/div>\r\n\r\n <div class=\"olza-routes\">\r\n \r\n <div class=\"olza-route\">\r\n <div class=\"olza-route-info\">\r\n <h3>Wierniowice - Zabe\u0142k\u00f3w <span class=\"olza-difficulty olza-easy\">\u0142atwy<\/span><\/h3>\r\n <p>Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi.<\/p>\r\n <div class=\"olza-route-meta\">8 km \u2022 1.5 - 2 godziny<\/div>\r\n <div class=\"olza-route-extra\">\r\n <section>\r\n <h2>Kajakiem przez Olz\u0119: Trasa Wierniowice \u2013 Zabe\u0142k\u00f3w<\/h2>\r\n <p>Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? <strong>Sp\u0142yw kajakowy Olz\u0105 na odcinku Wierniowice \u2013 Zabe\u0142k\u00f3w<\/strong> to jedna z najbardziej malowniczych tras w regionie \u015al\u0105ska Cieszy\u0144skiego. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Olza pokazuje swoje najbardziej dzikie i nieoczywiste oblicze.<\/p>\r\n <p>Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o <strong>1.5 \u2013 2 godziny<\/strong> relaksu w otoczeniu przyrody.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Niski stopie\u0144 trudno\u015bci:<\/strong> Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na pierwszy raz w kajaku.<\/li>\r\n <li><strong>Meandry pe\u0142ne niespodzianek:<\/strong> Olza fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w i p\u00f3l, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok.<\/li>\r\n <li><strong>Cie\u0144 i ch\u0142\u00f3d:<\/strong> Dzi\u0119ki zalesionym brzegom, sp\u0142yw jest komfortowy nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka!<\/h3>\r\n <ul>\r\n <li><strong>Olza w historii:<\/strong> Rzeka od wiek\u00f3w by\u0142a wa\u017cnym szlakiem transportowym i granicznym mi\u0119dzy \u015al\u0105skiem a Morawami, co nadaje jej wyj\u0105tkowy charakter historyczny.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <div class=\"olza-route-buttons\">\r\n <button class=\"olza-toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <button class=\"olza-reserve-btn\" onclick=\"window.location.href='https:\/\/example.com\/rezerwacja';\">Zarezerwuj kajak<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"olza-route\">\r\n <div class=\"olza-route-info\">\r\n <h3>Wierniowice - Krzy\u017canowice <span class=\"olza-difficulty olza-medium\">\u015bredni<\/span><\/h3>\r\n <p>D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki.<\/p>\r\n <div class=\"olza-route-meta\">12 km \u2022 2 - 2.5 godziny<\/div>\r\n <div class=\"olza-route-extra\">\r\n <section>\r\n <h2>Le\u015bna wyprawa kajakowa: Trasa Wierniowice \u2013 Krzy\u017canowice<\/h2>\r\n <p>Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? <strong>Sp\u0142yw kajakowy z Wierniowic do Krzy\u017canowic<\/strong> pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez malownicze tereny Olzy.<\/p>\r\n <p>Trasa ta wymaga po\u015bwi\u0119cenia oko\u0142o <strong>2 \u2013 2.5 godzin<\/strong>. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i pi\u0119knymi krajobrazami.<\/p>\r\n <h3>Co wyr\u00f3\u017cnia t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Spok\u00f3j i bezpiecze\u0144stwo:<\/strong> Olza na tym odcinku zachowuje \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia.<\/li>\r\n <li><strong>G\u0142\u0119boki relaks w lesie:<\/strong> Odcinek prowadzi przez zalesione tereny i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka!<\/h3>\r\n <ul>\r\n <li><strong>Historia rzeki:<\/strong> Olza by\u0142a wa\u017cnym szlakiem granicznym i transportowym, a jej brzegi kryj\u0105 liczne \u015blady dawnych osad i zabytk\u00f3w.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <div class=\"olza-route-buttons\">\r\n <button class=\"olza-toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <button class=\"olza-reserve-btn\" onclick=\"window.location.href='https:\/\/example.com\/rezerwacja';\">Zarezerwuj kajak<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.olza-toggle-btn').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const extra = button.closest('.olza-route').querySelector('.olza-route-extra');\r\n if(extra.style.display === 'block') {\r\n extra.style.display = 'none';\r\n button.textContent = 'Czytaj wi\u0119cej';\r\n } else {\r\n extra.style.display = 'block';\r\n button.textContent = 'Zwi\u0144';\r\n }\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb118c elementor-widget elementor-widget-html\" data-id=\"9bb118c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"py-16\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"bg-emerald-900 rounded-[2.5rem] relative overflow-hidden shadow-2xl shadow-emerald-900\/30 flex flex-col lg:flex-row items-center border border-emerald-800\">\r\n \r\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-emerald-500\/20 rounded-full blur-[80px] pointer-events-none translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-teal-500\/20 rounded-full blur-[60px] pointer-events-none -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1542601906990-b4d3fb778b09?q=80&w=2000&auto=format&fit=crop')] bg-cover bg-center opacity-10 mix-blend-overlay pointer-events-none\"><\/div>\r\n\r\n <div class=\"lg:w-1\/2 p-8 lg:p-12 relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-emerald-500\/20 border border-emerald-400\/30 text-emerald-300 font-bold text-xs uppercase tracking-widest mb-6\">\r\n <i class=\"ph-fill ph-leaf text-sm\"><\/i> Nasza Misja\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-black text-white mb-6 leading-tight\">\r\n Wsp\u00f3lnie przywracamy blask rzece Szotk\u00f3wce!\r\n <\/h2>\r\n <p class=\"text-emerald-50 text-base leading-relaxed mb-6 opacity-90\">\r\n Kajakarstwo to nie tylko sport, to przede wszystkim szacunek do natury. Zorganizowali\u015bmy ju\u017c cztery wielkie akcje sprz\u0105tania Szotk\u00f3wki z okazji Dnia Ziemi. Nasza dru\u017cyna czystych rzek przemierzy\u0142a wod\u0119 i brzegi, by uwolni\u0107 \u015brodowisko od ogromu \u015bmieci.\r\n <\/p>\r\n <p class=\"text-emerald-200 text-sm font-medium italic border-l-2 border-emerald-500 pl-4\">\r\n \"Praca, kt\u00f3r\u0105 wykonuj\u0105 wolontariusze, ma znaczenie nie tylko dla lokalnej spo\u0142eczno\u015bci, ale i dla przysz\u0142ych pokole\u0144. Rzeka zn\u00f3w jest zdrowym \u015brodowiskiem dla fauny i flory.\"\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 p-8 lg:p-12 w-full relative z-10 flex flex-col gap-4\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-users-three text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">~400<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Wolontariuszy<\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-calendar-check text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">4<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Edycje Akcji<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gradient-to-r from-emerald-500 to-teal-500 rounded-2xl p-6 flex items-center justify-between shadow-lg\">\r\n <div>\r\n <span class=\"text-emerald-50 text-xs font-bold uppercase tracking-widest block mb-1\">Realny wp\u0142yw na przyrod\u0119<\/span>\r\n <span class=\"text-2xl font-black text-white\">Tony zebranych \u015bmieci<\/span>\r\n <\/div>\r\n <div class=\"w-12 h-12 bg-white\/20 rounded-full flex items-center justify-center text-white shrink-0\">\r\n <i class=\"ph-fill ph-recycle text-2xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>er-white\/10 rounded-2xl p-6 flex flex-col hover:bg-white\/15 transition-colors\">\r\n <i class=\"ph-fill ph-calendar-check text-3xl text-emerald-400 mb-3\"><\/i>\r\n <span class=\"text-4xl font-black text-white mb-1\">6<\/span>\r\n <span class=\"text-emerald-200 text-sm font-medium uppercase tracking-wider\">Edycje Akcji<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gradient-to-r from-emerald-500 to-teal-500 rounded-2xl p-6 flex items-center justify-between shadow-lg\">\r\n <div>\r\n <span class=\"text-emerald-50 text-xs font-bold uppercase tracking-widest block mb-1\">Zredukowana ilo\u015b\u0107 odpad\u00f3w<\/span>\r\n <span class=\"text-2xl font-black text-white\">Woda czystsza o 65%<\/span>\r\n <\/div>\r\n <div class=\"w-12 h-12 bg-white\/20 rounded-full flex items-center justify-center text-white shrink-0\">\r\n <i class=\"ph-fill ph-drop text-2xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c61cd25 elementor-widget elementor-widget-html\" data-id=\"c61cd25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html> \r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Rzeka Ruda - Widget<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f7f9fc;\r\n}\r\n.widget {\r\n max-width: 820px;\r\n margin: 20px auto;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n.widget-header {\r\n position: relative;\r\n color: white;\r\n padding: 40px 25px; \/* Pomniejszona wysoko\u015b\u0107 zdj\u0119cia *\/\r\n background: url('https:\/\/i.imgur.com\/yt5HUYJ.jpeg') center\/cover no-repeat;\r\n text-align: center; \/* Wy\u015brodkowanie napis\u00f3w na zdj\u0119ciu *\/\r\n}\r\n.widget-header::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.55);\r\n z-index: 0;\r\n}\r\n.widget-header h2, .widget-header p {\r\n position: relative; z-index: 1;\r\n}\r\n.widget-header h2 {\r\n margin: 0; font-size: 26px; color: #fff; display: block; padding: 6px 0;\r\n}\r\n.widget-header p { \r\n margin: 10px auto 0 auto; \r\n font-size: 15px; \r\n color: #f0f0f0; \r\n max-width: 90%; \r\n line-height: 1.5; \r\n}\r\n\r\n.routes { padding: 25px; }\r\n.route {\r\n background: #f7f9fc;\r\n border-radius: 8px;\r\n padding: 18px 22px;\r\n margin-bottom: 15px;\r\n transition: transform 0.2s;\r\n display: flex; \/* Uk\u0142ad flex dla przycisku po prawej *\/\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.route:hover { transform: scale(1.01); }\r\n.route-info { flex: 1; min-width: 250px; margin-right: 20px; }\r\n.route-info h3 { margin: 0 0 6px 0; font-size: 18px; }\r\n.route-info p { margin: 0; font-size: 14px; color: #555; line-height: 1.45; }\r\n.route-meta { font-size: 12px; color: #888; margin-top: 6px; }\r\n\r\n.difficulty {\r\n display: inline-block;\r\n margin-left: 5px;\r\n font-size: 12px;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n color: #fff;\r\n text-transform: lowercase;\r\n}\r\n.easy { background: #4caf50; }\r\n.medium { background: #ff9800; }\r\n.hard { background: #f44336; }\r\n\r\n.route-buttons {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.route button {\r\n background-color: #3399FF;\r\n color: #fff;\r\n border: none;\r\n padding: 11px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: background 0.2s;\r\n white-space: nowrap;\r\n}\r\n.route button:hover { background-color: #1f7ae0; }\r\n\r\n.route-extra { \r\n width: 100%; \r\n display: none; \r\n margin-top: 20px; \r\n font-size: 14px; \r\n color: #333; \r\n border-top: 1px solid #ddd; \r\n padding-top: 15px; \r\n}\r\n.route-extra h2 { font-size: 18px; margin-top: 0; }\r\n.route-extra h3 { font-size: 16px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"widget\">\r\n <div class=\"widget-header\">\r\n <h2>Rzeka Ruda<\/h2>\r\n <p>\r\n Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim, o d\u0142ugo\u015bci oko\u0142o 52 km.\r\n Przep\u0142ywa przez malownicze tereny Rybnika, oferuj\u0105c niezapomniane widoki, spokojne odcinki dla pocz\u0105tkuj\u0105cych\r\n oraz bardziej dynamiczne fragmenty dla os\u00f3b szukaj\u0105cych wyzwa\u0144.\r\n <\/p>\r\n <\/div>\r\n <div class=\"routes\">\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Rybnik Stodo\u0142y - Park Cysters\u00f3w <span class=\"difficulty easy\">\u0142atwy<\/span><\/h3>\r\n <p>Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi.<\/p>\r\n <div class=\"route-meta\">8 km \u2022 1.5 - 2 godziny<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Kajakiem przez Serce \u015al\u0105ska: Trasa Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w w Rudach<\/h2>\r\n <p>Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? <strong>Sp\u0142yw kajakowy Rud\u0105 na odcinku Rybnik Stodo\u0142y \u2013 Rudy<\/strong> to jedna z najbardziej malowniczych tras w po\u0142udniowej Polsce. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Ruda pokazuje swoje najbardziej dzikie i nieoczywiste oblicze.<\/p>\r\n <p>Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o <strong>2-3 godziny<\/strong> relaksu w otoczeniu Parku Krajobrazowego \u201eCysterskie Kompozycje Krajobrazowe Rud Wielkich\u201d.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Niski stopie\u0144 trudno\u015bci:<\/strong> Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na \"pierwszy raz\" w kajaku.<\/li>\r\n <li><strong>Meandry pe\u0142ne niespodzianek:<\/strong> Ruda fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok.<\/li>\r\n <li><strong>Cie\u0144 i ch\u0142\u00f3d:<\/strong> Dzi\u0119ki g\u0119stemu zalesieniu, sp\u0142yw jest komfortowy nawet w upalne, letnie dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej nie mia\u0142e\u015b poj\u0119cia!<\/h3>\r\n <ul>\r\n <li><strong>Ruda, kt\u00f3ra by\u0142a \"Z\u0142ota\":<\/strong> Nazwa rzeki pochodzi od rud \u017celaza, kt\u00f3re niegdy\u015b tu wydobywano. To w\u0142a\u015bnie dzi\u0119ki zasobom tej rzeki region Rud sta\u0142 si\u0119 setki lat temu kluczowym o\u015brodkiem przemys\u0142owym G\u00f3rnego \u015al\u0105ska.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Rybnik Stodo\u0142y - Ruda Kozielska <span class=\"difficulty medium\">\u015bredni<\/span><\/h3>\r\n <p>D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki.<\/p>\r\n <div class=\"route-meta\">10.5 km \u2022 2 - 2.5 godziny<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Le\u015bna wyprawa kajakowa: Trasa Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/h2>\r\n <p>Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? <strong>Sp\u0142yw kajakowy z Rybnika Stod\u00f3\u0142 do Rudy Kozielskiej<\/strong> to rozszerzona wersja klasycznej trasy, kt\u00f3ra pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z nieska\u017con\u0105 przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez samo serce Parku Krajobrazowego \u201eCysterskie Kompozycje Krajobrazowe Rud Wielkich\u201d.<\/p>\r\n <p>Trasa ta jest nieco d\u0142u\u017csza i wymaga po\u015bwi\u0119cenia oko\u0142o <strong>3,5 \u2013 4,5 godziny<\/strong>. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i szumem starych las\u00f3w, kt\u00f3ry zadowoli ka\u017cdego mi\u0142o\u015bnika aktywnego wypoczynku.<\/p>\r\n <h3>Co wyr\u00f3\u017cnia t\u0119 tras\u0119?<\/h3>\r\n <ul>\r\n <li><strong>Spok\u00f3j i bezpiecze\u0144stwo:<\/strong> Ruda na tym odcinku zachowuje sw\u00f3j \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia.<\/li>\r\n <li><strong>Atrakcja na trasie \u2013 Brantolka:<\/strong> Jednym z najciekawszych punkt\u00f3w sp\u0142ywu jest <strong>przenoska przez ma\u0142\u0105 elektrowni\u0119 wodn\u0105 Brantolka<\/strong>. To kr\u00f3tki post\u00f3j, podczas kt\u00f3rego przenosimy kajaki, maj\u0105c okazj\u0119 z bliska przyjrze\u0107 si\u0119 budowli hydrotechnicznej.<\/li>\r\n <li><strong>G\u0142\u0119boki relaks w lesie:<\/strong> Odcinek do Rudy Kozielskiej prowadzi przez g\u0119ste kompleksy le\u015bne i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej warto wiedzie\u0107!<\/h3>\r\n <ul>\r\n <li><strong>Tajemnica nazwy Brantolka:<\/strong> Czy wiesz, \u017ce miejsce Twojej przenoski zawdzi\u0119cza nazw\u0119 dawnym po\u017carom? S\u0142owo to wywodzi si\u0119 z j\u0119zyka niemieckiego (od <em>brand<\/em> \u2013 po\u017car\/pogorzelisko). Wed\u0142ug lokalnych poda\u0144, setki lat temu w tym miejscu dosz\u0142o do wielkiego po\u017caru lasu lub zabudowa\u0144 m\u0142y\u0144skich.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route\">\r\n <div class=\"route-info\">\r\n <h3>Ruda Kozielska - Ku\u017ania Raciborska <span class=\"difficulty hard\">trudny<\/span><\/h3>\r\n <p>Najd\u0142u\u017csza i najbardziej wymagaj\u0105ca trasa dla do\u015bwiadczonych kajakarzy.<\/p>\r\n <div class=\"route-meta\">13 km \u2022 3 - 5 godzin<\/div>\r\n <\/div>\r\n <div class=\"route-buttons\">\r\n <button class=\"toggle-btn\">Czytaj wi\u0119cej<\/button>\r\n <\/div>\r\n <div class=\"route-extra\">\r\n <section>\r\n <h2>Wyprawa do dziczy: Trasa Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/h2>\r\n <p>Szukasz prawdziwej przygody z dala od oznak cywilizacji? <strong>Sp\u0142yw kajakowy na odcinku Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/strong> to propozycja dla tych, kt\u00f3rzy chc\u0105 poczu\u0107 absolutn\u0105 jedno\u015b\u0107 z natur\u0105. Tutaj rzeka Ruda zmienia sw\u00f3j charakter, staj\u0105c si\u0119 kr\u0119tym, le\u015bnym szlakiem, gdzie jedynym towarzyszem jest szum wody i \u015bpiew ptak\u00f3w.<\/p>\r\n <p>To trasa dla os\u00f3b ceni\u0105cych spok\u00f3j i ca\u0142kowity brak cywilizacji. Przygotuj si\u0119 na oko\u0142o <strong>4 \u2013 5 godzin<\/strong> intensywnego kontaktu z przyrod\u0105 w jej najbardziej pierwotnej formie. Na tym odcinku zapomnisz o \u015bwiecie zewn\u0119trznym \u2013 to trasa niemal ca\u0142kowicie odci\u0119ta od dr\u00f3g i zabudowa\u0144.<\/p>\r\n <h3>Dlaczego warto wybra\u0107 ten odcinek?<\/h3>\r\n <ul>\r\n <li><strong>Brak cywilizacji:<\/strong> To jeden z niewielu odcink\u00f3w rzeki, gdzie przez wiele kilometr\u00f3w nie miniesz \u017cadnych most\u00f3w czy dom\u00f3w. Tylko Ty i dzika rzeka.<\/li>\r\n <li><strong>Dziki charakter szlaku:<\/strong> Rzeka p\u0142ynie tutaj w swoim naturalnym korycie, cz\u0119sto zaskakuj\u0105c naturalnymi przeszkodami, co dodaje sp\u0142ywowi nutki adrenaliny i sportowego charakteru.<\/li>\r\n <li><strong>Nienaruszony ekosystem:<\/strong> Dzi\u0119ki izolacji od miast, przyroda jest tu na wyci\u0105gni\u0119cie r\u0119ki \u2013 od pot\u0119\u017cnych d\u0119b\u00f3w po rzadkie gatunki ro\u015blin wodnych.<\/li>\r\n <\/ul>\r\n <h3>\ud83d\udca1 Ciekawostka, o kt\u00f3rej nie mia\u0142e\u015b poj\u0119cia!<\/h3>\r\n <ul>\r\n <li><strong>Uroczysko \"Barach\":<\/strong> P\u0142yn\u0105c w stron\u0119 Ku\u017ani Raciborskiej, mijasz tereny owiane lokalnymi legendami i niezwyk\u0142\u0105 histori\u0105. Lasy te stanowi\u0105 pot\u0119\u017cny kompleks przyrodniczy, kt\u00f3ry sta\u0142 si\u0119 domem dla rzadkich czarnych bocian\u00f3w i jeleni.<\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.toggle-btn').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const extra = button.closest('.route').querySelector('.route-extra');\r\n if(extra.style.display === 'block') {\r\n extra.style.display = 'none';\r\n button.textContent = 'Czytaj wi\u0119cej';\r\n } else {\r\n extra.style.display = 'block';\r\n button.textContent = 'Zwi\u0144';\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cd321 elementor-widget elementor-widget-html\" data-id=\"d6cd321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Trasy Kajakowe | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Poznaj nasze malownicze trasy kajakowe na rzekach Ruda, Odra, Olza, Szotk\u00f3wka i Nida. Sprawd\u017a stopie\u0144 trudno\u015bci i czas sp\u0142ywu.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .page-header {\r\n background: linear-gradient(rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.9)), url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=2070&auto=format&fit=crop');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n }\r\n .image-hover-zoom {\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .group:hover .image-hover-zoom {\r\n transform: scale(1.05);\r\n }\r\n \/* P\u0142ynne pojawianie si\u0119 po filtrowaniu *\/\r\n .fade-in-section {\r\n animation: fadeIn 0.4s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white overflow-x-hidden\">\r\n\r\n <div class=\"w-screen relative left-1\/2 right-1\/2 -ml-[50vw] -mr-[50vw] -mt-10\">\r\n\r\n <header class=\"page-header py-32 text-center relative\">\r\n <div class=\"container mx-auto px-4 relative z-10 animate-fade-in\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/10 backdrop-blur-md border border-white\/20 text-emerald-300 font-bold text-xs uppercase tracking-widest mb-8\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/div>\r\n Sezon 2026 Otwarty\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-7xl font-black text-white mb-6 tracking-tight\">Trasy Kajakowe<\/h1>\r\n <p class=\"text-slate-300 max-w-2xl mx-auto text-lg md:text-xl font-light leading-relaxed\">\r\n \u015al\u0105skie rzeki skrywaj\u0105 niesamowite tajemnice. Wybierz tras\u0119 dopasowan\u0105 do swoich umiej\u0119tno\u015bci i prze\u017cyj przygod\u0119 na \u0142onie natury.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm\">\r\n <div class=\"container mx-auto px-4 py-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4 mb-3\">\r\n <div class=\"flex flex-wrap justify-center gap-2\">\r\n <a href=\"#ruda\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Ruda<\/a>\r\n <a href=\"#odra\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Odra<\/a>\r\n <a href=\"#olza\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Olza<\/a>\r\n <a href=\"#szotkowka\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Szotk\u00f3wka<\/a>\r\n <a href=\"#nida\" class=\"px-5 py-2 rounded-full bg-slate-50 border border-slate-200 text-sm font-bold text-slate-700 hover:bg-emerald-50 hover:text-emerald-700 hover:border-emerald-200 transition\">Rzeka Nida<\/a>\r\n <\/div>\r\n \r\n <div class=\"flex items-center gap-4 text-xs font-bold text-slate-500 bg-slate-50 px-4 py-2 rounded-xl\">\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"><\/div> \u0141atwy<\/span>\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-yellow-400\"><\/div> \u015aredni<\/span>\r\n <span class=\"flex items-center gap-1.5\"><div class=\"w-2.5 h-2.5 rounded-full bg-red-500\"><\/div> Wymagaj\u0105cy<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center justify-center md:justify-start gap-2 pt-3 border-t border-slate-100\">\r\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest mr-2 flex items-center gap-1\"><i class=\"ph-bold ph-faders\"><\/i> Filtruj trasy:<\/span>\r\n <button class=\"filter-btn bg-emerald-500 text-white shadow-md px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"all\">Wszystkie<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"easy\">\ud83d\udc76 Dla pocz\u0105tkuj\u0105cych \/ Rodzin<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"short\">\u23f1\ufe0f Kr\u00f3tkie (do 2.5h)<\/button>\r\n <button class=\"filter-btn bg-slate-100 text-slate-600 hover:bg-slate-200 px-4 py-1.5 rounded-full text-xs font-bold transition\" data-filter=\"hard\">\ud83d\udd25 Wi\u0119cej adrenaliny<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"py-16\">\r\n\r\n <section id=\"ruda\" class=\"py-16 relative river-card fade-in-section\" data-categories=\"all easy short hard\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 order-2 lg:order-1\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"bg-yellow-100 text-yellow-700 px-3 py-1 rounded-md text-xs font-bold uppercase tracking-widest flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-500\"><\/div> Poziom \u015aredni\r\n <\/span>\r\n <span class=\"text-slate-400 text-sm font-bold\"><i class=\"ph-bold ph-baby\"><\/i> Dla pocz\u0105tkuj\u0105cych<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Rzeka Ruda<\/h2>\r\n <p class=\"text-slate-600 text-lg leading-relaxed mb-8\">\r\n Jeden z najciekawszych szlak\u00f3w w wojew\u00f3dztwie \u015al\u0105skim. Rzeka o d\u0142ugo\u015bci 52 km, przep\u0142ywaj\u0105ca przez malownicze tereny Rybnika. W miar\u0119 sp\u0142ywu w d\u00f3\u0142 rzeki, nurt staje si\u0119 bardziej zr\u00f3\u017cnicowany, a powalone drzewa dodaj\u0105 trasie charakteru.\r\n <\/p>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-slate-900\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/h3>\r\n <span class=\"bg-slate-100 text-slate-700 px-3 py-1 rounded-lg text-xs font-black uppercase\">8 km \/ 1.5-2h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-500\">Kr\u00f3tka, relaksuj\u0105ca trasa. Idealna opcja na zapoznanie si\u0119 z rzek\u0105. Ko\u0144czy si\u0119 przy zabytkowym parku.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-slate-900\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/h3>\r\n <span class=\"bg-slate-100 text-slate-700 px-3 py-1 rounded-lg text-xs font-black uppercase\">10.5 km \/ 2-2.5h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-500\">D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i przyspiesze\u0144 nurtu.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-yellow-200 bg-yellow-50 shadow-sm transition\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-lg text-yellow-900\">Ruda Kozielska \u2013 Ku\u017ania Raciborska <span class=\"text-red-500 text-xs align-top\">*Wymagaj\u0105ca<\/span><\/h3>\r\n <span class=\"bg-yellow-200 text-yellow-800 px-3 py-1 rounded-lg text-xs font-black uppercase\">13 km \/ 3-5h<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-yellow-800\/80\">Najd\u0142u\u017csza trasa ze zmiennym charakterem rzeki i naturalnymi przeszkodami. Dla os\u00f3b z do\u015bwiadczeniem.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-slate-200 shadow-sm h-56 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Rzeka+Ruda,+Rybnik+Stodo\u0142y&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2 order-1 lg:order-2 group\">\r\n <div class=\"relative rounded-[2rem] overflow-hidden shadow-2xl aspect-[4\/3]\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/zc2Uljt_d.webp?maxwidth=1520&fidelity=grand\" alt=\"Rzeka Ruda - dzika natura\" class=\"w-full h-full object-cover image-hover-zoom\">\r\n <div class=\"absolute bottom-6 left-6 right-6 bg-white\/90 backdrop-blur-md p-4 rounded-xl border border-white\/20 shadow-lg\">\r\n <p class=\"text-sm font-bold text-emerald-800 flex items-center gap-2\"><i class=\"ph-fill ph-lightbulb\"><\/i> Okiem Instruktora<\/p>\r\n <p class=\"text-xs text-slate-600 mt-1\">\"Ruda w dolnym biegu lubi zaskoczy\u0107 zwa\u0142kami drzew. Je\u015bli lubisz si\u0119 troch\u0119 nagimnastykowa\u0107 w kajaku, odcinek do Ku\u017ani b\u0119dzie strza\u0142em w dziesi\u0105tk\u0119!\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"odra\" class=\"py-16 bg-slate-50 relative border-y border-slate-100 river-card fade-in-section\" data-categories=\"all easy short\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center\">\r\n <div class=\"lg:w-1\/2 group\">\r\n <div class=\"relative rounded-[2rem] overflow-hidden shadow-xl aspect-[4\/3]\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/tdsN8CJ_d.webp?maxwidth=1520&fidelity=grand\" alt=\"Rzeka Odra - szerokie wody\" class=\"w-full h-full object-cover image-hover-zoom\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"bg-emerald-100 text-emerald-700 px-3 py-1 rounded-md text-xs font-bold uppercase tracking-widest flex items-center gap-1\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div> Poziom \u0141atwy\r\n <\/span>\r\n <span class=\"text-slate-400 text-sm font-bold\"><i class=\"ph-bold ph-users\"><\/i> Dla aktywnych<\/span>\r\n <\/div>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Rzeka Odra<\/h2>\r\n <p class=\"text-slate-600 text-lg leading-relaxed mb-8\">\r\n Jeden z najbardziej rozpoznawalnych szlak\u00f3w w Polsce. Odra to majestatyczna i szeroka rzeka, idealna na spokojny relaks. Umiarkowany nurt pozwala w pe\u0142ni podziwia\u0107 otaczaj\u0105c\u0105 przyrod\u0119, bez konieczno\u015bci ci\u0105g\u0142ego manewrowania.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-200\">\r\n <h3 class=\"font-bold text-lg text-slate-900 mb-1\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/h3>\r\n <p class=\"text-xs text-emerald-600 font-bold uppercase tracking-wider mb-3\">8 km | 1.5 - 2h<\/p>\r\n <p class=\"text-sm text-slate-500\">Spokojna atmosfera, idealna opcja dla rodzin z ma\u0142ymi dzie\u0107mi i na pierwszy sp\u0142yw.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-5 rounded-2xl border border-slate-200\">\r\n <h3 class=\"font-bold text-lg text-slate-900 mb-1\">Cha\u0142upki \u2013 Krzy\u017canowice<\/h3>\r\n <p class=\"text-xs text-emerald-600 font-bold uppercase tracking-wider mb-3\">12 km | 2 - 2.5h<\/p>\r\n <p class=\"text-sm text-slate-500\">Prosta trasa, bez meandr\u00f3w. Gwarantuje du\u017co \"luzu\" i d\u0142ugie, widokowe proste.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-slate-200 shadow-sm h-56 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Cha\u0142upki,+Odra&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n \r\n <div id=\"olza\" class=\"bg-white rounded-3xl border border-slate-100 p-8 shadow-sm flex flex-col river-card fade-in-section\" data-categories=\"all easy short\">\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <h2 class=\"text-3xl font-black text-slate-900\">Rzeka Olza<\/h2>\r\n <div class=\"flex items-center gap-1 bg-emerald-100 px-3 py-1 rounded-full\">\r\n <div class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/div>\r\n <span class=\"text-emerald-700 text-xs font-bold uppercase\">\u0141atwy<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-8\">\r\n Graniczna, pe\u0142na uroku rzeka o d\u0142ugo\u015bci 74 km. Malownicze zakola \u015al\u0105ska Cieszy\u0144skiego i dzika przyroda. Im dalej w d\u00f3\u0142, tym nurt staje si\u0119 bardziej zr\u00f3\u017cnicowany.\r\n <\/p>\r\n \r\n <div class=\"space-y-3 mb-8\">\r\n <div class=\"p-4 bg-slate-50 rounded-xl flex justify-between items-center hover:bg-emerald-50 transition\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/h4>\r\n <p class=\"text-xs text-slate-500\">\u0141agodny nurt, pe\u0142en relaks.<\/p>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-slate-900\">8 km<\/span>\r\n <span class=\"text-xs text-emerald-600 font-bold\">1.5 - 2h<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-4 bg-slate-50 rounded-xl flex justify-between items-center hover:bg-emerald-50 transition\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800\">Wierniowice \u2013 Krzy\u017canowice<\/h4>\r\n <p class=\"text-xs text-slate-500\">Wi\u0119ksza dynamika nurtu.<\/p>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-slate-900\">12 km<\/span>\r\n <span class=\"text-xs text-emerald-600 font-bold\">2 - 2.5h<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto pt-4\">\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2 text-sm\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy<\/h4>\r\n <div class=\"rounded-xl overflow-hidden border border-slate-200 shadow-sm h-48 w-full bg-slate-100\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Olza,+Zabe\u0142k\u00f3w&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"szotkowka\" class=\"bg-slate-900 rounded-3xl border border-slate-800 p-8 shadow-xl text-white flex flex-col relative overflow-hidden river-card fade-in-section\" data-categories=\"all short hard\">\r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-emerald-500\/10 rounded-full blur-3xl -mr-20 -mt-20 pointer-events-none\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-6 relative z-10\">\r\n <h2 class=\"text-3xl font-black text-white\">Szotk\u00f3wka<\/h2>\r\n <div class=\"flex items-center gap-1 bg-yellow-500\/20 px-3 py-1 rounded-full border border-yellow-500\/30\">\r\n <div class=\"w-2 h-2 rounded-full bg-yellow-400\"><\/div>\r\n <span class=\"text-yellow-400 text-xs font-bold uppercase\">\u015aredni<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-slate-300 mb-8 relative z-10\">\r\n Ma\u0142a (ok. 40 km), ale bardzo urokliwa rzeka le\u015bno-\u0142\u0105kowa. Dostarcza wi\u0119cej adrenaliny dzi\u0119ki licznym zakr\u0119tom i s\u0142ynnej rynnie w\u015blizgowej na jazie!\r\n <\/p>\r\n \r\n <div class=\"space-y-4 relative z-10 mb-8\">\r\n <div class=\"flex gap-4 border-l-2 border-slate-500 pl-4 py-1\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">2.5 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-emerald-100\">Zielony Most \u2013 Fort Ba\u0142aj <span class=\"text-slate-300 text-xs font-normal\">(1h)<\/span><\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 border-l-2 border-yellow-500 pl-4 py-1\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">7 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-yellow-400\">Fort Ba\u0142aj \u2013 G\u0142\u0119bocz <span class=\"text-slate-300 text-xs font-normal\">(2.5h)<\/span><\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-4 border-l-2 border-emerald-500 pl-4 py-1 bg-emerald-900\/30 p-2 rounded-r-lg\">\r\n <div class=\"w-16 flex-shrink-0 text-emerald-400 font-black\">3 km<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-emerald-100\">G\u0142\u0119bocz \u2013 God\u00f3w <span class=\"text-emerald-300 text-xs font-normal\">(1.5h)<\/span><\/h4>\r\n <p class=\"text-xs text-slate-300 mt-1\"><i class=\"ph-fill ph-warning-circle text-yellow-500\"><\/i> Obejmuje zjazd rynn\u0105 na jazie!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto pt-4 relative z-10\">\r\n <h4 class=\"font-bold text-emerald-100 mb-2 flex items-center gap-2 text-sm\"><i class=\"ph-bold ph-map-trifold text-emerald-400\"><\/i> Podgl\u0105d trasy<\/h4>\r\n <div class=\"rounded-xl overflow-hidden border border-slate-700 shadow-sm h-48 w-full bg-slate-800\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Szotk\u00f3wka,+God\u00f3w&t=&z=12&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"nida\" class=\"py-16 bg-white river-card fade-in-section\" data-categories=\"all easy hard\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"bg-emerald-50 rounded-[3rem] p-8 md:p-12 text-center border border-emerald-100\">\r\n <span class=\"inline-block bg-white text-emerald-700 px-4 py-1 rounded-full text-xs font-bold uppercase tracking-widest shadow-sm mb-6\">Wojew\u00f3dztwo \u015awi\u0119tokrzyskie<\/span>\r\n <h2 class=\"text-4xl lg:text-5xl font-black text-slate-900 mb-6\">Wyprawa na rzek\u0119 Nida<\/h2>\r\n <p class=\"text-slate-600 text-lg mb-10 max-w-2xl mx-auto\">\r\n Doskona\u0142a propozycja na ca\u0142odniow\u0105 wypraw\u0119. Nida p\u0142ynie przez przepi\u0119kne obszary chronione, oferuj\u0105c 134 km szlaku. Organizujemy kompleksowe wyjazdy z Jastrz\u0119bia-Zdroju.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left mb-10\">\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-xl text-slate-900\">Zielonki \u2013 Stary Korczyn<\/h3>\r\n <span class=\"text-yellow-500 font-bold text-xs bg-yellow-50 px-2 py-1 rounded\">\u015aredni<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-emerald-600 font-bold mb-3\">14 km | 3 - 5 godzin<\/p>\r\n <p class=\"text-sm text-slate-600\">D\u0142u\u017csza trasa. Rzeka nabiera tempa i wprowadza momenty, kt\u00f3re dodaj\u0105 emocji. \u015awietny balans adrenaliny i relaksu.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <h3 class=\"font-bold text-xl text-slate-900\">Stary Korczyn \u2013 Nowy Korczyn<\/h3>\r\n <span class=\"text-emerald-500 font-bold text-xs bg-emerald-50 px-2 py-1 rounded\">\u0141atwy<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-emerald-600 font-bold mb-3\">6-7 km | 2 - 2.5 godziny<\/p>\r\n <p class=\"text-sm text-slate-600\">Kr\u00f3tka, bardzo \u0142agodna trasa. Idealna na spokojny wypad bez stresu. Pi\u0119kne widoki gwarantowane.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10 text-left\">\r\n <h4 class=\"font-bold text-slate-900 mb-3 flex items-center gap-2\"><i class=\"ph-bold ph-map-trifold text-emerald-500\"><\/i> Podgl\u0105d trasy (okolice Korczyna)<\/h4>\r\n <div class=\"rounded-2xl overflow-hidden border border-emerald-100 shadow-sm h-64 w-full\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=Rzeka+Nida,+Nowy+Korczyn&t=&z=11&ie=UTF8&iwloc=&output=embed\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"inline-block bg-white px-6 py-4 rounded-2xl shadow-sm border border-emerald-100 text-sm text-slate-700 font-medium\">\r\n <i class=\"ph-fill ph-gift text-emerald-500 text-lg align-middle mr-2\"><\/i>\r\n Pakiet Nida: W cen\u0119 sp\u0142ywu wliczony jest transport z Jastrz\u0119bia-Zdroju, \u017bor i Wodzis\u0142awia \u015al., oraz gor\u0105ca herbata i wsp\u00f3lny grill na mecie!\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-emerald-900 text-center\">\r\n <div class=\"container mx-auto px-4\">\r\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6\">Gotowy na wodn\u0105 przygod\u0119?<\/h2>\r\n <p class=\"text-emerald-100 mb-10 max-w-xl mx-auto\">Wybierz rzek\u0119, zbierz ekip\u0119 i zarezerwuj termin. My zajmiemy si\u0119 reszt\u0105 sprz\u0119tu i logistyk\u0105.<\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-3 bg-white text-emerald-900 px-8 py-4 rounded-xl text-lg font-black hover:bg-emerald-500 hover:text-white transition transform hover:-translate-y-1 shadow-2xl shadow-emerald-950\">\r\n Zadzwo\u0144 i Rezerwuj: 690 240 819\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const riverCards = document.querySelectorAll('.river-card');\r\n\r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Usu\u0144 aktywne style ze wszystkich przycisk\u00f3w\r\n filterBtns.forEach(b => {\r\n b.classList.remove('bg-emerald-500', 'text-white', 'shadow-md');\r\n b.classList.add('bg-slate-100', 'text-slate-600', 'hover:bg-slate-200');\r\n });\r\n \r\n \/\/ Dodaj aktywne style do klikni\u0119tego przycisku\r\n btn.classList.add('bg-emerald-500', 'text-white', 'shadow-md');\r\n btn.classList.remove('bg-slate-100', 'text-slate-600', 'hover:bg-slate-200');\r\n\r\n const filterValue = btn.getAttribute('data-filter');\r\n\r\n \/\/ Poka\u017c\/ukryj rzeki w oparciu o ich kategorie (data-categories)\r\n riverCards.forEach(card => {\r\n \/\/ Restart animacji wej\u015bcia\r\n card.classList.remove('fade-in-section');\r\n void card.offsetWidth; \/\/ trigger reflow\r\n\r\n const categories = card.getAttribute('data-categories').split(' ');\r\n \r\n if (categories.includes(filterValue)) {\r\n card.classList.remove('hidden');\r\n card.classList.add('fade-in-section');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c733c91 elementor-widget elementor-widget-html\" data-id=\"c733c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Wypo\u017cyczalnia Kajak\u00f3w | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Samodzielna wypo\u017cyczalnia sprz\u0119tu kajakowego. Przyjed\u017a do naszej bazy, wynajmij kajak na wybran\u0105 ilo\u015b\u0107 dni i zorganizuj sp\u0142yw na w\u0142asnych zasadach.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-storefront\"><\/i> Baza sprz\u0119towa Jastrz\u0119bie-Zdr\u00f3j\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Wypo\u017cyczalnia Sprz\u0119tu<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Idealna opcja dla os\u00f3b organizuj\u0105cych sp\u0142yw we w\u0142asnym zakresie. Przyje\u017cd\u017casz, odbierasz sprz\u0119t na okre\u015blon\u0105 liczb\u0119 dni i realizujesz sw\u00f3j w\u0142asny plan podr\u00f3\u017cy.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\r\n <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-emerald-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-1\/2 h-1\/2 bg-slate-800\/50 rounded-tl-full blur-3xl\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zasady wynajmu<\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6\">Jak dzia\u0142a wypo\u017cyczalnia?<\/h2>\r\n <p class=\"text-slate-300 text-lg leading-relaxed\">\r\n Oferta wypo\u017cyczalni r\u00f3\u017cni si\u0119 od naszych zorganizowanych sp\u0142yw\u00f3w. Tutaj p\u0142acisz wy\u0142\u0105cznie za sprz\u0119t, kt\u00f3ry odbierasz na okre\u015blony czas. To Ty jeste\u015b sterem, \u017ceglarzem i okr\u0119tem!\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">1<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-map-pin-line\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Odbi\u00f3r w bazie<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Przyje\u017cd\u017casz do naszej bazy (ul. Pszczy\u0144ska 392). Sprz\u0119t czeka na Ciebie gotowy do za\u0142adunku.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">2<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-calendar-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Czasowy wynajem<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Wynajmujesz kajaki na okre\u015blon\u0105 liczb\u0119 dni (doby). Niezale\u017cnie od tego, ile kilometr\u00f3w przep\u0142yniesz.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">3<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-compass\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">W\u0142asna trasa<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Sam decydujesz, gdzie p\u0142ywasz. Organizacja sp\u0142ywu i bezpiecze\u0144stwo na wodzie le\u017cy po Twojej stronie.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl hover:bg-slate-800 transition-colors relative\">\r\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-emerald-500 text-slate-900 font-black rounded-full flex items-center justify-center text-xl shadow-lg\">4<\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-xl flex items-center justify-center text-2xl mb-6 mt-2\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">Transport opcjonalny<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">\r\n Nie masz mo\u017cliwo\u015bci przewozu? Mo\u017cesz zleci\u0107 nam dow\u00f3z sprz\u0119tu we wskazane miejsce (us\u0142uga dodatkowo p\u0142atna).\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-12\">\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-4\">Cennik samego sprz\u0119tu<\/h2>\r\n <p class=\"text-slate-600\">Poni\u017csze ceny dotycz\u0105 <b>wy\u0142\u0105cznie wynajmu sprz\u0119tu odbieranego z bazy<\/b>. Je\u015bli interesuje Ci\u0119 kompleksowa organizacja sp\u0142ywu, sprawd\u017a ofert\u0119 w zak\u0142adce \"Trasy\/Sp\u0142ywy zorganizowane\".<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-[2.5rem] p-8 lg:p-12 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-slate-50 rounded-bl-full -z-10 group-hover:bg-emerald-50 transition-colors duration-500\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-2\">Kajak 1-osobowy<\/h2>\r\n <p class=\"text-slate-500 text-sm\">Wygodny kajak jednoosobowy z zestawem akcesori\u00f3w.<\/p>\r\n <\/div>\r\n <div class=\"w-16 h-16 bg-slate-50 rounded-2xl flex items-center justify-center text-slate-400\">\r\n <i class=\"ph-fill ph-user text-3xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-4 mb-10\">\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-slate-50 border border-slate-100\">\r\n <span class=\"font-bold text-slate-700\">1 dzie\u0144 (doba)<\/span>\r\n <span class=\"text-2xl font-black text-slate-900\">80 z\u0142 <span class=\"text-sm font-medium text-slate-400\">\/kajak<\/span><\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 10%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">2 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">144 z\u0142<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 15%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">3 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">204 z\u0142<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-[2.5rem] p-8 lg:p-12 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-slate-50 rounded-bl-full -z-10 group-hover:bg-emerald-50 transition-colors duration-500\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-2\">Kajak 2-osobowy<\/h2>\r\n <p class=\"text-slate-500 text-sm\">Sprawdzony sprz\u0119t dla dw\u00f3ch os\u00f3b z zestawem akcesori\u00f3w.<\/p>\r\n <\/div>\r\n <div class=\"w-16 h-16 bg-slate-50 rounded-2xl flex items-center justify-center text-slate-400\">\r\n <i class=\"ph-fill ph-users text-3xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"space-y-4 mb-10\">\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-slate-50 border border-slate-100\">\r\n <span class=\"font-bold text-slate-700\">1 dzie\u0144 (doba)<\/span>\r\n <span class=\"text-2xl font-black text-slate-900\">100 z\u0142 <span class=\"text-sm font-medium text-slate-400\">\/kajak<\/span><\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between p-4 rounded-2xl bg-emerald-50 border border-emerald-100 relative\">\r\n <div class=\"absolute -top-3 left-4 bg-emerald-500 text-white text-[10px] font-black uppercase px-2 py-1 rounded-md shadow-sm\">\r\n Rabat 10%\r\n <\/div>\r\n <span class=\"font-bold text-emerald-900\">2 dni (doby)<\/span>\r\n <span class=\"text-2xl font-black text-emerald-700\">180 z\u0142<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"max-w-5xl mx-auto mt-16 grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n \r\n <div class=\"md:col-span-1 bg-slate-900 rounded-3xl p-8 text-white relative overflow-hidden border border-slate-800 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-4 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <h3 class=\"font-bold text-xl mb-4 relative z-10 text-white\">W cenie wynajmu:<\/h3>\r\n <p class=\"text-slate-300 text-sm mb-6 relative z-10\">P\u0142acisz za kajak, ale dla Twojego bezpiecze\u0144stwa i wygody dorzucamy niezb\u0119dny osprz\u0119t.<\/p>\r\n <ul class=\"space-y-3 relative z-10 text-sm font-medium text-emerald-400\">\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check-circle text-emerald-500\"><\/i> Kamizelki asekuracyjne<\/li>\r\n <li class=\"flex items-center gap-2\"><i class=\"ph-bold ph-check-circle text-emerald-500\"><\/i> Wios\u0142a do ka\u017cdego miejsca<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-2 bg-white rounded-3xl p-8 border border-slate-200 shadow-sm flex flex-col justify-center\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 rounded-full bg-slate-100 flex items-center justify-center text-slate-600\">\r\n <i class=\"ph-fill ph-truck text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl text-slate-900\">Transport sprz\u0119tu (Opcja p\u0142atna)<\/h3>\r\n <p class=\"text-slate-500 text-sm\">Nie masz baga\u017cnika na dachu? Przewieziemy wynaj\u0119te kajaki na start Twojego sp\u0142ywu.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div class=\"p-4 border border-slate-100 rounded-2xl flex justify-between items-center bg-slate-50 hover:bg-white hover:border-emerald-200 transition-colors\">\r\n <div>\r\n <span class=\"block font-bold text-slate-800\">Ma\u0142a przyczepa<\/span>\r\n <span class=\"text-xs font-medium text-slate-500\">Do 20 miejsc<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-emerald-600\">550 - 600 z\u0142<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-4 border border-slate-100 rounded-2xl flex justify-between items-center bg-slate-50 hover:bg-white hover:border-emerald-200 transition-colors\">\r\n <div>\r\n <span class=\"block font-bold text-slate-800\">Du\u017ca przyczepa<\/span>\r\n <span class=\"text-xs font-medium text-slate-500\">Do 30 miejsc<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"block font-black text-emerald-600\">1000 - 1100 z\u0142<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 border-t border-slate-800\/60 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Organizujemy kompleksowe sp\u0142ywy oraz prowadzimy profesjonaln\u0105 wypo\u017cyczalni\u0119 sprz\u0119tu. Odkryj z nami natur\u0119!\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"index.html#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"index.html#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"index.html#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <li><a href=\"index.html#nida\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Nida<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Nawigacja<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Strona G\u0142\u00f3wna<\/a><\/li>\r\n <li><a href=\"wypozyczalnia.html\" class=\"group flex items-center text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-6 bg-emerald-500 mr-3 transition-all duration-300\"><\/span>Wypo\u017cyczalnia<\/a><\/li>\r\n <li><a href=\"#\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Regulamin<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-400 text-xs font-semibold uppercase tracking-wider mb-0.5\">Wypo\u017cyczalnia i Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n \u00a9 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c7f4d elementor-widget elementor-widget-html\" data-id=\"d0c7f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Przed sp\u0142ywem - Przygotowania | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Dowiedz si\u0119, jak przygotowa\u0107 si\u0119 do sp\u0142ywu kajakowego. Praktyczne porady dotycz\u0105ce ubioru, bezpiecze\u0144stwa i sprz\u0119tu na rzece.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-info\"><\/i> Wa\u017cne informacje\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Przed Sp\u0142ywem<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Wszystko, co musisz wiedzie\u0107, by cieszy\u0107 si\u0119 bezpieczn\u0105 i komfortow\u0105 przygod\u0105 na wodzie. Poznaj nasze wskaz\u00f3wki dotycz\u0105ce przygotowania, ubioru i zachowania na rzece.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Krok po kroku<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Jak przygotowa\u0107 si\u0119 do kajakowej przygody?<\/h2>\r\n <p class=\"text-slate-600 text-lg\">\r\n Sp\u0142ywy kajakowe to wspania\u0142a okazja do sp\u0119dzenia czasu na \u0142onie natury, ale wymagaj\u0105 odpowiedniego przygotowania. Przeczytaj nasze najwa\u017cniejsze porady.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-t-shirt text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-backpack\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Ubi\u00f3r i ekwipunek<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Co za\u0142o\u017cy\u0107?<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Odzie\u017c wodoodporna to podstawa (str\u00f3j neoprenowy \u015bwietnie sprawdzi si\u0119 w ch\u0142odniejsze dni). Pami\u0119taj o specjalnym wodoodpornym obuwiu oraz nakryciu g\u0142owy chroni\u0105cym przed s\u0142o\u0144cem.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2 flex items-center gap-2\"><i class=\"ph-fill ph-check-circle text-emerald-500\"><\/i> Co zabra\u0107?<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Zabierz wod\u0119, by utrzyma\u0107 nawodnienie, energetyczne przek\u0105ski na d\u0142ugie przerwy, krem z filtrem oraz zabezpieczony aparat do robienia zdj\u0119\u0107. Warto wyposa\u017cy\u0107 si\u0119 w wodoszczelne worki na swoje rzeczy.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-shield-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">Bezpiecze\u0144stwo<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-3 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Zawsze no\u015b kamizelk\u0119 ratunkow\u0105, niezale\u017cnie od do\u015bwiadczenia!<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-cloud-sun text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Sprawdzaj pogod\u0119 \u2013 nie polecamy wyp\u0142ywa\u0107 podczas silnego wiatru i burz.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-file-text text-emerald-400 mt-0.5 flex-shrink-0\"><\/i> Przed wyruszeniem w trudniejsze warunki warto zaopatrzy\u0107 si\u0119 w ubezpieczenie.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-map-trifold\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Trasa i Kajak<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Dostosuj szlak do swojego poziomu. Je\u015bli jeste\u015b pocz\u0105tkuj\u0105cy, unikaj rzek wymagaj\u0105cych techniki i wybierz spokojne jeziora. Dobierz sprz\u0119t: kajak 1-osobowy, 2-osobowy lub rodzinny z niezb\u0119dnymi wios\u0142ami.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Etykieta w Grupie<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Szanuj innych na wodzie i zachowuj bezpieczny dystans. Dbaj o natur\u0119, absolutnie nie zostawiaj\u0105c \u015bmieci. Podczas sp\u0142yw\u00f3w grupowych planujcie wsp\u00f3lnie przystanki i dostosujcie tempo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-barbell\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Trening i Relaks<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Wios\u0142owanie wymaga si\u0142y w ramionach, dlatego po\u0107wicz g\u00f3rne partie cia\u0142a przed wypraw\u0105. Po sp\u0142ywie koniecznie osusz sprz\u0119t, by unikn\u0105\u0107 uszkodze\u0144, a na sam koniec zrelaksuj si\u0119 na ognisku z grup\u0105!\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-6xl\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-emerald-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zaufali nam<\/span>\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Opinie Nasi Klient\u00f3w<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Sp\u0142yw kajakowy zorganizowany to absolutny hit! Trasa by\u0142a pi\u0119knie zaplanowana, widoki zapiera\u0142y dech w piersiach, a przewodnik by\u0142 bardzo pomocny i sympatyczny. Na pewno wr\u00f3cimy w przysz\u0142ym sezonie!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Robert Nowak<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Pierwszy raz wybra\u0142am si\u0119 na sp\u0142yw kajakowy i jestem zachwycona! Wszystko by\u0142o dopi\u0119te na ostatni guzik - od sprz\u0119tu po instrukcje bezpiecze\u0144stwa. Mogli\u015bmy si\u0119 skupi\u0107 wy\u0142\u0105cznie na relaksie.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Milena Madeja<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-emerald-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Sp\u0142yw kajakowy okaza\u0142 si\u0119 strza\u0142em w dziesi\u0105tk\u0119 na sp\u0119dzenie aktywnego weekendu. Rzeka by\u0142a malownicza, a tempo sp\u0142ywu dostosowane. To by\u0142a jedna z lepszych przyg\u00f3d tego lata!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Aleksander Mieszko<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"kontakt\" class=\"bg-slate-950 pt-20 pb-10 mt-auto relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-900\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 gap-12 mb-16\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 pr-4\">\r\n Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Organizujemy kompleksowe sp\u0142ywy oraz prowadzimy profesjonaln\u0105 wypo\u017cyczalni\u0119 sprz\u0119tu. Odkryj z nami natur\u0119!\r\n <\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <a href=\"#\" aria-label=\"Facebook\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-facebook-logo text-lg\"><\/i>\r\n <\/a>\r\n <a href=\"#\" aria-label=\"Instagram\" class=\"w-10 h-10 rounded-full bg-slate-900 border border-slate-800 flex items-center justify-center text-slate-400 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white transition-all duration-300 hover:-translate-y-1\">\r\n <i class=\"ph-fill ph-instagram-logo text-lg\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Trasy sp\u0142yw\u00f3w<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html#ruda\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Ruda<\/a><\/li>\r\n <li><a href=\"index.html#odra\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Odra<\/a><\/li>\r\n <li><a href=\"index.html#olza\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Rzeka Olza<\/a><\/li>\r\n <li><a href=\"index.html#szotkowka\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-2\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Nawigacja<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"index.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Strona G\u0142\u00f3wna<\/a><\/li>\r\n <li><a href=\"wypozyczalnia.html\" class=\"group flex items-center text-slate-400 hover:text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-4 bg-slate-700 mr-3 transition-all duration-300 group-hover:w-6 group-hover:bg-emerald-500\"><\/span>Wypo\u017cyczalnia<\/a><\/li>\r\n <li><a href=\"przed-splywem.html\" class=\"group flex items-center text-emerald-400 transition-colors text-sm font-medium\"><span class=\"h-px w-6 bg-emerald-500 mr-3 transition-all duration-300\"><\/span>Przed sp\u0142ywem<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-4\">\r\n <h3 class=\"text-white font-bold text-base uppercase tracking-wider mb-6\">Dane kontaktowe<\/h3>\r\n <ul class=\"space-y-5 text-sm\">\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-map-pin text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <span class=\"text-white font-semibold block mb-1\">Baza Sprz\u0119towa<\/span>\r\n <span class=\"text-slate-400 block leading-relaxed\">ul. Pszczy\u0144ska 392<br>Jastrz\u0119bie-Zdr\u00f3j<\/span>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Pszczy\u0144ska+392,+Jastrz\u0119bie-Zdr\u00f3j\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 mt-2 text-xs font-bold text-emerald-500 hover:text-emerald-400 uppercase tracking-wide transition-colors\">\r\n <i class=\"ph-bold ph-arrow-up-right\"><\/i> Zobacz na mapie\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-slate-800 flex items-center justify-center flex-shrink-0 text-emerald-500\">\r\n <i class=\"ph-fill ph-phone text-xl\"><\/i>\r\n <\/div>\r\n <div class=\"pt-1 flex flex-col gap-1\">\r\n <span class=\"text-slate-400 text-xs font-semibold uppercase tracking-wider mb-0.5\">Informacje i Rezerwacje<\/span>\r\n <a href=\"tel:+48690240819\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 690 240 819\r\n <\/a>\r\n <a href=\"tel:+48502527333\" class=\"text-slate-300 hover:text-emerald-400 transition-colors font-medium text-base\">\r\n +48 502 527 333\r\n <\/a>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-8 border-t border-slate-800\/60 flex flex-col md:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-slate-500 text-sm\">\r\n \u00a9 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89a3310 elementor-widget elementor-widget-html\" data-id=\"89a3310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Regulamin Sp\u0142yw\u00f3w | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Regulamin sp\u0142yw\u00f3w kajakowych organizowanych przez Sp\u0142ywy Kajakowe Pietrzyk. Poznaj nasze zasady i warunki bezpiecze\u0144stwa na wodzie.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 left-0 w-[500px] h-[500px] bg-emerald-500\/20 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-file-text\"><\/i> Dokumenty i Zasady\r\n <\/div>\r\n <h1 class=\"text-5xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Regulamin Sp\u0142yw\u00f3w<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Zale\u017cy nam na Twoim komforcie i stuprocentowym bezpiecze\u0144stwie. Prosimy o uwa\u017cne zapoznanie si\u0119 z zasadami uczestnictwa w naszych sp\u0142ywach na rzekach: Odra, Ruda, Olza, Nida oraz Szotk\u00f3wka.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"flex-grow py-20 relative z-20\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-gavel\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Postanowienia og\u00f3lne<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Niniejszy regulamin zosta\u0142 sporz\u0105dzony zgodnie z obowi\u0105zuj\u0105cymi przepisami prawa i okre\u015bla zasady uczestnictwa w sp\u0142ywach.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Obowi\u0105zuje na ca\u0142ej d\u0142ugo\u015bci rzek oraz podczas ca\u0142ego procesu organizacji sp\u0142ywu.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Organizator zapewnia bezpieczne warunki, zgodne z Prawem wodnym i Prawem o ruchu drogowym.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-caret-right text-emerald-500 mt-1 shrink-0\"><\/i> Udzia\u0142 w sp\u0142ywie oznacza bezwzgl\u0119dn\u0105 akceptacj\u0119 niniejszego regulaminu.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Warunki uczestnictwa<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> W sp\u0142ywie mog\u0105 bra\u0107 udzia\u0142 osoby pe\u0142noletnie oraz niepe\u0142noletnie od 14 roku \u017cycia (wymagana pisemna zgoda i opieka osoby doros\u0142ej).<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> Uczestnik podpisuje o\u015bwiadczenie o udziale na w\u0142asn\u0105 odpowiedzialno\u015b\u0107.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1 shrink-0\"><\/i> Wymagane s\u0105 podstawowe umiej\u0119tno\u015bci p\u0142ywania, co organizator mo\u017ce zweryfikowa\u0107.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1 shrink-0\"><\/i> Ca\u0142kowity zakaz udzia\u0142u dla os\u00f3b po spo\u017cyciu alkoholu, \u015brodk\u00f3w odurzaj\u0105cych oraz os\u00f3b z przeciwwskazaniami zdrowotnymi.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white md:col-span-2 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-lifebuoy text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-shield-warning\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-white\">Zasady bezpiecze\u0144stwa na wodzie<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10 text-sm text-slate-300\">\r\n <ul class=\"space-y-3\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Obowi\u0105zek noszenia kamizelki asekuracyjnej przez ca\u0142y czas w kajaku.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Kategoryczny zakaz spo\u017cywania alkoholu i substancji odurzaj\u0105cych na trasie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-warning-circle text-emerald-400 mt-1 shrink-0\"><\/i> Zakaz k\u0105pieli poza miejscami \u015bci\u015ble wyznaczonymi.<\/li>\r\n <\/ul>\r\n <ul class=\"space-y-3\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-info text-emerald-400 mt-1 shrink-0\"><\/i> Bezwzgl\u0119dne przestrzeganie polece\u0144 organizatora i opiekun\u00f3w.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-info text-emerald-400 mt-1 shrink-0\"><\/i> Organizator mo\u017ce odwo\u0142a\u0107 sp\u0142yw m.in. z powodu z\u0142ych warunk\u00f3w pogodowych lub wysokich stan\u00f3w w\u00f3d.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-leaf\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Ochrona \u015brodowiska<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Obowi\u0105zuje przestrzeganie ustawy o ochronie przyrody z dn. 16 kwietnia 2004 r..<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Kategoryczny zakaz wyrzucania odpad\u00f3w do wody i na brzegi.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> Zabronione jest niszczenie flory, p\u0142oszenie zwierz\u0105t oraz zanieczyszczanie rzek.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-plant text-emerald-500 mt-1 shrink-0\"><\/i> \u015amieci uczestnik musi zabra\u0107 ze sob\u0105 do wyznaczonych miejsc.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl shrink-0\">\r\n <i class=\"ph-fill ph-canoe\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-xl font-bold text-slate-900\">Sprz\u0119t i mienie<\/h2>\r\n <\/div>\r\n <ul class=\"space-y-3 text-sm text-slate-600 leading-relaxed\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Organizator wydaje w pe\u0142ni sprawny i bezpieczny sprz\u0119t (kajaki, wios\u0142a, worki, kamizelki).<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Uczestnik dba o sprz\u0119t i ponosi pe\u0142n\u0105 odpowiedzialno\u015b\u0107 materialn\u0105 za zgubienie lub zniszczenie wynikaj\u0105ce z zaniedbania.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-anchor text-emerald-500 mt-1 shrink-0\"><\/i> Organizator nie bierze odpowiedzialno\u015bci za utrat\u0119 lub zamoczenie rzeczy osobistych.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 md:col-span-2 hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 divide-y md:divide-y-0 md:divide-x divide-slate-100\">\r\n \r\n <div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-flag-banner text-emerald-500 text-xl\"><\/i>\r\n <h3 class=\"font-bold text-slate-900\">Obowi\u0105zki Organizatora<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-2 text-sm text-slate-600\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Zapewnia opiek\u0119, bezpiecze\u0144stwo i oznakowanie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Przeprowadza instrukta\u017c (kajakowanie, ratownictwo, pierwsza pomoc) przed startem.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-check text-emerald-500 mt-1\"><\/i> Gwarantuje kontakt telefoniczny w razie awarii i wsparcie logistyczne.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"pt-6 md:pt-0 md:pl-8\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-user-focus text-emerald-500 text-xl\"><\/i>\r\n <h3 class=\"font-bold text-slate-900\">Odpowiedzialno\u015b\u0107 Uczestnik\u00f3w<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-2 text-sm text-slate-600\">\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Naruszenie regulaminu skutkuje wykluczeniem ze sp\u0142ywu.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Uczestnik ma obowi\u0105zek pokrycia strat za wyrz\u0105dzone szkody na sprz\u0119cie.<\/li>\r\n <li class=\"flex items-start gap-2\"><i class=\"ph-bold ph-x text-red-500 mt-1\"><\/i> Pe\u0142na odpowiedzialno\u015b\u0107 cywilna za szkody na innych uczestnikach, organizatorze lub osobach trzecich.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mt-12 text-center text-sm text-slate-500 bg-slate-100 rounded-2xl p-6 border border-slate-200\">\r\n <p class=\"mb-2\"><strong>Wa\u017cne ustalenia ko\u0144cowe:<\/strong> Sprawy nieuregulowane rozstrzyga organizator w oparciu o kodeks cywilny. Organizator ma prawo odwo\u0142a\u0107 sp\u0142yw w razie si\u0142y wy\u017cszej. Ewentualne spory rozstrzyga s\u0105d w\u0142a\u015bciwy dla siedziby organizatora.<\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-300 font-medium\">\r\n <p>Organizator: F.H.U Marzena Sa\u0142uga<\/p>\r\n <p>Data wej\u015bcia w \u017cycie regulaminu: 01.01.2025 r.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1b557 elementor-widget elementor-widget-html\" data-id=\"1a1b557\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Oferta dla firm - Imprezy Integracyjne | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Kompleksowa organizacja sp\u0142yw\u00f3w kajakowych dla firm. Oferujemy pe\u0142n\u0105 integracj\u0119, transport, catering (\u017curek, grill) i opiek\u0119 instruktor\u00f3w.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-briefcase\"><\/i> Integracja i relaks na wodzie\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Oferta dla Firm<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Budowanie relacji i zgranego zespo\u0142u nigdy nie by\u0142o przyjemniejsze. Oferujemy kompleksow\u0105 organizacj\u0119 firmowych sp\u0142yw\u00f3w kajakowych, profesjonaln\u0105 obs\u0142ug\u0119 i niezapomniane wra\u017cenia na \u015bwie\u017cym powietrzu.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-50 border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Sp\u0142ywy B2B<\/h2>\r\n <h3 class=\"text-4xl font-black text-slate-900 mb-6\">Wsp\u00f3lne wios\u0142owanie do wsp\u00f3lnego celu<\/h3>\r\n <p class=\"text-slate-600 text-lg mb-6 leading-relaxed\">\r\n Sp\u0142yw kajakowy to doskona\u0142a okazja do integracji zespo\u0142owej i aktywnego wypoczynku z dala od biurek i ekran\u00f3w. \r\n <\/p>\r\n <p class=\"text-slate-600 text-lg mb-8 leading-relaxed\">\r\n Zapraszamy do skorzystania z naszej propozycji sp\u0142yw\u00f3w na czterech malowniczych rzekach: Rudzie, Olzie, Odrze i Nidzie. Przejmujemy na siebie wszystkie logistyczne aspekty, by Wy mogli\u015bcie si\u0119 w pe\u0142ni zrelaksowa\u0107 i budowa\u0107 relacje.\r\n <\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-slate-900 hover:bg-emerald-600 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl\">\r\n Zapytaj o wycen\u0119 dla Twojej firmy <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=1000&auto=format&fit=crop\" alt=\"Sp\u0142yw integracyjny\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=1000&auto=format&fit=crop\" alt=\"Przygoda na wodzie\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover mt-8\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Co zapewniamy?<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Nasza kompleksowa oferta<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-map-trifold text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-waves\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Sp\u0142ywy na 4 malowniczych rzekach<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Ruda<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Malownicza trasa \u0142\u0105cz\u0105ca relaks z odrobin\u0105 adrenaliny. Bujne lasy i zmagania z naturalnymi przeszkodami.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Olza<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\u0141agodny nurt na rzece granicznej mi\u0119dzy Polsk\u0105 a Czechami. Wyj\u0105tkowe zakola i niepowtarzalny charakter.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Odra<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Od spokojnych fragment\u00f3w po dynamiczne odcinki. Gwarancja niezapomnianej przygody na jednej z wi\u0119kszych rzek.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Nida<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Spokojny nurt w otoczeniu cudownych krajobraz\u00f3w. \u015awietna opcja dla ceni\u0105cych cisz\u0119 i wypoczynek.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-bus text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Logistyka i Transport<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Zapewniamy wygodny transport uczestnik\u00f3w, kajak\u00f3w i sprz\u0119tu na miejsce startu.<\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Po sp\u0142ywie organizujemy ca\u0142kowicie bezpieczny transport powrotny Twojego zespo\u0142u.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-fire\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Ognisko z zadaszeniem<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Po sp\u0142ywie relaksujemy si\u0119 przy ognisku. Posiadamy zadaszenie, wi\u0119c pogoda nam nie straszna! To idealny czas na swobodne rozmowy i podsumowanie wra\u017ce\u0144 z wody.\r\n <\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 text-sm mb-2\"><i class=\"ph-bold ph-cooking-pot text-emerald-500\"><\/i> Smaczne Posi\u0142ki<\/h4>\r\n <p class=\"text-sm text-slate-500\">Serwujemy pyszny, rozgrzewaj\u0105cy, tradycyjny \u017curek. Mo\u017cemy te\u017c zorganizowa\u0107 grilla z kie\u0142baskami i regionalnymi potrawami.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-lifebuoy\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Instruktorzy i Opieka na wodzie<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Szkolenie wst\u0119pne<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przed zwodowaniem kajak\u00f3w przeprowadzamy kr\u00f3tkie szkolenie z podstaw p\u0142ywania oraz obowi\u0105zuj\u0105cych zasad bezpiecze\u0144stwa.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Zawsze pod opiek\u0105<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Wykwalifikowani instruktorzy kajakarstwa towarzysz\u0105 Waszej grupie przez ca\u0142y czas trwania sp\u0142ywu, s\u0142u\u017c\u0105c pomoc\u0105 i cennymi wskaz\u00f3wkami.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-emerald-900\/10 rounded-l-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl text-center\">\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Zorganizujmy razem \u015bwietn\u0105 imprez\u0119!<\/h2>\r\n <p class=\"text-slate-300 text-lg mb-10 leading-relaxed\">\r\n Ka\u017cda firma jest inna, dlatego ofert\u0119 dostosowujemy indywidualnie. Skontaktuj si\u0119 z nami, powiedz, jak du\u017cy masz zesp\u00f3\u0142, a my przygotujemy wycen\u0119 i plan dopasowany do Waszych potrzeb.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48690240819\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-500 hover:bg-emerald-400 text-slate-900 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-lg shadow-emerald-500\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 690 240 819\r\n <\/a>\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"w-full sm:w-auto px-8 py-4 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-envelope\"><\/i> Napisz e-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbbf19b elementor-widget elementor-widget-html\" data-id=\"bbbf19b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Oferta dla szk\u00f3\u0142 - Wycieczki i Integracja | Sp\u0142ywy Kajakowe Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Edukacyjne sp\u0142ywy kajakowe dla szk\u00f3\u0142. Doskona\u0142a lekcja WF-u w plenerze, integracja, pe\u0142ne bezpiecze\u0144stwo i opieka instruktor\u00f3w.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-emerald-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-emerald-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"container mx-auto px-4 text-center relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500\/10 border border-emerald-500\/20 text-emerald-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-student\"><\/i> Aktywna edukacja w terenie\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Oferta dla Szk\u00f3\u0142<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed\">\r\n Zapraszamy szko\u0142y do skorzystania z naszej edukacyjnej oferty sp\u0142yw\u00f3w kajakowych, kt\u00f3re \u0142\u0105cz\u0105 aktywno\u015b\u0107 fizyczn\u0105, edukacj\u0119 ekologiczn\u0105 oraz rozw\u00f3j umiej\u0119tno\u015bci wsp\u00f3\u0142pracy w grupie.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-20 bg-slate-50 border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-6xl\">\r\n <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <h2 class=\"text-sm font-bold text-emerald-600 uppercase tracking-widest mb-3\">Wycieczki szkolne<\/h2>\r\n <h3 class=\"text-4xl font-black text-slate-900 mb-6\">Nietypowa lekcja w naturze<\/h3>\r\n <p class=\"text-slate-600 text-lg mb-6 leading-relaxed\">\r\n Nasze sp\u0142ywy to doskona\u0142a forma zaj\u0119\u0107 wychowania fizycznego, wyjazd\u00f3w integracyjnych oraz aktywnego wypoczynku na \u015bwie\u017cym powietrzu dla uczni\u00f3w. \r\n <\/p>\r\n <p class=\"text-slate-600 text-lg mb-8 leading-relaxed\">\r\n Gwarantujemy najwy\u017csze standardy bezpiecze\u0144stwa, dostosowujemy tras\u0119 do wieku i mo\u017cliwo\u015bci grupy, a nad wszystkim czuwa profesjonalna kadra instruktorska.\r\n <\/p>\r\n <a href=\"tel:+48690240819\" class=\"inline-flex items-center gap-2 px-8 py-4 bg-slate-900 hover:bg-emerald-600 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl\">\r\n Zapytaj o wycen\u0119 dla klasy <i class=\"ph-bold ph-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2 grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517486808906-6ca8b3f04846?q=80&w=1000&auto=format&fit=crop\" alt=\"M\u0142odzie\u017c na wycieczce\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=1000&auto=format&fit=crop\" alt=\"Przygoda na wodzie\" class=\"rounded-2xl shadow-lg w-full h-48 object-cover mt-8\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main class=\"flex-grow py-20 relative z-20 bg-white\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-emerald-500 font-bold tracking-widest uppercase text-sm mb-4 block\">Co zapewniamy?<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Pe\u0142na organizacja wycieczki<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-map-trifold text-9xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-compass\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Trasy dopasowane do uczni\u00f3w<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10\">\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Olza<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Posiada \u0142agodny nurt, dzi\u0119ki czemu jest bardzo odpowiednia dla m\u0142odszych uczestnik\u00f3w i pozwala na bezpieczn\u0105 zabaw\u0119 na wodzie.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Ruda<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Sp\u0142yw o \u015brednio trudnej trasie, doskona\u0142y do nauki pracy zespo\u0142owej oraz pe\u0142nej adaptacji do warunk\u00f3w naturalnych.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Odra<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Bardzo zr\u00f3\u017cnicowane odcinki, kt\u00f3re gwarantuj\u0105 uczniom r\u00f3\u017cnorodno\u015b\u0107 do\u015bwiadcze\u0144 i widok\u00f3w podczas sp\u0142ywu.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Rzeka Nida<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Spokojny nurt, idealny na wyciszaj\u0105cy, relaksuj\u0105cy sp\u0142yw, bardzo sprzyjaj\u0105cy szczerej integracji ca\u0142ej grupy klasowej.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 flex flex-col justify-center\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-bus text-8xl\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 rounded-xl flex items-center justify-center text-emerald-400 text-2xl\">\r\n <i class=\"ph-fill ph-truck\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Logistyka i Transport<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 relative z-10 text-sm text-slate-300\">\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Posiadamy odpowiednie zaplecze logistyczne dla wi\u0119kszych grup szkolnych.<\/li>\r\n <li class=\"flex items-start gap-3\"><i class=\"ph-bold ph-check-circle text-emerald-400 mt-0.5 flex-shrink-0 text-lg\"><\/i> Zapewniamy wygodny transport na miejsce startu oraz bezpieczny powr\u00f3t po zako\u0144czeniu przygody.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-600 text-2xl\">\r\n <i class=\"ph-fill ph-fire\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">Integracja przy Ognisku<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\r\n Po zako\u0144czeniu sp\u0142ywu organizujemy ognisko pod wiat\u0105. To doskona\u0142y spos\u00f3b na integracj\u0119 i odpoczynek. Zadaszenie gwarantuje pe\u0142ny komfort niezale\u017cnie od pogody.\r\n <\/p>\r\n <div class=\"mt-4 pt-4 border-t border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 text-sm mb-2\"><i class=\"ph-bold ph-cooking-pot text-emerald-500\"><\/i> Pocz\u0119stunek dla uczni\u00f3w<\/h4>\r\n <p class=\"text-sm text-slate-500\">Mo\u017cemy zorganizowa\u0107 wspania\u0142ego grilla oraz poda\u0107 ciep\u0142y, tradycyjny \u017curek na podsumowanie dnia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-lifebuoy\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Najwy\u017cszy Poziom Bezpiecze\u0144stwa<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Szkolenie edukacyjne<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przed rozpocz\u0119ciem sp\u0142ywu zapewniamy kr\u00f3tkie, ale niezb\u0119dne szkolenie z zakresu bezpiecze\u0144stwa i podstaw techniki.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Instruktorzy na wodzie<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Gwarantujemy profesjonaln\u0105 opiek\u0119 instruktorsk\u0105. Nasi specjali\u015bci dbaj\u0105 o bezpiecze\u0144stwo grupy i pomagaj\u0105 w nauce kajakarstwa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-emerald-900\/10 rounded-l-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl text-center\">\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Zarezerwuj termin dla swojej szko\u0142y<\/h2>\r\n <p class=\"text-slate-300 text-lg mb-10 leading-relaxed\">\r\n Dostosujemy ofert\u0119, rzek\u0119 i atrakcje dok\u0142adnie do wieku i oczekiwa\u0144 uczni\u00f3w. Skontaktuj si\u0119 z nami, aby\u015bmy mogli zaplanowa\u0107 dla Waszej klasy idealn\u0105, bezpieczn\u0105 wycieczk\u0119.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48690240819\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-500 hover:bg-emerald-400 text-slate-900 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-lg shadow-emerald-500\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 690 240 819\r\n <\/a>\r\n <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"w-full sm:w-auto px-8 py-4 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-envelope\"><\/i> Napisz e-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5516725 elementor-widget elementor-widget-html\" data-id=\"5516725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Szk\u00f3\u0142ka P\u0142ywania | Sp\u0142ywy Kajakowe i Nauka P\u0142ywania Pietrzyk<\/title>\r\n <meta name=\"description\" content=\"Profesjonalna nauka p\u0142ywania dla dzieci i doros\u0142ych w Jastrz\u0119biu-Zdroju, Gorzycach i Po\u0142omi. Prze\u0142am l\u0119k przed wod\u0105 i szlifuj technik\u0119 z najlepszymi instruktorami.\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n water: {\r\n 50: '#f0f9ff',\r\n 100: '#e0f2fe',\r\n 400: '#38bdf8',\r\n 500: '#0ea5e9',\r\n 600: '#0284c7',\r\n 900: '#0c4a6e',\r\n },\r\n emerald: {\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .hero-pattern {\r\n background-color: #0f172a;\r\n background-image: radial-gradient(circle at center, #0c4a6e 0%, #0f172a 100%);\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800 antialiased selection:bg-water-500 selection:text-white flex flex-col min-h-screen\">\r\n\r\n <header class=\"hero-pattern py-24 lg:py-32 relative overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-water-500\/10 rounded-full blur-[120px] pointer-events-none translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-emerald-500\/10 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 text-center relative z-10 animate-fade-in\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-water-500\/10 border border-water-500\/20 text-water-400 font-bold text-xs uppercase tracking-widest mb-6 shadow-sm\">\r\n <i class=\"ph-fill ph-waves\"><\/i> Z nami woda nie jest straszna!\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black text-white mb-6 tracking-tight\">Nauka p\u0142ywania <br> dla ka\u017cdego<\/h1>\r\n <p class=\"text-slate-300 text-lg lg:text-xl max-w-2xl mx-auto leading-relaxed mb-10\">\r\n Prowadzimy profesjonalne zaj\u0119cia dla dzieci, m\u0142odzie\u017cy i doros\u0142ych. Od oswajania ze \u015brodowiskiem wodnym, po doskonalenie styl\u00f3w i przygotowanie do egzamin\u00f3w ratowniczych.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"#oferta\" class=\"w-full sm:w-auto px-8 py-4 bg-water-600 hover:bg-water-500 text-white rounded-xl font-bold transition-all transform hover:-translate-y-1 shadow-xl shadow-water-900\/50 flex items-center justify-center gap-2\">\r\n Sprawd\u017a Ofert\u0119 <i class=\"ph-bold ph-arrow-down\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"py-12 bg-white border-b border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">28 lat<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Do\u015bwiadczenia<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">WOPR<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Certyfikowana kadra<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">2<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Lokalizacje basen\u00f3w<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-3xl md:text-4xl font-black text-water-600 mb-1\">100%<\/span>\r\n <span class=\"text-xs md:text-sm text-slate-500 font-bold uppercase tracking-wider\">Pozytywnych opinii<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <main id=\"oferta\" class=\"flex-grow py-24 relative z-20 bg-slate-50\">\r\n <div class=\"container mx-auto px-4\">\r\n \r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <span class=\"text-water-600 font-bold tracking-widest uppercase text-sm mb-4 block\">Formy zaj\u0119\u0107<\/span>\r\n <h2 class=\"text-4xl font-black text-slate-900 mb-6\">Wybierz spos\u00f3b nauki idealny dla Ciebie<\/h2>\r\n <p class=\"text-slate-600 text-lg\">Podchodzimy do ka\u017cdego ucznia indywidualnie. Uczymy przez zabaw\u0119 i z pasj\u0105, bez presji i stresu.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 lg:col-span-2 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-5\"><i class=\"ph-fill ph-users-three text-9xl text-water-600\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-water-50 rounded-xl flex items-center justify-center text-water-600 text-2xl\">\r\n <i class=\"ph-fill ph-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Zaj\u0119cia Grupowe<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-600 leading-relaxed mb-6 relative z-10\">\r\n Nauka w kameralnych grupach, kt\u00f3re pozwalaj\u0105 na indywidualne podej\u015bcie do ka\u017cdego uczestnika oraz wsp\u00f3lne motywowanie si\u0119. To doskona\u0142a opcja dla dzieci i doros\u0142ych, kt\u00f3rzy najlepiej ucz\u0105 si\u0119 w towarzystwie innych i czerpi\u0105 rado\u015b\u0107 ze wsp\u00f3lnych post\u0119p\u00f3w.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 relative z-10 border-t border-slate-100 pt-6\">\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Dzieci od 4 roku \u017cycia<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Grupy dla m\u0142odzie\u017cy<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Prze\u0142amywanie l\u0119ku przez zabaw\u0119<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"ph-fill ph-check-circle text-water-500 text-lg\"><\/i>\r\n <span class=\"text-sm font-bold text-slate-800\">Przyjazna rywalizacja<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-900 rounded-3xl p-8 shadow-xl border border-slate-800 text-white relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"absolute top-0 right-0 p-6 opacity-10\"><i class=\"ph-fill ph-user-focus text-8xl text-water-400\"><\/i><\/div>\r\n <div class=\"flex items-center gap-4 mb-6 relative z-10\">\r\n <div class=\"w-12 h-12 bg-water-500\/20 rounded-xl flex items-center justify-center text-water-400 text-2xl\">\r\n <i class=\"ph-fill ph-user\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white\">Treningi Indywidualne<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm leading-relaxed mb-6 relative z-10\">\r\n Zapewniaj\u0105 pe\u0142n\u0105 uwag\u0119 instruktora, kt\u00f3ry dostosowuje \u0107wiczenia w 100% do Twoich potrzeb, tempa i cel\u00f3w. Idealne, by szybko przezwyci\u0119\u017cy\u0107 silny l\u0119k przed wod\u0105 lub doszlifowa\u0107 szczeg\u00f3\u0142y techniki.\r\n <\/p>\r\n <span class=\"inline-block px-3 py-1 bg-water-500 text-white text-xs font-bold rounded-lg relative z-10\">\r\n Szybkie efekty\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-50 rounded-xl flex items-center justify-center text-emerald-600 text-2xl\">\r\n <i class=\"ph-fill ph-heartbeat\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900\">P\u0142ywanie Korekcyjne<\/h3>\r\n <\/div>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">\r\n P\u0142ywanie to jeden z najzdrowszych sport\u00f3w. Prowadzimy specjalistyczne zaj\u0119cia wspieraj\u0105ce prawid\u0142ow\u0105 postaw\u0119 cia\u0142a u dzieci i m\u0142odzie\u017cy oraz \u0142agodz\u0105ce dolegliwo\u015bci kr\u0119gos\u0142upa u doros\u0142ych.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl shadow-slate-200\/50 border border-slate-100 relative overflow-hidden group hover:-translate-y-1 transition-transform duration-300 lg:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"w-12 h-12 bg-water-50 rounded-xl flex items-center justify-center text-water-600 text-2xl\">\r\n <i class=\"ph-fill ph-medal\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Doskonalenie dla Doros\u0142ych i M\u0142odzie\u017cy<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Dla zaawansowanych<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">P\u0142ywasz, ale szybko si\u0119 m\u0119czysz? Pomo\u017cemy Ci dopracowa\u0107 oddech, technik\u0119 kraula, \u017cabki czy stylu grzbietowego.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100\">\r\n <h4 class=\"font-bold text-slate-800 mb-2\">Egzaminy WOPR<\/h4>\r\n <p class=\"text-sm text-slate-600 leading-relaxed\">Przygotowujemy kandydat\u00f3w do wymagaj\u0105cych egzamin\u00f3w na stopie\u0144 M\u0142odszego Ratownika oraz Ratownika Wodnego.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <section class=\"py-20 bg-white border-y border-slate-100\">\r\n <div class=\"container mx-auto px-4 max-w-5xl\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-black text-slate-900 mb-4\">Lokalizacje i Godziny<\/h2>\r\n <p class=\"text-slate-600\">Nasze zaj\u0119cia odbywaj\u0105 si\u0119 popo\u0142udniami, aby\u015b m\u00f3g\u0142 \u0142atwo dopasowa\u0107 je do swojego rozk\u0142adu dnia.<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"p-8 border border-slate-200 rounded-3xl bg-slate-50 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-water-100 rounded-bl-full -z-10 transition-transform group-hover:scale-110\"><\/div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-map-pin text-water-500 text-2xl\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Basen Gorzyce<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm font-medium mb-6\">ul. Bogumi\u0144ska 31, 44-350 Gorzyce<\/p>\r\n \r\n <ul class=\"space-y-3 text-slate-700 font-medium\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Poniedzia\u0142ki<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>\u015arody<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center pb-2\">\r\n <span>Pi\u0105tki<\/span>\r\n <span class=\"text-water-600\">17:00, 17:45, 18:30<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"p-8 border border-slate-200 rounded-3xl bg-slate-50 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-emerald-100 rounded-bl-full -z-10 transition-transform group-hover:scale-110\"><\/div>\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <i class=\"ph-fill ph-map-pin text-emerald-500 text-2xl\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-slate-900\">Basen Po\u0142omia<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-500 text-sm font-medium mb-6\">ul. Szkolna 17a, 44-323 Po\u0142omia<\/p>\r\n \r\n <ul class=\"space-y-3 text-slate-700 font-medium\">\r\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\r\n <span>Wtorki<\/span>\r\n <span class=\"text-emerald-600\">Zaj\u0119cia popo\u0142udniowe<\/span>\r\n <\/li>\r\n <li class=\"flex justify-between items-center pb-2\">\r\n <span>Czwartki<\/span>\r\n <span class=\"text-emerald-600\">Zaj\u0119cia popo\u0142udniowe<\/span>\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-xs text-slate-400 mt-6 italic\">* Dok\u0142adne godziny zaj\u0119\u0107 w Po\u0142omi ustalamy telefonicznie, w zale\u017cno\u015bci od wybranej grupy wiekowej.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-slate-900 relative border-b border-slate-800\">\r\n <div class=\"container mx-auto px-4 relative z-10 max-w-6xl\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-water-400 font-bold tracking-widest uppercase text-sm mb-4 block\">Zaufali nam rodzice i p\u0142ywacy<\/span>\r\n <h2 class=\"text-4xl font-black text-white mb-6\">Opinie o naszej szk\u00f3\u0142ce<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Najlepsza szk\u00f3\u0142ka p\u0142ywania, moje dzieci s\u0105 zachwycone. Uwielbiaj\u0105 Pani\u0105 Dominik\u0119! Wida\u0107 efekty nauki, kiedy\u015b ba\u0142y si\u0119 wody, a teraz same p\u0142ywaj\u0105 w basenie i morzu. Serdecznie polecam.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Marlena N.<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Profesjonalni instruktorzy, indywidualne podej\u015bcie do ka\u017cdego dziecka i doros\u0142ego. Plan trening\u00f3w jest \u015bwietnie dopasowany do umiej\u0119tno\u015bci p\u0142ywackich. Zdecydowanie polecam!\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Daria K.<\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 border border-slate-700 p-8 rounded-3xl\">\r\n <div class=\"flex text-yellow-400 text-lg mb-4\">\r\n <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\r\n <\/div>\r\n <p class=\"text-slate-300 text-sm italic mb-6\">\"Zdecydowanie najlepsza szk\u00f3\u0142ka p\u0142ywania w mie\u015bcie. Rewelacyjne podej\u015bcie do dzieci, nauka przez zabaw\u0119 i super atmosfera na zaj\u0119ciach. Poziom na najwy\u017cszym poziomie.\"<\/p>\r\n <div class=\"font-bold text-white\">\u2014 Rodzic Sportowca<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-water-600 relative overflow-hidden text-center\">\r\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-water-400 rounded-full blur-[80px] pointer-events-none opacity-50\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-water-800 rounded-full blur-[80px] pointer-events-none opacity-50\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 relative z-10 max-w-4xl\">\r\n <span class=\"inline-block px-4 py-1.5 mb-6 rounded-full bg-white\/10 backdrop-blur-md border border-white\/20 text-white font-bold text-xs uppercase tracking-widest\">\r\n Do\u0142\u0105cz do nas!\r\n <\/span>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6 tracking-tight\">Gotowy na pierwszy skok do wody?<\/h2>\r\n <p class=\"text-water-100 text-lg mb-10 max-w-2xl mx-auto leading-relaxed\">\r\n Niezale\u017cnie od tego, czy szukasz zaj\u0119\u0107 dla swojego dziecka, czy sam chcesz w ko\u0144cu nauczy\u0107 si\u0119 p\u0142ywa\u0107 \u2013 skontaktuj si\u0119 z nami. Pomo\u017cemy Ci osi\u0105gn\u0105\u0107 wodny cel!\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n <a href=\"tel:+48502527333\" class=\"w-full sm:w-auto px-8 py-4 bg-white text-water-700 rounded-xl font-black transition-all transform hover:-translate-y-1 shadow-xl shadow-water-900\/20 flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Zadzwo\u0144: 502 527 333\r\n <\/a>\r\n <a href=\"tel:+48508182671\" class=\"w-full sm:w-auto px-8 py-4 bg-water-700 hover:bg-water-800 text-white border border-water-500 rounded-xl font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"ph-bold ph-phone\"><\/i> Lub drugi numer: 508 182 671\r\n <\/a>\r\n <\/div>\r\n <p class=\"mt-8 text-sm text-water-200\">\r\n Pytania? Napisz do nas: <a href=\"mailto:nauka.plywania.pietrzyk@gmail.com\" class=\"underline hover:text-white transition\">nauka.plywania.pietrzyk@gmail.com<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-7bc93f6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7bc93f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8b5a3 elementor-widget elementor-widget-html\" data-id=\"9e8b5a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<style>\r\n .oferta-container {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n max-width: 450px;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n .oferta-header {\r\n font-size: 28px;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n color: #1a2a3a;\r\n }\r\n\r\n .oferta-divider {\r\n border: none;\r\n height: 2px;\r\n background-color: #333;\r\n margin-bottom: 25px;\r\n width: 100%;\r\n }\r\n\r\n .menu-title {\r\n font-size: 22px;\r\n font-weight: 500;\r\n margin-bottom: 20px;\r\n color: #2c3e50;\r\n }\r\n\r\n .splyw-list {\r\n list-style: none;\r\n padding: 0;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .splyw-item {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .splyw-link {\r\n text-decoration: none;\r\n color: #5a6772;\r\n font-size: 18px;\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n }\r\n\r\n .splyw-link:hover {\r\n color: #007bff;\r\n transform: translateX(8px);\r\n }\r\n\r\n .godziny-sekcja {\r\n text-align: center;\r\n margin-top: 30px;\r\n padding-top: 20px;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .tura-row {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n color: #444;\r\n }\r\n\r\n .godzina {\r\n font-weight: 800;\r\n color: #000;\r\n margin-left: 5px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"oferta-container\">\r\n <h1 class=\"oferta-header\">Nasza oferta<\/h1>\r\n <hr class=\"oferta-divider\">\r\n \r\n <h2 class=\"menu-title\">Menu<\/h2>\r\n \r\n <ul class=\"splyw-list\">\r\n <li class=\"splyw-item\"><a href=\"LINK_FIRMY\" class=\"splyw-link\">Sp\u0142yw kajakowy dla firm<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_SZKOLY\" class=\"splyw-link\">Sp\u0142yw kajakowy dla szk\u00f3\u0142<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_RUDA\" class=\"splyw-link\">Sp\u0142yw kajakowy Ruda<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_OLZA\" class=\"splyw-link\">Sp\u0142yw kajakowy Olza<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_NIDA\" class=\"splyw-link\">Sp\u0142yw kajakowy Nida<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_ODRA\" class=\"splyw-link\">Sp\u0142yw kajakowy Odra<\/a><\/li>\r\n <li class=\"splyw-item\"><a href=\"LINK_SZOTKOWKA\" class=\"splyw-link\">Sp\u0142yw kajakowy Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"godziny-sekcja\">\r\n <div class=\"tura-row\">Tura poranna: <span class=\"godzina\">godz. 10:00<\/span><\/div>\r\n <div class=\"tura-row\">Tura popo\u0142udniowa: <span class=\"godzina\">godz. 14:00<\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-459c6dc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"459c6dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd885e elementor-widget elementor-widget-html\" data-id=\"4bd885e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .menu-sw-container {\r\n font-family: Arial, sans-serif;\r\n max-width: 350px; \/* Taka sama szeroko\u015b\u0107 jak Twojego widgetu *\/\r\n margin: 20px auto;\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n color: #333;\r\n }\r\n\r\n .menu-sw-header {\r\n padding: 25px;\r\n border-bottom: 2px solid #333;\r\n margin: 0 25px;\r\n }\r\n\r\n .menu-sw-header h1 {\r\n font-size: 26px;\r\n margin: 0;\r\n color: #1a2a3a;\r\n }\r\n\r\n .menu-sw-content {\r\n padding: 25px;\r\n }\r\n\r\n .menu-sw-subtitle {\r\n font-size: 18px;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n color: #555;\r\n }\r\n\r\n .menu-sw-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 30px 0;\r\n }\r\n\r\n .menu-sw-item {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .menu-sw-link {\r\n display: block;\r\n text-decoration: none;\r\n color: #444;\r\n font-size: 16px;\r\n padding: 12px 15px;\r\n background: #f7f9fc;\r\n border-radius: 6px;\r\n transition: all 0.2s ease;\r\n border-left: 4px solid transparent;\r\n }\r\n\r\n .menu-sw-link:hover {\r\n background: #edf2f7;\r\n color: #3399FF;\r\n border-left: 4px solid #3399FF;\r\n transform: translateX(5px);\r\n }\r\n\r\n .menu-sw-footer {\r\n background: #f7f9fc;\r\n padding: 20px;\r\n text-align: center;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .menu-sw-time {\r\n font-size: 15px;\r\n color: #555;\r\n margin: 5px 0;\r\n }\r\n\r\n .menu-sw-time strong {\r\n color: #000;\r\n font-weight: 800;\r\n }\r\n<\/style>\r\n\r\n<div class=\"menu-sw-container\">\r\n <div class=\"menu-sw-header\">\r\n <h1>Nasza oferta<\/h1>\r\n <\/div>\r\n\r\n <div class=\"menu-sw-content\">\r\n <div class=\"menu-sw-subtitle\">Menu sp\u0142yw\u00f3w<\/div>\r\n <ul class=\"menu-sw-list\">\r\n <li class=\"menu-sw-item\"><a href=\"LINK_FIRMY\" class=\"menu-sw-link\">Sp\u0142yw kajakowy dla firm<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_SZKOLY\" class=\"menu-sw-link\">Sp\u0142yw kajakowy dla szk\u00f3\u0142<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_RUDA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Ruda<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_OLZA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Olza<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_NIDA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Nida<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_ODRA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Odra<\/a><\/li>\r\n <li class=\"menu-sw-item\"><a href=\"LINK_SZOTKOWKA\" class=\"menu-sw-link\">Sp\u0142yw kajakowy Szotk\u00f3wka<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"menu-sw-footer\">\r\n <p class=\"menu-sw-time\">Tura poranna: <strong>godz. 10:00<\/strong><\/p>\r\n <p class=\"menu-sw-time\">Tura popo\u0142udniowa: <strong>godz. 14:00<\/strong><\/p>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bec739 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7bec739\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff59cde elementor-widget elementor-widget-html\" data-id=\"ff59cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Sp\u0142ywy Kajakowe \u2013 Widget<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n background: #f5f7fb;\r\n padding: 20px;\r\n }\r\n\r\n .kayak-widget {\r\n max-width: 1100px; \/* POSZERZONY *\/\r\n margin: auto;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 18px 40px rgba(0,0,0,0.08);\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr; \/* WI\u0118KSZE ZDJ\u0118CIE *\/\r\n }\r\n\r\n .kayak-image {\r\n position: relative;\r\n min-height: 320px;\r\n background: url('https:\/\/i.imgur.com\/hwH13wN.jpeg') center\/cover no-repeat;\r\n }\r\n\r\n .kayak-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.35));\r\n }\r\n\r\n .kayak-content {\r\n padding: 30px 36px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #1e293b;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .title i {\r\n color: #3398ff;\r\n }\r\n\r\n .subtitle {\r\n font-size: 15px;\r\n color: #64748b;\r\n line-height: 1.55;\r\n }\r\n\r\n .features {\r\n display: grid;\r\n gap: 14px;\r\n }\r\n\r\n .feature {\r\n background: #f1f5f9;\r\n padding: 14px 16px;\r\n border-radius: 12px;\r\n transition: 0.25s;\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n }\r\n\r\n .feature:hover {\r\n background: #e2e8f0;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .feature i {\r\n color: #3398ff;\r\n margin-top: 3px;\r\n font-size: 18px;\r\n min-width: 20px;\r\n }\r\n\r\n .feature h4 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .feature p {\r\n font-size: 14px;\r\n color: #475569;\r\n line-height: 1.4;\r\n }\r\n\r\n .about {\r\n background: #f8fafc;\r\n padding: 16px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n color: #334155;\r\n line-height: 1.55;\r\n }\r\n\r\n .about strong {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n font-size: 15px;\r\n }\r\n\r\n .contact-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .contact-title i {\r\n color: #3398ff;\r\n }\r\n\r\n .phones {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n font-size: 15px;\r\n }\r\n\r\n .phones span {\r\n background: #3398ff;\r\n color: white;\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: 0.25s;\r\n }\r\n\r\n .phones span:hover {\r\n background: #1f7fe0;\r\n transform: translateY(-1px);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .kayak-widget {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .kayak-image {\r\n min-height: 220px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"kayak-widget\">\r\n <div class=\"kayak-image\"><\/div>\r\n\r\n <div class=\"kayak-content\">\r\n <div>\r\n <h2 class=\"title\"><i class=\"fa-solid fa-water\"><\/i> Dlaczego warto nam zaufa\u0107?<\/h2>\r\n <p class=\"subtitle\">\r\n Jeste\u015bmy na rynku od ponad 7 lat i organizujemy sp\u0142ywy kajakowe na najpi\u0119kniejszych trasach w Polsce. \r\n Nasz\u0105 misj\u0105 jest dostarczenie niezapomnianych wra\u017ce\u0144 po\u0142\u0105czonych z bezpiecze\u0144stwem i pe\u0142nym profesjonalizmem.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h4>Elastyczno\u015b\u0107<\/h4>\r\n <p>Wyb\u00f3r tras o r\u00f3\u017cnych stopniach trudno\u015bci, dostosowanych do ka\u017cdego poziomu umiej\u0119tno\u015bci.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-life-ring\"><\/i>\r\n <div>\r\n <h4>Profesjonalne wyposa\u017cenie<\/h4>\r\n <p>Wszystkie kajaki s\u0105 nowoczesne, wygodne i w pe\u0142ni wyposa\u017cone.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature\">\r\n <i class=\"fa-solid fa-face-smile\"><\/i>\r\n <div>\r\n <h4>Przyjazna atmosfera<\/h4>\r\n <p>Z nami ka\u017cdy sp\u0142yw to \u015bwietna zabawa, niezale\u017cnie od wieku!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about\">\r\n <strong><i class=\"fa-solid fa-star\"><\/i> Nasze atuty:<\/strong><br\/><br\/>\r\n \u2022 Do\u015bwiadczenie \u2013 wieloletnia praktyka w organizacji sp\u0142yw\u00f3w<br\/>\r\n \u2022 Bezpiecze\u0144stwo \u2013 nowoczesny sprz\u0119t i do\u015bwiadczeni przewodnicy<br\/>\r\n \u2022 Elastyczno\u015b\u0107 \u2013 od kr\u00f3tkich tras po ca\u0142odniowe wyprawy<br\/>\r\n \u2022 Pasja \u2013 kochamy kajakarstwo i dzielimy si\u0119 nim z innymi\r\n <\/div>\r\n\r\n <div class=\"contact\">\r\n <div class=\"contact-title\">\r\n <i class=\"fa-solid fa-phone\"><\/i> Kontakt\r\n <\/div>\r\n <div class=\"phones\">\r\n <span><i class=\"fa-solid fa-phone\"><\/i> +48 690 240 819<\/span>\r\n <span><i class=\"fa-solid fa-phone\"><\/i> +48 502 527 333<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85cda5c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"85cda5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e89443 elementor-widget elementor-widget-html\" data-id=\"3e89443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Popularne trasy<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n transition: all 0.3s ease;\n}\n\nbody {\n background: #f5f7fb;\n margin: 0;\n padding: 40px;\n}\n\n\/* --- Sekcja --- *\/\n.section {\n max-width: 1200px;\n margin: auto;\n}\n\n.section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n}\n\n.section-header h2 {\n margin: 0;\n font-size: 32px;\n font-weight: 700;\n}\n\n.section-header span {\n color: #6b7280;\n font-weight: 500;\n}\n\n\/* --- GRID --- *\/\n.cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n}\n\n@media (max-width: 1024px) {\n .cards {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 640px) {\n .cards {\n grid-template-columns: 1fr;\n }\n}\n\n\/* --- KARTA --- *\/\n.card {\n background: #ffffff; \/* bia\u0142y kolor kart *\/\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 28px rgba(0,0,0,.08);\n display: flex;\n flex-direction: column;\n cursor: pointer;\n transform: translateY(0);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,.12);\n}\n\n\/* --- OBRAZ KARTY --- *\/\n.card-image {\n position: relative;\n height: 240px;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n}\n\n\/* gradient overlay pod napisem *\/\n.card-image::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);\n z-index: 1; \/* gradient pod napisem *\/\n}\n\n\/* --- BADGE --- *\/\n.badge {\n position: absolute;\n top: 16px;\n left: 16px;\n padding: 6px 14px;\n font-size: 14px;\n border-radius: 999px;\n font-weight: 600;\n text-transform: uppercase;\n z-index: 2; \/* badge nad gradientem *\/\n}\n\n.easy { background: #d1fae5; color: #065f46; }\n.medium { background: #fef3c7; color: #92400e; }\n\n\/* --- TYTU\u0141 KARTY --- *\/\n.card-title {\n position: absolute;\n bottom: 16px;\n left: 16px;\n right: 16px;\n color: #fff;\n z-index: 2; \/* napis nad gradientem *\/\n}\n\n.card-title h3,\n.card-title p {\n margin: 0;\n color: #fff !important;\n text-shadow: 1px 1px 4px rgba(0,0,0,0.6);\n}\n\n.card-title h3 {\n font-size: 22px;\n font-weight: 700;\n}\n\n.card-title p {\n margin-top: 4px;\n font-size: 14px;\n opacity: 0.9;\n}\n\n\/* --- BODY KARTY --- *\/\n.card-body {\n padding: 22px;\n flex: 1;\n}\n\n.info {\n display: grid;\n grid-template-columns: 1fr 1fr;\n row-gap: 12px;\n font-size: 14px;\n color: #374151;\n}\n\n.info span {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n\/* --- FOOTER KARTY --- *\/\n.card-footer {\n padding: 20px 22px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid #e5e7eb;\n}\n\n.price {\n font-size: 26px;\n font-weight: 700;\n}\n\n.price small {\n font-size: 14px;\n font-weight: 500;\n color: #6b7280;\n}\n\n\/* --- PRZYCISK --- *\/\n.btn {\n background: #2563eb;\n color: #fff;\n padding: 12px 22px;\n border-radius: 12px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n display: inline-block;\n transition: transform 0.2s ease, background 0.2s ease;\n}\n\n.btn:hover {\n background: #1d4ed8;\n transform: scale(1.05);\n}\n\n\/* --- ANIMACJA OBRAZU --- *\/\n.card-image:hover {\n transform: scale(1.05);\n transition: transform 0.5s ease;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"section\">\n <div class=\"section-header\">\n <h2>Popularne trasy<\/h2>\n <span>+15 tras<\/span>\n <\/div>\n\n <div class=\"cards\">\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge easy\">\u0142atwa<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Olzie<\/h3>\n <p>Wierniowice - Zabe\u0142k\u00f3w<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 2h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 8 km<\/span>\n <span>\ud83d\udccd Wierniowice (Czechy)<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">75 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1599555615178-92d94464ea2e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge medium\">\u015brednia<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Rudzie<\/h3>\n <p>Zielony Most - Szotkowicka<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 3h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 8 km<\/span>\n <span>\ud83d\udccd Rybnik<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">99 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1663433572472-451f4a1b0c6d?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0');\">\n <div class=\"badge medium\">\u015brednia<\/div>\n <div class=\"card-title\">\n <h3>Sp\u0142yw kajakowy po Szotk\u00f3wce<\/h3>\n <p>Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\n <\/div>\n <\/div>\n <div class=\"card-body\">\n <div class=\"info\">\n <span>\u23f1 Czas 1h<\/span>\n <span>\ud83c\udf0a D\u0142ugo\u015b\u0107 2 km<\/span>\n <span>\ud83d\udccd Jastrzebie Zdr\u00f3j<\/span>\n <span>\ud83d\udc65 max 60<\/span>\n <\/div>\n <\/div>\n <div class=\"card-footer\">\n <div class=\"price\">109 <small>PLN\/os.<\/small><\/div>\n <a href=\"https:\/\/pietrzykk.pl\/trasy-kajakowe\/\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5606eaf e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5606eaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de275ec elementor-widget elementor-widget-html\" data-id=\"de275ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cennik Kajak\u00f3w 2025<\/title>\r\n<style>\r\n body {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f4f7f9;\r\n margin: 0;\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .cennik {\r\n text-align: center;\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .cennik h1 {\r\n font-size: 3rem;\r\n margin-bottom: 5px;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .cennik h2.rok {\r\n font-size: 1.5rem;\r\n color: #007bff;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .opis-cennika {\r\n color: #555;\r\n max-width: 800px;\r\n margin: 0 auto 50px;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .karty {\r\n display: flex;\r\n gap: 25px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .karta {\r\n background-color: #ffffff;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n width: 320px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n position: relative;\r\n transition: all 0.3s ease;\r\n border: 1px solid #e1e8ed;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .karta:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n }\r\n\r\n .karta.najpopularniejszy {\r\n border: 2px solid #007bff;\r\n transform: scale(1.05);\r\n }\r\n\r\n .karta.najpopularniejszy:hover {\r\n transform: scale(1.05) translateY(-10px);\r\n }\r\n\r\n .ikona-wrapper {\r\n width: 90px;\r\n height: 90px;\r\n background: #f0f7ff;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .ikona-svg {\r\n width: 55px;\r\n height: 55px;\r\n fill: none;\r\n stroke: #007bff;\r\n stroke-width: 1.8;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .karta h3 {\r\n font-size: 0.9rem;\r\n color: #888;\r\n text-transform: uppercase;\r\n margin: 0;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .karta h2 {\r\n font-size: 1.6rem;\r\n margin: 5px 0 20px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .cena-box {\r\n margin-bottom: 25px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .waluta { font-size: 1.2rem; vertical-align: top; margin-right: 2px; }\r\n .kwota { font-size: 3.5rem; font-weight: 800; line-height: 1; }\r\n .grosze { font-size: 1.2rem; vertical-align: top; text-decoration: underline; }\r\n\r\n .lista {\r\n text-align: left;\r\n padding: 0;\r\n margin: 0 0 30px 0;\r\n list-style: none;\r\n flex-grow: 1;\r\n }\r\n\r\n .lista li {\r\n padding: 8px 0 8px 25px;\r\n position: relative;\r\n font-size: 0.95rem;\r\n color: #444;\r\n border-bottom: 1px solid #f8f9fa;\r\n }\r\n\r\n .lista li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n color: #28a745;\r\n font-weight: bold;\r\n }\r\n\r\n .btn-rezerwuj {\r\n background-color: #007bff;\r\n color: white;\r\n text-decoration: none;\r\n padding: 15px 25px;\r\n border-radius: 12px;\r\n font-weight: bold;\r\n transition: background 0.3s ease;\r\n display: inline-block;\r\n }\r\n\r\n .btn-rezerwuj:hover {\r\n background-color: #0056b3;\r\n }\r\n\r\n .karta.najpopularniejszy .btn-rezerwuj {\r\n background-color: #1a1a1a;\r\n }\r\n\r\n .karta.najpopularniejszy .btn-rezerwuj:hover {\r\n background-color: #333;\r\n }\r\n\r\n .promo-tag {\r\n font-size: 0.8rem;\r\n color: #d9534f;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .karty { flex-direction: column; align-items: center; }\r\n .karta.najpopularniejszy { transform: scale(1); }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cennik\">\r\n <h1>CENNIK<\/h1>\r\n <h2 class=\"rok\">Cennik na rok 2025<\/h2>\r\n <p class=\"opis-cennika\">\r\n Nasz cennik sp\u0142yw\u00f3w kajakowych jest elastyczny i dostosowany do r\u00f3\u017cnych potrzeb. \r\n Oferujemy zar\u00f3wno sp\u0142ywy jednodniowe, jak i wielodniowe. \r\n Przyznajemy zni\u017cki dla grup oraz dzieci. Wybierz swoj\u0105 wodn\u0105 przygod\u0119!\r\n <\/p>\r\n \r\n <div class=\"karty\">\r\n \r\n <div class=\"karta najpopularniejszy\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-3 16-3 20 0-4 3-16 3-20 0z\" \/>\r\n <ellipse cx=\"8\" cy=\"12\" rx=\"2.5\" ry=\"1\" \/>\r\n <ellipse cx=\"16\" cy=\"12\" rx=\"2.5\" ry=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>2 osobowy<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">160<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Kajak, kapoki, wios\u0142a, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"karta\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-4 16-4 20 0-4 4-16 4-20 0z\" \/>\r\n <ellipse cx=\"7\" cy=\"12\" rx=\"2\" ry=\"1\" \/>\r\n <ellipse cx=\"12\" cy=\"12\" rx=\"1.5\" ry=\"0.8\" \/>\r\n <ellipse cx=\"17\" cy=\"12\" rx=\"2\" ry=\"1\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>2 osobowy + dok\u0142adka<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">200<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <span class=\"promo-tag\">Dziecko do 10 roku \u017cycia<\/span>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Dok\u0142adka do kajaka na 3 osob\u0119<\/li>\r\n <li>Kajak, kapoki, wios\u0142a, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <div class=\"karta\">\r\n <div class=\"ikona-wrapper\">\r\n <svg class=\"ikona-svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 12c4-2 16-2 20 0-4 2-16 2-20 0z\" \/>\r\n <ellipse cx=\"12\" cy=\"12\" rx=\"3\" ry=\"1\" \/>\r\n <path d=\"M19 5l-14 14\" opacity=\"0.3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Kajak<\/h3>\r\n <h2>1 osobowy<\/h2>\r\n <div class=\"cena-box\">\r\n <span class=\"waluta\">Z\u0142<\/span><span class=\"kwota\">80<\/span><span class=\"grosze\">00<\/span>\r\n <\/div>\r\n <ul class=\"lista\">\r\n <li>Organizacja sp\u0142ywu kajakowego<\/li>\r\n <li>Kajak, kapok, wios\u0142o, worek<\/li>\r\n <li>Transport aut z miejsca startu na met\u0119<\/li>\r\n <li>Instruktarz przed sp\u0142ywem<\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-rezerwuj\">Rezerwuj<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d1e087 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7d1e087\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93a7380 elementor-widget elementor-widget-html\" data-id=\"93a7380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"oferta-section\">\r\n <div class=\"oferta-container\">\r\n <h1 class=\"oferta-main-title\">OFERTA<\/h1>\r\n <h2 class=\"oferta-title\">Nasza oferta sp\u0142yw\u00f3w kajakowych<\/h2>\r\n <p class=\"oferta-description\">\r\n Oferujemy szerok\u0105 gam\u0119 sp\u0142yw\u00f3w kajakowych dostosowanych do r\u00f3\u017cnych potrzeb i oczekiwa\u0144.\r\n Niezale\u017cnie od tego, czy szukasz spokojnej wyprawy w\u015br\u00f3d natury, czy ekscytuj\u0105cych przyg\u00f3d,\r\n mamy co\u015b dla Ciebie. Zapewniamy wysokiej jako\u015bci sprz\u0119t, profesjonaln\u0105 obs\u0142ug\u0119 oraz\r\n niezapomniane wra\u017cenia. Ka\u017cda wyprawa jest dostosowana do poziomu umiej\u0119tno\u015bci uczestnik\u00f3w,\r\n gwarantuj\u0105c bezpiecze\u0144stwo i komfort.\r\n <\/p>\r\n\r\n <div class=\"oferta-grid\">\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Kajaki<\/span>\r\n <h3>Sp\u0142ywy indywidualne<\/h3>\r\n <\/div>\r\n <p>\r\n Dla os\u00f3b, kt\u00f3re chc\u0105 samodzielnie przemierza\u0107 rzeki i odkrywa\u0107 pi\u0119kno natury.\r\n Oferujemy sprz\u0119t najwy\u017cszej jako\u015bci, mapy tras oraz wsparcie techniczne.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Rodzina<\/span>\r\n <h3>Sp\u0142ywy rodzinne<\/h3>\r\n <\/div>\r\n <p>\r\n Idealna forma sp\u0119dzenia czasu z bliskimi. Trasy o niskim poziomie trudno\u015bci,\r\n spokojne odcinki rzek oraz dodatkowe atrakcje jak pikniki na brzegu.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Integracja<\/span>\r\n <h3>Sp\u0142ywy firmowe<\/h3>\r\n <\/div>\r\n <p>\r\n Integracyjne wyprawy dla firm buduj\u0105ce relacje i wsp\u00f3\u0142prac\u0119 zespo\u0142ow\u0105.\r\n Gry terenowe, ogniska i pe\u0142na organizacja wydarzenia.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Edukacja<\/span>\r\n <h3>Sp\u0142ywy szkolne<\/h3>\r\n <\/div>\r\n <p>\r\n Aktywno\u015b\u0107 \u0142\u0105cz\u0105ca zabaw\u0119 z edukacj\u0105. Nauka kajakarstwa, elementy ekologii\r\n i rozw\u00f3j wsp\u00f3\u0142pracy w grupie na \u015bwie\u017cym powietrzu.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Z Przewodnikiem<\/span>\r\n <h3>Sp\u0142ywy z przewodnikiem<\/h3>\r\n <\/div>\r\n <p>\r\n Profesjonalni przewodnicy poka\u017c\u0105 najpi\u0119kniejsze miejsca,\r\n opowiedz\u0105 o faunie i florze oraz zadbaj\u0105 o pe\u0142ne bezpiecze\u0144stwo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"oferta-card highlight\">\r\n <div class=\"card-header\">\r\n <span class=\"category-label\">Adrenalina<\/span>\r\n <h3>Sp\u0142ywy ekstremalne<\/h3>\r\n <\/div>\r\n <p>\r\n Dla zaawansowanych kajakarzy szukaj\u0105cych adrenaliny.\r\n G\u00f3rskie rzeki, rw\u0105ce potoki i wymagaj\u0105ce trasy dla do\u015bwiadczonych uczestnik\u00f3w.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.oferta-section {\r\n background: #f4f7f9; \/* T\u0142o takie samo jak w cenniku *\/\r\n padding: 80px 20px;\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n color: #1a1a1a;\r\n}\r\n\r\n.oferta-container {\r\n max-width: 1200px;\r\n margin: auto;\r\n text-align: center;\r\n}\r\n\r\n\/* Stylizacja napisu OFERTA wzorowana na CENNIK *\/\r\n.oferta-main-title {\r\n font-size: 3rem;\r\n margin-bottom: 5px;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 800;\r\n}\r\n\r\n.oferta-title {\r\n font-size: 1.5rem;\r\n color: #007bff;\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.oferta-description {\r\n max-width: 800px;\r\n margin: 0 auto 50px auto;\r\n line-height: 1.6;\r\n color: #555;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.oferta-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 25px;\r\n}\r\n\r\n\/* KARTA - styl zapo\u017cyczony z cennika *\/\r\n.oferta-card {\r\n background-color: #ffffff;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n border: 1px solid #e1e8ed;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.oferta-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n.category-label {\r\n font-size: 0.85rem;\r\n color: #888;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.oferta-card h3 {\r\n margin-bottom: 15px;\r\n font-size: 1.6rem;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n}\r\n\r\n.oferta-card p {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n color: #444;\r\n margin: 0;\r\n}\r\n\r\n\/* WYR\u00d3\u017bNIENIE (Gradient z cennika) *\/\r\n.highlight {\r\n background: linear-gradient(145deg, #0062cc, #007bff);\r\n color: white;\r\n border: none;\r\n box-shadow: 0 15px 30px rgba(0,123,255,0.3);\r\n}\r\n\r\n.highlight h3, \r\n.highlight p,\r\n.highlight .category-label {\r\n color: white;\r\n}\r\n\r\n.highlight .category-label {\r\n opacity: 0.8;\r\n}\r\n\r\n\/* RESPONSYWNO\u015a\u0106 *\/\r\n@media (max-width: 768px) {\r\n .oferta-main-title {\r\n font-size: 2.5rem;\r\n }\r\n .oferta-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: auto;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71267fa e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"71267fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c62e3ac elementor-widget elementor-widget-html\" data-id=\"c62e3ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cennik Wypo\u017cyczalni Kajak\u00f3w<\/title>\r\n<style>\r\n body {\r\n margin: 0;\r\n \/* Zmieniono czcionk\u0119 z Arial na t\u0119 z pierwszego kodu *\/\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background: #f7fafc;\r\n color: #333;\r\n }\r\n .cennik-kajaki {\r\n padding: 60px 20px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n .cennik-kajaki h2 {\r\n text-align: center;\r\n font-size: 32px;\r\n margin-bottom: 10px;\r\n color: #1e293b;\r\n \/* Dodano dla sp\u00f3jno\u015bci *\/\r\n font-weight: 700;\r\n }\r\n .cennik-kajaki .opis {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 40px auto;\r\n color: #555;\r\n line-height: 1.6;\r\n }\r\n .tabela {\r\n margin-bottom: 40px;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n overflow: hidden;\r\n }\r\n .tabela h3 {\r\n background: #3398ff;\r\n color: white;\r\n padding: 16px;\r\n margin: 0;\r\n font-size: 20px;\r\n font-weight: 600;\r\n }\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n th, td {\r\n padding: 14px 16px;\r\n text-align: left;\r\n }\r\n th {\r\n background: #e9f1f8;\r\n font-weight: bold;\r\n color: #1e293b;\r\n }\r\n tr:nth-child(even) {\r\n background: #f9fbfd;\r\n }\r\n tr:hover {\r\n background: #eef6ff;\r\n transition: 0.2s;\r\n }\r\n @media (max-width: 768px) {\r\n th, td {\r\n font-size: 14px;\r\n padding: 10px;\r\n }\r\n .cennik-kajaki h2 {\r\n font-size: 24px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cennik-kajaki\">\r\n <h2>Wypo\u017cyczalnia Kajak\u00f3w \u2013 Cennik<\/h2>\r\n <p class=\"opis\">\r\n Oferujemy kajaki jednoosobowe i dwuosobowe oraz transport sprz\u0119tu dla grup. \r\n Elastyczne opcje wynajmu 1\u20133 dni, mo\u017cliwo\u015b\u0107 transportu oraz pe\u0142ne wyposa\u017cenie.\r\n <\/p>\r\n\r\n <div class=\"tabela\">\r\n <h3>Kajaki jednoosobowe<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Czas wynajmu<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 dzie\u0144<\/td>\r\n <td>80 z\u0142<\/td>\r\n <td>Standardowy kajak jednoosobowy \u2013 jeziora i rzeki<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>2 dni<\/td>\r\n <td>144 z\u0142<\/td>\r\n <td>Rabat 10% przy wynajmie 2-dniowym<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 dni<\/td>\r\n <td>204 z\u0142<\/td>\r\n <td>Rabat 15% przy wynajmie 3-dniowym<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tabela\">\r\n <h3>Kajaki dwuosobowe<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Czas wynajmu<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>1 dzie\u0144<\/td>\r\n <td>100 z\u0142<\/td>\r\n <td>Kajaki dla dw\u00f3ch os\u00f3b \u2013 idealne na wsp\u00f3lne wyprawy<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>2 dni<\/td>\r\n <td>180 z\u0142<\/td>\r\n <td>Rabat 10%<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>3 dni<\/td>\r\n <td>255 z\u0142<\/td>\r\n <td>Rabat 15%<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"tabela\">\r\n <h3>Transport Kajak\u00f3w<\/h3>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Us\u0142uga<\/th>\r\n <th>Czas<\/th>\r\n <th>Cena<\/th>\r\n <th>Opis<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Przyczepa 10 miejsc<\/td>\r\n <td>1 dzie\u0144<\/td>\r\n <td>550 \u2013 600 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Przyczepa 20 miejsc<\/td>\r\n <td>2 dni<\/td>\r\n <td>1000 \u2013 1100 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Przyczepa 30 miejsc<\/td>\r\n <td>3 dni<\/td>\r\n <td>1500 z\u0142<\/td>\r\n <td>Transport przyczepy z kajakami<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0ea75c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c0ea75c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eab3e00 elementor-widget elementor-widget-html\" data-id=\"eab3e00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Popularne trasy kajakowe<\/title>\r\n\r\n<style>\r\n* { box-sizing: border-box; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; transition: all 0.3s ease; }\r\nbody { background: #f5f7fb; margin: 0; padding: 40px; }\r\n.section { max-width: 1200px; margin: auto; }\r\n.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }\r\n.section-header h2 { margin: 0; font-size: 32px; font-weight: 700; }\r\n.section-header span { color: #6b7280; font-weight: 500; }\r\n.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\r\n@media (max-width:1024px){ .cards { grid-template-columns: repeat(2,1fr); } }\r\n@media (max-width:640px){ .cards { grid-template-columns:1fr; } }\r\n.card { background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,.08); display:flex; flex-direction:column; cursor:pointer; transform:translateY(0); transition:transform 0.3s ease, box-shadow 0.3s ease; }\r\n.card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.12); }\r\n.card-image { position:relative; height:240px; background-size:cover; background-position:center; overflow:hidden; }\r\n.card-image::before { content:\"\"; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.5), transparent); z-index:1; }\r\n.badge { position:absolute; top:16px; left:16px; padding:6px 14px; font-size:14px; border-radius:999px; font-weight:600; text-transform:uppercase; z-index:2; }\r\n.easy { background:#d1fae5;color:#065f46; }\r\n.medium { background:#fef3c7;color:#92400e; }\r\n.hard { background:#fee2e2;color:#991b1b; }\r\n.card-title { position:absolute; bottom:16px; left:16px; right:16px; color:#fff; z-index:2; }\r\n.card-title h3, .card-title p { margin:0; color:#fff!important; text-shadow:1px 1px 4px rgba(0,0,0,0.6); }\r\n.card-title h3 { font-size:22px; font-weight:700; }\r\n.card-title p { margin-top:4px; font-size:14px; opacity:0.9; }\r\n.card-body { padding:22px; flex:1; }\r\n.info { display:grid; grid-template-columns:1fr 1fr; row-gap:16px; font-size:16px; color:#374151; }\r\n.info span { display:flex; align-items:center; gap:10px; font-weight:500; }\r\n.info span .icon { font-size:24px; }\r\n.card-footer { padding:20px 22px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e5e7eb; }\r\n.price { font-size:26px; font-weight:700; }\r\n.price small { font-size:14px; font-weight:500; color:#6b7280; }\r\n.btn { background:#2563eb; color:#fff; padding:12px 22px; border-radius:12px; font-size:15px; font-weight:600; text-decoration:none; display:inline-block; transition:transform 0.2s ease, background 0.2s ease; }\r\n.btn:hover { background:#1d4ed8; transform:scale(1.05); }\r\n.card-image:hover { transform:scale(1.05); transition:transform 0.5s ease; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-header\">\r\n <h2>Popularne trasy kajakowe<\/h2>\r\n <span>+20 tras<\/span>\r\n <\/div>\r\n\r\n <div class=\"cards\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1480480565647-1c4385c7c0bf?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge easy\">\u0142atwa<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Olzie<\/h3>\r\n <p>Wierniowice - Zabe\u0142k\u00f3w<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 3 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Wierniowice (Czechy)<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">75 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1599555615178-92d94464ea2e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Rudzie<\/h3>\r\n <p>Zielony Most - Szotkowicka<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 2 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Rybnik<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">99 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1663433572472-451f4a1b0c6d?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Szotk\u00f3wce<\/h3>\r\n <p>Rybnik Stodo\u0142y - Park Cysters\u00f3w<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 1 trasa kajakowa<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 4.5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Jastrz\u0119bie Zdr\u00f3j<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Brak mo\u017cliwo\u015bci ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">109 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1588514729623-26e44c4b1a0d?q=80&w=2062&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge easy\">\u0142atwa<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Odrze<\/h3>\r\n <p>Meandry Odry - Brzeg Dolny<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 4 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> Dolny \u015al\u0105sk<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">120 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-image\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1617196036893-1aaec4e0fa06?q=80&w=2060&auto=format&fit=crop&ixlib=rb-4.1.0');\">\r\n <div class=\"badge medium\">\u015brednia<\/div>\r\n <div class=\"card-title\">\r\n <h3>Sp\u0142yw kajakowy po Nidzie<\/h3>\r\n <p>Pi\u0144cz\u00f3w - Nowe Brzesko<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"info\">\r\n <span><span class=\"icon\">\ud83d\udef6<\/span> 3 trasy kajakowe<\/span>\r\n <span><span class=\"icon\">\u2b50<\/span> 4.5\/5 gwiazdek<\/span>\r\n <span><span class=\"icon\">\ud83d\udccd<\/span> \u015awi\u0119tokrzyskie<\/span>\r\n <span><span class=\"icon\">\ud83d\udd25<\/span> Mo\u017cliwo\u015b\u0107 rozgrzania ogniska<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"price\">115 <small>PLN\/os.<\/small><\/div>\r\n <a href=\"#\" class=\"btn\" target=\"_blank\">Zarezerwuj<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46b1a9a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"46b1a9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1637678 elementor-widget elementor-widget-html\" data-id=\"1637678\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kajak-widget\">\r\n\r\n<style>\r\n.kajak-widget * {\r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, sans-serif;\r\n}\r\n\r\n.kajak-widget {\r\n background:#f5f7fb;\r\n padding:30px;\r\n border-radius:20px;\r\n}\r\n\r\n.kajak-widget h2 {\r\n margin-top:0;\r\n font-size:28px;\r\n}\r\n\r\n.kajak-grid {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:20px;\r\n}\r\n\r\n.kajak-card {\r\n background:#fff;\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.08);\r\n transition:.25s;\r\n}\r\n\r\n.kajak-card:hover {\r\n transform:translateY(-6px);\r\n box-shadow:0 14px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.kajak-title {\r\n font-weight:700;\r\n margin-bottom:8px;\r\n}\r\n\r\n.kajak-meta {\r\n font-size:14px;\r\n color:#555;\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:6px;\r\n}\r\n\r\n.level {\r\n font-size:12px;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n display:inline-block;\r\n margin-bottom:10px;\r\n font-weight:600;\r\n}\r\n\r\n.l1 { background:#d1fae5; color:#065f46; }\r\n.l2 { background:#fef3c7; color:#92400e; }\r\n.l3 { background:#fee2e2; color:#991b1b; }\r\n<\/style>\r\n\r\n<h2>Wszystkie trasy kajakowe<\/h2>\r\n\r\n<div class=\"kajak-grid\">\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 10.5 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l3\">Trasa 3<\/span>\r\n<div class=\"kajak-title\">Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 13 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Zielony Most \u2013 Fort Ba\u0142aj<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 2.5 km<\/span><span>\u23f1 1 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Fort Ba\u0142aj \u2013 G\u0142\u0119bocz<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 7 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l3\">Trasa 3<\/span>\r\n<div class=\"kajak-title\">G\u0142\u0119bocz \u2013 God\u00f3w (1 Maja)<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 3 km<\/span><span>\u23f1 1\u20131.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l1\">Trasa 1<\/span>\r\n<div class=\"kajak-title\">Zielonki \u2013 Stary Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 14 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<span class=\"level l2\">Trasa 2<\/span>\r\n<div class=\"kajak-title\">Stary Korczyn \u2013 Nowy Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 6\u20137 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7debb0d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7debb0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aedf07 elementor-widget elementor-widget-html\" data-id=\"5aedf07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"kajak-widget\">\r\n\r\n<style>\r\n.kajak-widget * {\r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, sans-serif;\r\n}\r\n\r\n.kajak-widget {\r\n background:#f5f7fb;\r\n padding:30px;\r\n border-radius:28px;\r\n}\r\n\r\n.kajak-widget h2 {\r\n margin-top:0;\r\n font-size:28px;\r\n}\r\n\r\n.kajak-grid {\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:22px;\r\n}\r\n\r\n.kajak-card {\r\n background:#fff;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:0 10px 28px rgba(0,0,0,.08);\r\n transition:.25s;\r\n}\r\n\r\n.kajak-card:hover {\r\n transform:translateY(-6px);\r\n box-shadow:0 18px 36px rgba(0,0,0,.12);\r\n}\r\n\r\n.kajak-img {\r\n height:170px;\r\n background-size:cover;\r\n background-position:center;\r\n border-radius:28px 28px 0 0; \/* ZAOKR\u0104GLONE ROGI ZDJ\u0118CIA *\/\r\n}\r\n\r\n.kajak-content {\r\n padding:18px;\r\n}\r\n\r\n.kajak-title {\r\n font-weight:700;\r\n margin-bottom:6px;\r\n}\r\n\r\n.kajak-meta {\r\n font-size:14px;\r\n color:#555;\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:6px;\r\n}\r\n\r\n.level {\r\n font-size:12px;\r\n padding:5px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n margin-bottom:10px;\r\n font-weight:700;\r\n}\r\n\r\n.easy { background:#d1fae5; color:#065f46; }\r\n.medium { background:#fef3c7; color:#92400e; }\r\n.hard { background:#fee2e2; color:#991b1b; }\r\n<\/style>\r\n\r\n<h2>Wszystkie trasy kajakowe<\/h2>\r\n\r\n<div class=\"kajak-grid\">\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/Ojo7G6u.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Park Cysters\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/5YW6W6S.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Rybnik Stodo\u0142y \u2013 Ruda Kozielska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 10.5 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/elTlhYJ.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Ruda Kozielska \u2013 Ku\u017ania Raciborska<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 13 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/l8Gp3np.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/1Hb4M0f.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Cha\u0142upki \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/QihwQqy.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Zabe\u0142k\u00f3w<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 8 km<\/span><span>\u23f1 1.5\u20132 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/P18NL1m.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Wierniowice \u2013 Krzy\u017canowice<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 12 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/7jjLPOT.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level easy\">\u0141atwa<\/span>\r\n<div class=\"kajak-title\">Zielony Most \u2013 Szotkowicka<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 2.5 km<\/span><span>\u23f1 1 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/tRw38tS.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level hard\">Trudna<\/span>\r\n<div class=\"kajak-title\">Szotkowicka \u2013 G\u0142\u0119bocz<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 7 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/hRK087p.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">G\u0142\u0119bocz \u2013 God\u00f3w (1 Maja)<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 3 km<\/span><span>\u23f1 1\u20131.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/6iIe7xg.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Zielonki \u2013 Stary Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 14 km<\/span><span>\u23f1 3\u20135 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"kajak-card\">\r\n<div class=\"kajak-img\" style=\"background-image:url('https:\/\/i.imgur.com\/Vqo6t0V.jpeg');\"><\/div>\r\n<div class=\"kajak-content\">\r\n<span class=\"level medium\">\u015arednia<\/span>\r\n<div class=\"kajak-title\">Stary Korczyn \u2013 Nowy Korczyn<\/div>\r\n<div class=\"kajak-meta\"><span>\ud83d\udccf 6\u20137 km<\/span><span>\u23f1 2\u20132.5 h<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4aa5da e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e4aa5da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60a0013 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"60a0013\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8bd183 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f8bd183\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Aqua Kayak Adventures - Dashboard<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n 50: '#eef8ff',\r\n 100: '#d9f0ff',\r\n 500: '#0ea5e9', \/\/ Aqua blue\r\n 600: '#0284c7',\r\n 900: '#0c4a6e', \/\/ Dark navy\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* P\u0142ynne przewijanie i ukrycie paska scrolla dla estetyki *\/\r\n .no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .no-scrollbar {\r\n -ms-overflow-style: none; \r\n scrollbar-width: none; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 font-sans text-gray-800 h-screen flex overflow-hidden\">\r\n\r\n <aside class=\"w-64 bg-brand-900 text-white flex flex-col hidden md:flex\">\r\n <div class=\"p-6 flex items-center gap-3 border-b border-brand-600\/30\">\r\n <div class=\"bg-brand-500 p-2 rounded-lg\">\r\n <i class=\"fa-solid fa-water text-xl\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl font-bold tracking-wide\">Aqua Kayak<\/span>\r\n <\/div>\r\n \r\n <nav class=\"flex-1 px-4 py-6 space-y-2 overflow-y-auto no-scrollbar\">\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 bg-brand-600 rounded-xl text-white font-medium transition-colors\">\r\n <i class=\"fa-solid fa-chart-pie w-5\"><\/i> Pulpit\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-calendar-check w-5\"><\/i> Rezerwacje\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-ship w-5\"><\/i> Flota Kajak\u00f3w\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-users w-5\"><\/i> Klienci\r\n <\/a>\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-cloud-sun w-5\"><\/i> Pogoda i Trasy\r\n <\/a>\r\n <\/nav>\r\n\r\n <div class=\"p-4 border-t border-brand-600\/30\">\r\n <a href=\"#\" class=\"flex items-center gap-3 px-4 py-3 text-brand-100 hover:bg-brand-600\/50 hover:text-white rounded-xl font-medium transition-colors\">\r\n <i class=\"fa-solid fa-gear w-5\"><\/i> Ustawienia\r\n <\/a>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"flex-1 flex flex-col h-screen overflow-hidden\">\r\n \r\n <header class=\"bg-white border-b border-gray-200 h-20 flex items-center justify-between px-8 z-10\">\r\n <div class=\"flex items-center gap-4 w-1\/3\">\r\n <div class=\"relative w-full max-w-md\">\r\n <i class=\"fa-solid fa-search absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\r\n <input type=\"text\" placeholder=\"Szukaj rezerwacji, klienta...\" class=\"w-full bg-gray-100 text-sm rounded-full pl-11 pr-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-brand-500 transition-all\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-6\">\r\n <button class=\"relative text-gray-500 hover:text-brand-500 transition-colors\">\r\n <i class=\"fa-regular fa-bell text-xl\"><\/i>\r\n <span class=\"absolute -top-1 -right-1 bg-red-500 text-white text-[10px] font-bold w-4 h-4 rounded-full flex items-center justify-center\">3<\/span>\r\n <\/button>\r\n <div class=\"flex items-center gap-3 border-l pl-6 border-gray-200 cursor-pointer\">\r\n <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Jan+Kowalski&background=0ea5e9&color=fff\" alt=\"Admin\" class=\"w-10 h-10 rounded-full border-2 border-brand-100\">\r\n <div class=\"hidden md:block text-sm\">\r\n <p class=\"font-semibold text-gray-700\">Jan Kowalski<\/p>\r\n <p class=\"text-gray-500 text-xs\">Administrator<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"flex-1 overflow-y-auto p-8 bg-gray-50\">\r\n \r\n <div class=\"flex justify-between items-end mb-8\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-gray-900\">Witaj z powrotem, Janie \ud83d\udc4b<\/h1>\r\n <p class=\"text-gray-500 mt-1\">Oto podsumowanie Twojej wypo\u017cyczalni na dzisiaj.<\/p>\r\n <\/div>\r\n <button class=\"bg-brand-500 hover:bg-brand-600 text-white px-5 py-2.5 rounded-lg font-medium shadow-sm shadow-brand-500\/30 transition-all flex items-center gap-2\">\r\n <i class=\"fa-solid fa-plus\"><\/i> Nowa Rezerwacja\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8\">\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-blue-50 text-blue-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-calendar-day\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Rezerwacje (Dzi\u015b)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">24<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-green-50 text-green-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-wallet\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Przych\u00f3d (Dzisiaj)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">1,450 PLN<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-orange-50 text-orange-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-anchor\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Dost\u0119pne Kajaki<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">12 \/ 40<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-14 h-14 rounded-xl bg-cyan-50 text-cyan-500 flex items-center justify-center text-2xl\">\r\n <i class=\"fa-solid fa-sun\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-500 text-sm font-medium\">Warunki (Rzeka)<\/p>\r\n <p class=\"text-2xl font-bold text-gray-800\">Idealne<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n <div class=\"lg:col-span-2 bg-white border border-gray-100 rounded-2xl shadow-sm\">\r\n <div class=\"p-6 border-b border-gray-100 flex justify-between items-center\">\r\n <h2 class=\"text-lg font-bold text-gray-800\">Ostatnie Rezerwacje<\/h2>\r\n <a href=\"#\" class=\"text-brand-500 text-sm font-medium hover:underline\">Zobacz wszystkie<\/a>\r\n <\/div>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-left border-collapse\">\r\n <thead>\r\n <tr class=\"bg-gray-50 text-gray-500 text-sm uppercase tracking-wider\">\r\n <th class=\"p-4 font-medium\">Klient<\/th>\r\n <th class=\"p-4 font-medium\">Typ Kajaka<\/th>\r\n <th class=\"p-4 font-medium\">Godzina<\/th>\r\n <th class=\"p-4 font-medium\">Status<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"text-sm divide-y divide-gray-100\">\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">AK<\/div>\r\n <span class=\"font-medium text-gray-800\">Anna Kowalska<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">2-osobowy (Tandem)<\/td>\r\n <td class=\"p-4 text-gray-600\">10:00 - 14:00<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-green-100 text-green-700 px-3 py-1 rounded-full text-xs font-semibold\">W trasie<\/span>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">MN<\/div>\r\n <span class=\"font-medium text-gray-800\">Micha\u0142 Nowak<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">1-osobowy (Sport)<\/td>\r\n <td class=\"p-4 text-gray-600\">12:30 - 16:30<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-xs font-semibold\">Oczekuje<\/span>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-gray-50 transition-colors\">\r\n <td class=\"p-4 flex items-center gap-3\">\r\n <div class=\"w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-gray-600 font-bold\">PZ<\/div>\r\n <span class=\"font-medium text-gray-800\">Piotr Zieli\u0144ski<\/span>\r\n <\/td>\r\n <td class=\"p-4 text-gray-600\">Kajak Rodzinny<\/td>\r\n <td class=\"p-4 text-gray-600\">09:00 - 12:00<\/td>\r\n <td class=\"p-4\">\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\">Zako\u0144czono<\/span>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white border border-gray-100 rounded-2xl shadow-sm p-6\">\r\n <h2 class=\"text-lg font-bold text-gray-800 mb-4\">Stan Floty (Na \u017cywo)<\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">Wydane na wod\u0119<\/span>\r\n <span class=\"font-bold text-gray-800\">28 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-brand-500 h-2 rounded-full\" style=\"width: 70%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">Dost\u0119pne w bazie<\/span>\r\n <span class=\"font-bold text-gray-800\">12 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-green-500 h-2 rounded-full\" style=\"width: 30%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between text-sm mb-1\">\r\n <span class=\"text-gray-600 font-medium\">W naprawie<\/span>\r\n <span class=\"font-bold text-gray-800\">2 szt.<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-gray-100 rounded-full h-2\">\r\n <div class=\"bg-red-500 h-2 rounded-full\" style=\"width: 5%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8 bg-brand-50 rounded-xl p-4 border border-brand-100\">\r\n <div class=\"flex gap-3\">\r\n <i class=\"fa-solid fa-circle-info text-brand-500 mt-0.5\"><\/i>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-brand-900\">Uwaga pogodowa<\/h4>\r\n <p class=\"text-xs text-brand-700 mt-1\">Spodziewany lekki wiatr po godzinie 15:00. Poinformuj klient\u00f3w wypo\u017cyczaj\u0105cych sprz\u0119t po po\u0142udniu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PIETRZYK | Mobile Menu Complete PIETRZYK PIETRZYK Strona G\u0142\u00f3wna Wypo\u017cyczalnia Przed sp\u0142ywem Szk\u00f3\u0142ka Galeria Trasy Sp\u0142yw\u00f3w Ruda Stodo\u0142y – Park Cysters\u00f3w Stodo\u0142y – Ruda Kozielska Ruda Kozielska – Ku\u017ania Oferta dla firm Oferta dla szk\u00f3\u0142 Regulamin Kontakt Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalne Sp\u0142ywy Kajakowe Sezon 2026 Otwarty Kajaki \u015al\u0105sk Poczuj nurt \u015al\u0105skiej Przyrody Organizujemy profesjonalne sp\u0142ywy rzekami Ma\u0142a Panew i Ruda. Idealne dla rodzin z dzie\u0107mi, firm oraz poszukiwaczy przyg\u00f3d. Wybierz Tras\u0119 +48 123 456 789 Przewi\u0144 w d\u00f3\u0142 14+ Lat do\u015bwiadczenia 7000+ Zadowolonych go\u015bci 100% Bezpiecze\u0144stwa 2 Pi\u0119kne rzeki Nasza Oferta Wybierz tras\u0119 idealn\u0105 dla siebie Niezale\u017cnie od tego, czy p\u0142yniesz pierwszy raz, czy szukasz wyzwa\u0144 \u2013 mamy dla Ciebie odpowiedni odcinek rzeki. Poziom \u0141atwy Rzeka Olza Wierniowice – Zabe\u0142k\u00f3w Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych. D\u0142ugo\u015b\u0107 ~8 km Czas 2-3 h Przeszkody Brak \/ Ma\u0142o Cena 75 PLN \/os Rezerwuj Termin POLECANE Poziom \u015aredni Rzeka Ruda Rybnik Stodo\u0142y – Park Cysters\u00f3w Jeden z najciekawszych szlak\u00f3w kajakowych w wojew\u00f3dztwie \u015al\u0105skim. Oferuje niezapomniane widoki i bardziej dynamiczne fragmenty. D\u0142ugo\u015b\u0107 ~8 km Czas 2-3 h Przeszkody \u015arednie Cena 75 PLN \/os Rezerwuj Termin Grupy i Firmy IMPREZY INTEGRACYJNE Kompleksowa organizacja sp\u0142yw\u00f3w dla szk\u00f3\u0142 i firm. Zapewniamy transport, wy\u017cywienie oraz opiek\u0119 ratownik\u00f3w WOPR. Ognisko z kie\u0142baskami Transport uczestnik\u00f3w Indywidualna wycena Zapytaj o Ofert\u0119 Przejrzyste Ceny Cennik us\u0142ug 2026 W cen\u0119 wliczone jest: wypo\u017cyczenie kajaka, wios\u0142a, kamizelka, kr\u00f3tkie szkolenie oraz transport powrotny kierowc\u00f3w. Indywidualne 75 PLN \/os Kajak 2-osobowy Kompletne wyposa\u017cenie Transport kierowc\u00f3w Rezerwuj NAJCZ\u0118\u015aCIEJ WYBIERANE Grupy (10+ os) 65 PLN \/os Wszystko co w Indywidualnym Transport ca\u0142ej grupy Opieka instruktora Zapytaj o grup\u0119 Dodatki Kajak 1-osobowy 90 PLN Dziecko do lat 6 Bezp\u0142atnie Worek wodoszczelny 10 PLN Mo\u017cliwo\u015b\u0107 rezerwacji ogniska. Niezb\u0119dnik Kajakarza Oto kr\u00f3tka \u015bci\u0105ga, dzi\u0119ki kt\u00f3rej sp\u0142yw b\u0119dzie czyst\u0105 przyjemno\u015bci\u0105. Str\u00f3j na cebulk\u0119 We\u017a co\u015b przeciwdeszczowego na wszelki wypadek. Buty do wody Najlepsze s\u0105 sanda\u0142y lub buty neoprenowe. Ochrona g\u0142owy Czapka i krem z filtrem to podstawa. Etui Na telefon i kluczyki. Mamy je u nas. Co m\u00f3wi\u0105 nasi go\u015bcie? „Super organizacja! Ma\u0142a Panew idealna dla dzieciak\u00f3w. Sprz\u0119t nowy, czysty.” A Anna K. „Rzeka Ruda da\u0142a nam popali\u0107, ale o to chodzi\u0142o! \u015awietna przygoda.” M Marek W. „Profesjonalne podej\u015bcie. Dobre kajaki polietylenowe, wygodne siedzenia.” P Piotr Z. Najcz\u0119stsze Pytania Wszystko, co musisz wiedzie\u0107 przed rezerwacj\u0105 Czy mo\u017cna zabra\u0107 psa do kajaka? Tak! Zwierzaki s\u0105 mile widziane. Pami\u0119taj jednak, \u017ce pies powinien czu\u0107 si\u0119 komfortowo na wodzie. Czy musz\u0119 umie\u0107 p\u0142ywa\u0107 wp\u0142aw? Nie jest to wymagane. Ka\u017cdy uczestnik otrzymuje obowi\u0105zkow\u0105 kamizelk\u0119 asekuracyjn\u0105. Rzeki s\u0105 zazwyczaj p\u0142ytkie. Co w przypadku deszczu? Lekki deszcz nie przeszkadza. W przypadku burzy przek\u0142adamy sp\u0142yw na inny termin lub zwracamy zaliczk\u0119. Jak wr\u00f3ci\u0107 do samochodu? Zapewniamy transport kierowc\u00f3w z mety sp\u0142ywu z powrotem na parking startowy. Czy dzieci mog\u0105 p\u0142yn\u0105\u0107? Oczywi\u015bcie. Mamy specjalne ma\u0142e kamizelki. Dla najm\u0142odszych (3-6 lat) oferujemy dostawki. Czy na sp\u0142ywie mo\u017cna pi\u0107 alkohol? Nie. P\u0142ywanie pod wp\u0142ywem jest niebezpieczne i grozi mandatem. Dbamy o wsp\u00f3lne bezpiecze\u0144stwo. Sp\u0142ywy Kajakowe Pietrzyk | Profesjonalna Nawigacja Sp\u0142ywy Kajakowe Pietrzyk Start Oferta Sp\u0142ywy indywidualne Wypo\u017cycz i p\u0142y\u0144 sam Sp\u0142ywy rodzinne \u0141atwe trasy z dzie\u0107mi Dla firm Imprezy integracyjne Dla szk\u00f3\u0142 Edukacja na wodzie Trasy kajakowe Informacje Cennik 2025 Wypo\u017cyczalnia Przed sp\u0142ywem Regulamin Galeria Kontakt +48 690 240 819 +48 502 527 333 Strona G\u0142\u00f3wna Oferta Sp\u0142ywy indywidualne Sp\u0142ywy rodzinne Dla firm Dla szk\u00f3\u0142 Trasy Trasy kajakowe Informacje Cennik 2025 Wypo\u017cyczalnia Przed sp\u0142ywem Regulamin Galeria Kontakt 690 240 819 502 527 333 Twoje centrum aktywnego wypoczynku na \u015al\u0105sku. Od lat organizujemy bezpieczne i niezapomniane sp\u0142ywy malowniczymi rzekami. Odkryj z nami natur\u0119 z zupe\u0142nie innej perspektywy. Trasy sp\u0142yw\u00f3w Rzeka Ruda Rzeka Odra Rzeka Olza Szotk\u00f3wka Rzeka Nida Informacje O nas Cennik Regulamin FAQ Dane kontaktowe Baza Sprz\u0119towa ul. Pszczy\u0144ska 392Jastrz\u0119bie-Zdr\u00f3j Zobacz na mapie Rezerwacje +48 690 240 819 +48 502 527 333 nauka.plywania.pietrzyk@gmail.com © 2026 Sp\u0142ywy Kajakowe Pietrzyk. Wszelkie prawa zastrze\u017cone. Polityka Prywatno\u015bci Cookies Rzeka Olza – Widget Rzeka Olza Malownicza rzeka w regionie \u015al\u0105ska Cieszy\u0144skiego, idealna dla pocz\u0105tkuj\u0105cych kajakarzy i os\u00f3b szukaj\u0105cych spokojnych sp\u0142yw\u00f3w wodnych. Wierniowice – Zabe\u0142k\u00f3w \u0142atwy Kr\u00f3tka i relaksuj\u0105ca trasa, idealna dla pocz\u0105tkuj\u0105cych i rodzin z dzie\u0107mi. 8 km \u2022 1.5 – 2 godziny Kajakiem przez Olz\u0119: Trasa Wierniowice \u2013 Zabe\u0142k\u00f3w Szukasz ucieczki od miejskiego zgie\u0142ku, ale nie chcesz sp\u0119dza\u0107 godzin w samochodzie? Sp\u0142yw kajakowy Olz\u0105 na odcinku Wierniowice \u2013 Zabe\u0142k\u00f3w to jedna z najbardziej malowniczych tras w regionie \u015al\u0105ska Cieszy\u0144skiego. To tutaj natura spotyka si\u0119 z histori\u0105, a rzeka Olza pokazuje swoje najbardziej dzikie i nieoczywiste oblicze. Ta trasa to idealna propozycja zar\u00f3wno dla rodzin z dzie\u0107mi, jak i par szukaj\u0105cych romantycznego aktywnego wypoczynku. Przygotuj si\u0119 na oko\u0142o 1.5 \u2013 2 godziny relaksu w otoczeniu przyrody. Dlaczego warto wybra\u0107 t\u0119 tras\u0119? Niski stopie\u0144 trudno\u015bci: Rzeka na tym odcinku jest spokojna, p\u0142ytka i bezpieczna. To idealne miejsce na pierwszy raz w kajaku. Meandry pe\u0142ne niespodzianek: Olza fantazyjnie wykr\u0119ca w\u015br\u00f3d las\u00f3w i p\u00f3l, co sprawia, \u017ce za ka\u017cdym zakr\u0119tem czeka nowy, fotogeniczny widok. Cie\u0144 i ch\u0142\u00f3d: Dzi\u0119ki zalesionym brzegom, sp\u0142yw jest komfortowy nawet w upalne dni. \ud83d\udca1 Ciekawostka! Olza w historii: Rzeka od wiek\u00f3w by\u0142a wa\u017cnym szlakiem transportowym i granicznym mi\u0119dzy \u015al\u0105skiem a Morawami, co nadaje jej wyj\u0105tkowy charakter historyczny. Czytaj wi\u0119cej Zarezerwuj kajak Wierniowice – Krzy\u017canowice \u015bredni D\u0142u\u017cszy odcinek oferuj\u0105cy wi\u0119cej wyzwa\u0144 i zr\u00f3\u017cnicowany nurt rzeki. 12 km \u2022 2 – 2.5 godziny Le\u015bna wyprawa kajakowa: Trasa Wierniowice \u2013 Krzy\u017canowice Masz ochot\u0119 na d\u0142u\u017csz\u0105 przygod\u0119 w nurcie rzeki? Sp\u0142yw kajakowy z Wierniowic do Krzy\u017canowic pozwoli Ci na jeszcze g\u0142\u0119bszy kontakt z przyrod\u0105. To idealna ucieczka od codzienno\u015bci, prowadz\u0105ca przez malownicze tereny Olzy. Trasa ta wymaga po\u015bwi\u0119cenia oko\u0142o 2 \u2013 2.5 godzin. To czas wype\u0142niony spokojnym wios\u0142owaniem, \u015bpiewem ptak\u00f3w i pi\u0119knymi krajobrazami. Co wyr\u00f3\u017cnia t\u0119 tras\u0119? Spok\u00f3j i bezpiecze\u0144stwo: Olza na tym odcinku zachowuje \u0142agodny charakter, co czyni j\u0105 dost\u0119pn\u0105 dla ka\u017cdego, niezale\u017cnie od do\u015bwiadczenia. G\u0142\u0119boki relaks w lesie: Odcinek prowadzi przez zalesione tereny i pola, co gwarantuje doskona\u0142e powietrze i przyjemn\u0105 temperatur\u0119 nawet w upalne dni. \ud83d\udca1 Ciekawostka! Historia rzeki: Olza by\u0142a wa\u017cnym szlakiem granicznym i transportowym, a jej brzegi kryj\u0105 liczne \u015blady dawnych osad i<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":168,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/qwpoaslk.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}