Rejsy po Odrze we Wroc\u0142awiu<\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"turizmo-ai-page\" id=\"top\">\r\n\r\n <main>\r\n\r\n \r\n <section class=\"turizmo-hero\">\r\n\r\n <div class=\"turizmo-hero-content\">\r\n\r\n <div class=\"turizmo-hero-copy\">\r\n\r\n <div class=\"turizmo-eyebrow\">\r\n Wroc\u0142aw z najpi\u0119kniejszej perspektywy\r\n <\/div>\r\n\r\n <h1>\r\n Wyj\u0105tkowe rejsy po Odrze\r\n <\/h1>\r\n\r\n <p class=\"turizmo-lead\">\r\n Wybierz sw\u00f3j rejs, kup bilet online i poznaj Wroc\u0142aw\r\n z perspektywy niedost\u0119pnej z l\u0105du. Historyczne mosty,\r\n majestatyczny Ostr\u00f3w Tumski i niepowtarzalny klimat\r\n stolicy Dolnego \u015al\u0105ska.\r\n <\/p>\r\n\r\n <div class=\"turizmo-cta-row\">\r\n\r\n <a class=\"turizmo-btn\" href=\"#kup-bilet\">\r\n Kup bilet online\r\n <\/a>\r\n\r\n <a class=\"turizmo-btn turizmo-btn-ghost\" href=\"#trasa\">\r\n Sprawd\u017a tras\u0119 rejs\u00f3w\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"turizmo-glass-section\">\r\n\r\n <div class=\"turizmo-wrap turizmo-floating-cards\">\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \u26f4\ufe0f\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy widokowe\r\n <\/h3>\r\n\r\n <p>\r\n Tw\u00f3j idealny plan na zwiedzanie. Komfortowy pok\u0142ad,\r\n profesjonalna obs\u0142uga i panorama miasta,\r\n kt\u00f3ra zapiera dech w piersiach.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \ud83c\udf05\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy o zachodzie s\u0142o\u0144ca\r\n <\/h3>\r\n\r\n <p>\r\n Romantyczna sceneria na wodzie. Idealny wyb\u00f3r na randk\u0119\r\n lub wyj\u0105tkowy wiecz\u00f3r, gdy s\u0142o\u0144ce leniwie chowa si\u0119\r\n za horyzontem.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \ud83c\udf19\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy nocne\r\n <\/h3>\r\n\r\n <p>\r\n Magia miejskich iluminacji. Poznaj spokojniejsze oblicze\r\n miasta i poczuj koj\u0105cy rytm Wroc\u0142awia po zmroku.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n .turizmo-ai-page {\r\n\r\n --navy: #062f45;\r\n --deep: #031b29;\r\n --blue: #0879a7;\r\n --cyan: #49c8ef;\r\n --sand: #fff2d3;\r\n --sun: #ffb84d;\r\n --white: #ffffff;\r\n --ink: #173240;\r\n --muted: #6d818a;\r\n\r\n --shadow: 0 24px 80px rgba(3, 27, 41, .26);\r\n\r\n \/* Zdj\u0119cie Hero *\/\r\n --hero: url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-wroclaw.png');\r\n\r\n font-family:\r\n Inter,\r\n ui-sans-serif,\r\n system-ui,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n sans-serif;\r\n\r\n background: #f7fbfd;\r\n color: var(--ink);\r\n\r\n line-height: 1.55;\r\n\r\n margin: 0;\r\n\r\n overflow-x: hidden;\r\n }\r\n\r\n\r\n .turizmo-ai-page *,\r\n .turizmo-ai-page *::before,\r\n .turizmo-ai-page *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n\r\n .turizmo-ai-page a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n HERO\r\n ========================================================= *\/\r\n\r\n .turizmo-hero {\r\n\r\n position: relative;\r\n\r\n min-height: 100vh;\r\n\r\n display: grid;\r\n align-items: end;\r\n\r\n overflow: hidden;\r\n\r\n color: #ffffff;\r\n background: #061f2d;\r\n }\r\n\r\n\r\n \/* T\u0141O HERO *\/\r\n\r\n .turizmo-hero::before {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n inset: 0;\r\n\r\n background-image:\r\n\r\n linear-gradient(\r\n 105deg,\r\n rgba(3, 27, 41, .94) 0%,\r\n rgba(3, 27, 41, .70) 36%,\r\n rgba(3, 27, 41, .24) 70%,\r\n rgba(3, 27, 41, .54) 100%\r\n ),\r\n\r\n var(--hero);\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n background-attachment: fixed;\r\n\r\n transform: scale(1.04);\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n \/* PRZEJ\u015aCIE HERO \u2192 KOLEJNA SEKCJA *\/\r\n\r\n .turizmo-hero::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n height: 240px;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n #f7fbfd,\r\n transparent\r\n );\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n\r\n \/* TRE\u015a\u0106 HERO *\/\r\n\r\n .turizmo-hero-content {\r\n\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1240px;\r\n\r\n margin: 0 auto;\r\n\r\n padding:\r\n 150px\r\n 28px\r\n 90px;\r\n }\r\n\r\n\r\n .turizmo-hero-copy {\r\n\r\n max-width: 930px;\r\n }\r\n\r\n\r\n .turizmo-eyebrow {\r\n\r\n margin-bottom: 18px;\r\n\r\n color: #82e6ff;\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n\r\n letter-spacing: .18em;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n .turizmo-hero h1 {\r\n\r\n max-width: 930px;\r\n\r\n margin:\r\n 0\r\n 0\r\n 24px;\r\n\r\n color: #ffffff;\r\n\r\n font-family:\r\n Montserrat,\r\n Inter,\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 54px,\r\n 8.5vw,\r\n 110px\r\n );\r\n\r\n font-weight: 800;\r\n\r\n line-height: .86;\r\n\r\n letter-spacing: -.07em;\r\n }\r\n\r\n\r\n .turizmo-lead {\r\n\r\n max-width: 690px;\r\n\r\n margin:\r\n 0\r\n 0\r\n 30px;\r\n\r\n color:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .86\r\n );\r\n\r\n font-size: 21px;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n BUTTONY\r\n ========================================================= *\/\r\n\r\n .turizmo-cta-row {\r\n\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n\r\n align-items: center;\r\n\r\n gap: 14px;\r\n }\r\n\r\n\r\n .turizmo-btn {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n padding:\r\n 14px\r\n 24px;\r\n\r\n border: 0;\r\n\r\n border-radius: 999px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--sun),\r\n #ffd67c\r\n );\r\n\r\n color: #182631;\r\n\r\n font-weight: 900;\r\n\r\n white-space: nowrap;\r\n\r\n box-shadow:\r\n 0\r\n 13px\r\n 30px\r\n rgba(\r\n 255,\r\n 184,\r\n 77,\r\n .34\r\n );\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n background .25s ease;\r\n\r\n position: relative;\r\n\r\n z-index: 3;\r\n }\r\n\r\n\r\n .turizmo-btn:hover {\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n box-shadow:\r\n 0\r\n 18px\r\n 38px\r\n rgba(\r\n 255,\r\n 184,\r\n 77,\r\n .42\r\n );\r\n }\r\n\r\n\r\n .turizmo-btn-ghost {\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .12\r\n );\r\n\r\n color: #ffffff;\r\n\r\n border:\r\n 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .32\r\n );\r\n\r\n box-shadow: none;\r\n\r\n backdrop-filter:\r\n blur(8px);\r\n }\r\n\r\n\r\n .turizmo-btn-ghost:hover {\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .22\r\n );\r\n\r\n box-shadow: none;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n KAFLE POD HERO\r\n ========================================================= *\/\r\n\r\n .turizmo-glass-section {\r\n\r\n position: relative;\r\n\r\n z-index: 4;\r\n\r\n margin-top: -10px;\r\n\r\n padding:\r\n 0\r\n 28px\r\n 92px;\r\n\r\n background: #f7fbfd;\r\n }\r\n\r\n\r\n .turizmo-wrap {\r\n\r\n width: 100%;\r\n\r\n max-width: 1240px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n\r\n .turizmo-floating-cards {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(\r\n 3,\r\n minmax(0, 1fr)\r\n );\r\n\r\n gap: 18px;\r\n }\r\n\r\n\r\n .turizmo-glass-card {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n height: 100%;\r\n\r\n min-width: 0;\r\n\r\n padding: 25px;\r\n\r\n border:\r\n 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .7\r\n );\r\n\r\n border-radius: 26px;\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .84\r\n );\r\n\r\n backdrop-filter:\r\n blur(14px);\r\n\r\n box-shadow:\r\n 0\r\n 18px\r\n 55px\r\n rgba(\r\n 3,\r\n 27,\r\n 41,\r\n .12\r\n );\r\n }\r\n\r\n\r\n .turizmo-icon {\r\n\r\n margin-bottom: 12px;\r\n\r\n font-size: 31px;\r\n }\r\n\r\n\r\n .turizmo-glass-card h3 {\r\n\r\n margin:\r\n 0\r\n 0\r\n 11px;\r\n\r\n color: var(--navy);\r\n\r\n font-family:\r\n Montserrat,\r\n Inter,\r\n sans-serif;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.05;\r\n\r\n letter-spacing: -.03em;\r\n }\r\n\r\n\r\n .turizmo-glass-card p {\r\n\r\n margin: 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1050px) {\r\n\r\n .turizmo-floating-cards {\r\n\r\n grid-template-columns:\r\n repeat(\r\n 2,\r\n minmax(0, 1fr)\r\n );\r\n }\r\n\r\n\r\n .turizmo-glass-card:last-child {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n width:\r\n calc(\r\n 50% - 9px\r\n );\r\n\r\n justify-self: center;\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 680px) {\r\n\r\n .turizmo-hero {\r\n\r\n min-height: 92vh;\r\n }\r\n\r\n\r\n .turizmo-hero::before {\r\n\r\n \/*\r\n Fixed background na telefonach potrafi dzia\u0142a\u0107 fatalnie.\r\n Dlatego na mobile wy\u0142\u0105czamy efekt parallax.\r\n *\/\r\n\r\n background-attachment: scroll;\r\n\r\n background-position: center;\r\n }\r\n\r\n\r\n .turizmo-hero-content {\r\n\r\n padding:\r\n 130px\r\n 18px\r\n 70px;\r\n }\r\n\r\n\r\n .turizmo-hero h1 {\r\n\r\n font-size:\r\n clamp(\r\n 48px,\r\n 16vw,\r\n 72px\r\n );\r\n }\r\n\r\n\r\n .turizmo-lead {\r\n\r\n font-size: 18px;\r\n }\r\n\r\n\r\n .turizmo-btn {\r\n\r\n width: 100%;\r\n }\r\n\r\n\r\n .turizmo-glass-section {\r\n\r\n padding:\r\n 0\r\n 18px\r\n 70px;\r\n }\r\n\r\n\r\n .turizmo-floating-cards {\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n\r\n .turizmo-glass-card:last-child {\r\n\r\n grid-column: auto;\r\n\r\n width: 100%;\r\n\r\n justify-self: stretch;\r\n }\r\n\r\n }\r\n\r\n<\/style>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1880dfb e-con-full e-flex e-con e-child\" data-id=\"1880dfb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-549c316 elementor-widget elementor-widget-html\" data-id=\"549c316\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.why-turizmo-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --text-muted: #4A5D64;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n\r\n position: relative;\r\n padding: 100px 20px;\r\n overflow: visible;\r\n background:\r\n radial-gradient(circle at 8% 12%, rgba(217,240,244,.62) 0%, rgba(217,240,244,0) 30%),\r\n linear-gradient(180deg, #FFFFFF 0%, var(--sand) 100%);\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.why-turizmo-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.why-turizmo-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 1.02fr 1fr;\r\n gap: 88px;\r\n align-items: start;\r\n}\r\n\r\n\/* =========================================================\r\n LEWA KOLUMNA \u2014 NOWOCZESNA GALERIA EDITORIAL \/ BENTO\r\n Zdj\u0119cia zachowuj\u0105 naturalne proporcje i nie s\u0105 kadrowane.\r\n ========================================================= *\/\r\n\r\n.why-visual-container {\r\n position: sticky;\r\n top: 110px;\r\n}\r\n\r\n.why-visual {\r\n display: grid;\r\n grid-template-columns: 1.5fr .82fr;\r\n gap: 16px;\r\n align-items: start;\r\n height: auto;\r\n}\r\n\r\n.why-image-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n\r\n.why-image {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--blue-soft);\r\n border-radius: 28px;\r\n box-shadow: 0 22px 54px rgba(18,59,74,.10);\r\n}\r\n\r\n.why-image-main {\r\n border-radius: 34px;\r\n}\r\n\r\n.why-image-top,\r\n.why-image-bottom {\r\n border-radius: 26px;\r\n}\r\n\r\n\/* KLUCZOWE:\r\n brak sztywnej wysoko\u015bci i brak object-fit: cover *\/\r\n.why-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-width: 100%;\r\n object-fit: initial;\r\n\r\n transition: transform .7s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n.why-image:hover img {\r\n transform: scale(1.025);\r\n}\r\n\r\n\/* Delikatne wyko\u0144czenie zdj\u0119\u0107 *\/\r\n.why-image::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(18,59,74,0) 68%,\r\n rgba(18,59,74,.08) 100%\r\n );\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\/* Subtelny podpis na g\u0142\u00f3wnym zdj\u0119ciu *\/\r\n.why-image-caption {\r\n position: absolute;\r\n left: 22px;\r\n bottom: 22px;\r\n z-index: 3;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 10px 16px;\r\n\r\n border: 1px solid rgba(255,255,255,.82);\r\n border-radius: 999px;\r\n\r\n background: rgba(255,255,255,.88);\r\n\r\n color: var(--dark-navy);\r\n\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.7px;\r\n text-transform: uppercase;\r\n\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n\r\n box-shadow: 0 10px 28px rgba(18,59,74,.10);\r\n}\r\n\r\n\/* =========================================================\r\n PRAWA KOLUMNA \u2014 TRE\u015a\u0106\r\n ========================================================= *\/\r\n\r\n.why-content {\r\n min-width: 0;\r\n}\r\n\r\n.why-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 10px 20px;\r\n margin-bottom: 24px;\r\n\r\n background: rgba(0,142,163,.10);\r\n border: 1px solid rgba(0,142,163,.12);\r\n border-radius: 999px;\r\n\r\n color: var(--primary-teal);\r\n\r\n font-size: 11px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 2.2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.why-title {\r\n margin: 0 0 24px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(44px, 4.7vw, 70px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -.5px;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.why-lead {\r\n margin: 0 0 42px;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 17px;\r\n line-height: 1.78;\r\n font-weight: 400;\r\n}\r\n\r\n.why-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n}\r\n\r\n.why-card {\r\n display: grid;\r\n grid-template-columns: 58px 1fr;\r\n gap: 18px;\r\n align-items: start;\r\n\r\n padding: 24px;\r\n\r\n background: rgba(255,255,255,.92);\r\n border: 1px solid rgba(0,142,163,.09);\r\n border-radius: 24px;\r\n\r\n box-shadow: 0 12px 30px rgba(18,59,74,.045);\r\n\r\n transition:\r\n transform .28s ease,\r\n border-color .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.why-card:hover {\r\n transform: translateY(-3px);\r\n border-color: rgba(0,142,163,.22);\r\n box-shadow: 0 20px 42px rgba(18,59,74,.08);\r\n}\r\n\r\n.why-icon {\r\n width: 54px;\r\n height: 54px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 17px;\r\n\r\n background: var(--sand);\r\n box-shadow: inset 0 0 0 1px rgba(0,142,163,.06);\r\n\r\n font-size: 24px;\r\n line-height: 1;\r\n}\r\n\r\n.why-card h3 {\r\n margin: 1px 0 8px !important;\r\n\r\n color: var(--dark-navy) !important;\r\n\r\n font-size: 14px !important;\r\n line-height: 1.35 !important;\r\n font-weight: 800 !important;\r\n letter-spacing: .2px;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n.why-card p {\r\n margin: 0;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 14px;\r\n line-height: 1.68;\r\n font-weight: 400;\r\n}\r\n\r\n.why-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-top: 34px;\r\n padding: 17px 30px;\r\n\r\n border-radius: 999px;\r\n\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n\r\n box-shadow: 0 14px 30px rgba(0,142,163,.22);\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 12px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.3px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform .28s ease,\r\n background .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.why-btn-primary:hover {\r\n transform: translateY(-3px);\r\n\r\n background: var(--primary-dark) !important;\r\n\r\n box-shadow: 0 18px 36px rgba(0,142,163,.30);\r\n}\r\n\r\n\/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 1150px) {\r\n\r\n .why-turizmo-inner {\r\n grid-template-columns: 1fr;\r\n gap: 58px;\r\n }\r\n\r\n .why-visual-container {\r\n position: relative;\r\n top: auto;\r\n }\r\n\r\n .why-visual {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n\r\n grid-template-columns: 1.45fr .85fr;\r\n gap: 16px;\r\n }\r\n\r\n .why-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n MOBILE \/ TABLET PIONOWY\r\n ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n .why-turizmo-section {\r\n padding: 74px 16px;\r\n }\r\n\r\n .why-turizmo-inner {\r\n gap: 46px;\r\n }\r\n\r\n .why-visual {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .why-image-stack {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .why-image-main {\r\n border-radius: 28px;\r\n }\r\n\r\n .why-image-top,\r\n .why-image-bottom {\r\n border-radius: 22px;\r\n }\r\n\r\n .why-image-caption {\r\n left: 16px;\r\n bottom: 16px;\r\n\r\n padding: 9px 13px;\r\n\r\n font-size: 9px;\r\n letter-spacing: 1.3px;\r\n }\r\n\r\n .why-label {\r\n margin-bottom: 20px;\r\n\r\n font-size: 10px;\r\n letter-spacing: 1.9px;\r\n }\r\n\r\n .why-title {\r\n font-size: clamp(40px, 11vw, 56px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .why-lead {\r\n margin-bottom: 34px;\r\n\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .why-card {\r\n grid-template-columns: 50px 1fr;\r\n gap: 15px;\r\n\r\n padding: 21px 19px;\r\n\r\n border-radius: 22px;\r\n }\r\n\r\n .why-icon {\r\n width: 48px;\r\n height: 48px;\r\n\r\n border-radius: 15px;\r\n\r\n font-size: 21px;\r\n }\r\n\r\n .why-btn-primary {\r\n width: 100%;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n MA\u0141Y TELEFON\r\n ========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .why-turizmo-section {\r\n padding: 64px 16px;\r\n }\r\n\r\n .why-image-stack {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .why-image-caption {\r\n left: 14px;\r\n bottom: 14px;\r\n\r\n padding: 8px 11px;\r\n\r\n font-size: 8px;\r\n letter-spacing: 1.1px;\r\n }\r\n\r\n .why-card {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .why-icon {\r\n margin: 0 auto;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"why-turizmo-section\" id=\"dlaczego-turizmo\">\r\n\r\n <div class=\"why-turizmo-inner\">\r\n\r\n \r\n\r\n <div class=\"why-visual-container\">\r\n\r\n <div class=\"why-visual\">\r\n\r\n \r\n <div class=\"why-image why-image-main\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsy-po-odrze-wroclaw.png\"\r\n alt=\"Rejs po Odrze we Wroc\u0142awiu\"\r\n >\r\n\r\n \r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"why-image-stack\">\r\n\r\n <div class=\"why-image why-image-top\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-po-Odrze-ludzie.png\"\r\n alt=\"Pasa\u017cerowie podczas rejsu po Odrze\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"why-image why-image-bottom\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsypo-odrze-ludzie.png\"\r\n alt=\"Relaks na pok\u0142adzie statku we Wroc\u0142awiu\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"why-content\">\r\n\r\n <span class=\"why-label\">\r\n Tw\u00f3j czas relaksu\r\n <\/span>\r\n\r\n <h2 class=\"why-title\">\r\n Rejsy zaprojektowane dla Twojego komfortu\r\n <\/h2>\r\n\r\n <p class=\"why-lead\">\r\n Wierzymy, \u017ce czas sp\u0119dzony na Odrze to chwila na g\u0142\u0119boki oddech.\r\n Dlatego dbamy o Tw\u00f3j komfort od pierwszego kroku na pok\u0142adzie.\r\n Bezpieczne statki, go\u015bcinna za\u0142oga i trasy, kt\u00f3re pokazuj\u0105\r\n najpi\u0119kniejsze oblicze Wroc\u0142awia.\r\n <\/p>\r\n\r\n\r\n <div class=\"why-cards\">\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \u2693\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Flota dopasowana do Ciebie\r\n <\/h3>\r\n\r\n <p>\r\n Od kameralnych katamaran\u00f3w po przestronne statki pasa\u017cerskie.\r\n Niezale\u017cnie od wyboru, na pok\u0142adzie czekaj\u0105 na Ciebie wygoda,\r\n bezpiecze\u0144stwo i widoki, kt\u00f3re na d\u0142ugo zostan\u0105 w pami\u0119ci.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \ud83d\udccd\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n 4 przystanie w sercu miasta\r\n <\/h3>\r\n\r\n <p>\r\n Zacznij rejs tam, gdzie Ci najwygodniej.\r\n Nasze przystanie znajduj\u0105 si\u0119 przy najwa\u017cniejszych zabytkach\r\n i najpi\u0119kniejszych bulwarach Wroc\u0142awia.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \ud83c\udf0a\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Wroc\u0142aw w pigu\u0142ce: 45 minut magii\r\n <\/h3>\r\n\r\n <p>\r\n Odkryj historyczny Ostr\u00f3w Tumski, zabytkowe mosty\r\n i zielone zakola rzeki. To esencja Wroc\u0142awia ogl\u0105danego\r\n z perspektywy Odry.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Bilet w telefonie, rejs pod r\u0119k\u0105\r\n <\/h3>\r\n\r\n <p>\r\n Kup bilet online, a nast\u0119pnie zarezerwuj dogodny termin\r\n telefonicznie lub mailowo. My potwierdzimy miejsce,\r\n godzin\u0119 i przysta\u0144.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#bilety\"\r\n class=\"why-btn-primary\"\r\n >\r\n Kup bilet online\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fde4d e-flex e-con-boxed e-con e-parent\" data-id=\"52fde4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e3e3c0 elementor-widget elementor-widget-html\" data-id=\"9e3e3c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.ticket-process-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n padding: 110px 20px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n background:\r\n radial-gradient(circle at 10% 12%, rgba(217,240,244,.88) 0%, rgba(217,240,244,0) 34%),\r\n radial-gradient(circle at 92% 88%, rgba(0,142,163,.09) 0%, rgba(0,142,163,0) 31%),\r\n linear-gradient(180deg, #F9FDFE 0%, #FFF8EF 100%);\r\n}\r\n\r\n.ticket-process-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n}\r\n\r\n.ticket-process-header {\r\n max-width: 900px;\r\n margin: 0 auto 62px;\r\n text-align: center;\r\n}\r\n\r\n.ticket-process-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n margin-bottom: 24px;\r\n background: rgba(217,240,244,.86);\r\n border: 1px solid rgba(0,142,163,.16);\r\n border-radius: 999px;\r\n box-shadow: 0 10px 28px rgba(18,59,74,.06);\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-process-title {\r\n margin: 0 0 24px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(44px, 5.5vw, 76px) !important;\r\n line-height: .98 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -.5px;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-process-desc {\r\n max-width: 820px;\r\n margin: 0 auto !important;\r\n color: var(--text-muted) !important;\r\n font-size: clamp(16px, 1.7vw, 19px) !important;\r\n line-height: 1.82 !important;\r\n}\r\n\r\n.ticket-process-desc strong,\r\n.ticket-step-text strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-process-grid {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 24px;\r\n}\r\n\r\n.ticket-process-grid::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 44px;\r\n left: 16.7%;\r\n right: 16.7%;\r\n height: 2px;\r\n background: linear-gradient(90deg, rgba(0,142,163,.12), rgba(0,142,163,.48), rgba(0,142,163,.12));\r\n}\r\n\r\n.ticket-step {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 350px;\r\n padding: 38px 28px 30px;\r\n box-sizing: border-box;\r\n background: rgba(255,255,255,.92);\r\n border: 1px solid rgba(0,142,163,.14);\r\n border-radius: 30px;\r\n box-shadow: 0 18px 48px rgba(18,59,74,.08);\r\n text-align: center;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-step:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0,142,163,.3);\r\n box-shadow: 0 28px 64px rgba(18,59,74,.13);\r\n}\r\n\r\n.ticket-step-number {\r\n width: 86px;\r\n height: 86px;\r\n margin: 0 auto 26px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 28px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 42px;\r\n font-weight: 700;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-step:hover .ticket-step-number {\r\n background: var(--primary-teal);\r\n color: #fff;\r\n transform: translateY(-4px) rotate(4deg);\r\n}\r\n\r\n.ticket-step-title {\r\n margin: 0 0 16px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 2.8vw, 40px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-step-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 15px !important;\r\n line-height: 1.72 !important;\r\n}\r\n\r\n.ticket-process-note {\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n align-items: center;\r\n gap: 22px;\r\n margin-top: 34px;\r\n padding: 26px 28px;\r\n background: linear-gradient(135deg, rgba(0,142,163,.96), rgba(0,111,130,.98));\r\n border-radius: 28px;\r\n box-shadow: 0 20px 46px rgba(0,142,163,.24);\r\n color: #fff;\r\n}\r\n\r\n.ticket-process-note-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 19px;\r\n background: rgba(255,255,255,.14);\r\n border: 1px solid rgba(255,255,255,.22);\r\n}\r\n\r\n.ticket-process-note-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.ticket-process-note-title {\r\n margin: 0 0 6px !important;\r\n color: #fff !important;\r\n font-size: 16px !important;\r\n line-height: 1.4 !important;\r\n font-weight: 800 !important;\r\n}\r\n\r\n.ticket-process-note-text {\r\n margin: 0 !important;\r\n color: rgba(255,255,255,.86) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n}\r\n\r\n.ticket-process-note-text strong {\r\n color: #fff;\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-process-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 210px;\r\n padding: 16px 25px;\r\n border-radius: 999px;\r\n background: #fff !important;\r\n color: var(--dark-navy) !important;\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-process-button:hover {\r\n background: var(--sand) !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.ticket-process-details {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 30px;\r\n}\r\n\r\n.ticket-process-detail {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.78);\r\n border: 1px solid rgba(0,142,163,.12);\r\n color: var(--dark-navy);\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.ticket-process-detail-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--primary-teal);\r\n box-shadow: 0 0 0 4px rgba(0,142,163,.1);\r\n}\r\n\r\n@media (max-width: 980px) {\r\n .ticket-process-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 760px;\r\n margin: 0 auto;\r\n }\r\n .ticket-process-grid::before { display: none; }\r\n .ticket-step { min-height: 0; }\r\n .ticket-process-note { grid-template-columns: auto 1fr; }\r\n .ticket-process-button {\r\n grid-column: 1 \/ -1;\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .ticket-process-section { padding: 78px 16px; }\r\n .ticket-process-header { margin-bottom: 44px; }\r\n .ticket-process-label {\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n }\r\n .ticket-process-title {\r\n font-size: clamp(40px, 11vw, 56px) !important;\r\n line-height: 1 !important;\r\n }\r\n .ticket-process-desc {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n .ticket-step {\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n .ticket-step-title { font-size: 34px !important; }\r\n .ticket-process-note {\r\n grid-template-columns: 1fr;\r\n padding: 24px 20px;\r\n text-align: center;\r\n }\r\n .ticket-process-note-icon { margin: 0 auto; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .ticket-process-section { padding: 66px 16px; }\r\n .ticket-process-detail {\r\n width: 100%;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ticket-process-section\" id=\"jak-dziala-bilet\">\r\n <div class=\"ticket-process-inner\">\r\n\r\n <div class=\"ticket-process-header\">\r\n <span class=\"ticket-process-label\">Tw\u00f3j komfort na pierwszym miejscu<\/span>\r\n <h2 class=\"ticket-process-title\">Trzy kroki do Twojego rejsu<\/h2>\r\n <p class=\"ticket-process-desc\">\r\n Aby zapewni\u0107 Ci maksymaln\u0105 elastyczno\u015b\u0107, oddzielili\u015bmy p\u0142atno\u015b\u0107 od wyboru konkretnego terminu. \r\n <strong>Zobacz, jak \u0142atwo zaplanujesz sw\u00f3j czas na wodzie.<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-grid\">\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">1<\/div>\r\n <h3 class=\"ticket-step-title\">Wybierz wariant<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Dokonaj bezpiecznej p\u0142atno\u015bci online. Bilet trafi prosto na Twojego maila w formie otwartego vouchera \u2013 na tym etapie <strong>nie musisz jeszcze deklarowa\u0107 daty rejsu.<\/strong>\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">2<\/div>\r\n <h3 class=\"ticket-step-title\">Zarezerwuj termin<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Kiedy zdecydujesz si\u0119 na rejs, skontaktuj si\u0119 z nami. Zalecamy rezerwacj\u0119 <strong>z jednodniowym wyprzedzeniem<\/strong>, aby zagwarantowa\u0107 sobie miejsce na wybranej przystani.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">3<\/div>\r\n <h3 class=\"ticket-step-title\">Wejd\u017a na pok\u0142ad<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Pojaw si\u0119 na ustalonej przystani oko\u0142o 10 minut przed startem. Oka\u017c bilet naszej za\u0142odze na ekranie telefonu, usi\u0105d\u017a wygodnie i <strong>pozw\u00f3l nam zaj\u0105\u0107 si\u0119 reszt\u0105.<\/strong>\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-note\">\r\n <div class=\"ticket-process-note-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M12 10v6\"><\/path>\r\n <path d=\"M12 7h.01\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-process-note-title\">Spontaniczna decyzja o rejsie?<\/h3>\r\n <p class=\"ticket-process-note-text\">\r\n Mo\u017cesz zjawi\u0107 si\u0119 na przystani z biletem bez wcze\u015bniejszej zapowiedzi. Zaprosimy Ci\u0119 na pok\u0142ad, je\u015bli tylko na najbli\u017cszym rejsie b\u0119d\u0105 wolne miejsca. Pami\u0119taj jednak, \u017ce <strong>wy\u0142\u0105cznie rezerwacja daje pe\u0142n\u0105 gwarancj\u0119 terminu.<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"#bilety\" class=\"ticket-process-button\">Kup bilet online<\/a>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-details\">\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Bilet zachowuje wa\u017cno\u015b\u0107 do 27 wrze\u015bnia<\/span>\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Wygodna rezerwacja telefoniczna lub mailowa<\/span>\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Mo\u017cliwo\u015b\u0107 startu z 4 r\u00f3\u017cnych przystani<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-ef97237 e-con-full e-flex e-con e-parent\" data-id=\"ef97237\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73d1851 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"73d1851\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n.turizmo-divider-section {\r\n position: relative;\r\n padding: 130px 20px;\r\n background-image: linear-gradient(180deg, rgba(18, 59, 74, 0.45) 0%, rgba(18, 59, 74, 0.7) 100%), url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-po-odrze.png');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-divider-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n margin-bottom: 22px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.turizmo-divider-title {\r\n margin: 0 !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(52px, 6.5vw, 90px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n font-style: italic;\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .turizmo-divider-section {\r\n padding: 95px 16px;\r\n background-attachment: scroll;\r\n }\r\n .turizmo-divider-title {\r\n font-size: 42px !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"turizmo-divider-section\" id=\"zostaw-miasto\">\r\n <div class=\"turizmo-divider-inner\">\r\n <div class=\"turizmo-divider-badge\">Zostaw miasto na brzegu<\/div>\r\n <h2 class=\"turizmo-divider-title\">I...ODP\u0141Y\u0143 Z NAMI!<\/h2>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-298ec22 e-flex e-con-boxed e-con e-parent\" data-id=\"298ec22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-259b869 elementor-widget elementor-widget-html\" data-id=\"259b869\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.starowka-ships-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 10% 10%, rgba(217, 240, 244, 0.75) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 16%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFF8EF 0%, #FFFFFF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n text-align: center;\r\n overflow: hidden;\r\n}\r\n\r\n.starowka-ships-section::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.starowka-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* --- NAG\u0141\u00d3WEK --- *\/\r\n.starowka-header {\r\n max-width: 920px;\r\n margin: 0 auto 72px auto;\r\n}\r\n\r\n.starowka-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n}\r\n\r\n.starowka-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5.3vw, 72px);\r\n line-height: 0.96;\r\n color: var(--dark-navy);\r\n margin: 0 0 28px 0;\r\n font-weight: 700;\r\n text-transform: none;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.starowka-subtitle {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n max-width: 820px;\r\n margin: 0 auto;\r\n line-height: 1.85;\r\n font-weight: 400;\r\n}\r\n\r\n.starowka-subtitle strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* --- CTA POD TEKSTEM --- *\/\r\n.starowka-cta-wrap {\r\n margin-top: 36px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 14px;\r\n}\r\n\r\n.starowka-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n line-height: 1;\r\n padding: 18px 34px;\r\n border-radius: 999px;\r\n transition: all 0.28s ease;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.28) !important;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border: 1px solid rgba(255, 255, 255, 0.24);\r\n}\r\n\r\n.starowka-btn:hover {\r\n transform: translateY(-3px);\r\n background: var(--primary-dark) !important;\r\n box-shadow: 0 18px 42px rgba(0, 142, 163, 0.38) !important;\r\n}\r\n\r\n.starowka-cta-note {\r\n margin: 0;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n color: var(--text-muted);\r\n font-weight: 700;\r\n}\r\n\r\n\/* --- GRID KART ZE ZDJ\u0118CIAMI --- *\/\r\n.starowka-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 30px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* --- KARTA --- *\/\r\n.ship-photo-card {\r\n background: rgba(255, 255, 255, 0.88);\r\n border-radius: 34px;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n box-shadow: 0 22px 52px rgba(18, 59, 74, 0.08);\r\n transition:\r\n transform 0.36s ease,\r\n box-shadow 0.36s ease,\r\n border-color 0.36s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.ship-photo-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 32px 72px rgba(18, 59, 74, 0.13);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n\/* --- ZDJ\u0118CIE --- *\/\r\n.ship-img-wrapper {\r\n width: 100%;\r\n height: 310px;\r\n overflow: hidden;\r\n position: relative;\r\n background: var(--blue-pale);\r\n}\r\n\r\n.ship-img-wrapper::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(18, 59, 74, 0.00) 46%,\r\n rgba(18, 59, 74, 0.18) 100%\r\n );\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.ship-img-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.95s cubic-bezier(0.2, 1, 0.2, 1);\r\n}\r\n\r\n.ship-photo-card:hover .ship-img-wrapper img {\r\n transform: scale(1.06);\r\n}\r\n\r\n\/* --- TRE\u015a\u0106 KARTY --- *\/\r\n.ship-photo-content {\r\n padding: 36px 30px 40px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.ship-photo-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(32px, 2.8vw, 42px);\r\n line-height: 1;\r\n font-weight: 700;\r\n color: var(--dark-navy);\r\n margin: 0 0 18px 0;\r\n letter-spacing: -0.2px;\r\n text-transform: none;\r\n}\r\n\r\n.ship-photo-desc {\r\n font-size: 15px;\r\n line-height: 1.78;\r\n color: var(--text-muted);\r\n margin: 0;\r\n font-weight: 400;\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media (max-width: 1024px) {\r\n .starowka-ships-section {\r\n padding: 90px 20px;\r\n }\r\n\r\n .starowka-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 28px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 290px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .starowka-ships-section {\r\n padding: 68px 18px;\r\n }\r\n\r\n .starowka-header {\r\n margin-bottom: 48px;\r\n }\r\n\r\n .starowka-badge {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .starowka-title {\r\n font-size: clamp(38px, 11vw, 52px);\r\n line-height: 1;\r\n letter-spacing: -0.2px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .starowka-subtitle {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .starowka-cta-wrap {\r\n margin-top: 30px;\r\n }\r\n\r\n .starowka-btn {\r\n width: 100%;\r\n max-width: 340px;\r\n padding: 17px 24px;\r\n font-size: 13px;\r\n }\r\n\r\n .starowka-cta-note {\r\n font-size: 14px;\r\n }\r\n\r\n .starowka-grid {\r\n grid-template-columns: 1fr;\r\n gap: 26px;\r\n }\r\n\r\n .ship-photo-card {\r\n border-radius: 28px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 260px;\r\n }\r\n\r\n .ship-photo-content {\r\n padding: 32px 24px 36px;\r\n }\r\n\r\n .ship-photo-name {\r\n font-size: 34px;\r\n }\r\n\r\n .ship-photo-desc {\r\n font-size: 14.5px;\r\n line-height: 1.72;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .starowka-ships-section {\r\n padding: 58px 16px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 235px;\r\n }\r\n\r\n .ship-photo-content {\r\n padding: 30px 22px 34px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"starowka-ships-section\">\r\n <div class=\"starowka-container\">\r\n\r\n \r\n <div class=\"starowka-header\">\r\n <span class=\"starowka-badge\">Klimat i historia<\/span>\r\n\r\n <h2 class=\"starowka-title\">Rejsy w rytmie slow<\/h2>\r\n<span id=\"statki\"><\/span>\r\n <p class=\"starowka-subtitle\">\r\n <strong>Zarezerwuj rejs wok\u00f3\u0142 wroc\u0142awskiego Starego Miasta<\/strong> i odkryj Wroc\u0142aw z nowej, spokojnej perspektywy.\r\n Nasze kameralne jednostki zabior\u0105 Ci\u0119 tras\u0105 pe\u0142n\u0105 widok\u00f3w na najpi\u0119kniejsze zabytki, mosty i wyj\u0105tkow\u0105 przyrod\u0119 miasta.\r\n <br><br>\r\n Wejd\u017a na pok\u0142ad, zwolnij tempo i daj si\u0119 poprowadzi\u0107 Odrze.\r\n <\/p>\r\n\r\n <div class=\"starowka-cta-wrap\">\r\n <a href=\"#kup-bilet\" class=\"starowka-btn\">Tw\u00f3j bilet do strefy wolnej od po\u015bpiechu<\/a>\r\n <p class=\"starowka-cta-note\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"starowka-grid\">\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/rejsy.turizmo.pl\/wp-content\/uploads\/2026\/04\/KACZKAlato-e1776978266295.png\" alt=\"Statek Kaczuszka podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Kaczuszka<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Ukochana przez dzieci, zwinna Kaczuszka to ekspertka od wyj\u0105tkowych tras. Dzi\u0119ki swojej konstrukcji przep\u0142ywa pod niskimi, historycznymi mostami, serwuj\u0105c niezapomniane widoki. Oferuje zadaszony pok\u0142ad, idealny, gdy s\u0142o\u0144ce mocniej grzeje, oraz otwart\u0105 przestrze\u0144 na rufie. Bezpiecznie, kameralnie i z u\u015bmiechem.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsypo-odrze-ludzie.png\" alt=\"Katamarany podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Katamarany<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Ameryka\u0144skie katamarany to idealna opcja na kameralny czerwcowy chillout. Oferuj\u0105 wysoki komfort i zadaszenie, kt\u00f3re daje przyjemny cie\u0144. Ich unikalna konstrukcja sprawia, \u017ce jeste\u015b dos\u0142ownie na wyci\u0105gni\u0119cie r\u0119ki od rzeki. Nowoczesny relaks w czystej postaci.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Pirat-rejsy-statkami.png\" alt=\"Drewniany statek Pirat podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Pirat<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Wzorowany na osiemnastowiecznych galarach drewniany Pirat to jednostka, obok kt\u00f3rej trudno przej\u015b\u0107 oboj\u0119tnie. Zapewnia \u015bwietne warunki do odpoczynku: otwart\u0105 przestrze\u0144 widokow\u0105, zadaszon\u0105 lo\u017c\u0119 oraz biesiadne sto\u0142y z wygodnymi siedziskami. To wyb\u00f3r dla tych, kt\u00f3rzy szukaj\u0105 oryginalnych wra\u017ce\u0144 na Odrze.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-6d656a0 e-flex e-con-boxed e-con e-parent\" data-id=\"6d656a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\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-de8371e e-flex e-con-boxed e-con e-parent\" data-id=\"de8371e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe988b elementor-widget elementor-widget-html\" data-id=\"dfe988b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.marinas-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 8% 12%, rgba(217, 240, 244, 0.72) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 14%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFFFFF 0%, #FFF8EF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n}\r\n\r\n.marinas-section::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.marinas-section::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -90px;\r\n top: -90px;\r\n width: 260px;\r\n height: 260px;\r\n border-radius: 50%;\r\n background: rgba(217, 240, 244, 0.55);\r\n filter: blur(16px);\r\n pointer-events: none;\r\n}\r\n\r\n.marinas-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.marinas-header {\r\n text-align: center;\r\n margin: 0 auto 64px;\r\n max-width: 900px;\r\n}\r\n\r\n.marinas-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n margin-bottom: 24px;\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n}\r\n\r\n.marinas-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.2vw, 72px) !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 24px !important;\r\n line-height: 0.98 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.4px;\r\n text-transform: none;\r\n}\r\n\r\n.marinas-desc {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n line-height: 1.85;\r\n font-weight: 400;\r\n margin: 0 auto;\r\n max-width: 820px;\r\n}\r\n\r\n.marinas-desc strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* GRID *\/\r\n.marinas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 22px;\r\n}\r\n\r\n\/* CARD *\/\r\n.marina-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n padding: 36px 22px 28px;\r\n text-align: center;\r\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n box-shadow: 0 18px 44px rgba(18, 59, 74, 0.07);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n box-sizing: border-box;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.marina-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n box-shadow: 0 28px 62px rgba(18, 59, 74, 0.12);\r\n}\r\n\r\n\/* ICON *\/\r\n.marina-icon-wrapper {\r\n width: 66px;\r\n height: 66px;\r\n background: var(--blue-soft);\r\n border-radius: 22px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-bottom: 24px;\r\n transition: all 0.28s ease;\r\n color: var(--primary-teal);\r\n box-shadow: inset 0 0 0 1px rgba(0, 142, 163, 0.10);\r\n}\r\n\r\n.marina-card:hover .marina-icon-wrapper {\r\n background: var(--primary-teal);\r\n color: #ffffff;\r\n transform: translateY(-3px) rotate(6deg);\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.marina-icon-wrapper svg {\r\n width: 30px;\r\n height: 30px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n}\r\n\r\n\/* TEXT *\/\r\n.marina-name {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(28px, 2.4vw, 36px) !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 18px !important;\r\n font-weight: 700 !important;\r\n line-height: 1.02 !important;\r\n text-transform: none;\r\n min-height: 74px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.marina-loc-label {\r\n font-size: 11px;\r\n color: var(--primary-teal);\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n letter-spacing: 1.8px;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.marina-address {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.58;\r\n margin-bottom: 28px;\r\n font-weight: 400;\r\n min-height: 70px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.marina-btn {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n padding: 15px 14px;\r\n background-color: transparent !important;\r\n border: 1px solid rgba(0, 142, 163, 0.28) !important;\r\n color: var(--dark-navy) !important;\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n border-radius: 999px;\r\n transition: all 0.28s ease;\r\n box-sizing: border-box;\r\n}\r\n\r\n.marina-btn:hover {\r\n background-color: var(--primary-teal) !important;\r\n border-color: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* MAPA WSZYSTKICH PRZYSTANI *\/\r\n.marinas-map {\r\n margin-top: 56px;\r\n padding: 10px;\r\n background: rgba(255, 255, 255, 0.92);\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n border-radius: 34px;\r\n box-shadow:\r\n 0 24px 70px rgba(18, 59, 74, 0.12),\r\n 0 4px 16px rgba(18, 59, 74, 0.05);\r\n box-sizing: border-box;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.marinas-map-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n padding: 26px 28px 24px;\r\n}\r\n\r\n.marinas-map-copy {\r\n max-width: 760px;\r\n}\r\n\r\n.marinas-map-label {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--primary-teal);\r\n font-size: 11px;\r\n line-height: 1.4;\r\n font-weight: 800;\r\n letter-spacing: 2.2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.marinas-map-title {\r\n margin: 0 0 10px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(34px, 4vw, 50px) !important;\r\n line-height: 1.04 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.3px;\r\n color: var(--dark-navy) !important;\r\n text-transform: none;\r\n}\r\n\r\n.marinas-map-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 15px !important;\r\n line-height: 1.72 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.marinas-map-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n min-width: 230px;\r\n padding: 16px 24px;\r\n border-radius: 999px;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n font-size: 12px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.26);\r\n transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;\r\n}\r\n\r\n.marinas-map-button:hover {\r\n background: var(--primary-dark) !important;\r\n color: #ffffff !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 18px 38px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n.marinas-map-frame {\r\n position: relative;\r\n width: 100%;\r\n height: clamp(460px, 52vw, 620px);\r\n overflow: hidden;\r\n border-radius: 26px;\r\n background: var(--blue-soft);\r\n}\r\n\r\n.marinas-map-frame iframe {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1100px) {\r\n .marinas-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 22px;\r\n }\r\n\r\n .marina-name {\r\n min-height: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .marinas-section {\r\n padding: 76px 16px;\r\n }\r\n\r\n .marinas-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .marinas-subtitle {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .marinas-title {\r\n font-size: clamp(38px, 11vw, 52px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .marinas-desc {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .marinas-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .marina-card {\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n\r\n .marina-name {\r\n font-size: 34px !important;\r\n min-height: auto;\r\n }\r\n\r\n .marina-address {\r\n min-height: auto;\r\n }\r\n\r\n .marinas-map {\r\n margin-top: 38px;\r\n padding: 7px;\r\n border-radius: 26px;\r\n }\r\n\r\n .marinas-map-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 22px 18px 20px;\r\n }\r\n\r\n .marinas-map-title {\r\n font-size: 38px !important;\r\n }\r\n\r\n .marinas-map-text {\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n .marinas-map-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .marinas-map-frame {\r\n height: 520px;\r\n border-radius: 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .marinas-section {\r\n padding: 64px 16px;\r\n }\r\n\r\n .marina-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 20px;\r\n }\r\n\r\n .marina-icon-wrapper svg {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .marinas-map-title {\r\n font-size: 34px !important;\r\n }\r\n\r\n .marinas-map-frame {\r\n height: 470px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"marinas-section\" id=\"przystanie\">\r\n <div class=\"marinas-inner\">\r\n<span id=\"przystanie\"><\/span>\r\n <div class=\"marinas-header\">\r\n <span class=\"marinas-subtitle\">Pe\u0142na swoboda wyboru<\/span>\r\n\r\n <h2 class=\"marinas-title\">Wsiadaj tam, gdzie Ci najwygodniej<\/h2>\r\n\r\n <p class=\"marinas-desc\">\r\n Cenimy Tw\u00f3j czas i wygod\u0119. Dlatego nasze statki odp\u0142ywaj\u0105 z <strong>czterech<\/strong> lokalizacji w samym sercu miasta. Kupujesz bilet online, a nast\u0119pnie rezerwujesz miejsce telefonicznie lub mailowo. Przy rezerwacji wybierasz przysta\u0144, z kt\u00f3rej najwygodniej Ci wyruszy\u0107.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"marinas-grid\">\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Pod Mostem<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n Most Piaskowy<br>\r\n (r\u00f3g ul. Grodzkiej i \u015bw. Jadwigi)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/BVvn1Fm2yMq8jTq77\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Tumska<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n Bulwar W\u0142ostowica<br>\r\n (od strony mostu Tumskiego)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/WtRyWQQJ8pVW3g5DA\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Mi\u0142o\u015bci<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n ul. N.M. Panny \/ bulwar Wyszy\u0144skiego<br>\r\n (przy mo\u015bcie Tumskim)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/ywxvnV5pAq9din6d8\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Piaskowa<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n ul. Grodzka<br>\r\n (przy sklepie z miodami)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/rYhmMbanN2XVMYiP7\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"marinas-map\">\r\n\r\n <div class=\"marinas-map-header\">\r\n\r\n <div class=\"marinas-map-copy\">\r\n <span class=\"marinas-map-label\">Wszystkie lokalizacje<\/span>\r\n\r\n <h3 class=\"marinas-map-title\">\r\n Zobacz przystanie na jednej mapie\r\n <\/h3>\r\n\r\n <p class=\"marinas-map-text\">\r\n Sprawd\u017a dok\u0142adne po\u0142o\u017cenie wszystkich czterech przystani\r\n i wybierz punkt wyp\u0142yni\u0119cia, kt\u00f3ry najlepiej pasuje do Twojego planu dnia.\r\n <\/p>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/www.google.com\/maps\/d\/viewer?mid=1j-H5CWzR74KUKCd2FL7EpjPqiHedCWA&usp=sharing\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"marinas-map-button\"\r\n >\r\n Otw\u00f3rz du\u017c\u0105 map\u0119\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"marinas-map-frame\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1ROzfsHm8zxw5xPfma4XiLzF173E4Hf8&ehbc=2E312F\" width=\"640\" height=\"480\"\r\n title=\"Mapa przystani TURIZMO we Wroc\u0142awiu\"\r\n loading=\"lazy\"\r\n allowfullscreen\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-cc27d1a e-flex e-con-boxed e-con e-parent\" data-id=\"cc27d1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b24df elementor-widget elementor-widget-html\" data-id=\"d0b24df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.route-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 10% 10%, rgba(217, 240, 244, 0.72) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 18%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFF8EF 0%, #FFFFFF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n.route-section::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.route-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.route-header {\r\n max-width: 900px;\r\n margin: 0 auto 66px;\r\n text-align: center;\r\n}\r\n\r\n.route-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n}\r\n\r\n.route-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.4vw, 76px) !important;\r\n line-height: 0.98 !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 24px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.4px;\r\n}\r\n\r\n.route-lead {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.85;\r\n font-weight: 400;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n.route-main {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 44px;\r\n align-items: start;\r\n}\r\n\r\n\/* LEFT PANEL *\/\r\n.route-summary {\r\n position: sticky;\r\n top: 40px;\r\n background: var(--dark-navy);\r\n border-radius: 36px;\r\n padding: 44px 38px;\r\n color: #ffffff;\r\n box-shadow: 0 28px 70px rgba(18, 59, 74, 0.18);\r\n overflow: hidden;\r\n}\r\n\r\n.route-summary::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -90px;\r\n top: -90px;\r\n width: 240px;\r\n height: 240px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.28);\r\n filter: blur(12px);\r\n pointer-events: none;\r\n}\r\n\r\n.route-summary-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.route-summary-kicker {\r\n display: inline-flex;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: rgba(217, 240, 244, 0.12);\r\n border: 1px solid rgba(217, 240, 244, 0.22);\r\n color: var(--blue-soft);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 2.4px;\r\n text-transform: uppercase;\r\n margin-bottom: 22px;\r\n}\r\n\r\n.route-summary-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(36px, 4vw, 58px) !important;\r\n line-height: 1 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 20px !important;\r\n font-weight: 700 !important;\r\n}\r\n\r\n.route-summary-text {\r\n font-size: 16px;\r\n line-height: 1.78;\r\n color: rgba(255,255,255,0.78);\r\n margin: 0 0 30px;\r\n}\r\n\r\n.route-stats {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.route-stat {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 15px 16px;\r\n border-radius: 20px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.route-stat-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 44px;\r\n height: 44px;\r\n border-radius: 16px;\r\n background: rgba(217, 240, 244, 0.14);\r\n color: #ffffff;\r\n font-weight: 800;\r\n font-size: 15px;\r\n}\r\n\r\n.route-stat-text {\r\n font-size: 14px;\r\n line-height: 1.45;\r\n color: rgba(255,255,255,0.82);\r\n font-weight: 600;\r\n}\r\n\r\n.route-summary-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 17px 28px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n transition: all 0.28s ease;\r\n}\r\n\r\n.route-btn-primary {\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.route-btn-primary:hover {\r\n background: var(--primary-dark) !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.route-btn-secondary {\r\n background: rgba(255,255,255,0.92) !important;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.route-btn-secondary:hover {\r\n background: #ffffff !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n\/* TIMELINE *\/\r\n.route-list {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n}\r\n\r\n.route-list::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 31px;\r\n top: 24px;\r\n bottom: 24px;\r\n width: 3px;\r\n border-radius: 999px;\r\n background: linear-gradient(180deg, var(--primary-teal), rgba(0, 142, 163, 0.20));\r\n}\r\n\r\n.route-point {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 64px 1fr;\r\n gap: 20px;\r\n align-items: start;\r\n}\r\n\r\n.route-marker {\r\n position: relative;\r\n z-index: 2;\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 22px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n border: 8px solid #ffffff;\r\n box-shadow: 0 14px 34px rgba(18, 59, 74, 0.10);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 14px;\r\n}\r\n\r\n.route-card {\r\n background: rgba(255,255,255,0.90);\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n padding: 28px 30px;\r\n box-shadow: 0 18px 44px rgba(18, 59, 74, 0.07);\r\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.route-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 28px 62px rgba(18, 59, 74, 0.12);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.route-card-label {\r\n display: block;\r\n color: var(--primary-teal);\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.route-card-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 2.6vw, 42px) !important;\r\n line-height: 1.02 !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 12px !important;\r\n font-weight: 700 !important;\r\n}\r\n\r\n.route-card-desc {\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n color: var(--text-muted);\r\n margin: 0;\r\n}\r\n\r\n.route-inline-link {\r\n color: var(--primary-teal) !important;\r\n font-weight: 800;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1080px) {\r\n .route-main {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .route-summary {\r\n position: relative;\r\n top: auto;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n }\r\n\r\n .route-list {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .route-section {\r\n padding: 76px 16px;\r\n }\r\n\r\n .route-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .route-label {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .route-title {\r\n font-size: clamp(38px, 11vw, 54px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .route-lead {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .route-summary {\r\n border-radius: 28px;\r\n padding: 36px 24px;\r\n }\r\n\r\n .route-summary-title {\r\n font-size: 38px !important;\r\n }\r\n\r\n .route-point {\r\n grid-template-columns: 54px 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .route-list::before {\r\n left: 26px;\r\n }\r\n\r\n .route-marker {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 18px;\r\n border-width: 7px;\r\n font-size: 13px;\r\n }\r\n\r\n .route-card {\r\n border-radius: 24px;\r\n padding: 24px 22px;\r\n }\r\n\r\n .route-card-title {\r\n font-size: 31px !important;\r\n }\r\n\r\n .route-card-desc {\r\n font-size: 14.5px;\r\n line-height: 1.68;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .route-point {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .route-list::before {\r\n display: none;\r\n }\r\n\r\n .route-marker {\r\n margin-left: 0;\r\n }\r\n\r\n .route-card {\r\n padding: 24px 20px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"route-section\" id=\"trasa\">\r\n <div class=\"route-container\">\r\n\r\n <div class=\"route-header\">\r\n <span class=\"route-label\">Trasa rejsu<\/span>\r\n\r\n <h2 class=\"route-title\">45 minut widok\u00f3w, most\u00f3w i historii Wroc\u0142awia<\/h2>\r\n\r\n <p class=\"route-lead\">\r\n P\u0142yniesz przez jedn\u0105 z najpi\u0119kniejszych cz\u0119\u015bci miasta: obok Ostrowa Tumskiego,\r\n Wyspy Daliowej, Mostu Tumskiego, bulwar\u00f3w i zabytkowych nabrze\u017cy.\r\n Bez po\u015bpiechu, z pok\u0142adu i z perspektywy, kt\u00f3rej nie daje zwyk\u0142y spacer.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"route-main\">\r\n\r\n <aside class=\"route-summary\">\r\n <div class=\"route-summary-content\">\r\n <span class=\"route-summary-kicker\">Co zobaczysz po drodze?<\/span>\r\n\r\n <h3 class=\"route-summary-title\">Stare Miasto od strony Odry<\/h3>\r\n\r\n <p class=\"route-summary-text\">\r\n To trasa, na kt\u00f3rej Wroc\u0142aw pokazuje swoje najbardziej widokowe oblicze:\r\n mosty, wyspy, katedry, bulwary i spokojny rytm rzeki.\r\n <\/p>\r\n\r\n <div class=\"route-stats\">\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">45<\/span>\r\n <span class=\"route-stat-text\">minut spokojnego rejsu po Odrze<\/span>\r\n <\/div>\r\n\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">4<\/span>\r\n <span class=\"route-stat-text\">przystanie w centrum Wroc\u0142awia<\/span>\r\n <\/div>\r\n\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">7<\/span>\r\n <span class=\"route-stat-text\">najwa\u017cniejszych punkt\u00f3w na trasie<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route-summary-buttons\">\r\n <a href=\"#kup-bilet\" class=\"route-btn route-btn-primary\">Kup bilet online<\/a>\r\n <a href=\"#przystanie\" class=\"route-btn route-btn-secondary\">Zobacz przystanie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <div class=\"route-list\">\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">01<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Start<\/span>\r\n <h3 class=\"route-card-title\">Twoja wybrana przysta\u0144<\/h3>\r\n <p class=\"route-card-desc\">\r\n Kupujesz bilet online i wybierasz przysta\u0144, z kt\u00f3rej najwygodniej Ci wyruszy\u0107.\r\n Do dyspozycji s\u0105 <a href=\"#przystanie\" class=\"route-inline-link\">cztery przystanie w centrum Wroc\u0142awia<\/a>.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">02<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Uniwersytet Wroc\u0142awski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Jedna z najd\u0142u\u017cszych barokowych fasad w Europie. Majestatyczny gmach w promieniach s\u0142o\u0144ca zapiera dech w piersiach.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">03<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Wyspa Daliowa i NAWA<\/h3>\r\n <p class=\"route-card-desc\">\r\n Przep\u0142ywamy obok charakterystycznej srebrnej instalacji NAWA.\r\n Z pok\u0142adu wygl\u0105da szczeg\u00f3lnie lekko, przestrzennie i bardzo fotograficznie.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">04<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Zatoka Gondoli<\/h3>\r\n <p class=\"route-card-desc\">\r\n Urokliwe, historyczne miejsce, w kt\u00f3rym bije wodne serce Wroc\u0142awia. Tu poczujesz prawdziwy klimat nadrzecznego chilloutu i wypo\u017cyczysz kajaki, motor\u00f3wki i rowery wodne.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">05<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Most Tumski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Jeden z najbardziej romantycznych most\u00f3w miasta. Z pok\u0142adu prowadzi wzrok prosto\r\n w stron\u0119 najstarszej i najbardziej klimatycznej cz\u0119\u015bci Wroc\u0142awia.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">06<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Ostr\u00f3w Tumski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Kolebka Wroc\u0142awia. Z pok\u0142adu bez przeszk\u00f3d zobaczysz strzeliste wie\u017ce Katedry i magiczne, odnowione bulwary nad Odr\u0105.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">07<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Powr\u00f3t<\/span>\r\n <h3 class=\"route-card-title\">Panorama i powr\u00f3t<\/h3>\r\n <p class=\"route-card-desc\">\r\n Mijamy monumentalny gmach Muzeum Narodowego i wracamy w stron\u0119 przystani.\r\n \r\n To ostatni moment na pami\u0105tkowe zdj\u0119cia i z\u0142apanie ostatnich promieni s\u0142o\u0144ca w drodze powrotnej.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-8c91259 e-flex e-con-boxed e-con e-parent\" data-id=\"8c91259\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a34eef7 elementor-widget elementor-widget-html\" data-id=\"a34eef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"przystanie\"><\/span>\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-24b7694 e-flex e-con-boxed e-con e-parent\" data-id=\"24b7694\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df2b903 elementor-widget elementor-widget-html\" data-id=\"df2b903\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.ticket-pricing-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n padding: 116px 20px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n\r\n background:\r\n radial-gradient(circle at 8% 8%, rgba(217, 240, 244, 0.86) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 93% 14%, rgba(0, 142, 163, 0.09) 0%, rgba(0, 142, 163, 0) 31%),\r\n linear-gradient(180deg, #FFFFFF 0%, #F7FCFD 48%, #FFF8EF 100%);\r\n}\r\n\r\n.ticket-pricing-section::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -130px;\r\n bottom: -150px;\r\n width: 390px;\r\n height: 390px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(20px);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-pricing-section::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -120px;\r\n right: -100px;\r\n width: 330px;\r\n height: 330px;\r\n border-radius: 50%;\r\n background: rgba(217, 240, 244, 0.62);\r\n filter: blur(17px);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-pricing-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ticket-pricing-header {\r\n max-width: 920px;\r\n margin: 0 auto 60px;\r\n text-align: center;\r\n}\r\n\r\n.ticket-pricing-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n margin-bottom: 24px;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n border-radius: 999px;\r\n background: rgba(217, 240, 244, 0.84);\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-pricing-title {\r\n margin: 0 0 24px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(46px, 5.6vw, 78px) !important;\r\n line-height: 0.97 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.6px;\r\n text-transform: none;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-pricing-desc {\r\n max-width: 820px;\r\n margin: 0 auto !important;\r\n\r\n color: var(--text-muted) !important;\r\n font-size: clamp(16px, 1.7vw, 19px) !important;\r\n line-height: 1.82 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-desc strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* PRICE GRID *\/\r\n.ticket-pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 22px;\r\n align-items: stretch;\r\n}\r\n\r\n.ticket-price-card {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n min-height: 440px;\r\n padding: 34px 24px 28px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n background: rgba(255, 255, 255, 0.93);\r\n box-shadow: 0 18px 48px rgba(18, 59, 74, 0.08);\r\n\r\n text-align: center;\r\n overflow: hidden;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n border-color 0.28s ease;\r\n}\r\n\r\n.ticket-price-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0, 142, 163, 0.30);\r\n box-shadow: 0 30px 66px rgba(18, 59, 74, 0.13);\r\n}\r\n\r\n.ticket-price-card--featured {\r\n border-color: rgba(0, 142, 163, 0.42);\r\n background:\r\n linear-gradient(180deg, rgba(241, 250, 252, 0.98), rgba(255, 255, 255, 0.97));\r\n box-shadow: 0 24px 58px rgba(0, 142, 163, 0.15);\r\n}\r\n\r\n.ticket-price-card--featured::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px;\r\n right: -70px;\r\n width: 190px;\r\n height: 190px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.10);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-price-card--free {\r\n background:\r\n linear-gradient(180deg, rgba(255, 248, 239, 0.98), rgba(255, 255, 255, 0.96));\r\n}\r\n\r\n.ticket-price-badge {\r\n display: inline-flex;\r\n align-self: center;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 8px 14px;\r\n margin-bottom: 24px;\r\n box-sizing: border-box;\r\n\r\n border-radius: 999px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n\r\n font-size: 10px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-badge {\r\n background: var(--primary-teal);\r\n color: #ffffff;\r\n box-shadow: 0 10px 24px rgba(0, 142, 163, 0.22);\r\n}\r\n\r\n.ticket-price-name {\r\n min-height: 66px;\r\n margin: 0 0 18px !important;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(29px, 2.5vw, 38px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n text-transform: none;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-price-value {\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 5px;\r\n margin-bottom: 22px;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.ticket-price-number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(58px, 5vw, 76px);\r\n line-height: 0.88;\r\n font-weight: 700;\r\n letter-spacing: -2px;\r\n}\r\n\r\n.ticket-price-currency {\r\n padding-top: 9px;\r\n color: var(--primary-teal);\r\n font-size: 17px;\r\n line-height: 1;\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-price-details {\r\n min-height: 92px;\r\n margin: 0 0 26px !important;\r\n\r\n color: var(--text-muted) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-price-details strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-price-separator {\r\n width: 44px;\r\n height: 2px;\r\n margin: 0 auto 22px;\r\n border-radius: 999px;\r\n background: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.ticket-price-note {\r\n margin: 0 0 24px !important;\r\n color: var(--text-muted) !important;\r\n font-size: 12px !important;\r\n line-height: 1.55 !important;\r\n font-weight: 500;\r\n}\r\n\r\n.ticket-price-button {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n min-height: 52px;\r\n padding: 15px 18px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.28) !important;\r\n border-radius: 999px;\r\n background: transparent !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: none;\r\n\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n letter-spacing: 1.1px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform 0.28s ease,\r\n background 0.28s ease,\r\n border-color 0.28s ease,\r\n color 0.28s ease,\r\n box-shadow 0.28s ease;\r\n}\r\n\r\n.ticket-price-button:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--primary-teal) !important;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-button {\r\n border-color: var(--primary-teal) !important;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-button:hover {\r\n background: var(--primary-dark) !important;\r\n border-color: var(--primary-dark) !important;\r\n box-shadow: 0 18px 38px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n\/* INFORMATION PANELS *\/\r\n.ticket-pricing-info-grid {\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 22px;\r\n margin-top: 34px;\r\n}\r\n\r\n.ticket-pricing-info {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 25px 26px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 26px;\r\n background: rgba(255, 255, 255, 0.88);\r\n box-shadow: 0 14px 38px rgba(18, 59, 74, 0.07);\r\n}\r\n\r\n.ticket-pricing-info--dark {\r\n border-color: transparent;\r\n background:\r\n linear-gradient(135deg, rgba(18, 59, 74, 0.98), rgba(0, 111, 130, 0.96));\r\n box-shadow: 0 20px 46px rgba(18, 59, 74, 0.20);\r\n}\r\n\r\n.ticket-pricing-info-icon {\r\n width: 54px;\r\n height: 54px;\r\n flex: 0 0 54px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 18px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-icon {\r\n border: 1px solid rgba(255, 255, 255, 0.18);\r\n background: rgba(255, 255, 255, 0.12);\r\n color: #ffffff;\r\n}\r\n\r\n.ticket-pricing-info-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.ticket-pricing-info-title {\r\n margin: 0 0 7px !important;\r\n color: var(--dark-navy) !important;\r\n font-size: 15px !important;\r\n line-height: 1.4 !important;\r\n font-weight: 800 !important;\r\n}\r\n\r\n.ticket-pricing-info-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 13px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-info-text strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-title,\r\n.ticket-pricing-info--dark .ticket-pricing-info-text,\r\n.ticket-pricing-info--dark .ticket-pricing-info-text strong {\r\n color: #ffffff !important;\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-text {\r\n color: rgba(255, 255, 255, 0.82) !important;\r\n}\r\n\r\n\/* BOTTOM CTA *\/\r\n.ticket-pricing-cta {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 28px;\r\n\r\n margin-top: 34px;\r\n padding: 30px 32px;\r\n box-sizing: border-box;\r\n\r\n border-radius: 30px;\r\n background:\r\n linear-gradient(135deg, rgba(0, 142, 163, 0.96), rgba(0, 111, 130, 0.98));\r\n box-shadow: 0 22px 52px rgba(0, 142, 163, 0.23);\r\n}\r\n\r\n.ticket-pricing-cta-copy {\r\n max-width: 760px;\r\n}\r\n\r\n.ticket-pricing-cta-title {\r\n margin: 0 0 8px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 3.2vw, 44px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n text-transform: none;\r\n\r\n color: #ffffff !important;\r\n}\r\n\r\n.ticket-pricing-cta-text {\r\n margin: 0 !important;\r\n color: rgba(255, 255, 255, 0.84) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n min-width: 230px;\r\n padding: 17px 26px;\r\n\r\n border-radius: 999px;\r\n background: #ffffff !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);\r\n\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n background 0.28s ease;\r\n}\r\n\r\n.ticket-pricing-cta-button:hover {\r\n transform: translateY(-3px);\r\n background: var(--sand) !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 19px 40px rgba(0, 0, 0, 0.20);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1120px) {\r\n .ticket-pricing-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .ticket-price-card {\r\n min-height: 410px;\r\n }\r\n\r\n .ticket-price-name,\r\n .ticket-price-details {\r\n min-height: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n .ticket-pricing-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .ticket-pricing-cta {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .ticket-pricing-cta-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .ticket-pricing-section {\r\n padding: 80px 16px;\r\n }\r\n\r\n .ticket-pricing-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .ticket-pricing-label {\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n }\r\n\r\n .ticket-pricing-title {\r\n font-size: clamp(40px, 11vw, 58px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .ticket-pricing-desc {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n\r\n .ticket-pricing-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .ticket-price-card {\r\n min-height: 0;\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n\r\n .ticket-price-name {\r\n min-height: 0;\r\n font-size: 34px !important;\r\n }\r\n\r\n .ticket-price-details {\r\n min-height: 0;\r\n }\r\n\r\n .ticket-pricing-info {\r\n padding: 22px 20px;\r\n }\r\n\r\n .ticket-pricing-cta {\r\n padding: 26px 22px;\r\n border-radius: 26px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .ticket-pricing-section {\r\n padding: 66px 16px;\r\n }\r\n\r\n .ticket-pricing-info {\r\n flex-direction: column;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .ticket-pricing-info-icon {\r\n flex-basis: 54px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ticket-pricing-section\" id=\"bilety\">\r\n <div class=\"ticket-pricing-inner\">\r\n\r\n <div class=\"ticket-pricing-header\">\r\n <span class=\"ticket-pricing-label\">Cennik rejs\u00f3w <\/span>\r\n<span id=\"cennik\"><\/span>\r\n <h2 class=\"ticket-pricing-title\">\r\n Wybierz sw\u00f3j bilet\r\n <\/h2>\r\n\r\n <p class=\"ticket-pricing-desc\">\r\n \r\n Po zakupie zarezerwuj termin, godzin\u0119 i przysta\u0144 telefonicznie lub mailowo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-grid\">\r\n\r\n <article class=\"ticket-price-card ticket-price-card--free\">\r\n <span class=\"ticket-price-badge\">Najm\u0142odsi p\u0142yn\u0105 gratis<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Dzieci do 3 lat<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">0<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Bilet dla dzieci, kt\u00f3re w dniu rejsu\r\n <strong>nie uko\u0144czy\u0142y 3. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n <\/p>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card\">\r\n <span class=\"ticket-price-badge\">Bilet ulgowy<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Dzieci i m\u0142odzie\u017c<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">60<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Dla dzieci i m\u0142odzie\u017cy\r\n <strong>od 3. do 18. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card\">\r\n <span class=\"ticket-price-badge\">Bilet specjalny<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Studenci i seniorzy<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">65<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Dla uczni\u00f3w i student\u00f3w\r\n \r\n <strong>od 18 do 26 lat<\/strong> oraz senior\u00f3w\r\n <strong>powy\u017cej 65 lat.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card ticket-price-card--featured\">\r\n <span class=\"ticket-price-badge\">Bilet normalny<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Doro\u015bli<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">70<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Bilet normalny dla os\u00f3b\r\n <strong>od 18. do 65. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n <\/p>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-info-grid\">\r\n\r\n <div class=\"ticket-pricing-info\">\r\n <div class=\"ticket-pricing-info-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M8 12h8\"><\/path>\r\n <path d=\"M12 8v8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-pricing-info-title\">\r\n Osoby z orzeczeniem o niepe\u0142nosprawno\u015bci\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-info-text\">\r\n Na rejsach dziennych p\u0142yn\u0105 w cenie\r\n <strong>biletu ulgowego \u2014 60 z\u0142.<\/strong>\r\n Warto mie\u0107 przy sobie dokument potwierdzaj\u0105cy uprawnienie.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-info ticket-pricing-info--dark\">\r\n <div class=\"ticket-pricing-info-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 15.5A8 8 0 1 1 8.5 4a6.5 6.5 0 0 0 11.5 11.5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-pricing-info-title\">\r\n Rejsy wieczorne i nocne\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-info-text\">\r\n Cena wynosi <strong>70 z\u0142 za ka\u017cd\u0105 osob\u0119.<\/strong>\r\n Na tych rejsach nie obowi\u0105zuj\u0105 zni\u017cki.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-cta\">\r\n <div class=\"ticket-pricing-cta-copy\">\r\n <h3 class=\"ticket-pricing-cta-title\">\r\n Bilet kupujesz teraz. Termin wybierasz p\u00f3\u017aniej.\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-cta-text\">\r\n Po zakupie skontaktuj si\u0119 z nami telefonicznie lub mailowo,\r\n najlepiej co najmniej dzie\u0144 wcze\u015bniej. Wtedy zarezerwujesz miejsce,\r\n godzin\u0119 i dogodn\u0105 przysta\u0144.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-pricing-cta-button\">\r\n Kup bilet online\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-5b6f488 e-flex e-con-boxed e-con e-parent\" data-id=\"5b6f488\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-881519a elementor-widget elementor-widget-html\" data-id=\"881519a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.image-break-section {\r\n --primary-teal: #008EA3;\r\n --dark-navy: #123B4A;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n\r\n position: relative;\r\n min-height: 620px;\r\n padding: 120px 20px;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(18, 59, 74, 0.62) 0%,\r\n rgba(18, 59, 74, 0.52) 42%,\r\n rgba(13, 44, 56, 0.76) 100%\r\n ),\r\n url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-po-odrze.png') center center \/ cover no-repeat;\r\n background-attachment: fixed;\r\n}\r\n\r\n.image-break-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 50% 35%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 34%),\r\n linear-gradient(90deg, rgba(0,142,163,0.18), rgba(0,142,163,0));\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.image-break-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 980px;\r\n margin: 0 auto;\r\n text-align: center;\r\n color: var(--white);\r\n}\r\n\r\n.image-break-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.12);\r\n border: 1px solid rgba(255,255,255,0.28);\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.image-break-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(48px, 7vw, 94px) !important;\r\n line-height: 0.95 !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 26px !important;\r\n letter-spacing: -0.6px;\r\n text-shadow: 0 14px 42px rgba(0,0,0,0.34);\r\n}\r\n\r\n.image-break-text {\r\n max-width: 720px;\r\n margin: 0 auto !important;\r\n font-size: clamp(16px, 1.6vw, 20px) !important;\r\n line-height: 1.85 !important;\r\n color: rgba(255,255,255,0.84) !important;\r\n font-weight: 400 !important;\r\n text-shadow: 0 8px 28px rgba(0,0,0,0.25);\r\n}\r\n\r\n.image-break-buttons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 38px;\r\n}\r\n\r\n.image-break-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 210px;\r\n padding: 17px 30px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n transition: all 0.28s ease;\r\n}\r\n\r\n.image-break-btn-primary {\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n.image-break-btn-primary:hover {\r\n background: #006F82 !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 18px 42px rgba(0, 142, 163, 0.44);\r\n}\r\n\r\n.image-break-btn-secondary {\r\n background: rgba(255,255,255,0.92) !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 14px 34px rgba(0,0,0,0.14);\r\n}\r\n\r\n.image-break-btn-secondary:hover {\r\n background: #ffffff !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .image-break-section {\r\n min-height: 560px;\r\n padding: 86px 16px;\r\n background-attachment: scroll;\r\n }\r\n\r\n .image-break-label {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .image-break-title {\r\n font-size: clamp(40px, 12vw, 62px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .image-break-text {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n\r\n .image-break-buttons {\r\n flex-direction: column;\r\n max-width: 330px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .image-break-btn {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"image-break-section\">\r\n <div class=\"image-break-content\">\r\n <span class=\"image-break-label\">Widoki z rejsu<\/span>\r\n\r\n <h2 class=\"image-break-title\">\r\n Dobry dzie\u0144 zaczyna si\u0119 na Odrze.\r\n <\/h2>\r\n\r\n \r\n\r\n <div class=\"image-break-buttons\">\r\n <a href=\"#bilety\" class=\"image-break-btn image-break-btn-primary\">Kup bilet online<\/a>\r\n <a href=\"#trasa\" class=\"image-break-btn image-break-btn-secondary\">Zobacz tras\u0119 rejsu<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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-97a6ead e-flex e-con-boxed e-con e-parent\" data-id=\"97a6ead\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-289ea01 elementor-widget elementor-widget-html\" data-id=\"289ea01\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.turizmo-faq-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n background:\r\n radial-gradient(circle at top left, rgba(217, 240, 244, 0.7), transparent 35%),\r\n linear-gradient(180deg, #ffffff 0%, var(--blue-pale) 100%);\r\n padding: 100px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.turizmo-faq-inner {\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-faq-header {\r\n max-width: 760px;\r\n margin: 0 auto 50px;\r\n text-align: center;\r\n}\r\n\r\n.turizmo-faq-badge {\r\n display: inline-block;\r\n margin-bottom: 14px;\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 2.6px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.turizmo-faq-header h2 {\r\n margin: 0 0 18px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 6vw, 64px);\r\n line-height: 0.98;\r\n font-weight: 700;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.turizmo-faq-header p {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: var(--text-muted);\r\n font-size: 16px;\r\n line-height: 1.75;\r\n}\r\n\r\n\r\n\/* WA\u017bNA INFORMACJA *\/\r\n\r\n.faq-important {\r\n position: relative;\r\n margin-bottom: 28px;\r\n padding: 30px 34px;\r\n border-radius: 28px;\r\n background: var(--dark-navy);\r\n color: white;\r\n box-shadow: 0 18px 50px rgba(18, 59, 74, 0.14);\r\n overflow: hidden;\r\n}\r\n\r\n.faq-important::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -50px;\r\n top: -70px;\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.2);\r\n}\r\n\r\n.faq-important-label {\r\n position: relative;\r\n z-index: 1;\r\n display: block;\r\n margin-bottom: 8px;\r\n color: #8DDFEA;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2.3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.faq-important h3 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 30px;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n color: white;\r\n}\r\n\r\n.faq-important p {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0;\r\n max-width: 830px;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.85);\r\n}\r\n\r\n\r\n\/* FAQ *\/\r\n\r\n.faq-list {\r\n display: grid;\r\n gap: 12px;\r\n}\r\n\r\n.faq-item {\r\n border: 1px solid rgba(0, 142, 163, 0.18);\r\n border-radius: 20px;\r\n background: rgba(255,255,255,0.92);\r\n box-shadow: 0 8px 30px rgba(18, 59, 74, 0.05);\r\n overflow: hidden;\r\n transition: box-shadow .25s ease, border-color .25s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(0, 142, 163, 0.35);\r\n box-shadow: 0 12px 36px rgba(18, 59, 74, 0.08);\r\n}\r\n\r\n.faq-item summary {\r\n position: relative;\r\n padding: 23px 62px 23px 26px;\r\n cursor: pointer;\r\n list-style: none;\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 1.45;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.faq-item summary::-webkit-details-marker {\r\n display: none;\r\n}\r\n\r\n.faq-item summary::after {\r\n content: \"+\";\r\n position: absolute;\r\n top: 50%;\r\n right: 25px;\r\n transform: translateY(-50%);\r\n width: 30px;\r\n height: 30px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n background: var(--blue-pale);\r\n color: var(--primary-teal);\r\n font-size: 23px;\r\n line-height: 1;\r\n font-weight: 400;\r\n transition: transform .25s ease, background .25s ease;\r\n}\r\n\r\n.faq-item[open] summary::after {\r\n content: \"\u2212\";\r\n transform: translateY(-50%);\r\n background: var(--primary-teal);\r\n color: white;\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 26px 26px;\r\n}\r\n\r\n.faq-answer p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.75;\r\n}\r\n\r\n.faq-answer p + p {\r\n margin-top: 12px;\r\n}\r\n\r\n.faq-answer strong {\r\n color: var(--dark-navy);\r\n}\r\n\r\n\r\n\/* LISTY *\/\r\n\r\n.faq-answer ul:not(.faq-marinas) {\r\n margin: 16px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.faq-answer ul:not(.faq-marinas) li {\r\n margin: 7px 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n\/* PRZYSTANIE \/ GOOGLE MAPS *\/\r\n\r\n.faq-marinas {\r\n list-style: none;\r\n padding: 0;\r\n margin: 20px 0 0;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.faq-marinas li {\r\n margin: 0;\r\n}\r\n\r\n.faq-marinas a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n width: 100%;\r\n padding: 14px 16px;\r\n box-sizing: border-box;\r\n border: 1px solid rgba(0, 142, 163, 0.18);\r\n border-radius: 14px;\r\n background: var(--blue-pale);\r\n color: var(--dark-navy);\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n text-decoration: none;\r\n transition:\r\n transform .2s ease,\r\n border-color .2s ease,\r\n background .2s ease,\r\n color .2s ease;\r\n}\r\n\r\n.faq-marinas a::after {\r\n content: \"\u2197\";\r\n flex-shrink: 0;\r\n color: var(--primary-teal);\r\n font-size: 15px;\r\n}\r\n\r\n.faq-marinas a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--primary-teal);\r\n background: white;\r\n color: var(--primary-teal);\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n .turizmo-faq-section {\r\n padding: 70px 16px;\r\n }\r\n\r\n .turizmo-faq-header {\r\n margin-bottom: 34px;\r\n }\r\n\r\n .turizmo-faq-header h2 {\r\n font-size: 43px;\r\n }\r\n\r\n .turizmo-faq-header p {\r\n font-size: 15px;\r\n }\r\n\r\n .faq-important {\r\n padding: 25px 22px;\r\n border-radius: 22px;\r\n }\r\n\r\n .faq-important h3 {\r\n font-size: 27px;\r\n }\r\n\r\n .faq-item summary {\r\n padding: 20px 55px 20px 20px;\r\n font-size: 15px;\r\n }\r\n\r\n .faq-item summary::after {\r\n right: 18px;\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 20px 22px;\r\n }\r\n\r\n .faq-answer p,\r\n .faq-answer ul:not(.faq-marinas) li {\r\n font-size: 14px;\r\n }\r\n\r\n .faq-marinas {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"turizmo-faq-section\" id=\"faq\">\r\n\r\n <div class=\"turizmo-faq-inner\">\r\n\r\n <div class=\"turizmo-faq-header\">\r\n <span class=\"turizmo-faq-badge\">FAQ<\/span>\r\n\r\n <h2>Masz pytania przed rejsem?<\/h2>\r\n\r\n <p>\r\n Tu zebrali\u015bmy najwa\u017cniejsze informacje o biletach, terminach,\r\n rezerwacji miejsc, przystaniach, statkach i cenach.\r\n Kr\u00f3tko, konkretnie i bez wodolejstwa. No, prawie.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-important\">\r\n\r\n <span class=\"faq-important-label\">\r\n Wa\u017cne przed zakupem\r\n <\/span>\r\n\r\n <h3>\r\n Bilet kupujesz online, miejsce rezerwujesz osobno\r\n <\/h3>\r\n\r\n <p>\r\n Kupuj\u0105c bilet, nie wybierasz konkretnej daty ani godziny rejsu.\r\n Po zakupie nale\u017cy zarezerwowa\u0107 miejsce telefonicznie lub mailowo,\r\n najlepiej co najmniej dzie\u0144 wcze\u015bniej.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-list\">\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy kupuj\u0105c bilet wybieram konkretn\u0105 dat\u0119 rejsu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Nie. Kupuj\u0105c bilet online, nie wybierasz konkretnej daty\r\n ani godziny rejsu. Bilet mo\u017cesz wykorzysta\u0107 w dogodnym\r\n terminie w okresie jego wa\u017cno\u015bci.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy po zakupie biletu musz\u0119 zarezerwowa\u0107 miejsce?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Tak. Po zakupie biletu skontaktuj si\u0119 z nami telefonicznie\r\n lub mailowo i zarezerwuj miejsce na wybrany rejs.\r\n Najlepiej zrobi\u0107 to <strong>co najmniej dzie\u0144 wcze\u015bniej<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Mo\u017cesz r\u00f3wnie\u017c przyj\u015b\u0107 na przysta\u0144 bez wcze\u015bniejszej\r\n rezerwacji, jednak wtedy skorzystanie z biletu b\u0119dzie\r\n mo\u017cliwe dopiero na najbli\u017cszym rejsie, na kt\u00f3rym b\u0119d\u0105\r\n dost\u0119pne wolne miejsca.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Jak zarezerwowa\u0107 termin rejsu po zakupie biletu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Po zakupie biletu skontaktuj si\u0119 z naszym koordynatorem\r\n telefonicznie lub mailowo. Ustalicie wsp\u00f3lnie termin,\r\n godzin\u0119 oraz przysta\u0144, z kt\u00f3rej rozpoczniesz rejs.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Jak d\u0142ugo wa\u017cny jest bilet?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilet na rejs dzienny mo\u017cesz wykorzysta\u0107\r\n <strong>do 27 wrze\u015bnia<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"faq-item\">\r\n <summary>\r\nCzy mo\u017cna dop\u0142yn\u0105\u0107 statkiem do ZOO?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>Tak. Istnieje mo\u017cliwo\u015b\u0107 zako\u0144czenia rejsu <strong>przy przystani za wroc\u0142awskim ZOO,<\/strong> w pobli\u017cu Bramy Japo\u0144skiej \u2013 sezonowego wej\u015bcia od strony Odry.\r\n\r\nTo wygodna opcja, je\u015bli planujesz po\u0142\u0105czy\u0107 rejs ze zwiedzaniem ZOO. Przy Bramie Japo\u0144skiej kolejki s\u0105 zazwyczaj kr\u00f3tsze ni\u017c przy wej\u015bciu g\u0142\u00f3wnym, wi\u0119c mo\u017cesz zej\u015b\u0107 ze statku i od razu ruszy\u0107 na zwiedzanie.\r\n \r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Z kt\u00f3rych przystani odp\u0142ywaj\u0105 statki?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <p>\r\n Nasze statki odp\u0142ywaj\u0105 z czterech przystani w centrum Wroc\u0142awia.\r\n Kliknij wybran\u0105 lokalizacj\u0119, aby otworzy\u0107 j\u0105 w Google Maps:\r\n <\/p>\r\n\r\n <ul class=\"faq-marinas\">\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/AfVYUxFDdz7ytRUr6\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Pod Mostem\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/LZ26YzdSjmEBZKGp9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Tumska\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/k3QQjjpKGyiufU8H9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Mi\u0142o\u015bci\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/3rNakBi358WKkoBQ9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Piaskowa\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\"> \r\n <summary>\r\n Jakie statki kursuj\u0105 latem?\r\n <\/summary>\r\n\r\n \r\n<div class=\"faq-answer\">\r\n <p>\r\n Latem kursuj\u0105 wszystkie nasze statki: <strong>Kaczuszka, Pirat, Bolek, California, Lolek, Miami, Orlando i Ibiza<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Rezerwuj\u0105c mailowo lub telefonicznie godzin\u0119 rejsu, koordynator poinformuje Ci\u0119,\r\n kt\u00f3re jednostki danego dnia obs\u0142uguj\u0105 rejsy z przystani,\r\n z kt\u00f3rej chcesz rozpocz\u0105\u0107 wodn\u0105 przygod\u0119 z TURIZMO.\r\n <\/p>\r\n<\/div>\r\n \r\n<\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Na jakie statki kupuj\u0119 bilet na tej stronie?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilety dost\u0119pne na tej stronie dotycz\u0105 rejs\u00f3w naszymi\r\n mniejszymi jednostkami kursuj\u0105cymi po Starym Mie\u015bcie.\r\n <\/p>\r\n\r\n <p>\r\n Wi\u0119kszo\u015b\u0107 z nich zabiera maksymalnie\r\n <strong>12 pasa\u017cer\u00f3w<\/strong>. Wyj\u0105tkiem jest Kaczuszka,\r\n kt\u00f3ra mo\u017ce zabra\u0107 na pok\u0142ad maksymalnie\r\n <strong>55 os\u00f3b<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Konkretna jednostka zale\u017cy od rozk\u0142adu i dost\u0119pno\u015bci statk\u00f3w\r\n w danym dniu.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile kosztuje bilet na rejs dzienny?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <ul>\r\n <li>\r\n <strong>0 z\u0142<\/strong> \u2014 dzieci do 3. roku \u017cycia\r\n <\/li>\r\n\r\n <li>\r\n <strong>60 z\u0142<\/strong> \u2014 bilet ulgowy dla os\u00f3b\r\n od 3 do 18 lat\r\n <\/li>\r\n\r\n <li>\r\n <strong>65 z\u0142<\/strong> \u2014 uczniowie i studenci\r\n od 18 do 26 lat oraz seniorzy powy\u017cej 65 lat\r\n <\/li>\r\n\r\n <li>\r\n <strong>70 z\u0142<\/strong> \u2014 bilet normalny\r\n dla os\u00f3b od 18 do 65 lat\r\n <\/li>\r\n <\/ul>\r\n\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy osoby z orzeczeniem o niepe\u0142nosprawno\u015bci maj\u0105 zni\u017ck\u0119?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Tak. Na rejsach dziennych osoby z orzeczeniem\r\n o niepe\u0142nosprawno\u015bci korzystaj\u0105 z rejsu\r\n <strong>w cenie biletu ulgowego<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile kosztuje rejs nocny lub wieczorny?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilet na rejs nocny lub wieczorny kosztuje\r\n <strong>70 z\u0142 za osob\u0119<\/strong>.\r\n Na tych rejsach nie obowi\u0105zuj\u0105 zni\u017cki.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile trwa rejs?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Rejs dzienny trwa oko\u0142o <strong>45 minut<\/strong>.\r\n To wystarczaj\u0105co d\u0142ugo, \u017ceby zobaczy\u0107 jedn\u0105 z naj\u0142adniejszych\r\n cz\u0119\u015bci Wroc\u0142awia od strony Odry, a jednocze\u015bnie bez\r\n konieczno\u015bci planowania p\u00f3\u0142 dnia.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Co zobaczymy podczas rejsu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Trasa prowadzi przez jedn\u0105 z najbardziej widokowych cz\u0119\u015bci\r\n Wroc\u0142awia. W zale\u017cno\u015bci od miejsca rozpocz\u0119cia rejsu\r\n zobaczysz mi\u0119dzy innymi Ostr\u00f3w Tumski, Most Tumski,\r\n Wysp\u0119 Daliow\u0105 z instalacj\u0105 NAWA, Uniwersytet Wroc\u0142awski,\r\n Zatok\u0119 Gondoli, zabytkowe nabrze\u017ca i nadodrza\u0144skie bulwary.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\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-383b800 e-con-full e-flex e-con e-parent\" data-id=\"383b800\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eae61d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3eae61d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n.turizmo-divider-section {\r\n position: relative;\r\n padding: 130px 20px;\r\n background-image: linear-gradient(180deg, rgba(18, 59, 74, 0.45) 0%, rgba(18, 59, 74, 0.7) 100%), url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-po-odrze1.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-divider-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n margin-bottom: 22px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.turizmo-divider-title {\r\n margin: 0 !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(52px, 6.5vw, 90px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n font-style: italic;\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .turizmo-divider-section {\r\n padding: 95px 16px;\r\n background-attachment: scroll;\r\n }\r\n .turizmo-divider-title {\r\n font-size: 42px !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"turizmo-divider-section\" id=\"zostaw-miasto\">\r\n <div class=\"turizmo-divider-inner\">\r\n <div class=\"turizmo-divider-badge\">Zostaw miasto na brzegu<\/div>\r\n <h2 class=\"turizmo-divider-title\">DO ZOBACZENIA NA POK\u0141ADZIE!<\/h2>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85a99fd e-con-full e-flex e-con e-parent\" data-id=\"85a99fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-666cf51 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"666cf51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"kup-bilet\"><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e97cc6b e-con-full e-flex e-con e-parent\" data-id=\"e97cc6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a94b6a2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a94b6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"bilety\"><\/span>\n\n<iframe id=\"dl-widget\" style=\"border: 0;width: 100%!important;padding: 0;margin: 0 auto;min-height: 200px;max-width: 1000px;display:block;\" src=\"https:\/\/widget.droplabs.pl\/index.html?facilityId=837&onlineGroupId=15638\"><\/iframe>\n<script type=\"text\/javascript\" src=\"https:\/\/widget.droplabs.pl\/widget.js\"><\/script>\n\n\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>Rejsy po Odrze we Wroc\u0142awiu Wroc\u0142aw z najpi\u0119kniejszej perspektywy Wyj\u0105tkowe rejsy po Odrze Wybierz sw\u00f3j rejs, kup bilet online i […]<\/p>\n","protected":false},"author":3,"featured_media":603,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"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":"","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-399","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":235,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399\/revisions\/745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/media\/603"}],"wp:attachment":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/media?parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Rejsy po Odrze we Wroc\u0142awiu<\/title>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"turizmo-ai-page\" id=\"top\">\r\n\r\n <main>\r\n\r\n \r\n <section class=\"turizmo-hero\">\r\n\r\n <div class=\"turizmo-hero-content\">\r\n\r\n <div class=\"turizmo-hero-copy\">\r\n\r\n <div class=\"turizmo-eyebrow\">\r\n Wroc\u0142aw z najpi\u0119kniejszej perspektywy\r\n <\/div>\r\n\r\n <h1>\r\n Wyj\u0105tkowe rejsy po Odrze\r\n <\/h1>\r\n\r\n <p class=\"turizmo-lead\">\r\n Wybierz sw\u00f3j rejs, kup bilet online i poznaj Wroc\u0142aw\r\n z perspektywy niedost\u0119pnej z l\u0105du. Historyczne mosty,\r\n majestatyczny Ostr\u00f3w Tumski i niepowtarzalny klimat\r\n stolicy Dolnego \u015al\u0105ska.\r\n <\/p>\r\n\r\n <div class=\"turizmo-cta-row\">\r\n\r\n <a class=\"turizmo-btn\" href=\"#kup-bilet\">\r\n Kup bilet online\r\n <\/a>\r\n\r\n <a class=\"turizmo-btn turizmo-btn-ghost\" href=\"#trasa\">\r\n Sprawd\u017a tras\u0119 rejs\u00f3w\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"turizmo-glass-section\">\r\n\r\n <div class=\"turizmo-wrap turizmo-floating-cards\">\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \u26f4\ufe0f\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy widokowe\r\n <\/h3>\r\n\r\n <p>\r\n Tw\u00f3j idealny plan na zwiedzanie. Komfortowy pok\u0142ad,\r\n profesjonalna obs\u0142uga i panorama miasta,\r\n kt\u00f3ra zapiera dech w piersiach.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \ud83c\udf05\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy o zachodzie s\u0142o\u0144ca\r\n <\/h3>\r\n\r\n <p>\r\n Romantyczna sceneria na wodzie. Idealny wyb\u00f3r na randk\u0119\r\n lub wyj\u0105tkowy wiecz\u00f3r, gdy s\u0142o\u0144ce leniwie chowa si\u0119\r\n za horyzontem.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <article class=\"turizmo-glass-card\">\r\n\r\n <div class=\"turizmo-icon\">\r\n \ud83c\udf19\r\n <\/div>\r\n\r\n <h3>\r\n Rejsy nocne\r\n <\/h3>\r\n\r\n <p>\r\n Magia miejskich iluminacji. Poznaj spokojniejsze oblicze\r\n miasta i poczuj koj\u0105cy rytm Wroc\u0142awia po zmroku.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n .turizmo-ai-page {\r\n\r\n --navy: #062f45;\r\n --deep: #031b29;\r\n --blue: #0879a7;\r\n --cyan: #49c8ef;\r\n --sand: #fff2d3;\r\n --sun: #ffb84d;\r\n --white: #ffffff;\r\n --ink: #173240;\r\n --muted: #6d818a;\r\n\r\n --shadow: 0 24px 80px rgba(3, 27, 41, .26);\r\n\r\n \/* Zdj\u0119cie Hero *\/\r\n --hero: url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-wroclaw.png');\r\n\r\n font-family:\r\n Inter,\r\n ui-sans-serif,\r\n system-ui,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n sans-serif;\r\n\r\n background: #f7fbfd;\r\n color: var(--ink);\r\n\r\n line-height: 1.55;\r\n\r\n margin: 0;\r\n\r\n overflow-x: hidden;\r\n }\r\n\r\n\r\n .turizmo-ai-page *,\r\n .turizmo-ai-page *::before,\r\n .turizmo-ai-page *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n\r\n .turizmo-ai-page a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n HERO\r\n ========================================================= *\/\r\n\r\n .turizmo-hero {\r\n\r\n position: relative;\r\n\r\n min-height: 100vh;\r\n\r\n display: grid;\r\n align-items: end;\r\n\r\n overflow: hidden;\r\n\r\n color: #ffffff;\r\n background: #061f2d;\r\n }\r\n\r\n\r\n \/* T\u0141O HERO *\/\r\n\r\n .turizmo-hero::before {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n inset: 0;\r\n\r\n background-image:\r\n\r\n linear-gradient(\r\n 105deg,\r\n rgba(3, 27, 41, .94) 0%,\r\n rgba(3, 27, 41, .70) 36%,\r\n rgba(3, 27, 41, .24) 70%,\r\n rgba(3, 27, 41, .54) 100%\r\n ),\r\n\r\n var(--hero);\r\n\r\n background-size: cover;\r\n\r\n background-position: center;\r\n\r\n background-attachment: fixed;\r\n\r\n transform: scale(1.04);\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n \/* PRZEJ\u015aCIE HERO \u2192 KOLEJNA SEKCJA *\/\r\n\r\n .turizmo-hero::after {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n height: 240px;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n #f7fbfd,\r\n transparent\r\n );\r\n\r\n pointer-events: none;\r\n }\r\n\r\n\r\n\r\n \/* TRE\u015a\u0106 HERO *\/\r\n\r\n .turizmo-hero-content {\r\n\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n width: 100%;\r\n max-width: 1240px;\r\n\r\n margin: 0 auto;\r\n\r\n padding:\r\n 150px\r\n 28px\r\n 90px;\r\n }\r\n\r\n\r\n .turizmo-hero-copy {\r\n\r\n max-width: 930px;\r\n }\r\n\r\n\r\n .turizmo-eyebrow {\r\n\r\n margin-bottom: 18px;\r\n\r\n color: #82e6ff;\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n\r\n letter-spacing: .18em;\r\n\r\n text-transform: uppercase;\r\n }\r\n\r\n\r\n .turizmo-hero h1 {\r\n\r\n max-width: 930px;\r\n\r\n margin:\r\n 0\r\n 0\r\n 24px;\r\n\r\n color: #ffffff;\r\n\r\n font-family:\r\n Montserrat,\r\n Inter,\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 54px,\r\n 8.5vw,\r\n 110px\r\n );\r\n\r\n font-weight: 800;\r\n\r\n line-height: .86;\r\n\r\n letter-spacing: -.07em;\r\n }\r\n\r\n\r\n .turizmo-lead {\r\n\r\n max-width: 690px;\r\n\r\n margin:\r\n 0\r\n 0\r\n 30px;\r\n\r\n color:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .86\r\n );\r\n\r\n font-size: 21px;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n BUTTONY\r\n ========================================================= *\/\r\n\r\n .turizmo-cta-row {\r\n\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n\r\n align-items: center;\r\n\r\n gap: 14px;\r\n }\r\n\r\n\r\n .turizmo-btn {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n padding:\r\n 14px\r\n 24px;\r\n\r\n border: 0;\r\n\r\n border-radius: 999px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--sun),\r\n #ffd67c\r\n );\r\n\r\n color: #182631;\r\n\r\n font-weight: 900;\r\n\r\n white-space: nowrap;\r\n\r\n box-shadow:\r\n 0\r\n 13px\r\n 30px\r\n rgba(\r\n 255,\r\n 184,\r\n 77,\r\n .34\r\n );\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n background .25s ease;\r\n\r\n position: relative;\r\n\r\n z-index: 3;\r\n }\r\n\r\n\r\n .turizmo-btn:hover {\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n box-shadow:\r\n 0\r\n 18px\r\n 38px\r\n rgba(\r\n 255,\r\n 184,\r\n 77,\r\n .42\r\n );\r\n }\r\n\r\n\r\n .turizmo-btn-ghost {\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .12\r\n );\r\n\r\n color: #ffffff;\r\n\r\n border:\r\n 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .32\r\n );\r\n\r\n box-shadow: none;\r\n\r\n backdrop-filter:\r\n blur(8px);\r\n }\r\n\r\n\r\n .turizmo-btn-ghost:hover {\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .22\r\n );\r\n\r\n box-shadow: none;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n KAFLE POD HERO\r\n ========================================================= *\/\r\n\r\n .turizmo-glass-section {\r\n\r\n position: relative;\r\n\r\n z-index: 4;\r\n\r\n margin-top: -10px;\r\n\r\n padding:\r\n 0\r\n 28px\r\n 92px;\r\n\r\n background: #f7fbfd;\r\n }\r\n\r\n\r\n .turizmo-wrap {\r\n\r\n width: 100%;\r\n\r\n max-width: 1240px;\r\n\r\n margin: 0 auto;\r\n }\r\n\r\n\r\n .turizmo-floating-cards {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(\r\n 3,\r\n minmax(0, 1fr)\r\n );\r\n\r\n gap: 18px;\r\n }\r\n\r\n\r\n .turizmo-glass-card {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n height: 100%;\r\n\r\n min-width: 0;\r\n\r\n padding: 25px;\r\n\r\n border:\r\n 1px solid\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .7\r\n );\r\n\r\n border-radius: 26px;\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .84\r\n );\r\n\r\n backdrop-filter:\r\n blur(14px);\r\n\r\n box-shadow:\r\n 0\r\n 18px\r\n 55px\r\n rgba(\r\n 3,\r\n 27,\r\n 41,\r\n .12\r\n );\r\n }\r\n\r\n\r\n .turizmo-icon {\r\n\r\n margin-bottom: 12px;\r\n\r\n font-size: 31px;\r\n }\r\n\r\n\r\n .turizmo-glass-card h3 {\r\n\r\n margin:\r\n 0\r\n 0\r\n 11px;\r\n\r\n color: var(--navy);\r\n\r\n font-family:\r\n Montserrat,\r\n Inter,\r\n sans-serif;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.05;\r\n\r\n letter-spacing: -.03em;\r\n }\r\n\r\n\r\n .turizmo-glass-card p {\r\n\r\n margin: 0;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1050px) {\r\n\r\n .turizmo-floating-cards {\r\n\r\n grid-template-columns:\r\n repeat(\r\n 2,\r\n minmax(0, 1fr)\r\n );\r\n }\r\n\r\n\r\n .turizmo-glass-card:last-child {\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n width:\r\n calc(\r\n 50% - 9px\r\n );\r\n\r\n justify-self: center;\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n \/* =========================================================\r\n MOBILE\r\n ========================================================= *\/\r\n\r\n @media (max-width: 680px) {\r\n\r\n .turizmo-hero {\r\n\r\n min-height: 92vh;\r\n }\r\n\r\n\r\n .turizmo-hero::before {\r\n\r\n \/*\r\n Fixed background na telefonach potrafi dzia\u0142a\u0107 fatalnie.\r\n Dlatego na mobile wy\u0142\u0105czamy efekt parallax.\r\n *\/\r\n\r\n background-attachment: scroll;\r\n\r\n background-position: center;\r\n }\r\n\r\n\r\n .turizmo-hero-content {\r\n\r\n padding:\r\n 130px\r\n 18px\r\n 70px;\r\n }\r\n\r\n\r\n .turizmo-hero h1 {\r\n\r\n font-size:\r\n clamp(\r\n 48px,\r\n 16vw,\r\n 72px\r\n );\r\n }\r\n\r\n\r\n .turizmo-lead {\r\n\r\n font-size: 18px;\r\n }\r\n\r\n\r\n .turizmo-btn {\r\n\r\n width: 100%;\r\n }\r\n\r\n\r\n .turizmo-glass-section {\r\n\r\n padding:\r\n 0\r\n 18px\r\n 70px;\r\n }\r\n\r\n\r\n .turizmo-floating-cards {\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n\r\n .turizmo-glass-card:last-child {\r\n\r\n grid-column: auto;\r\n\r\n width: 100%;\r\n\r\n justify-self: stretch;\r\n }\r\n\r\n }\r\n\r\n<\/style>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1880dfb e-con-full e-flex e-con e-child\" data-id=\"1880dfb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-549c316 elementor-widget elementor-widget-html\" data-id=\"549c316\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.why-turizmo-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --text-muted: #4A5D64;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n\r\n position: relative;\r\n padding: 100px 20px;\r\n overflow: visible;\r\n background:\r\n radial-gradient(circle at 8% 12%, rgba(217,240,244,.62) 0%, rgba(217,240,244,0) 30%),\r\n linear-gradient(180deg, #FFFFFF 0%, var(--sand) 100%);\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.why-turizmo-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.why-turizmo-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 1.02fr 1fr;\r\n gap: 88px;\r\n align-items: start;\r\n}\r\n\r\n\/* =========================================================\r\n LEWA KOLUMNA \u2014 NOWOCZESNA GALERIA EDITORIAL \/ BENTO\r\n Zdj\u0119cia zachowuj\u0105 naturalne proporcje i nie s\u0105 kadrowane.\r\n ========================================================= *\/\r\n\r\n.why-visual-container {\r\n position: sticky;\r\n top: 110px;\r\n}\r\n\r\n.why-visual {\r\n display: grid;\r\n grid-template-columns: 1.5fr .82fr;\r\n gap: 16px;\r\n align-items: start;\r\n height: auto;\r\n}\r\n\r\n.why-image-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n\r\n.why-image {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--blue-soft);\r\n border-radius: 28px;\r\n box-shadow: 0 22px 54px rgba(18,59,74,.10);\r\n}\r\n\r\n.why-image-main {\r\n border-radius: 34px;\r\n}\r\n\r\n.why-image-top,\r\n.why-image-bottom {\r\n border-radius: 26px;\r\n}\r\n\r\n\/* KLUCZOWE:\r\n brak sztywnej wysoko\u015bci i brak object-fit: cover *\/\r\n.why-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-width: 100%;\r\n object-fit: initial;\r\n\r\n transition: transform .7s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n.why-image:hover img {\r\n transform: scale(1.025);\r\n}\r\n\r\n\/* Delikatne wyko\u0144czenie zdj\u0119\u0107 *\/\r\n.why-image::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(18,59,74,0) 68%,\r\n rgba(18,59,74,.08) 100%\r\n );\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\/* Subtelny podpis na g\u0142\u00f3wnym zdj\u0119ciu *\/\r\n.why-image-caption {\r\n position: absolute;\r\n left: 22px;\r\n bottom: 22px;\r\n z-index: 3;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 10px 16px;\r\n\r\n border: 1px solid rgba(255,255,255,.82);\r\n border-radius: 999px;\r\n\r\n background: rgba(255,255,255,.88);\r\n\r\n color: var(--dark-navy);\r\n\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.7px;\r\n text-transform: uppercase;\r\n\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n\r\n box-shadow: 0 10px 28px rgba(18,59,74,.10);\r\n}\r\n\r\n\/* =========================================================\r\n PRAWA KOLUMNA \u2014 TRE\u015a\u0106\r\n ========================================================= *\/\r\n\r\n.why-content {\r\n min-width: 0;\r\n}\r\n\r\n.why-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 10px 20px;\r\n margin-bottom: 24px;\r\n\r\n background: rgba(0,142,163,.10);\r\n border: 1px solid rgba(0,142,163,.12);\r\n border-radius: 999px;\r\n\r\n color: var(--primary-teal);\r\n\r\n font-size: 11px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 2.2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.why-title {\r\n margin: 0 0 24px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(44px, 4.7vw, 70px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -.5px;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.why-lead {\r\n margin: 0 0 42px;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 17px;\r\n line-height: 1.78;\r\n font-weight: 400;\r\n}\r\n\r\n.why-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n}\r\n\r\n.why-card {\r\n display: grid;\r\n grid-template-columns: 58px 1fr;\r\n gap: 18px;\r\n align-items: start;\r\n\r\n padding: 24px;\r\n\r\n background: rgba(255,255,255,.92);\r\n border: 1px solid rgba(0,142,163,.09);\r\n border-radius: 24px;\r\n\r\n box-shadow: 0 12px 30px rgba(18,59,74,.045);\r\n\r\n transition:\r\n transform .28s ease,\r\n border-color .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.why-card:hover {\r\n transform: translateY(-3px);\r\n border-color: rgba(0,142,163,.22);\r\n box-shadow: 0 20px 42px rgba(18,59,74,.08);\r\n}\r\n\r\n.why-icon {\r\n width: 54px;\r\n height: 54px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 17px;\r\n\r\n background: var(--sand);\r\n box-shadow: inset 0 0 0 1px rgba(0,142,163,.06);\r\n\r\n font-size: 24px;\r\n line-height: 1;\r\n}\r\n\r\n.why-card h3 {\r\n margin: 1px 0 8px !important;\r\n\r\n color: var(--dark-navy) !important;\r\n\r\n font-size: 14px !important;\r\n line-height: 1.35 !important;\r\n font-weight: 800 !important;\r\n letter-spacing: .2px;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n.why-card p {\r\n margin: 0;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 14px;\r\n line-height: 1.68;\r\n font-weight: 400;\r\n}\r\n\r\n.why-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-top: 34px;\r\n padding: 17px 30px;\r\n\r\n border-radius: 999px;\r\n\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n\r\n box-shadow: 0 14px 30px rgba(0,142,163,.22);\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 12px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.3px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform .28s ease,\r\n background .28s ease,\r\n box-shadow .28s ease;\r\n}\r\n\r\n.why-btn-primary:hover {\r\n transform: translateY(-3px);\r\n\r\n background: var(--primary-dark) !important;\r\n\r\n box-shadow: 0 18px 36px rgba(0,142,163,.30);\r\n}\r\n\r\n\/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 1150px) {\r\n\r\n .why-turizmo-inner {\r\n grid-template-columns: 1fr;\r\n gap: 58px;\r\n }\r\n\r\n .why-visual-container {\r\n position: relative;\r\n top: auto;\r\n }\r\n\r\n .why-visual {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n\r\n grid-template-columns: 1.45fr .85fr;\r\n gap: 16px;\r\n }\r\n\r\n .why-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n MOBILE \/ TABLET PIONOWY\r\n ========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n .why-turizmo-section {\r\n padding: 74px 16px;\r\n }\r\n\r\n .why-turizmo-inner {\r\n gap: 46px;\r\n }\r\n\r\n .why-visual {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .why-image-stack {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .why-image-main {\r\n border-radius: 28px;\r\n }\r\n\r\n .why-image-top,\r\n .why-image-bottom {\r\n border-radius: 22px;\r\n }\r\n\r\n .why-image-caption {\r\n left: 16px;\r\n bottom: 16px;\r\n\r\n padding: 9px 13px;\r\n\r\n font-size: 9px;\r\n letter-spacing: 1.3px;\r\n }\r\n\r\n .why-label {\r\n margin-bottom: 20px;\r\n\r\n font-size: 10px;\r\n letter-spacing: 1.9px;\r\n }\r\n\r\n .why-title {\r\n font-size: clamp(40px, 11vw, 56px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .why-lead {\r\n margin-bottom: 34px;\r\n\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .why-card {\r\n grid-template-columns: 50px 1fr;\r\n gap: 15px;\r\n\r\n padding: 21px 19px;\r\n\r\n border-radius: 22px;\r\n }\r\n\r\n .why-icon {\r\n width: 48px;\r\n height: 48px;\r\n\r\n border-radius: 15px;\r\n\r\n font-size: 21px;\r\n }\r\n\r\n .why-btn-primary {\r\n width: 100%;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n MA\u0141Y TELEFON\r\n ========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .why-turizmo-section {\r\n padding: 64px 16px;\r\n }\r\n\r\n .why-image-stack {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .why-image-caption {\r\n left: 14px;\r\n bottom: 14px;\r\n\r\n padding: 8px 11px;\r\n\r\n font-size: 8px;\r\n letter-spacing: 1.1px;\r\n }\r\n\r\n .why-card {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .why-icon {\r\n margin: 0 auto;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"why-turizmo-section\" id=\"dlaczego-turizmo\">\r\n\r\n <div class=\"why-turizmo-inner\">\r\n\r\n \r\n\r\n <div class=\"why-visual-container\">\r\n\r\n <div class=\"why-visual\">\r\n\r\n \r\n <div class=\"why-image why-image-main\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsy-po-odrze-wroclaw.png\"\r\n alt=\"Rejs po Odrze we Wroc\u0142awiu\"\r\n >\r\n\r\n \r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"why-image-stack\">\r\n\r\n <div class=\"why-image why-image-top\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-po-Odrze-ludzie.png\"\r\n alt=\"Pasa\u017cerowie podczas rejsu po Odrze\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"why-image why-image-bottom\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsypo-odrze-ludzie.png\"\r\n alt=\"Relaks na pok\u0142adzie statku we Wroc\u0142awiu\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"why-content\">\r\n\r\n <span class=\"why-label\">\r\n Tw\u00f3j czas relaksu\r\n <\/span>\r\n\r\n <h2 class=\"why-title\">\r\n Rejsy zaprojektowane dla Twojego komfortu\r\n <\/h2>\r\n\r\n <p class=\"why-lead\">\r\n Wierzymy, \u017ce czas sp\u0119dzony na Odrze to chwila na g\u0142\u0119boki oddech.\r\n Dlatego dbamy o Tw\u00f3j komfort od pierwszego kroku na pok\u0142adzie.\r\n Bezpieczne statki, go\u015bcinna za\u0142oga i trasy, kt\u00f3re pokazuj\u0105\r\n najpi\u0119kniejsze oblicze Wroc\u0142awia.\r\n <\/p>\r\n\r\n\r\n <div class=\"why-cards\">\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \u2693\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Flota dopasowana do Ciebie\r\n <\/h3>\r\n\r\n <p>\r\n Od kameralnych katamaran\u00f3w po przestronne statki pasa\u017cerskie.\r\n Niezale\u017cnie od wyboru, na pok\u0142adzie czekaj\u0105 na Ciebie wygoda,\r\n bezpiecze\u0144stwo i widoki, kt\u00f3re na d\u0142ugo zostan\u0105 w pami\u0119ci.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \ud83d\udccd\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n 4 przystanie w sercu miasta\r\n <\/h3>\r\n\r\n <p>\r\n Zacznij rejs tam, gdzie Ci najwygodniej.\r\n Nasze przystanie znajduj\u0105 si\u0119 przy najwa\u017cniejszych zabytkach\r\n i najpi\u0119kniejszych bulwarach Wroc\u0142awia.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \ud83c\udf0a\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Wroc\u0142aw w pigu\u0142ce: 45 minut magii\r\n <\/h3>\r\n\r\n <p>\r\n Odkryj historyczny Ostr\u00f3w Tumski, zabytkowe mosty\r\n i zielone zakola rzeki. To esencja Wroc\u0142awia ogl\u0105danego\r\n z perspektywy Odry.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n <h3>\r\n Bilet w telefonie, rejs pod r\u0119k\u0105\r\n <\/h3>\r\n\r\n <p>\r\n Kup bilet online, a nast\u0119pnie zarezerwuj dogodny termin\r\n telefonicznie lub mailowo. My potwierdzimy miejsce,\r\n godzin\u0119 i przysta\u0144.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#bilety\"\r\n class=\"why-btn-primary\"\r\n >\r\n Kup bilet online\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52fde4d e-flex e-con-boxed e-con e-parent\" data-id=\"52fde4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e3e3c0 elementor-widget elementor-widget-html\" data-id=\"9e3e3c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.ticket-process-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n padding: 110px 20px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n background:\r\n radial-gradient(circle at 10% 12%, rgba(217,240,244,.88) 0%, rgba(217,240,244,0) 34%),\r\n radial-gradient(circle at 92% 88%, rgba(0,142,163,.09) 0%, rgba(0,142,163,0) 31%),\r\n linear-gradient(180deg, #F9FDFE 0%, #FFF8EF 100%);\r\n}\r\n\r\n.ticket-process-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n}\r\n\r\n.ticket-process-header {\r\n max-width: 900px;\r\n margin: 0 auto 62px;\r\n text-align: center;\r\n}\r\n\r\n.ticket-process-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n margin-bottom: 24px;\r\n background: rgba(217,240,244,.86);\r\n border: 1px solid rgba(0,142,163,.16);\r\n border-radius: 999px;\r\n box-shadow: 0 10px 28px rgba(18,59,74,.06);\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-process-title {\r\n margin: 0 0 24px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(44px, 5.5vw, 76px) !important;\r\n line-height: .98 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -.5px;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-process-desc {\r\n max-width: 820px;\r\n margin: 0 auto !important;\r\n color: var(--text-muted) !important;\r\n font-size: clamp(16px, 1.7vw, 19px) !important;\r\n line-height: 1.82 !important;\r\n}\r\n\r\n.ticket-process-desc strong,\r\n.ticket-step-text strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-process-grid {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 24px;\r\n}\r\n\r\n.ticket-process-grid::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 44px;\r\n left: 16.7%;\r\n right: 16.7%;\r\n height: 2px;\r\n background: linear-gradient(90deg, rgba(0,142,163,.12), rgba(0,142,163,.48), rgba(0,142,163,.12));\r\n}\r\n\r\n.ticket-step {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 350px;\r\n padding: 38px 28px 30px;\r\n box-sizing: border-box;\r\n background: rgba(255,255,255,.92);\r\n border: 1px solid rgba(0,142,163,.14);\r\n border-radius: 30px;\r\n box-shadow: 0 18px 48px rgba(18,59,74,.08);\r\n text-align: center;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-step:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0,142,163,.3);\r\n box-shadow: 0 28px 64px rgba(18,59,74,.13);\r\n}\r\n\r\n.ticket-step-number {\r\n width: 86px;\r\n height: 86px;\r\n margin: 0 auto 26px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 28px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 42px;\r\n font-weight: 700;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-step:hover .ticket-step-number {\r\n background: var(--primary-teal);\r\n color: #fff;\r\n transform: translateY(-4px) rotate(4deg);\r\n}\r\n\r\n.ticket-step-title {\r\n margin: 0 0 16px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 2.8vw, 40px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-step-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 15px !important;\r\n line-height: 1.72 !important;\r\n}\r\n\r\n.ticket-process-note {\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n align-items: center;\r\n gap: 22px;\r\n margin-top: 34px;\r\n padding: 26px 28px;\r\n background: linear-gradient(135deg, rgba(0,142,163,.96), rgba(0,111,130,.98));\r\n border-radius: 28px;\r\n box-shadow: 0 20px 46px rgba(0,142,163,.24);\r\n color: #fff;\r\n}\r\n\r\n.ticket-process-note-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 19px;\r\n background: rgba(255,255,255,.14);\r\n border: 1px solid rgba(255,255,255,.22);\r\n}\r\n\r\n.ticket-process-note-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.ticket-process-note-title {\r\n margin: 0 0 6px !important;\r\n color: #fff !important;\r\n font-size: 16px !important;\r\n line-height: 1.4 !important;\r\n font-weight: 800 !important;\r\n}\r\n\r\n.ticket-process-note-text {\r\n margin: 0 !important;\r\n color: rgba(255,255,255,.86) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n}\r\n\r\n.ticket-process-note-text strong {\r\n color: #fff;\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-process-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 210px;\r\n padding: 16px 25px;\r\n border-radius: 999px;\r\n background: #fff !important;\r\n color: var(--dark-navy) !important;\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n transition: .28s ease;\r\n}\r\n\r\n.ticket-process-button:hover {\r\n background: var(--sand) !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.ticket-process-details {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 30px;\r\n}\r\n\r\n.ticket-process-detail {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.78);\r\n border: 1px solid rgba(0,142,163,.12);\r\n color: var(--dark-navy);\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.ticket-process-detail-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--primary-teal);\r\n box-shadow: 0 0 0 4px rgba(0,142,163,.1);\r\n}\r\n\r\n@media (max-width: 980px) {\r\n .ticket-process-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 760px;\r\n margin: 0 auto;\r\n }\r\n .ticket-process-grid::before { display: none; }\r\n .ticket-step { min-height: 0; }\r\n .ticket-process-note { grid-template-columns: auto 1fr; }\r\n .ticket-process-button {\r\n grid-column: 1 \/ -1;\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .ticket-process-section { padding: 78px 16px; }\r\n .ticket-process-header { margin-bottom: 44px; }\r\n .ticket-process-label {\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n }\r\n .ticket-process-title {\r\n font-size: clamp(40px, 11vw, 56px) !important;\r\n line-height: 1 !important;\r\n }\r\n .ticket-process-desc {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n .ticket-step {\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n .ticket-step-title { font-size: 34px !important; }\r\n .ticket-process-note {\r\n grid-template-columns: 1fr;\r\n padding: 24px 20px;\r\n text-align: center;\r\n }\r\n .ticket-process-note-icon { margin: 0 auto; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .ticket-process-section { padding: 66px 16px; }\r\n .ticket-process-detail {\r\n width: 100%;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ticket-process-section\" id=\"jak-dziala-bilet\">\r\n <div class=\"ticket-process-inner\">\r\n\r\n <div class=\"ticket-process-header\">\r\n <span class=\"ticket-process-label\">Tw\u00f3j komfort na pierwszym miejscu<\/span>\r\n <h2 class=\"ticket-process-title\">Trzy kroki do Twojego rejsu<\/h2>\r\n <p class=\"ticket-process-desc\">\r\n Aby zapewni\u0107 Ci maksymaln\u0105 elastyczno\u015b\u0107, oddzielili\u015bmy p\u0142atno\u015b\u0107 od wyboru konkretnego terminu. \r\n <strong>Zobacz, jak \u0142atwo zaplanujesz sw\u00f3j czas na wodzie.<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-grid\">\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">1<\/div>\r\n <h3 class=\"ticket-step-title\">Wybierz wariant<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Dokonaj bezpiecznej p\u0142atno\u015bci online. Bilet trafi prosto na Twojego maila w formie otwartego vouchera \u2013 na tym etapie <strong>nie musisz jeszcze deklarowa\u0107 daty rejsu.<\/strong>\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">2<\/div>\r\n <h3 class=\"ticket-step-title\">Zarezerwuj termin<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Kiedy zdecydujesz si\u0119 na rejs, skontaktuj si\u0119 z nami. Zalecamy rezerwacj\u0119 <strong>z jednodniowym wyprzedzeniem<\/strong>, aby zagwarantowa\u0107 sobie miejsce na wybranej przystani.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"ticket-step\">\r\n <div class=\"ticket-step-number\">3<\/div>\r\n <h3 class=\"ticket-step-title\">Wejd\u017a na pok\u0142ad<\/h3>\r\n <p class=\"ticket-step-text\">\r\n Pojaw si\u0119 na ustalonej przystani oko\u0142o 10 minut przed startem. Oka\u017c bilet naszej za\u0142odze na ekranie telefonu, usi\u0105d\u017a wygodnie i <strong>pozw\u00f3l nam zaj\u0105\u0107 si\u0119 reszt\u0105.<\/strong>\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-note\">\r\n <div class=\"ticket-process-note-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M12 10v6\"><\/path>\r\n <path d=\"M12 7h.01\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-process-note-title\">Spontaniczna decyzja o rejsie?<\/h3>\r\n <p class=\"ticket-process-note-text\">\r\n Mo\u017cesz zjawi\u0107 si\u0119 na przystani z biletem bez wcze\u015bniejszej zapowiedzi. Zaprosimy Ci\u0119 na pok\u0142ad, je\u015bli tylko na najbli\u017cszym rejsie b\u0119d\u0105 wolne miejsca. Pami\u0119taj jednak, \u017ce <strong>wy\u0142\u0105cznie rezerwacja daje pe\u0142n\u0105 gwarancj\u0119 terminu.<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"#bilety\" class=\"ticket-process-button\">Kup bilet online<\/a>\r\n <\/div>\r\n\r\n <div class=\"ticket-process-details\">\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Bilet zachowuje wa\u017cno\u015b\u0107 do 27 wrze\u015bnia<\/span>\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Wygodna rezerwacja telefoniczna lub mailowa<\/span>\r\n <span class=\"ticket-process-detail\"><span class=\"ticket-process-detail-dot\"><\/span>Mo\u017cliwo\u015b\u0107 startu z 4 r\u00f3\u017cnych przystani<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-ef97237 e-con-full e-flex e-con e-parent\" data-id=\"ef97237\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73d1851 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"73d1851\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n.turizmo-divider-section {\r\n position: relative;\r\n padding: 130px 20px;\r\n background-image: linear-gradient(180deg, rgba(18, 59, 74, 0.45) 0%, rgba(18, 59, 74, 0.7) 100%), url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-po-odrze.png');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-divider-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n margin-bottom: 22px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.turizmo-divider-title {\r\n margin: 0 !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(52px, 6.5vw, 90px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n font-style: italic;\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .turizmo-divider-section {\r\n padding: 95px 16px;\r\n background-attachment: scroll;\r\n }\r\n .turizmo-divider-title {\r\n font-size: 42px !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"turizmo-divider-section\" id=\"zostaw-miasto\">\r\n <div class=\"turizmo-divider-inner\">\r\n <div class=\"turizmo-divider-badge\">Zostaw miasto na brzegu<\/div>\r\n <h2 class=\"turizmo-divider-title\">I...ODP\u0141Y\u0143 Z NAMI!<\/h2>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-298ec22 e-flex e-con-boxed e-con e-parent\" data-id=\"298ec22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-259b869 elementor-widget elementor-widget-html\" data-id=\"259b869\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.starowka-ships-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 10% 10%, rgba(217, 240, 244, 0.75) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 16%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFF8EF 0%, #FFFFFF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n text-align: center;\r\n overflow: hidden;\r\n}\r\n\r\n.starowka-ships-section::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.starowka-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* --- NAG\u0141\u00d3WEK --- *\/\r\n.starowka-header {\r\n max-width: 920px;\r\n margin: 0 auto 72px auto;\r\n}\r\n\r\n.starowka-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n}\r\n\r\n.starowka-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5.3vw, 72px);\r\n line-height: 0.96;\r\n color: var(--dark-navy);\r\n margin: 0 0 28px 0;\r\n font-weight: 700;\r\n text-transform: none;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.starowka-subtitle {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n max-width: 820px;\r\n margin: 0 auto;\r\n line-height: 1.85;\r\n font-weight: 400;\r\n}\r\n\r\n.starowka-subtitle strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* --- CTA POD TEKSTEM --- *\/\r\n.starowka-cta-wrap {\r\n margin-top: 36px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 14px;\r\n}\r\n\r\n.starowka-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n line-height: 1;\r\n padding: 18px 34px;\r\n border-radius: 999px;\r\n transition: all 0.28s ease;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.28) !important;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border: 1px solid rgba(255, 255, 255, 0.24);\r\n}\r\n\r\n.starowka-btn:hover {\r\n transform: translateY(-3px);\r\n background: var(--primary-dark) !important;\r\n box-shadow: 0 18px 42px rgba(0, 142, 163, 0.38) !important;\r\n}\r\n\r\n.starowka-cta-note {\r\n margin: 0;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n color: var(--text-muted);\r\n font-weight: 700;\r\n}\r\n\r\n\/* --- GRID KART ZE ZDJ\u0118CIAMI --- *\/\r\n.starowka-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 30px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* --- KARTA --- *\/\r\n.ship-photo-card {\r\n background: rgba(255, 255, 255, 0.88);\r\n border-radius: 34px;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n box-shadow: 0 22px 52px rgba(18, 59, 74, 0.08);\r\n transition:\r\n transform 0.36s ease,\r\n box-shadow 0.36s ease,\r\n border-color 0.36s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.ship-photo-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 32px 72px rgba(18, 59, 74, 0.13);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n\/* --- ZDJ\u0118CIE --- *\/\r\n.ship-img-wrapper {\r\n width: 100%;\r\n height: 310px;\r\n overflow: hidden;\r\n position: relative;\r\n background: var(--blue-pale);\r\n}\r\n\r\n.ship-img-wrapper::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(18, 59, 74, 0.00) 46%,\r\n rgba(18, 59, 74, 0.18) 100%\r\n );\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.ship-img-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.95s cubic-bezier(0.2, 1, 0.2, 1);\r\n}\r\n\r\n.ship-photo-card:hover .ship-img-wrapper img {\r\n transform: scale(1.06);\r\n}\r\n\r\n\/* --- TRE\u015a\u0106 KARTY --- *\/\r\n.ship-photo-content {\r\n padding: 36px 30px 40px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.ship-photo-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(32px, 2.8vw, 42px);\r\n line-height: 1;\r\n font-weight: 700;\r\n color: var(--dark-navy);\r\n margin: 0 0 18px 0;\r\n letter-spacing: -0.2px;\r\n text-transform: none;\r\n}\r\n\r\n.ship-photo-desc {\r\n font-size: 15px;\r\n line-height: 1.78;\r\n color: var(--text-muted);\r\n margin: 0;\r\n font-weight: 400;\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media (max-width: 1024px) {\r\n .starowka-ships-section {\r\n padding: 90px 20px;\r\n }\r\n\r\n .starowka-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 28px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 290px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .starowka-ships-section {\r\n padding: 68px 18px;\r\n }\r\n\r\n .starowka-header {\r\n margin-bottom: 48px;\r\n }\r\n\r\n .starowka-badge {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .starowka-title {\r\n font-size: clamp(38px, 11vw, 52px);\r\n line-height: 1;\r\n letter-spacing: -0.2px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .starowka-subtitle {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .starowka-cta-wrap {\r\n margin-top: 30px;\r\n }\r\n\r\n .starowka-btn {\r\n width: 100%;\r\n max-width: 340px;\r\n padding: 17px 24px;\r\n font-size: 13px;\r\n }\r\n\r\n .starowka-cta-note {\r\n font-size: 14px;\r\n }\r\n\r\n .starowka-grid {\r\n grid-template-columns: 1fr;\r\n gap: 26px;\r\n }\r\n\r\n .ship-photo-card {\r\n border-radius: 28px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 260px;\r\n }\r\n\r\n .ship-photo-content {\r\n padding: 32px 24px 36px;\r\n }\r\n\r\n .ship-photo-name {\r\n font-size: 34px;\r\n }\r\n\r\n .ship-photo-desc {\r\n font-size: 14.5px;\r\n line-height: 1.72;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .starowka-ships-section {\r\n padding: 58px 16px;\r\n }\r\n\r\n .ship-img-wrapper {\r\n height: 235px;\r\n }\r\n\r\n .ship-photo-content {\r\n padding: 30px 22px 34px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"starowka-ships-section\">\r\n <div class=\"starowka-container\">\r\n\r\n \r\n <div class=\"starowka-header\">\r\n <span class=\"starowka-badge\">Klimat i historia<\/span>\r\n\r\n <h2 class=\"starowka-title\">Rejsy w rytmie slow<\/h2>\r\n<span id=\"statki\"><\/span>\r\n <p class=\"starowka-subtitle\">\r\n <strong>Zarezerwuj rejs wok\u00f3\u0142 wroc\u0142awskiego Starego Miasta<\/strong> i odkryj Wroc\u0142aw z nowej, spokojnej perspektywy.\r\n Nasze kameralne jednostki zabior\u0105 Ci\u0119 tras\u0105 pe\u0142n\u0105 widok\u00f3w na najpi\u0119kniejsze zabytki, mosty i wyj\u0105tkow\u0105 przyrod\u0119 miasta.\r\n <br><br>\r\n Wejd\u017a na pok\u0142ad, zwolnij tempo i daj si\u0119 poprowadzi\u0107 Odrze.\r\n <\/p>\r\n\r\n <div class=\"starowka-cta-wrap\">\r\n <a href=\"#kup-bilet\" class=\"starowka-btn\">Tw\u00f3j bilet do strefy wolnej od po\u015bpiechu<\/a>\r\n <p class=\"starowka-cta-note\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"starowka-grid\">\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/rejsy.turizmo.pl\/wp-content\/uploads\/2026\/04\/KACZKAlato-e1776978266295.png\" alt=\"Statek Kaczuszka podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Kaczuszka<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Ukochana przez dzieci, zwinna Kaczuszka to ekspertka od wyj\u0105tkowych tras. Dzi\u0119ki swojej konstrukcji przep\u0142ywa pod niskimi, historycznymi mostami, serwuj\u0105c niezapomniane widoki. Oferuje zadaszony pok\u0142ad, idealny, gdy s\u0142o\u0144ce mocniej grzeje, oraz otwart\u0105 przestrze\u0144 na rufie. Bezpiecznie, kameralnie i z u\u015bmiechem.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/rejsypo-odrze-ludzie.png\" alt=\"Katamarany podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Katamarany<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Ameryka\u0144skie katamarany to idealna opcja na kameralny czerwcowy chillout. Oferuj\u0105 wysoki komfort i zadaszenie, kt\u00f3re daje przyjemny cie\u0144. Ich unikalna konstrukcja sprawia, \u017ce jeste\u015b dos\u0142ownie na wyci\u0105gni\u0119cie r\u0119ki od rzeki. Nowoczesny relaks w czystej postaci.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"ship-photo-card\">\r\n <div class=\"ship-img-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Pirat-rejsy-statkami.png\" alt=\"Drewniany statek Pirat podczas rejsu po Odrze we Wroc\u0142awiu\">\r\n <\/div>\r\n\r\n <div class=\"ship-photo-content\">\r\n <h3 class=\"ship-photo-name\">Pirat<\/h3>\r\n\r\n <p class=\"ship-photo-desc\">\r\n Wzorowany na osiemnastowiecznych galarach drewniany Pirat to jednostka, obok kt\u00f3rej trudno przej\u015b\u0107 oboj\u0119tnie. Zapewnia \u015bwietne warunki do odpoczynku: otwart\u0105 przestrze\u0144 widokow\u0105, zadaszon\u0105 lo\u017c\u0119 oraz biesiadne sto\u0142y z wygodnymi siedziskami. To wyb\u00f3r dla tych, kt\u00f3rzy szukaj\u0105 oryginalnych wra\u017ce\u0144 na Odrze.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-6d656a0 e-flex e-con-boxed e-con e-parent\" data-id=\"6d656a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\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-de8371e e-flex e-con-boxed e-con e-parent\" data-id=\"de8371e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe988b elementor-widget elementor-widget-html\" data-id=\"dfe988b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.marinas-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 8% 12%, rgba(217, 240, 244, 0.72) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 14%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFFFFF 0%, #FFF8EF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n}\r\n\r\n.marinas-section::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.marinas-section::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -90px;\r\n top: -90px;\r\n width: 260px;\r\n height: 260px;\r\n border-radius: 50%;\r\n background: rgba(217, 240, 244, 0.55);\r\n filter: blur(16px);\r\n pointer-events: none;\r\n}\r\n\r\n.marinas-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.marinas-header {\r\n text-align: center;\r\n margin: 0 auto 64px;\r\n max-width: 900px;\r\n}\r\n\r\n.marinas-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n margin-bottom: 24px;\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n}\r\n\r\n.marinas-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.2vw, 72px) !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 24px !important;\r\n line-height: 0.98 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.4px;\r\n text-transform: none;\r\n}\r\n\r\n.marinas-desc {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n line-height: 1.85;\r\n font-weight: 400;\r\n margin: 0 auto;\r\n max-width: 820px;\r\n}\r\n\r\n.marinas-desc strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* GRID *\/\r\n.marinas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 22px;\r\n}\r\n\r\n\/* CARD *\/\r\n.marina-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n padding: 36px 22px 28px;\r\n text-align: center;\r\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n box-shadow: 0 18px 44px rgba(18, 59, 74, 0.07);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n box-sizing: border-box;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.marina-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n box-shadow: 0 28px 62px rgba(18, 59, 74, 0.12);\r\n}\r\n\r\n\/* ICON *\/\r\n.marina-icon-wrapper {\r\n width: 66px;\r\n height: 66px;\r\n background: var(--blue-soft);\r\n border-radius: 22px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-bottom: 24px;\r\n transition: all 0.28s ease;\r\n color: var(--primary-teal);\r\n box-shadow: inset 0 0 0 1px rgba(0, 142, 163, 0.10);\r\n}\r\n\r\n.marina-card:hover .marina-icon-wrapper {\r\n background: var(--primary-teal);\r\n color: #ffffff;\r\n transform: translateY(-3px) rotate(6deg);\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.marina-icon-wrapper svg {\r\n width: 30px;\r\n height: 30px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n}\r\n\r\n\/* TEXT *\/\r\n.marina-name {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(28px, 2.4vw, 36px) !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 18px !important;\r\n font-weight: 700 !important;\r\n line-height: 1.02 !important;\r\n text-transform: none;\r\n min-height: 74px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.marina-loc-label {\r\n font-size: 11px;\r\n color: var(--primary-teal);\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n letter-spacing: 1.8px;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.marina-address {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.58;\r\n margin-bottom: 28px;\r\n font-weight: 400;\r\n min-height: 70px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.marina-btn {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n padding: 15px 14px;\r\n background-color: transparent !important;\r\n border: 1px solid rgba(0, 142, 163, 0.28) !important;\r\n color: var(--dark-navy) !important;\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n border-radius: 999px;\r\n transition: all 0.28s ease;\r\n box-sizing: border-box;\r\n}\r\n\r\n.marina-btn:hover {\r\n background-color: var(--primary-teal) !important;\r\n border-color: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* MAPA WSZYSTKICH PRZYSTANI *\/\r\n.marinas-map {\r\n margin-top: 56px;\r\n padding: 10px;\r\n background: rgba(255, 255, 255, 0.92);\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n border-radius: 34px;\r\n box-shadow:\r\n 0 24px 70px rgba(18, 59, 74, 0.12),\r\n 0 4px 16px rgba(18, 59, 74, 0.05);\r\n box-sizing: border-box;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.marinas-map-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n padding: 26px 28px 24px;\r\n}\r\n\r\n.marinas-map-copy {\r\n max-width: 760px;\r\n}\r\n\r\n.marinas-map-label {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--primary-teal);\r\n font-size: 11px;\r\n line-height: 1.4;\r\n font-weight: 800;\r\n letter-spacing: 2.2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.marinas-map-title {\r\n margin: 0 0 10px !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(34px, 4vw, 50px) !important;\r\n line-height: 1.04 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.3px;\r\n color: var(--dark-navy) !important;\r\n text-transform: none;\r\n}\r\n\r\n.marinas-map-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 15px !important;\r\n line-height: 1.72 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.marinas-map-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n min-width: 230px;\r\n padding: 16px 24px;\r\n border-radius: 999px;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n font-size: 12px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.26);\r\n transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;\r\n}\r\n\r\n.marinas-map-button:hover {\r\n background: var(--primary-dark) !important;\r\n color: #ffffff !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 18px 38px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n.marinas-map-frame {\r\n position: relative;\r\n width: 100%;\r\n height: clamp(460px, 52vw, 620px);\r\n overflow: hidden;\r\n border-radius: 26px;\r\n background: var(--blue-soft);\r\n}\r\n\r\n.marinas-map-frame iframe {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1100px) {\r\n .marinas-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 22px;\r\n }\r\n\r\n .marina-name {\r\n min-height: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .marinas-section {\r\n padding: 76px 16px;\r\n }\r\n\r\n .marinas-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .marinas-subtitle {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .marinas-title {\r\n font-size: clamp(38px, 11vw, 52px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .marinas-desc {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .marinas-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .marina-card {\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n\r\n .marina-name {\r\n font-size: 34px !important;\r\n min-height: auto;\r\n }\r\n\r\n .marina-address {\r\n min-height: auto;\r\n }\r\n\r\n .marinas-map {\r\n margin-top: 38px;\r\n padding: 7px;\r\n border-radius: 26px;\r\n }\r\n\r\n .marinas-map-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n padding: 22px 18px 20px;\r\n }\r\n\r\n .marinas-map-title {\r\n font-size: 38px !important;\r\n }\r\n\r\n .marinas-map-text {\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n .marinas-map-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .marinas-map-frame {\r\n height: 520px;\r\n border-radius: 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .marinas-section {\r\n padding: 64px 16px;\r\n }\r\n\r\n .marina-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 20px;\r\n }\r\n\r\n .marina-icon-wrapper svg {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n\r\n .marinas-map-title {\r\n font-size: 34px !important;\r\n }\r\n\r\n .marinas-map-frame {\r\n height: 470px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"marinas-section\" id=\"przystanie\">\r\n <div class=\"marinas-inner\">\r\n<span id=\"przystanie\"><\/span>\r\n <div class=\"marinas-header\">\r\n <span class=\"marinas-subtitle\">Pe\u0142na swoboda wyboru<\/span>\r\n\r\n <h2 class=\"marinas-title\">Wsiadaj tam, gdzie Ci najwygodniej<\/h2>\r\n\r\n <p class=\"marinas-desc\">\r\n Cenimy Tw\u00f3j czas i wygod\u0119. Dlatego nasze statki odp\u0142ywaj\u0105 z <strong>czterech<\/strong> lokalizacji w samym sercu miasta. Kupujesz bilet online, a nast\u0119pnie rezerwujesz miejsce telefonicznie lub mailowo. Przy rezerwacji wybierasz przysta\u0144, z kt\u00f3rej najwygodniej Ci wyruszy\u0107.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"marinas-grid\">\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Pod Mostem<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n Most Piaskowy<br>\r\n (r\u00f3g ul. Grodzkiej i \u015bw. Jadwigi)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/BVvn1Fm2yMq8jTq77\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Tumska<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n Bulwar W\u0142ostowica<br>\r\n (od strony mostu Tumskiego)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/WtRyWQQJ8pVW3g5DA\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Mi\u0142o\u015bci<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n ul. N.M. Panny \/ bulwar Wyszy\u0144skiego<br>\r\n (przy mo\u015bcie Tumskim)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/ywxvnV5pAq9din6d8\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"marina-card\">\r\n <div class=\"marina-icon-wrapper\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h4 class=\"marina-name\">Przysta\u0144 Piaskowa<\/h4>\r\n\r\n <div class=\"marina-loc-label\">Lokalizacja:<\/div>\r\n\r\n <div class=\"marina-address\">\r\n ul. Grodzka<br>\r\n (przy sklepie z miodami)\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/rYhmMbanN2XVMYiP7\" target=\"_blank\" rel=\"noopener\" class=\"marina-btn\">Poka\u017c na mapie \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"marinas-map\">\r\n\r\n <div class=\"marinas-map-header\">\r\n\r\n <div class=\"marinas-map-copy\">\r\n <span class=\"marinas-map-label\">Wszystkie lokalizacje<\/span>\r\n\r\n <h3 class=\"marinas-map-title\">\r\n Zobacz przystanie na jednej mapie\r\n <\/h3>\r\n\r\n <p class=\"marinas-map-text\">\r\n Sprawd\u017a dok\u0142adne po\u0142o\u017cenie wszystkich czterech przystani\r\n i wybierz punkt wyp\u0142yni\u0119cia, kt\u00f3ry najlepiej pasuje do Twojego planu dnia.\r\n <\/p>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/www.google.com\/maps\/d\/viewer?mid=1j-H5CWzR74KUKCd2FL7EpjPqiHedCWA&usp=sharing\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"marinas-map-button\"\r\n >\r\n Otw\u00f3rz du\u017c\u0105 map\u0119\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"marinas-map-frame\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1ROzfsHm8zxw5xPfma4XiLzF173E4Hf8&ehbc=2E312F\" width=\"640\" height=\"480\"\r\n title=\"Mapa przystani TURIZMO we Wroc\u0142awiu\"\r\n loading=\"lazy\"\r\n allowfullscreen\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-cc27d1a e-flex e-con-boxed e-con e-parent\" data-id=\"cc27d1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b24df elementor-widget elementor-widget-html\" data-id=\"d0b24df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.route-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n background:\r\n radial-gradient(circle at 10% 10%, rgba(217, 240, 244, 0.72) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 92% 18%, rgba(0, 142, 163, 0.08) 0%, rgba(0, 142, 163, 0) 32%),\r\n linear-gradient(180deg, #FFF8EF 0%, #FFFFFF 100%);\r\n padding: 110px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n.route-section::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -130px;\r\n bottom: -130px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(18px);\r\n pointer-events: none;\r\n}\r\n\r\n.route-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.route-header {\r\n max-width: 900px;\r\n margin: 0 auto 66px;\r\n text-align: center;\r\n}\r\n\r\n.route-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n background: rgba(217, 240, 244, 0.82);\r\n color: var(--primary-teal);\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n}\r\n\r\n.route-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(42px, 5.4vw, 76px) !important;\r\n line-height: 0.98 !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 24px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.4px;\r\n}\r\n\r\n.route-lead {\r\n font-size: clamp(16px, 1.7vw, 19px);\r\n color: var(--text-muted);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.85;\r\n font-weight: 400;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n.route-main {\r\n display: grid;\r\n grid-template-columns: 0.9fr 1.1fr;\r\n gap: 44px;\r\n align-items: start;\r\n}\r\n\r\n\/* LEFT PANEL *\/\r\n.route-summary {\r\n position: sticky;\r\n top: 40px;\r\n background: var(--dark-navy);\r\n border-radius: 36px;\r\n padding: 44px 38px;\r\n color: #ffffff;\r\n box-shadow: 0 28px 70px rgba(18, 59, 74, 0.18);\r\n overflow: hidden;\r\n}\r\n\r\n.route-summary::before {\r\n content: \"\";\r\n position: absolute;\r\n right: -90px;\r\n top: -90px;\r\n width: 240px;\r\n height: 240px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.28);\r\n filter: blur(12px);\r\n pointer-events: none;\r\n}\r\n\r\n.route-summary-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.route-summary-kicker {\r\n display: inline-flex;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: rgba(217, 240, 244, 0.12);\r\n border: 1px solid rgba(217, 240, 244, 0.22);\r\n color: var(--blue-soft);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 2.4px;\r\n text-transform: uppercase;\r\n margin-bottom: 22px;\r\n}\r\n\r\n.route-summary-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(36px, 4vw, 58px) !important;\r\n line-height: 1 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 20px !important;\r\n font-weight: 700 !important;\r\n}\r\n\r\n.route-summary-text {\r\n font-size: 16px;\r\n line-height: 1.78;\r\n color: rgba(255,255,255,0.78);\r\n margin: 0 0 30px;\r\n}\r\n\r\n.route-stats {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.route-stat {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 15px 16px;\r\n border-radius: 20px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.route-stat-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 44px;\r\n height: 44px;\r\n border-radius: 16px;\r\n background: rgba(217, 240, 244, 0.14);\r\n color: #ffffff;\r\n font-weight: 800;\r\n font-size: 15px;\r\n}\r\n\r\n.route-stat-text {\r\n font-size: 14px;\r\n line-height: 1.45;\r\n color: rgba(255,255,255,0.82);\r\n font-weight: 600;\r\n}\r\n\r\n.route-summary-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 17px 28px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n transition: all 0.28s ease;\r\n}\r\n\r\n.route-btn-primary {\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.route-btn-primary:hover {\r\n background: var(--primary-dark) !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.route-btn-secondary {\r\n background: rgba(255,255,255,0.92) !important;\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.route-btn-secondary:hover {\r\n background: #ffffff !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n\/* TIMELINE *\/\r\n.route-list {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n}\r\n\r\n.route-list::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 31px;\r\n top: 24px;\r\n bottom: 24px;\r\n width: 3px;\r\n border-radius: 999px;\r\n background: linear-gradient(180deg, var(--primary-teal), rgba(0, 142, 163, 0.20));\r\n}\r\n\r\n.route-point {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 64px 1fr;\r\n gap: 20px;\r\n align-items: start;\r\n}\r\n\r\n.route-marker {\r\n position: relative;\r\n z-index: 2;\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 22px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n border: 8px solid #ffffff;\r\n box-shadow: 0 14px 34px rgba(18, 59, 74, 0.10);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 14px;\r\n}\r\n\r\n.route-card {\r\n background: rgba(255,255,255,0.90);\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n padding: 28px 30px;\r\n box-shadow: 0 18px 44px rgba(18, 59, 74, 0.07);\r\n transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.route-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 28px 62px rgba(18, 59, 74, 0.12);\r\n border-color: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.route-card-label {\r\n display: block;\r\n color: var(--primary-teal);\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.route-card-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 2.6vw, 42px) !important;\r\n line-height: 1.02 !important;\r\n color: var(--dark-navy) !important;\r\n margin: 0 0 12px !important;\r\n font-weight: 700 !important;\r\n}\r\n\r\n.route-card-desc {\r\n font-size: 15.5px;\r\n line-height: 1.75;\r\n color: var(--text-muted);\r\n margin: 0;\r\n}\r\n\r\n.route-inline-link {\r\n color: var(--primary-teal) !important;\r\n font-weight: 800;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1080px) {\r\n .route-main {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .route-summary {\r\n position: relative;\r\n top: auto;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n }\r\n\r\n .route-list {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .route-section {\r\n padding: 76px 16px;\r\n }\r\n\r\n .route-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .route-label {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .route-title {\r\n font-size: clamp(38px, 11vw, 54px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .route-lead {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n }\r\n\r\n .route-summary {\r\n border-radius: 28px;\r\n padding: 36px 24px;\r\n }\r\n\r\n .route-summary-title {\r\n font-size: 38px !important;\r\n }\r\n\r\n .route-point {\r\n grid-template-columns: 54px 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .route-list::before {\r\n left: 26px;\r\n }\r\n\r\n .route-marker {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 18px;\r\n border-width: 7px;\r\n font-size: 13px;\r\n }\r\n\r\n .route-card {\r\n border-radius: 24px;\r\n padding: 24px 22px;\r\n }\r\n\r\n .route-card-title {\r\n font-size: 31px !important;\r\n }\r\n\r\n .route-card-desc {\r\n font-size: 14.5px;\r\n line-height: 1.68;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .route-point {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .route-list::before {\r\n display: none;\r\n }\r\n\r\n .route-marker {\r\n margin-left: 0;\r\n }\r\n\r\n .route-card {\r\n padding: 24px 20px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"route-section\" id=\"trasa\">\r\n <div class=\"route-container\">\r\n\r\n <div class=\"route-header\">\r\n <span class=\"route-label\">Trasa rejsu<\/span>\r\n\r\n <h2 class=\"route-title\">45 minut widok\u00f3w, most\u00f3w i historii Wroc\u0142awia<\/h2>\r\n\r\n <p class=\"route-lead\">\r\n P\u0142yniesz przez jedn\u0105 z najpi\u0119kniejszych cz\u0119\u015bci miasta: obok Ostrowa Tumskiego,\r\n Wyspy Daliowej, Mostu Tumskiego, bulwar\u00f3w i zabytkowych nabrze\u017cy.\r\n Bez po\u015bpiechu, z pok\u0142adu i z perspektywy, kt\u00f3rej nie daje zwyk\u0142y spacer.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"route-main\">\r\n\r\n <aside class=\"route-summary\">\r\n <div class=\"route-summary-content\">\r\n <span class=\"route-summary-kicker\">Co zobaczysz po drodze?<\/span>\r\n\r\n <h3 class=\"route-summary-title\">Stare Miasto od strony Odry<\/h3>\r\n\r\n <p class=\"route-summary-text\">\r\n To trasa, na kt\u00f3rej Wroc\u0142aw pokazuje swoje najbardziej widokowe oblicze:\r\n mosty, wyspy, katedry, bulwary i spokojny rytm rzeki.\r\n <\/p>\r\n\r\n <div class=\"route-stats\">\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">45<\/span>\r\n <span class=\"route-stat-text\">minut spokojnego rejsu po Odrze<\/span>\r\n <\/div>\r\n\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">4<\/span>\r\n <span class=\"route-stat-text\">przystanie w centrum Wroc\u0142awia<\/span>\r\n <\/div>\r\n\r\n <div class=\"route-stat\">\r\n <span class=\"route-stat-number\">7<\/span>\r\n <span class=\"route-stat-text\">najwa\u017cniejszych punkt\u00f3w na trasie<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"route-summary-buttons\">\r\n <a href=\"#kup-bilet\" class=\"route-btn route-btn-primary\">Kup bilet online<\/a>\r\n <a href=\"#przystanie\" class=\"route-btn route-btn-secondary\">Zobacz przystanie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <div class=\"route-list\">\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">01<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Start<\/span>\r\n <h3 class=\"route-card-title\">Twoja wybrana przysta\u0144<\/h3>\r\n <p class=\"route-card-desc\">\r\n Kupujesz bilet online i wybierasz przysta\u0144, z kt\u00f3rej najwygodniej Ci wyruszy\u0107.\r\n Do dyspozycji s\u0105 <a href=\"#przystanie\" class=\"route-inline-link\">cztery przystanie w centrum Wroc\u0142awia<\/a>.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">02<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Uniwersytet Wroc\u0142awski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Jedna z najd\u0142u\u017cszych barokowych fasad w Europie. Majestatyczny gmach w promieniach s\u0142o\u0144ca zapiera dech w piersiach.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">03<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Wyspa Daliowa i NAWA<\/h3>\r\n <p class=\"route-card-desc\">\r\n Przep\u0142ywamy obok charakterystycznej srebrnej instalacji NAWA.\r\n Z pok\u0142adu wygl\u0105da szczeg\u00f3lnie lekko, przestrzennie i bardzo fotograficznie.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">04<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Zatoka Gondoli<\/h3>\r\n <p class=\"route-card-desc\">\r\n Urokliwe, historyczne miejsce, w kt\u00f3rym bije wodne serce Wroc\u0142awia. Tu poczujesz prawdziwy klimat nadrzecznego chilloutu i wypo\u017cyczysz kajaki, motor\u00f3wki i rowery wodne.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">05<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Most Tumski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Jeden z najbardziej romantycznych most\u00f3w miasta. Z pok\u0142adu prowadzi wzrok prosto\r\n w stron\u0119 najstarszej i najbardziej klimatycznej cz\u0119\u015bci Wroc\u0142awia.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">06<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Po drodze<\/span>\r\n <h3 class=\"route-card-title\">Ostr\u00f3w Tumski<\/h3>\r\n <p class=\"route-card-desc\">\r\n Kolebka Wroc\u0142awia. Z pok\u0142adu bez przeszk\u00f3d zobaczysz strzeliste wie\u017ce Katedry i magiczne, odnowione bulwary nad Odr\u0105.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"route-point\">\r\n <div class=\"route-marker\">07<\/div>\r\n <article class=\"route-card\">\r\n <span class=\"route-card-label\">Powr\u00f3t<\/span>\r\n <h3 class=\"route-card-title\">Panorama i powr\u00f3t<\/h3>\r\n <p class=\"route-card-desc\">\r\n Mijamy monumentalny gmach Muzeum Narodowego i wracamy w stron\u0119 przystani.\r\n \r\n To ostatni moment na pami\u0105tkowe zdj\u0119cia i z\u0142apanie ostatnich promieni s\u0142o\u0144ca w drodze powrotnej.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-8c91259 e-flex e-con-boxed e-con e-parent\" data-id=\"8c91259\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a34eef7 elementor-widget elementor-widget-html\" data-id=\"a34eef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"przystanie\"><\/span>\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-24b7694 e-flex e-con-boxed e-con e-parent\" data-id=\"24b7694\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df2b903 elementor-widget elementor-widget-html\" data-id=\"df2b903\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.ticket-pricing-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n position: relative;\r\n padding: 116px 20px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n\r\n background:\r\n radial-gradient(circle at 8% 8%, rgba(217, 240, 244, 0.86) 0%, rgba(217, 240, 244, 0) 34%),\r\n radial-gradient(circle at 93% 14%, rgba(0, 142, 163, 0.09) 0%, rgba(0, 142, 163, 0) 31%),\r\n linear-gradient(180deg, #FFFFFF 0%, #F7FCFD 48%, #FFF8EF 100%);\r\n}\r\n\r\n.ticket-pricing-section::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -130px;\r\n bottom: -150px;\r\n width: 390px;\r\n height: 390px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.07);\r\n filter: blur(20px);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-pricing-section::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -120px;\r\n right: -100px;\r\n width: 330px;\r\n height: 330px;\r\n border-radius: 50%;\r\n background: rgba(217, 240, 244, 0.62);\r\n filter: blur(17px);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-pricing-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ticket-pricing-header {\r\n max-width: 920px;\r\n margin: 0 auto 60px;\r\n text-align: center;\r\n}\r\n\r\n.ticket-pricing-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n margin-bottom: 24px;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.16);\r\n border-radius: 999px;\r\n background: rgba(217, 240, 244, 0.84);\r\n box-shadow: 0 10px 28px rgba(18, 59, 74, 0.06);\r\n\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-pricing-title {\r\n margin: 0 0 24px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(46px, 5.6vw, 78px) !important;\r\n line-height: 0.97 !important;\r\n font-weight: 700 !important;\r\n letter-spacing: -0.6px;\r\n text-transform: none;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-pricing-desc {\r\n max-width: 820px;\r\n margin: 0 auto !important;\r\n\r\n color: var(--text-muted) !important;\r\n font-size: clamp(16px, 1.7vw, 19px) !important;\r\n line-height: 1.82 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-desc strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n\/* PRICE GRID *\/\r\n.ticket-pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 22px;\r\n align-items: stretch;\r\n}\r\n\r\n.ticket-price-card {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n min-height: 440px;\r\n padding: 34px 24px 28px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 30px;\r\n background: rgba(255, 255, 255, 0.93);\r\n box-shadow: 0 18px 48px rgba(18, 59, 74, 0.08);\r\n\r\n text-align: center;\r\n overflow: hidden;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n border-color 0.28s ease;\r\n}\r\n\r\n.ticket-price-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(0, 142, 163, 0.30);\r\n box-shadow: 0 30px 66px rgba(18, 59, 74, 0.13);\r\n}\r\n\r\n.ticket-price-card--featured {\r\n border-color: rgba(0, 142, 163, 0.42);\r\n background:\r\n linear-gradient(180deg, rgba(241, 250, 252, 0.98), rgba(255, 255, 255, 0.97));\r\n box-shadow: 0 24px 58px rgba(0, 142, 163, 0.15);\r\n}\r\n\r\n.ticket-price-card--featured::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -80px;\r\n right: -70px;\r\n width: 190px;\r\n height: 190px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.10);\r\n pointer-events: none;\r\n}\r\n\r\n.ticket-price-card--free {\r\n background:\r\n linear-gradient(180deg, rgba(255, 248, 239, 0.98), rgba(255, 255, 255, 0.96));\r\n}\r\n\r\n.ticket-price-badge {\r\n display: inline-flex;\r\n align-self: center;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 8px 14px;\r\n margin-bottom: 24px;\r\n box-sizing: border-box;\r\n\r\n border-radius: 999px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n\r\n font-size: 10px;\r\n line-height: 1.2;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-badge {\r\n background: var(--primary-teal);\r\n color: #ffffff;\r\n box-shadow: 0 10px 24px rgba(0, 142, 163, 0.22);\r\n}\r\n\r\n.ticket-price-name {\r\n min-height: 66px;\r\n margin: 0 0 18px !important;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(29px, 2.5vw, 38px) !important;\r\n line-height: 1.02 !important;\r\n font-weight: 700 !important;\r\n text-transform: none;\r\n\r\n color: var(--dark-navy) !important;\r\n}\r\n\r\n.ticket-price-value {\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 5px;\r\n margin-bottom: 22px;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.ticket-price-number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(58px, 5vw, 76px);\r\n line-height: 0.88;\r\n font-weight: 700;\r\n letter-spacing: -2px;\r\n}\r\n\r\n.ticket-price-currency {\r\n padding-top: 9px;\r\n color: var(--primary-teal);\r\n font-size: 17px;\r\n line-height: 1;\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-price-details {\r\n min-height: 92px;\r\n margin: 0 0 26px !important;\r\n\r\n color: var(--text-muted) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-price-details strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-price-separator {\r\n width: 44px;\r\n height: 2px;\r\n margin: 0 auto 22px;\r\n border-radius: 999px;\r\n background: rgba(0, 142, 163, 0.28);\r\n}\r\n\r\n.ticket-price-note {\r\n margin: 0 0 24px !important;\r\n color: var(--text-muted) !important;\r\n font-size: 12px !important;\r\n line-height: 1.55 !important;\r\n font-weight: 500;\r\n}\r\n\r\n.ticket-price-button {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n min-height: 52px;\r\n padding: 15px 18px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.28) !important;\r\n border-radius: 999px;\r\n background: transparent !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: none;\r\n\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n letter-spacing: 1.1px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform 0.28s ease,\r\n background 0.28s ease,\r\n border-color 0.28s ease,\r\n color 0.28s ease,\r\n box-shadow 0.28s ease;\r\n}\r\n\r\n.ticket-price-button:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--primary-teal) !important;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-button {\r\n border-color: var(--primary-teal) !important;\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 30px rgba(0, 142, 163, 0.24);\r\n}\r\n\r\n.ticket-price-card--featured .ticket-price-button:hover {\r\n background: var(--primary-dark) !important;\r\n border-color: var(--primary-dark) !important;\r\n box-shadow: 0 18px 38px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n\/* INFORMATION PANELS *\/\r\n.ticket-pricing-info-grid {\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 22px;\r\n margin-top: 34px;\r\n}\r\n\r\n.ticket-pricing-info {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 25px 26px;\r\n box-sizing: border-box;\r\n\r\n border: 1px solid rgba(0, 142, 163, 0.14);\r\n border-radius: 26px;\r\n background: rgba(255, 255, 255, 0.88);\r\n box-shadow: 0 14px 38px rgba(18, 59, 74, 0.07);\r\n}\r\n\r\n.ticket-pricing-info--dark {\r\n border-color: transparent;\r\n background:\r\n linear-gradient(135deg, rgba(18, 59, 74, 0.98), rgba(0, 111, 130, 0.96));\r\n box-shadow: 0 20px 46px rgba(18, 59, 74, 0.20);\r\n}\r\n\r\n.ticket-pricing-info-icon {\r\n width: 54px;\r\n height: 54px;\r\n flex: 0 0 54px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 18px;\r\n background: var(--blue-soft);\r\n color: var(--primary-teal);\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-icon {\r\n border: 1px solid rgba(255, 255, 255, 0.18);\r\n background: rgba(255, 255, 255, 0.12);\r\n color: #ffffff;\r\n}\r\n\r\n.ticket-pricing-info-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: none;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.ticket-pricing-info-title {\r\n margin: 0 0 7px !important;\r\n color: var(--dark-navy) !important;\r\n font-size: 15px !important;\r\n line-height: 1.4 !important;\r\n font-weight: 800 !important;\r\n}\r\n\r\n.ticket-pricing-info-text {\r\n margin: 0 !important;\r\n color: var(--text-muted) !important;\r\n font-size: 13px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-info-text strong {\r\n color: var(--dark-navy);\r\n font-weight: 800;\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-title,\r\n.ticket-pricing-info--dark .ticket-pricing-info-text,\r\n.ticket-pricing-info--dark .ticket-pricing-info-text strong {\r\n color: #ffffff !important;\r\n}\r\n\r\n.ticket-pricing-info--dark .ticket-pricing-info-text {\r\n color: rgba(255, 255, 255, 0.82) !important;\r\n}\r\n\r\n\/* BOTTOM CTA *\/\r\n.ticket-pricing-cta {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 28px;\r\n\r\n margin-top: 34px;\r\n padding: 30px 32px;\r\n box-sizing: border-box;\r\n\r\n border-radius: 30px;\r\n background:\r\n linear-gradient(135deg, rgba(0, 142, 163, 0.96), rgba(0, 111, 130, 0.98));\r\n box-shadow: 0 22px 52px rgba(0, 142, 163, 0.23);\r\n}\r\n\r\n.ticket-pricing-cta-copy {\r\n max-width: 760px;\r\n}\r\n\r\n.ticket-pricing-cta-title {\r\n margin: 0 0 8px !important;\r\n\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(30px, 3.2vw, 44px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n text-transform: none;\r\n\r\n color: #ffffff !important;\r\n}\r\n\r\n.ticket-pricing-cta-text {\r\n margin: 0 !important;\r\n color: rgba(255, 255, 255, 0.84) !important;\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n font-weight: 400;\r\n}\r\n\r\n.ticket-pricing-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n min-width: 230px;\r\n padding: 17px 26px;\r\n\r\n border-radius: 999px;\r\n background: #ffffff !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);\r\n\r\n text-decoration: none !important;\r\n font-size: 12px;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n background 0.28s ease;\r\n}\r\n\r\n.ticket-pricing-cta-button:hover {\r\n transform: translateY(-3px);\r\n background: var(--sand) !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 19px 40px rgba(0, 0, 0, 0.20);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1120px) {\r\n .ticket-pricing-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .ticket-price-card {\r\n min-height: 410px;\r\n }\r\n\r\n .ticket-price-name,\r\n .ticket-price-details {\r\n min-height: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n .ticket-pricing-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .ticket-pricing-cta {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .ticket-pricing-cta-button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .ticket-pricing-section {\r\n padding: 80px 16px;\r\n }\r\n\r\n .ticket-pricing-header {\r\n margin-bottom: 44px;\r\n }\r\n\r\n .ticket-pricing-label {\r\n padding: 9px 18px;\r\n margin-bottom: 20px;\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n }\r\n\r\n .ticket-pricing-title {\r\n font-size: clamp(40px, 11vw, 58px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .ticket-pricing-desc {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n\r\n .ticket-pricing-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .ticket-price-card {\r\n min-height: 0;\r\n padding: 32px 24px 28px;\r\n border-radius: 26px;\r\n }\r\n\r\n .ticket-price-name {\r\n min-height: 0;\r\n font-size: 34px !important;\r\n }\r\n\r\n .ticket-price-details {\r\n min-height: 0;\r\n }\r\n\r\n .ticket-pricing-info {\r\n padding: 22px 20px;\r\n }\r\n\r\n .ticket-pricing-cta {\r\n padding: 26px 22px;\r\n border-radius: 26px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .ticket-pricing-section {\r\n padding: 66px 16px;\r\n }\r\n\r\n .ticket-pricing-info {\r\n flex-direction: column;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .ticket-pricing-info-icon {\r\n flex-basis: 54px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ticket-pricing-section\" id=\"bilety\">\r\n <div class=\"ticket-pricing-inner\">\r\n\r\n <div class=\"ticket-pricing-header\">\r\n <span class=\"ticket-pricing-label\">Cennik rejs\u00f3w <\/span>\r\n<span id=\"cennik\"><\/span>\r\n <h2 class=\"ticket-pricing-title\">\r\n Wybierz sw\u00f3j bilet\r\n <\/h2>\r\n\r\n <p class=\"ticket-pricing-desc\">\r\n \r\n Po zakupie zarezerwuj termin, godzin\u0119 i przysta\u0144 telefonicznie lub mailowo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-grid\">\r\n\r\n <article class=\"ticket-price-card ticket-price-card--free\">\r\n <span class=\"ticket-price-badge\">Najm\u0142odsi p\u0142yn\u0105 gratis<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Dzieci do 3 lat<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">0<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Bilet dla dzieci, kt\u00f3re w dniu rejsu\r\n <strong>nie uko\u0144czy\u0142y 3. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n <\/p>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card\">\r\n <span class=\"ticket-price-badge\">Bilet ulgowy<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Dzieci i m\u0142odzie\u017c<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">60<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Dla dzieci i m\u0142odzie\u017cy\r\n <strong>od 3. do 18. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card\">\r\n <span class=\"ticket-price-badge\">Bilet specjalny<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Studenci i seniorzy<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">65<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Dla uczni\u00f3w i student\u00f3w\r\n \r\n <strong>od 18 do 26 lat<\/strong> oraz senior\u00f3w\r\n <strong>powy\u017cej 65 lat.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <article class=\"ticket-price-card ticket-price-card--featured\">\r\n <span class=\"ticket-price-badge\">Bilet normalny<\/span>\r\n\r\n <h3 class=\"ticket-price-name\">Doro\u015bli<\/h3>\r\n\r\n <div class=\"ticket-price-value\">\r\n <span class=\"ticket-price-number\">70<\/span>\r\n <span class=\"ticket-price-currency\">z\u0142<\/span>\r\n <\/div>\r\n\r\n <div class=\"ticket-price-separator\"><\/div>\r\n\r\n <p class=\"ticket-price-details\">\r\n Bilet normalny dla os\u00f3b\r\n <strong>od 18. do 65. roku \u017cycia.<\/strong>\r\n <\/p>\r\n\r\n <p class=\"ticket-price-note\">\r\n \r\n <\/p>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-price-button\">\r\n Wybierz bilet\r\n <\/a>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-info-grid\">\r\n\r\n <div class=\"ticket-pricing-info\">\r\n <div class=\"ticket-pricing-info-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n <path d=\"M8 12h8\"><\/path>\r\n <path d=\"M12 8v8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-pricing-info-title\">\r\n Osoby z orzeczeniem o niepe\u0142nosprawno\u015bci\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-info-text\">\r\n Na rejsach dziennych p\u0142yn\u0105 w cenie\r\n <strong>biletu ulgowego \u2014 60 z\u0142.<\/strong>\r\n Warto mie\u0107 przy sobie dokument potwierdzaj\u0105cy uprawnienie.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-info ticket-pricing-info--dark\">\r\n <div class=\"ticket-pricing-info-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 15.5A8 8 0 1 1 8.5 4a6.5 6.5 0 0 0 11.5 11.5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"ticket-pricing-info-title\">\r\n Rejsy wieczorne i nocne\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-info-text\">\r\n Cena wynosi <strong>70 z\u0142 za ka\u017cd\u0105 osob\u0119.<\/strong>\r\n Na tych rejsach nie obowi\u0105zuj\u0105 zni\u017cki.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"ticket-pricing-cta\">\r\n <div class=\"ticket-pricing-cta-copy\">\r\n <h3 class=\"ticket-pricing-cta-title\">\r\n Bilet kupujesz teraz. Termin wybierasz p\u00f3\u017aniej.\r\n <\/h3>\r\n\r\n <p class=\"ticket-pricing-cta-text\">\r\n Po zakupie skontaktuj si\u0119 z nami telefonicznie lub mailowo,\r\n najlepiej co najmniej dzie\u0144 wcze\u015bniej. Wtedy zarezerwujesz miejsce,\r\n godzin\u0119 i dogodn\u0105 przysta\u0144.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <a href=\"#kup-bilet\" class=\"ticket-pricing-cta-button\">\r\n Kup bilet online\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-5b6f488 e-flex e-con-boxed e-con e-parent\" data-id=\"5b6f488\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-881519a elementor-widget elementor-widget-html\" data-id=\"881519a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;700;800&display=swap');\r\n\r\n.image-break-section {\r\n --primary-teal: #008EA3;\r\n --dark-navy: #123B4A;\r\n --blue-soft: #D9F0F4;\r\n --white: #ffffff;\r\n\r\n position: relative;\r\n min-height: 620px;\r\n padding: 120px 20px;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(18, 59, 74, 0.62) 0%,\r\n rgba(18, 59, 74, 0.52) 42%,\r\n rgba(13, 44, 56, 0.76) 100%\r\n ),\r\n url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-statkiem-po-odrze.png') center center \/ cover no-repeat;\r\n background-attachment: fixed;\r\n}\r\n\r\n.image-break-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 50% 35%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 34%),\r\n linear-gradient(90deg, rgba(0,142,163,0.18), rgba(0,142,163,0));\r\n pointer-events: none;\r\n z-index: 1;\r\n}\r\n\r\n.image-break-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 980px;\r\n margin: 0 auto;\r\n text-align: center;\r\n color: var(--white);\r\n}\r\n\r\n.image-break-label {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.12);\r\n border: 1px solid rgba(255,255,255,0.28);\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.image-break-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(48px, 7vw, 94px) !important;\r\n line-height: 0.95 !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 26px !important;\r\n letter-spacing: -0.6px;\r\n text-shadow: 0 14px 42px rgba(0,0,0,0.34);\r\n}\r\n\r\n.image-break-text {\r\n max-width: 720px;\r\n margin: 0 auto !important;\r\n font-size: clamp(16px, 1.6vw, 20px) !important;\r\n line-height: 1.85 !important;\r\n color: rgba(255,255,255,0.84) !important;\r\n font-weight: 400 !important;\r\n text-shadow: 0 8px 28px rgba(0,0,0,0.25);\r\n}\r\n\r\n.image-break-buttons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 38px;\r\n}\r\n\r\n.image-break-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 210px;\r\n padding: 17px 30px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n transition: all 0.28s ease;\r\n}\r\n\r\n.image-break-btn-primary {\r\n background: var(--primary-teal) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 14px 34px rgba(0, 142, 163, 0.34);\r\n}\r\n\r\n.image-break-btn-primary:hover {\r\n background: #006F82 !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 18px 42px rgba(0, 142, 163, 0.44);\r\n}\r\n\r\n.image-break-btn-secondary {\r\n background: rgba(255,255,255,0.92) !important;\r\n color: var(--dark-navy) !important;\r\n box-shadow: 0 14px 34px rgba(0,0,0,0.14);\r\n}\r\n\r\n.image-break-btn-secondary:hover {\r\n background: #ffffff !important;\r\n transform: translateY(-3px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .image-break-section {\r\n min-height: 560px;\r\n padding: 86px 16px;\r\n background-attachment: scroll;\r\n }\r\n\r\n .image-break-label {\r\n font-size: 11px;\r\n letter-spacing: 2.2px;\r\n padding: 9px 18px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .image-break-title {\r\n font-size: clamp(40px, 12vw, 62px) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .image-break-text {\r\n font-size: 16px !important;\r\n line-height: 1.72 !important;\r\n }\r\n\r\n .image-break-buttons {\r\n flex-direction: column;\r\n max-width: 330px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .image-break-btn {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"image-break-section\">\r\n <div class=\"image-break-content\">\r\n <span class=\"image-break-label\">Widoki z rejsu<\/span>\r\n\r\n <h2 class=\"image-break-title\">\r\n Dobry dzie\u0144 zaczyna si\u0119 na Odrze.\r\n <\/h2>\r\n\r\n \r\n\r\n <div class=\"image-break-buttons\">\r\n <a href=\"#bilety\" class=\"image-break-btn image-break-btn-primary\">Kup bilet online<\/a>\r\n <a href=\"#trasa\" class=\"image-break-btn image-break-btn-secondary\">Zobacz tras\u0119 rejsu<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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-97a6ead e-flex e-con-boxed e-con e-parent\" data-id=\"97a6ead\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-289ea01 elementor-widget elementor-widget-html\" data-id=\"289ea01\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.turizmo-faq-section {\r\n --primary-teal: #008EA3;\r\n --primary-dark: #006F82;\r\n --dark-navy: #123B4A;\r\n --sand: #FFF8EF;\r\n --blue-soft: #D9F0F4;\r\n --blue-pale: #F1FAFC;\r\n --white: #ffffff;\r\n --text-muted: #4A5D64;\r\n\r\n background:\r\n radial-gradient(circle at top left, rgba(217, 240, 244, 0.7), transparent 35%),\r\n linear-gradient(180deg, #ffffff 0%, var(--blue-pale) 100%);\r\n padding: 100px 20px;\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.turizmo-faq-inner {\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-faq-header {\r\n max-width: 760px;\r\n margin: 0 auto 50px;\r\n text-align: center;\r\n}\r\n\r\n.turizmo-faq-badge {\r\n display: inline-block;\r\n margin-bottom: 14px;\r\n color: var(--primary-teal);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 2.6px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.turizmo-faq-header h2 {\r\n margin: 0 0 18px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 6vw, 64px);\r\n line-height: 0.98;\r\n font-weight: 700;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.turizmo-faq-header p {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: var(--text-muted);\r\n font-size: 16px;\r\n line-height: 1.75;\r\n}\r\n\r\n\r\n\/* WA\u017bNA INFORMACJA *\/\r\n\r\n.faq-important {\r\n position: relative;\r\n margin-bottom: 28px;\r\n padding: 30px 34px;\r\n border-radius: 28px;\r\n background: var(--dark-navy);\r\n color: white;\r\n box-shadow: 0 18px 50px rgba(18, 59, 74, 0.14);\r\n overflow: hidden;\r\n}\r\n\r\n.faq-important::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -50px;\r\n top: -70px;\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: rgba(0, 142, 163, 0.2);\r\n}\r\n\r\n.faq-important-label {\r\n position: relative;\r\n z-index: 1;\r\n display: block;\r\n margin-bottom: 8px;\r\n color: #8DDFEA;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 2.3px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.faq-important h3 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 30px;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n color: white;\r\n}\r\n\r\n.faq-important p {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0;\r\n max-width: 830px;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.85);\r\n}\r\n\r\n\r\n\/* FAQ *\/\r\n\r\n.faq-list {\r\n display: grid;\r\n gap: 12px;\r\n}\r\n\r\n.faq-item {\r\n border: 1px solid rgba(0, 142, 163, 0.18);\r\n border-radius: 20px;\r\n background: rgba(255,255,255,0.92);\r\n box-shadow: 0 8px 30px rgba(18, 59, 74, 0.05);\r\n overflow: hidden;\r\n transition: box-shadow .25s ease, border-color .25s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(0, 142, 163, 0.35);\r\n box-shadow: 0 12px 36px rgba(18, 59, 74, 0.08);\r\n}\r\n\r\n.faq-item summary {\r\n position: relative;\r\n padding: 23px 62px 23px 26px;\r\n cursor: pointer;\r\n list-style: none;\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 1.45;\r\n color: var(--dark-navy);\r\n}\r\n\r\n.faq-item summary::-webkit-details-marker {\r\n display: none;\r\n}\r\n\r\n.faq-item summary::after {\r\n content: \"+\";\r\n position: absolute;\r\n top: 50%;\r\n right: 25px;\r\n transform: translateY(-50%);\r\n width: 30px;\r\n height: 30px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 50%;\r\n background: var(--blue-pale);\r\n color: var(--primary-teal);\r\n font-size: 23px;\r\n line-height: 1;\r\n font-weight: 400;\r\n transition: transform .25s ease, background .25s ease;\r\n}\r\n\r\n.faq-item[open] summary::after {\r\n content: \"\u2212\";\r\n transform: translateY(-50%);\r\n background: var(--primary-teal);\r\n color: white;\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 26px 26px;\r\n}\r\n\r\n.faq-answer p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.75;\r\n}\r\n\r\n.faq-answer p + p {\r\n margin-top: 12px;\r\n}\r\n\r\n.faq-answer strong {\r\n color: var(--dark-navy);\r\n}\r\n\r\n\r\n\/* LISTY *\/\r\n\r\n.faq-answer ul:not(.faq-marinas) {\r\n margin: 16px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.faq-answer ul:not(.faq-marinas) li {\r\n margin: 7px 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n\/* PRZYSTANIE \/ GOOGLE MAPS *\/\r\n\r\n.faq-marinas {\r\n list-style: none;\r\n padding: 0;\r\n margin: 20px 0 0;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.faq-marinas li {\r\n margin: 0;\r\n}\r\n\r\n.faq-marinas a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n width: 100%;\r\n padding: 14px 16px;\r\n box-sizing: border-box;\r\n border: 1px solid rgba(0, 142, 163, 0.18);\r\n border-radius: 14px;\r\n background: var(--blue-pale);\r\n color: var(--dark-navy);\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n text-decoration: none;\r\n transition:\r\n transform .2s ease,\r\n border-color .2s ease,\r\n background .2s ease,\r\n color .2s ease;\r\n}\r\n\r\n.faq-marinas a::after {\r\n content: \"\u2197\";\r\n flex-shrink: 0;\r\n color: var(--primary-teal);\r\n font-size: 15px;\r\n}\r\n\r\n.faq-marinas a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--primary-teal);\r\n background: white;\r\n color: var(--primary-teal);\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n .turizmo-faq-section {\r\n padding: 70px 16px;\r\n }\r\n\r\n .turizmo-faq-header {\r\n margin-bottom: 34px;\r\n }\r\n\r\n .turizmo-faq-header h2 {\r\n font-size: 43px;\r\n }\r\n\r\n .turizmo-faq-header p {\r\n font-size: 15px;\r\n }\r\n\r\n .faq-important {\r\n padding: 25px 22px;\r\n border-radius: 22px;\r\n }\r\n\r\n .faq-important h3 {\r\n font-size: 27px;\r\n }\r\n\r\n .faq-item summary {\r\n padding: 20px 55px 20px 20px;\r\n font-size: 15px;\r\n }\r\n\r\n .faq-item summary::after {\r\n right: 18px;\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 20px 22px;\r\n }\r\n\r\n .faq-answer p,\r\n .faq-answer ul:not(.faq-marinas) li {\r\n font-size: 14px;\r\n }\r\n\r\n .faq-marinas {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"turizmo-faq-section\" id=\"faq\">\r\n\r\n <div class=\"turizmo-faq-inner\">\r\n\r\n <div class=\"turizmo-faq-header\">\r\n <span class=\"turizmo-faq-badge\">FAQ<\/span>\r\n\r\n <h2>Masz pytania przed rejsem?<\/h2>\r\n\r\n <p>\r\n Tu zebrali\u015bmy najwa\u017cniejsze informacje o biletach, terminach,\r\n rezerwacji miejsc, przystaniach, statkach i cenach.\r\n Kr\u00f3tko, konkretnie i bez wodolejstwa. No, prawie.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-important\">\r\n\r\n <span class=\"faq-important-label\">\r\n Wa\u017cne przed zakupem\r\n <\/span>\r\n\r\n <h3>\r\n Bilet kupujesz online, miejsce rezerwujesz osobno\r\n <\/h3>\r\n\r\n <p>\r\n Kupuj\u0105c bilet, nie wybierasz konkretnej daty ani godziny rejsu.\r\n Po zakupie nale\u017cy zarezerwowa\u0107 miejsce telefonicznie lub mailowo,\r\n najlepiej co najmniej dzie\u0144 wcze\u015bniej.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-list\">\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy kupuj\u0105c bilet wybieram konkretn\u0105 dat\u0119 rejsu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Nie. Kupuj\u0105c bilet online, nie wybierasz konkretnej daty\r\n ani godziny rejsu. Bilet mo\u017cesz wykorzysta\u0107 w dogodnym\r\n terminie w okresie jego wa\u017cno\u015bci.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy po zakupie biletu musz\u0119 zarezerwowa\u0107 miejsce?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Tak. Po zakupie biletu skontaktuj si\u0119 z nami telefonicznie\r\n lub mailowo i zarezerwuj miejsce na wybrany rejs.\r\n Najlepiej zrobi\u0107 to <strong>co najmniej dzie\u0144 wcze\u015bniej<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Mo\u017cesz r\u00f3wnie\u017c przyj\u015b\u0107 na przysta\u0144 bez wcze\u015bniejszej\r\n rezerwacji, jednak wtedy skorzystanie z biletu b\u0119dzie\r\n mo\u017cliwe dopiero na najbli\u017cszym rejsie, na kt\u00f3rym b\u0119d\u0105\r\n dost\u0119pne wolne miejsca.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Jak zarezerwowa\u0107 termin rejsu po zakupie biletu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Po zakupie biletu skontaktuj si\u0119 z naszym koordynatorem\r\n telefonicznie lub mailowo. Ustalicie wsp\u00f3lnie termin,\r\n godzin\u0119 oraz przysta\u0144, z kt\u00f3rej rozpoczniesz rejs.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Jak d\u0142ugo wa\u017cny jest bilet?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilet na rejs dzienny mo\u017cesz wykorzysta\u0107\r\n <strong>do 27 wrze\u015bnia<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n \r\n <details class=\"faq-item\">\r\n <summary>\r\nCzy mo\u017cna dop\u0142yn\u0105\u0107 statkiem do ZOO?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>Tak. Istnieje mo\u017cliwo\u015b\u0107 zako\u0144czenia rejsu <strong>przy przystani za wroc\u0142awskim ZOO,<\/strong> w pobli\u017cu Bramy Japo\u0144skiej \u2013 sezonowego wej\u015bcia od strony Odry.\r\n\r\nTo wygodna opcja, je\u015bli planujesz po\u0142\u0105czy\u0107 rejs ze zwiedzaniem ZOO. Przy Bramie Japo\u0144skiej kolejki s\u0105 zazwyczaj kr\u00f3tsze ni\u017c przy wej\u015bciu g\u0142\u00f3wnym, wi\u0119c mo\u017cesz zej\u015b\u0107 ze statku i od razu ruszy\u0107 na zwiedzanie.\r\n \r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Z kt\u00f3rych przystani odp\u0142ywaj\u0105 statki?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <p>\r\n Nasze statki odp\u0142ywaj\u0105 z czterech przystani w centrum Wroc\u0142awia.\r\n Kliknij wybran\u0105 lokalizacj\u0119, aby otworzy\u0107 j\u0105 w Google Maps:\r\n <\/p>\r\n\r\n <ul class=\"faq-marinas\">\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/AfVYUxFDdz7ytRUr6\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Pod Mostem\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/LZ26YzdSjmEBZKGp9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Tumska\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/k3QQjjpKGyiufU8H9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Mi\u0142o\u015bci\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a\r\n href=\"https:\/\/maps.app.goo.gl\/3rNakBi358WKkoBQ9\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Przysta\u0144 Piaskowa\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\"> \r\n <summary>\r\n Jakie statki kursuj\u0105 latem?\r\n <\/summary>\r\n\r\n \r\n<div class=\"faq-answer\">\r\n <p>\r\n Latem kursuj\u0105 wszystkie nasze statki: <strong>Kaczuszka, Pirat, Bolek, California, Lolek, Miami, Orlando i Ibiza<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Rezerwuj\u0105c mailowo lub telefonicznie godzin\u0119 rejsu, koordynator poinformuje Ci\u0119,\r\n kt\u00f3re jednostki danego dnia obs\u0142uguj\u0105 rejsy z przystani,\r\n z kt\u00f3rej chcesz rozpocz\u0105\u0107 wodn\u0105 przygod\u0119 z TURIZMO.\r\n <\/p>\r\n<\/div>\r\n \r\n<\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Na jakie statki kupuj\u0119 bilet na tej stronie?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilety dost\u0119pne na tej stronie dotycz\u0105 rejs\u00f3w naszymi\r\n mniejszymi jednostkami kursuj\u0105cymi po Starym Mie\u015bcie.\r\n <\/p>\r\n\r\n <p>\r\n Wi\u0119kszo\u015b\u0107 z nich zabiera maksymalnie\r\n <strong>12 pasa\u017cer\u00f3w<\/strong>. Wyj\u0105tkiem jest Kaczuszka,\r\n kt\u00f3ra mo\u017ce zabra\u0107 na pok\u0142ad maksymalnie\r\n <strong>55 os\u00f3b<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Konkretna jednostka zale\u017cy od rozk\u0142adu i dost\u0119pno\u015bci statk\u00f3w\r\n w danym dniu.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile kosztuje bilet na rejs dzienny?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <ul>\r\n <li>\r\n <strong>0 z\u0142<\/strong> \u2014 dzieci do 3. roku \u017cycia\r\n <\/li>\r\n\r\n <li>\r\n <strong>60 z\u0142<\/strong> \u2014 bilet ulgowy dla os\u00f3b\r\n od 3 do 18 lat\r\n <\/li>\r\n\r\n <li>\r\n <strong>65 z\u0142<\/strong> \u2014 uczniowie i studenci\r\n od 18 do 26 lat oraz seniorzy powy\u017cej 65 lat\r\n <\/li>\r\n\r\n <li>\r\n <strong>70 z\u0142<\/strong> \u2014 bilet normalny\r\n dla os\u00f3b od 18 do 65 lat\r\n <\/li>\r\n <\/ul>\r\n\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Czy osoby z orzeczeniem o niepe\u0142nosprawno\u015bci maj\u0105 zni\u017ck\u0119?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Tak. Na rejsach dziennych osoby z orzeczeniem\r\n o niepe\u0142nosprawno\u015bci korzystaj\u0105 z rejsu\r\n <strong>w cenie biletu ulgowego<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile kosztuje rejs nocny lub wieczorny?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Bilet na rejs nocny lub wieczorny kosztuje\r\n <strong>70 z\u0142 za osob\u0119<\/strong>.\r\n Na tych rejsach nie obowi\u0105zuj\u0105 zni\u017cki.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Ile trwa rejs?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Rejs dzienny trwa oko\u0142o <strong>45 minut<\/strong>.\r\n To wystarczaj\u0105co d\u0142ugo, \u017ceby zobaczy\u0107 jedn\u0105 z naj\u0142adniejszych\r\n cz\u0119\u015bci Wroc\u0142awia od strony Odry, a jednocze\u015bnie bez\r\n konieczno\u015bci planowania p\u00f3\u0142 dnia.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <details class=\"faq-item\">\r\n <summary>\r\n Co zobaczymy podczas rejsu?\r\n <\/summary>\r\n\r\n <div class=\"faq-answer\">\r\n <p>\r\n Trasa prowadzi przez jedn\u0105 z najbardziej widokowych cz\u0119\u015bci\r\n Wroc\u0142awia. W zale\u017cno\u015bci od miejsca rozpocz\u0119cia rejsu\r\n zobaczysz mi\u0119dzy innymi Ostr\u00f3w Tumski, Most Tumski,\r\n Wysp\u0119 Daliow\u0105 z instalacj\u0105 NAWA, Uniwersytet Wroc\u0142awski,\r\n Zatok\u0119 Gondoli, zabytkowe nabrze\u017ca i nadodrza\u0144skie bulwary.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\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-383b800 e-con-full e-flex e-con e-parent\" data-id=\"383b800\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eae61d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3eae61d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n.turizmo-divider-section {\r\n position: relative;\r\n padding: 130px 20px;\r\n background-image: linear-gradient(180deg, rgba(18, 59, 74, 0.45) 0%, rgba(18, 59, 74, 0.7) 100%), url('http:\/\/biletynarejs.pl\/wp-content\/uploads\/2026\/08\/Rejsy-po-odrze1.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n text-align: center;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.turizmo-divider-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n}\r\n\r\n.turizmo-divider-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 28px;\r\n margin-bottom: 22px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.turizmo-divider-title {\r\n margin: 0 !important;\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: clamp(52px, 6.5vw, 90px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 700 !important;\r\n font-style: italic;\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .turizmo-divider-section {\r\n padding: 95px 16px;\r\n background-attachment: scroll;\r\n }\r\n .turizmo-divider-title {\r\n font-size: 42px !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"turizmo-divider-section\" id=\"zostaw-miasto\">\r\n <div class=\"turizmo-divider-inner\">\r\n <div class=\"turizmo-divider-badge\">Zostaw miasto na brzegu<\/div>\r\n <h2 class=\"turizmo-divider-title\">DO ZOBACZENIA NA POK\u0141ADZIE!<\/h2>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85a99fd e-con-full e-flex e-con e-parent\" data-id=\"85a99fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-666cf51 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"666cf51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"kup-bilet\"><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e97cc6b e-con-full e-flex e-con e-parent\" data-id=\"e97cc6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a94b6a2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a94b6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span id=\"bilety\"><\/span>\n\n<iframe id=\"dl-widget\" style=\"border: 0;width: 100%!important;padding: 0;margin: 0 auto;min-height: 200px;max-width: 1000px;display:block;\" src=\"https:\/\/widget.droplabs.pl\/index.html?facilityId=837&onlineGroupId=15638\"><\/iframe>\n<script type=\"text\/javascript\" src=\"https:\/\/widget.droplabs.pl\/widget.js\"><\/script>\n\n\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>Rejsy po Odrze we Wroc\u0142awiu Wroc\u0142aw z najpi\u0119kniejszej perspektywy Wyj\u0105tkowe rejsy po Odrze Wybierz sw\u00f3j rejs, kup bilet online i […]<\/p>\n","protected":false},"author":3,"featured_media":603,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"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":"","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-399","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":235,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/pages\/399\/revisions\/745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/media\/603"}],"wp:attachment":[{"href":"https:\/\/biletynarejs.pl\/index.php\/wp-json\/wp\/v2\/media?parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}