{"id":13,"date":"2026-05-11T11:19:02","date_gmt":"2026-05-11T09:19:02","guid":{"rendered":"http:\/\/moto-pasja.pl\/?page_id=13"},"modified":"2026-05-11T12:52:45","modified_gmt":"2026-05-11T10:52:45","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/moto-pasja.pl\/","title":{"rendered":"Strona glowna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8afe51 e-con-full e-flex e-con e-parent\" data-id=\"b8afe51\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-413cc6a elementor-widget elementor-widget-html\" data-id=\"413cc6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --moto-blue-glow: rgba(41, 171, 226, 0.4); \r\n    --moto-text: #ffffff; \r\n    --moto-bg: #0a0a0a; \r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* G\u0141\u00d3WNY KONTENER HERO *\/\r\n.expert-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 100px 20px;\r\n    background-color: var(--moto-bg);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* WIDEO W TLE - PE\u0141NA RESPONSYWNO\u015a\u0106 *\/\r\n.hero-video-bg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: cover; \r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* NAK\u0141ADKA - L\u017bEJSZA, BY ODS\u0141ONI\u0106 FILM *\/\r\n.hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* Elegancki, minimalistyczny gradient. \u015arodek jest bardziej przezroczysty (0.4) *\/\r\n    background: linear-gradient(180deg, \r\n        rgba(0,0,0,0.8) 0%, \r\n        rgba(0,0,0,0.4) 40%, \r\n        rgba(0,0,0,0.9) 100%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* KONTENT + ANIMACJE WEJ\u015aCIA *\/\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 900px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 24px; \r\n}\r\n\r\n\/* KATEGORIE PRAWA JAZDY - GLASSMORPHISM *\/\r\n.category-tags {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-bottom: 10px;\r\n    animation: fadeInUp 0.8s ease-out forwards;\r\n}\r\n\r\n.cat-tag {\r\n    \/* Efekt matowego szk\u0142a zamiast ci\u0119\u017ckiego czarnego t\u0142a *\/\r\n    background: rgba(255, 255, 255, 0.05); \r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 8px 18px;\r\n    border-radius: 6px;\r\n    color: var(--moto-text);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cat-tag.highlight {\r\n    background: rgba(41, 171, 226, 0.15);\r\n    border-color: var(--moto-blue);\r\n    color: var(--moto-blue);\r\n    box-shadow: 0 0 15px var(--moto-blue-glow);\r\n}\r\n\r\n\/* G\u0141\u00d3WNY NAG\u0141\u00d3WEK (ZOPTYMALIZOWANY POD SEO) *\/\r\n.hero-title {\r\n    font-size: clamp(38px, 6vw, 72px);\r\n    font-weight: 800;\r\n    color: var(--moto-text);\r\n    line-height: 1.1;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1.5px;\r\n    \/* Mocny cie\u0144 dla czytelno\u015bci na ja\u015bniejszych klatkach wideo *\/\r\n    text-shadow: 0 4px 20px rgba(0,0,0,0.8), 0 0 40px rgba(0,0,0,0.6);\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease-out 0.2s forwards;\r\n}\r\n\r\n.hero-title span {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n\/* OPIS - KR\u00d3TKI I KONKRETNY *\/\r\n.hero-subtitle {\r\n    font-size: clamp(16px, 2vw, 20px);\r\n    color: #e5e7eb;\r\n    line-height: 1.6;\r\n    max-width: 650px;\r\n    font-weight: 400;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.8);\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n}\r\n\r\n\/* GRUPA PRZYCISK\u00d3W *\/\r\n.cta-group {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-top: 15px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    animation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n}\r\n\r\n.btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px 40px;\r\n    border-radius: 6px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    letter-spacing: 0.5px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn i {\r\n    margin-left: 10px;\r\n    font-size: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-primary {\r\n    background: var(--moto-blue);\r\n    color: #fff;\r\n    box-shadow: 0 8px 20px rgba(41, 171, 226, 0.3);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #1fa0d6;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 25px rgba(41, 171, 226, 0.5);\r\n}\r\n\r\n.btn-primary:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.btn-secondary {\r\n    background: rgba(0, 0, 0, 0.3);\r\n    color: var(--moto-text);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.btn-secondary:hover {\r\n    border-color: var(--moto-text);\r\n    background: rgba(255, 255, 255, 0.1);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* SCROLL DOWN INDICATOR *\/\r\n.scroll-indicator {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-size: 24px;\r\n    animation: bounce 2s infinite;\r\n    z-index: 2;\r\n    text-shadow: 0 2px 5px rgba(0,0,0,0.5);\r\n}\r\n\r\n\/* ANIMACJE KLUCZOWE *\/\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes bounce {\r\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\r\n    40% { transform: translateY(-10px) translateX(-50%); }\r\n    60% { transform: translateY(-5px) translateX(-50%); }\r\n}\r\n\r\n\/* RWD *\/\r\n@media (max-width: 600px) {\r\n    .cta-group {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-width: 320px;\r\n        gap: 12px;\r\n    }\r\n    .btn { width: 100%; }\r\n    .hero-title { letter-spacing: -1px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"expert-hero\">\r\n    \r\n    <video autoplay loop muted playsinline class=\"hero-video-bg\" poster=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/image_0838fc.jpg\">\r\n        <source src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/motopasja1.mp4?_=0\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div class=\"hero-overlay\"><\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <div class=\"category-tags\">\r\n            <div class=\"cat-tag highlight\">MOTO PASJA<\/div>\r\n            <div class=\"cat-tag\">AM<\/div>\r\n            <div class=\"cat-tag\">A1<\/div>\r\n            <div class=\"cat-tag\">A2<\/div>\r\n            <div class=\"cat-tag\">A<\/div>\r\n            <div class=\"cat-tag\">B<\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">Szko\u0142a jazdy Jastrz\u0119bie-Zdr\u00f3j <br><span>z pasj\u0105!<\/span><\/h1>\r\n        \r\n        <p class=\"hero-subtitle\">\r\n            Zdob\u0105d\u017a prawo jazdy pod okiem ekspert\u00f3w. Prowadzimy profesjonalne kursy na trasach egzaminacyjnych. Ucz si\u0119 bez stresu i w najlepszej atmosferze.\r\n        <\/p>\r\n\r\n        <div class=\"cta-group\">\r\n            <a href=\"#kontakt\" class=\"btn btn-primary\">Zapisz si\u0119 <i class=\"fas fa-motorcycle\"><\/i><\/a>\r\n            <a href=\"#cennik\" class=\"btn btn-secondary\">Zobacz cennik<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"scroll-indicator\">\r\n        <i class=\"fas fa-chevron-down\"><\/i>\r\n    <\/div>\r\n    \r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a53098 elementor-widget elementor-widget-html\" data-id=\"2a53098\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --moto-blue-hover: #1fa0d6;\r\n    --text-dark: #1f2937;\r\n    --text-gray: #4b5563;\r\n    --bg-white: #ffffff;\r\n    --bg-card: #fafafa; \r\n    --price-red: #ef4444; \r\n    --border-light: #e5e7eb;\r\n}\r\n\r\n.pricing-section-v3 {\r\n    background-color: var(--bg-white);\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.pricing-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.pricing-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.pricing-header h2 {\r\n    font-size: clamp(36px, 5vw, 52px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1px;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n}\r\n\r\n.pricing-header h2 span {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n.pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 30px;\r\n    align-items: stretch;\r\n}\r\n\r\n.price-card {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border-light);\r\n    border-radius: 20px;\r\n    padding: 50px 35px 40px; \r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.price-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: var(--moto-blue);\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n\/* DU\u017bA IKONA NAD KATEGORI\u0104 - POWI\u0118KSZONA O 50% *\/\r\n.card-icon {\r\n    font-size: 81px; \r\n    margin-bottom: 25px;\r\n    text-align: center;\r\n    color: var(--moto-blue); \r\n    background: linear-gradient(135deg, var(--moto-blue) 0%, #177199 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    filter: drop-shadow(0 4px 6px rgba(41, 171, 226, 0.2));\r\n}\r\n\r\n.card-title {\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.card-desc {\r\n    color: var(--text-gray);\r\n    font-size: 15px;\r\n    margin-bottom: 30px;\r\n    min-height: 45px;\r\n    line-height: 1.5;\r\n    text-align: center;\r\n}\r\n\r\n.price-container {\r\n    margin-bottom: 35px;\r\n    text-align: center;\r\n}\r\n\r\n.old-price {\r\n    font-size: 1.3rem;\r\n    color: var(--price-red);\r\n    text-decoration: line-through;\r\n    font-weight: 700;\r\n    margin-bottom: 5px;\r\n    opacity: 0.8;\r\n}\r\n\r\n.new-price {\r\n    font-size: 56px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.new-price span {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--text-gray);\r\n}\r\n\r\n.features-list {\r\n    list-style: none;\r\n    margin-bottom: 40px;\r\n    flex-grow: 1;\r\n    padding: 0;\r\n}\r\n\r\n.features-list li {\r\n    font-size: 15px;\r\n    color: var(--text-dark);\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.features-list li i {\r\n    color: var(--moto-blue);\r\n    font-size: 18px;\r\n    margin-top: 2px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.card-btn {\r\n    display: block;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 18px;\r\n    border-radius: 10px;\r\n    font-weight: 800;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid var(--moto-blue);\r\n    color: var(--moto-blue);\r\n    background: transparent;\r\n}\r\n\r\n.card-btn:hover {\r\n    background: var(--moto-blue);\r\n    color: var(--bg-white);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(41, 171, 226, 0.3);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .pricing-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 450px;\r\n        margin: 0 auto;\r\n    }\r\n    .pricing-header h2 {\r\n        font-size: 32px;\r\n    }\r\n    .price-card {\r\n        padding: 40px 25px 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"cennik\" class=\"pricing-section-v3\">\r\n    <div class=\"pricing-container\">\r\n        \r\n        <div class=\"pricing-header\">\r\n            <h2>Cennik <span>Kurs\u00f3w<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-grid\">\r\n            \r\n            <div class=\"price-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fa-solid fa-motorcycle\"><\/i> \r\n                <\/div>\r\n                <h3 class=\"card-title\">Kategoria AM<\/h3>\r\n                <p class=\"card-desc\">Pierwszy krok do motoryzacyjnej niezale\u017cno\u015bci dla najm\u0142odszych.<\/p>\r\n                \r\n                <div class=\"price-container\">\r\n                    <div class=\"old-price\">2000 z\u0142<\/div>\r\n                    <div class=\"new-price\">1800 <span>z\u0142<\/span><\/div>\r\n                <\/div>\r\n                \r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-check\"><\/i> <div><strong>10 godzin<\/strong> praktyki z instruktorem<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Pe\u0142ne przygotowanie teoretyczne<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Nauka na nowoczesnych motorowerach<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Komplet materia\u0142\u00f3w dydaktycznych<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Spokojne i bezstresowe podej\u015bcie<\/div><\/li>\r\n                <\/ul>\r\n                \r\n                <a href=\"#kontakt\" class=\"card-btn\">Wybieram AM<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"price-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fa-solid fa-motorcycle\"><\/i> \r\n                <\/div>\r\n                <h3 class=\"card-title\">Kategorie A, A1, A2<\/h3>\r\n                <p class=\"card-desc\">Dla tych, kt\u00f3rzy chc\u0105 poczu\u0107 prawdziw\u0105 wolno\u015b\u0107 na dw\u00f3ch k\u00f3\u0142kach.<\/p>\r\n                \r\n                <div class=\"price-container\">\r\n                    <div class=\"old-price\">4000 z\u0142<\/div>\r\n                    <div class=\"new-price\">3600 <span>z\u0142<\/span><\/div>\r\n                <\/div>\r\n                \r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-check\"><\/i> <div><strong>20 godzin<\/strong> jazd po mie\u015bcie i placu<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Profesjonalne szkolenie teoretyczne<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>\u015awietnie przygotowane motocykle (jak na egzaminie)<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Technika jazdy od pasjonat\u00f3w<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Trasy egzaminacyjne w Jastrz\u0119biu<\/div><\/li>\r\n                <\/ul>\r\n                \r\n                <a href=\"#kontakt\" class=\"card-btn\">Wybieram Moto<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"price-card\">\r\n                <div class=\"card-icon\">\r\n                    <i class=\"fa-solid fa-car-side\"><\/i> \r\n                <\/div>\r\n                <h3 class=\"card-title\">Kategoria B<\/h3>\r\n                <p class=\"card-desc\">Pewno\u015b\u0107 i bezpiecze\u0144stwo za kierownic\u0105 samochodu osobowego.<\/p>\r\n                \r\n                <div class=\"price-container\">\r\n                    <div class=\"old-price\">4000 z\u0142<\/div>\r\n                    <div class=\"new-price\">3600 <span>z\u0142<\/span><\/div>\r\n                <\/div>\r\n                \r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-check\"><\/i> <div><strong>30 godzin<\/strong> za kierownic\u0105<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Kompleksowe wyk\u0142ady z teorii<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Nauka parkowania i trudnych skrzy\u017cowa\u0144<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>E-learning i aktualne testy w cenie<\/div><\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> <div>Pomoc w formalno\u015bciach (PKK)<\/div><\/li>\r\n                <\/ul>\r\n                \r\n                <a href=\"#kontakt\" class=\"card-btn\">Wybieram Auto<\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40eef59 elementor-widget elementor-widget-html\" data-id=\"40eef59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --text-dark: #1f2937;\r\n    --text-gray: #6b7280;\r\n    --bg-light: #f8f9fa; \r\n    --card-bg: #ffffff;\r\n}\r\n\r\n\/* G\u0141\u00d3WNA SEKCJA *\/\r\n.success-gallery-section {\r\n    background-color: var(--bg-light);\r\n    padding: 100px 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK *\/\r\n.gallery-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.gallery-header h2 {\r\n    font-size: clamp(36px, 5vw, 52px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: var(--text-dark);\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.gallery-header h2 span {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n.gallery-header p {\r\n    font-size: 18px;\r\n    color: var(--text-gray);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* --- MECHANIZM SLIDERA (MARQUEE) --- *\/\r\n.gallery-marquee-wrapper {\r\n    width: 100%;\r\n    max-width: 2500px; \/* Zwi\u0119kszony max-width dla wi\u0119kszych kart *\/\r\n    display: flex;\r\n    overflow: hidden;\r\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\r\n    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\r\n    padding: 30px 0;\r\n}\r\n\r\n\/* USUNI\u0118TO: Zatrzymywanie animacji na hover (zgodnie z pro\u015bb\u0105) *\/\r\n\/* .gallery-marquee-wrapper:hover .gallery-track {\r\n    animation-play-state: paused; \r\n} *\/\r\n\r\n.gallery-track {\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n    gap: 40px; \/* Wi\u0119kszy odst\u0119p mi\u0119dzy wi\u0119kszymi kartami *\/\r\n    padding-right: 40px;\r\n    animation: scrollGallery 50s linear infinite; \/* Lekko zwolniona animacja dla wi\u0119kszych kart *\/\r\n}\r\n\r\n@keyframes scrollGallery {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-100%); }\r\n}\r\n\r\n\/* --- POWI\u0118KSZONA KARTA ZDJ\u0118CIA KURSANTA (+40%) --- *\/\r\n.student-card {\r\n    background: var(--card-bg);\r\n    border-radius: 16px;\r\n    padding: 16px;\r\n    width: 390px; \/* POWI\u0118KSZONE Z 280px *\/\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n\/* EFEKT \"ROZSYPANYCH\" ZDJ\u0118\u0106 *\/\r\n.student-card:nth-child(odd) {\r\n    transform: translateY(-25px);\r\n}\r\n.student-card:nth-child(even) {\r\n    transform: translateY(25px);\r\n}\r\n\r\n.student-card:hover {\r\n    transform: scale(1.05) translateY(0) !important; \r\n    box-shadow: 0 20px 45px rgba(41, 171, 226, 0.2);\r\n    z-index: 10;\r\n}\r\n\r\n\/* Zdj\u0119cie (wymuszenie kwadratu) *\/\r\n.student-photo {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    object-fit: cover;\r\n    border-radius: 10px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Imi\u0119 kursanta (Powi\u0119kszone dla proporcji) *\/\r\n.student-name {\r\n    font-size: 24px; \/* Powi\u0119kszone z 18px *\/\r\n    font-weight: 900;\r\n    color: var(--text-dark);\r\n    margin: 0 0 5px 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* --- RWD MOBILE --- *\/\r\n@media (max-width: 768px) {\r\n    .gallery-header h2 {\r\n        font-size: 32px;\r\n    }\r\n    \r\n    \/* W\u0142\u0105czenie natywnego scrollowania palcem na mobile *\/\r\n    .gallery-marquee-wrapper {\r\n        -webkit-mask-image: none; \r\n        mask-image: none;\r\n        overflow-x: auto;\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-snap-type: x mandatory;\r\n        scrollbar-width: none; \/* Ukrywa pasek scrollowania (Firefox) *\/\r\n    }\r\n    \r\n    .gallery-marquee-wrapper::-webkit-scrollbar {\r\n        display: none; \/* Ukrywa pasek scrollowania (Chrome\/Safari) *\/\r\n    }\r\n\r\n    .gallery-track {\r\n        \/* W\u0142\u0105czamy animacj\u0119, by lecia\u0142a w tle, ale pozwalamy te\u017c na scrollowanie *\/\r\n        \/* Zmieniamy paddinng by pasowa\u0142o pod scroll-snap *\/\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .student-card {\r\n        width: 330px; \/* POWI\u0118KSZONE Z 240px na mobile *\/\r\n        scroll-snap-align: center; \/* Przyci\u0105ga kart\u0119 do \u015brodka po przesuni\u0119ciu *\/\r\n    }\r\n    \r\n    .student-card:nth-child(odd) {\r\n        transform: translateY(-12px);\r\n    }\r\n    .student-card:nth-child(even) {\r\n        transform: translateY(12px);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"sukcesy\" class=\"success-gallery-section\">\r\n    \r\n    <div class=\"gallery-header\">\r\n        <h2>Oni ju\u017c <span>zdali!<\/span><\/h2>\r\n        <p>Do\u0142\u0105cz do grona szcz\u0119\u015bliwych kierowc\u00f3w. Nasi kursanci to nasz najlepszy pow\u00f3d do dumy. Z Moto Pasj\u0105 egzamin to czysta formalno\u015b\u0107.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-marquee-wrapper\">\r\n        \r\n        <div class=\"gallery-track\">\r\n            \r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/jakub-moto-pasja.jpg\" alt=\"Jakub zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Jakub<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/karolina-moto-pasja.jpg\" alt=\"Karolina zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Karolina<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/Pani-Ewa-moto-pasja.jpg\" alt=\"Pani Ewa zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Pani Ewa<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/dominika-moto-pasja.jpg\" alt=\"Dominika zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Dominika<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/agnieszka-moto-pasja.jpg\" alt=\"Agnieszka zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Agnieszka<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/pawel-moto-pasja.jpg\" alt=\"Pawe\u0142 zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Pawe\u0142<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/adam-moto-pasja.jpg\" alt=\"Adam zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Adam<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"gallery-track\">\r\n            \r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/jakub-moto-pasja.jpg\" alt=\"Jakub zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Jakub<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/karolina-moto-pasja.jpg\" alt=\"Karolina zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Karolina<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/Pani-Ewa-moto-pasja.jpg\" alt=\"Pani Ewa zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Pani Ewa<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/dominika-moto-pasja.jpg\" alt=\"Dominika zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Dominika<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/agnieszka-moto-pasja.jpg\" alt=\"Agnieszka zda\u0142a prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Agnieszka<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/pawel-moto-pasja.jpg\" alt=\"Pawe\u0142 zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Pawe\u0142<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"student-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/adam-moto-pasja.jpg\" alt=\"Adam zda\u0142 prawo jazdy w Moto Pasja\" class=\"student-photo\" loading=\"lazy\">\r\n                <h3 class=\"student-name\">Adam<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99418ef elementor-widget elementor-widget-html\" data-id=\"99418ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --moto-blue-glow: rgba(41, 171, 226, 0.4); \r\n    --text-white: #ffffff;\r\n    --text-light-gray: #e4e4e7; \/* ZMIANA: Du\u017co ja\u015bniejszy szary do opis\u00f3w *\/\r\n    --bg-dark: #0a0a0a; \r\n    --card-dark: #141414;\r\n    --border-dark: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.fleet-section {\r\n    background-color: var(--bg-dark);\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: var(--text-white);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.fleet-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -10%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: radial-gradient(circle, rgba(41, 171, 226, 0.05) 0%, rgba(10, 10, 10, 0) 70%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.fleet-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.fleet-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.fleet-header h2 {\r\n    font-size: clamp(36px, 5vw, 52px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1px;\r\n    margin: 0 0 15px 0;\r\n    color: var(--text-white); \/* Zabezpieczenie koloru nag\u0142\u00f3wka na czysty bia\u0142y *\/\r\n}\r\n\r\n.fleet-header h2 span {\r\n    color: var(--moto-blue);\r\n    text-shadow: 0 0 20px var(--moto-blue-glow);\r\n}\r\n\r\n.fleet-header p {\r\n    font-size: 18px;\r\n    color: var(--text-light-gray); \/* ZMIANA: Ja\u015bniejszy tekst opisu *\/\r\n    max-width: 750px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n}\r\n\r\n.fleet-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 30px;\r\n}\r\n\r\n.bike-card {\r\n    background: var(--card-dark);\r\n    border: 1px solid var(--border-dark);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.bike-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--moto-blue);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 0 20px rgba(41, 171, 226, 0.2);\r\n}\r\n\r\n.bike-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-top: 65%; \r\n    background: #ffffff; \r\n    overflow: hidden;\r\n}\r\n\r\n.bike-image-wrapper img {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 90%; \r\n    height: 90%;\r\n    object-fit: contain; \r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.bike-card:hover .bike-image-wrapper img {\r\n    transform: translate(-50%, -50%) scale(1.08);\r\n}\r\n\r\n.bike-category-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    background: var(--moto-blue);\r\n    color: #fff;\r\n    padding: 6px 14px;\r\n    border-radius: 8px;\r\n    font-weight: 900;\r\n    font-size: 14px;\r\n    z-index: 2;\r\n}\r\n\r\n.bike-info {\r\n    padding: 30px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.bike-name {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n    text-transform: uppercase;\r\n    color: var(--text-white); \/* Czysta biel dla nazwy *\/\r\n}\r\n\r\n.bike-desc {\r\n    color: var(--text-light-gray); \/* ZMIANA: Ja\u015bniejszy szary dla mniejszych tekst\u00f3w *\/\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .fleet-header h2 { font-size: 32px; }\r\n    .bike-info { padding: 20px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"flota\" class=\"fleet-section\">\r\n    <div class=\"fleet-container\">\r\n        <div class=\"fleet-header\">\r\n            <h2>Poznaj nasze <span>Bestie<\/span><\/h2>\r\n            <p>Szkolimy na nowoczesnych maszynach. Uczysz si\u0119 na sprz\u0119cie, z kt\u00f3rym spotkasz si\u0119 na egzaminie pa\u0144stwowym w WORD!<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fleet-grid\">\r\n            <div class=\"bike-card\">\r\n                <div class=\"bike-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn2.yamaha-motor.eu\/prod\/product-assets\/2025\/MT07AS\/2025-Yamaha-MT07AS-EU-Ice_Storm-Studio-001-03.jpg\" alt=\"Yamaha MT-07\">\r\n                    <div class=\"bike-category-badge\">Kat. A<\/div>\r\n                <\/div>\r\n                <div class=\"bike-info\">\r\n                    <h3 class=\"bike-name\">Yamaha MT-07<\/h3>\r\n                    <p class=\"bike-desc\">Kr\u00f3lowa placu manewrowego. Lekka, niesamowicie zwrotna i zrywna. Dok\u0142adnie ten model spotkasz na egzaminie!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bike-card\">\r\n                <div class=\"bike-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/motobanda.pl\/uploads\/motors\/92\/suzukiSFV650Gladius091-9999x600-resize.jpg\" alt=\"Suzuki Gladius\">\r\n                    <div class=\"bike-category-badge\">Kat. A<\/div>\r\n                <\/div>\r\n                <div class=\"bike-info\">\r\n                    <h3 class=\"bike-name\">Suzuki Gladius<\/h3>\r\n                    <p class=\"bike-desc\">Niezawodny silnik V-Twin. \u015awietnie wywa\u017cony klasyk, kt\u00f3ry bardzo du\u017co wybacza pocz\u0105tkuj\u0105cym motocyklistom.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bike-card\">\r\n                <div class=\"bike-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/motobanda.pl\/uploads\/motors\/69\/2015YamahaMT125EUAnodizedRedStudio002-9999x600-resize.jpg\" alt=\"Yamaha MT-125\">\r\n                    <div class=\"bike-category-badge\">Kat. A1<\/div>\r\n                <\/div>\r\n                <div class=\"bike-info\">\r\n                    <h3 class=\"bike-name\">Yamaha MT-125<\/h3>\r\n                    <p class=\"bike-desc\">Drapie\u017cny wygl\u0105d nakeda i genialnie \u0142atwe prowadzenie. Idealne wej\u015bcie w \u015bwiat dw\u00f3ch k\u00f3\u0142ek.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bike-card\">\r\n                <div class=\"bike-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.moto-opinie.info\/imagedb\/13512-bajaj-dominar-d400-2020.jpg\" alt=\"Bajaj Dominar\">\r\n                    <div class=\"bike-category-badge\">Kat. A2<\/div>\r\n                <\/div>\r\n                <div class=\"bike-info\">\r\n                    <h3 class=\"bike-name\">Bajaj Dominar<\/h3>\r\n                    <p class=\"bike-desc\">Stabilny i dynamiczny cruiser sportowy. Prawo jazdy kategorii A2 to na nim czysta przyjemno\u015b\u0107.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bike-card\">\r\n                <div class=\"bike-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.junak.com.pl\/wp-content\/uploads\/2021\/05\/906-czarno_zielony_bok.jpg\" alt=\"Junak 906\">\r\n                    <div class=\"bike-category-badge\">Kat. AM<\/div>\r\n                <\/div>\r\n                <div class=\"bike-info\">\r\n                    <h3 class=\"bike-name\">Junak 906<\/h3>\r\n                    <p class=\"bike-desc\">Lekki, wyj\u0105tkowo zwinny i bezawaryjny. Najbezpieczniejszy start dla najm\u0142odszych kierowc\u00f3w.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-394d89c elementor-widget elementor-widget-html\" data-id=\"394d89c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --moto-blue-glow: rgba(41, 171, 226, 0.3); \r\n    --text-dark: #1a1a1a;\r\n    --text-gray: #6b7280;\r\n    --bg-white: #ffffff;\r\n    --border-color: #e5e7eb;\r\n}\r\n\r\n.timeline-section {\r\n    background-color: var(--bg-white);\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: var(--text-dark);\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.timeline-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.timeline-header h2 {\r\n    font-size: clamp(36px, 5vw, 52px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1px;\r\n    margin: 0 0 15px 0;\r\n}\r\n\r\n.timeline-header h2 span {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n.timeline-header p {\r\n    font-size: 18px;\r\n    color: var(--text-gray);\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* KONTENER OSI CZASU *\/\r\n.timeline-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* BAZOWA, SZARA LINIA DROGI *\/\r\n.timeline-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 6px;\r\n    background-color: var(--border-color);\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 10px;\r\n    z-index: 0;\r\n}\r\n\r\n\/* AKTYWNY PASEK POST\u0118PU *\/\r\n.timeline-progress {\r\n    position: absolute;\r\n    width: 6px;\r\n    background-color: var(--moto-blue);\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 10px;\r\n    z-index: 1;\r\n    height: 0%; \r\n    transition: height 0.2s ease-out; \r\n}\r\n\r\n\/* POJEDYNCZY KROK *\/\r\n.timeline-item {\r\n    padding: 10px 45px; \/* Zwi\u0119kszony padding pod wi\u0119ksze ikony *\/\r\n    position: relative;\r\n    width: 50%;\r\n    opacity: 0; \r\n    transform: translateY(30px);\r\n    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 2; \r\n}\r\n\r\n.timeline-item.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.timeline-item:nth-child(odd) { left: 0; }\r\n.timeline-item:nth-child(even) { left: 50%; }\r\n\r\n\/* --- ZNACZNIKI (POWI\u0118KSZONE, KOLOROWE Z CIENIEM) --- *\/\r\n.timeline-dot {\r\n    position: absolute;\r\n    width: 64px; \/* POWI\u0118KSZONE Z 50px *\/\r\n    height: 64px; \/* POWI\u0118KSZONE Z 50px *\/\r\n    right: -32px; \/* Po\u0142owa szeroko\u015bci, \u017ceby wy\u015brodkowa\u0107 na linii *\/\r\n    background-color: var(--bg-white);\r\n    border: 3px solid var(--moto-blue); \/* Od razu b\u0142\u0119kitna ramka *\/\r\n    top: 15px;\r\n    border-radius: 50%;\r\n    z-index: 3; \r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: var(--moto-blue); \/* Od razu kolorowa ikona *\/\r\n    font-size: 26px; \/* POWI\u0118KSZONA IKONA *\/\r\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08); \/* Delikatny cie\u0144 pod k\u00f3\u0142kiem *\/\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-dot {\r\n    left: -32px;\r\n}\r\n\r\n\/* Stan aktywny (gdy pasek przejedzie przez k\u00f3\u0142ko) *\/\r\n.timeline-item.active-dot .timeline-dot {\r\n    background-color: var(--moto-blue);\r\n    color: var(--bg-white);\r\n    box-shadow: 0 0 20px var(--moto-blue-glow), 0 0 0 6px var(--bg-white);\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* KARTA Z TRE\u015aCI\u0104 *\/\r\n.timeline-content {\r\n    padding: 30px;\r\n    background-color: var(--bg-white);\r\n    position: relative;\r\n    border-radius: 16px;\r\n    border: 1px solid var(--border-color);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.04);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.timeline-item:hover .timeline-content {\r\n    transform: translateY(-5px);\r\n    border-color: var(--moto-blue);\r\n    box-shadow: 0 15px 35px var(--moto-blue-glow);\r\n}\r\n\r\n\/* ZWI\u0118KSZONA WIDOCZNO\u015a\u0106 NUMERU W TLE *\/\r\n.step-number {\r\n    position: absolute;\r\n    top: -15px; \r\n    right: 20px;\r\n    font-size: 90px; \r\n    font-weight: 900;\r\n    color: rgba(41, 171, 226, 0.15); \r\n    line-height: 1;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.timeline-item:nth-child(even) .step-number {\r\n    left: 20px;\r\n    right: auto;\r\n}\r\n\r\n.timeline-content h3 {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n    color: var(--text-dark);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.timeline-content p {\r\n    font-size: 15px;\r\n    color: var(--text-gray);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* RWD - MOBILE *\/\r\n@media screen and (max-width: 768px) {\r\n    .timeline-container::before,\r\n    .timeline-progress {\r\n        left: 31px;\r\n    }\r\n    \r\n    .timeline-item {\r\n        width: 100%;\r\n        padding-left: 90px; \/* Zwi\u0119kszone na mobile, by omin\u0105\u0107 du\u017c\u0105 ikon\u0119 *\/\r\n        padding-right: 0;\r\n        margin-bottom: 25px;\r\n    }\r\n    \r\n    .timeline-item:nth-child(even) {\r\n        left: 0;\r\n    }\r\n    \r\n    .timeline-dot {\r\n        left: -1px !important; \/* Wy\u015brodkowane dla nowej wielko\u015bci k\u00f3\u0142ka *\/\r\n        right: auto !important;\r\n    }\r\n\r\n    .timeline-content {\r\n        padding: 25px 20px;\r\n    }\r\n\r\n    .step-number {\r\n        right: 15px !important;\r\n        left: auto !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"etapy\" class=\"timeline-section\">\r\n    <div class=\"timeline-header\">\r\n        <h2>Droga do <span>Prawka<\/span><\/h2>\r\n        <p>Formalno\u015bci brzmi\u0105 strasznie? Nie z nami! Zobacz, jak w 5 prostych krokach przej\u015b\u0107 od decyzji do odebrania wymarzonego dokumentu.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-container\" id=\"timeline-wrapper\">\r\n        \r\n        <div class=\"timeline-progress\" id=\"progress-bar\"><\/div>\r\n        \r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-dot\"><i class=\"fas fa-mobile-screen-button\"><\/i><\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"step-number\">1<\/span>\r\n                <h3>Zapisz si\u0119 do nas<\/h3>\r\n                <p>Wybierz pakiet i skontaktuj si\u0119 z nami telefonicznie lub wype\u0142nij formularz kontaktowy na stronie. Szybko odpowiemy i ustalimy szczeg\u00f3\u0142y Twojego kursu.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-dot\"><i class=\"fas fa-laptop-house\"><\/i><\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"step-number\">2<\/span>\r\n                <h3>Teoria (E-learning)<\/h3>\r\n                <p>Ucz si\u0119 w swoim tempie! Zapewniamy dost\u0119p do nowoczesnej platformy e-learningowej, dzi\u0119ki kt\u00f3rej przygotujesz si\u0119 do egzaminu teoretycznego bez wychodzenia z domu.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-dot\"><i class=\"fas fa-user-doctor\"><\/i><\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"step-number\">3<\/span>\r\n                <h3>Badania lekarskie<\/h3>\r\n                <p>Nasi kursanci maj\u0105 zapewnionego lekarza orzecznika. Przeprowadzamy niezb\u0119dne badania szybko, sprawnie i bez niepotrzebnych kolejek.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-dot\"><i class=\"fas fa-id-card-clip\"><\/i><\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"step-number\">4<\/span>\r\n                <h3>Numer PKK<\/h3>\r\n                <p>Z wynikami bada\u0144 wyrabiasz Profil Kandydata na Kierowc\u0119. Dok\u0142adnie poinstruujemy Ci\u0119 krok po kroku jak to za\u0142atwi\u0107 w Wydziale Komunikacji bez stresu.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-dot\"><i class=\"fas fa-motorcycle\"><\/i><\/div>\r\n            <div class=\"timeline-content\">\r\n                <span class=\"step-number\">5<\/span>\r\n                <h3>Zaczynamy Jazdy!<\/h3>\r\n                <p>Wskakujesz na maszyn\u0119 lub za kierownic\u0119 auta. Pod okiem cierpliwych instruktor\u00f3w uczysz si\u0119 technik, kt\u00f3re zagwarantuj\u0105 zdany egzamin. Szerokiej drogi!<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ 1. Animacja pojawiania si\u0119 krok\u00f3w (Fade in up)\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.1\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    const timelineItems = document.querySelectorAll('.timeline-item');\r\n    timelineItems.forEach(item => {\r\n        observer.observe(item);\r\n    });\r\n\r\n    \/\/ 2. Skrypt odpowiedzialny za PASEK POST\u0118PU\r\n    const timelineWrapper = document.getElementById('timeline-wrapper');\r\n    const progressBar = document.getElementById('progress-bar');\r\n    \r\n    function updateProgress() {\r\n        const rect = timelineWrapper.getBoundingClientRect();\r\n        let scrollPercentage = (window.innerHeight \/ 2 - rect.top) \/ rect.height;\r\n        \r\n        if (scrollPercentage < 0) scrollPercentage = 0;\r\n        if (scrollPercentage > 1) scrollPercentage = 1;\r\n        \r\n        progressBar.style.height = `${scrollPercentage * 100}%`;\r\n        \r\n        timelineItems.forEach((item) => {\r\n            const itemRect = item.getBoundingClientRect();\r\n            const itemCenterY = itemRect.top + (itemRect.height \/ 2);\r\n            \r\n            if(window.innerHeight \/ 2 >= itemCenterY - 50) {\r\n                item.classList.add('active-dot');\r\n            } else {\r\n                item.classList.remove('active-dot');\r\n            }\r\n        });\r\n    }\r\n\r\n    window.addEventListener('scroll', updateProgress);\r\n    updateProgress();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-418b74c elementor-widget elementor-widget-html\" data-id=\"418b74c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --google-yellow: #fbbc04; \r\n    --text-dark: #1f2937;\r\n    --text-gray: #6b7280;\r\n    --bg-light: #f8f9fa; \/* ZMIANA: Delikatne t\u0142o *\/\r\n    --bg-white: #ffffff;\r\n}\r\n\r\n.reviews-section {\r\n    background-color: var(--bg-light); \/* Zastosowanie nowego t\u0142a *\/\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n\/* NAG\u0141\u00d3WEK Z LOGO GOOGLE *\/\r\n.reviews-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 800px;\r\n}\r\n\r\n.google-logo {\r\n    height: 40px;\r\n    object-fit: contain;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.reviews-header h2 {\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: var(--text-dark);\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.reviews-header h2 span {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n.google-rating {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.stars {\r\n    color: var(--google-yellow);\r\n    font-size: 24px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.rating-text {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    margin: 0;\r\n}\r\n\r\n.rating-text span {\r\n    color: var(--text-gray);\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n}\r\n\r\n\/* --- MASONRY GRID (CSS Columns) --- *\/\r\n.reviews-masonry-grid {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    column-count: 4;\r\n    column-gap: 25px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* Pojedyncza karta opinii *\/\r\n.review-item {\r\n    break-inside: avoid; \r\n    page-break-inside: avoid;\r\n    -webkit-column-break-inside: avoid;\r\n    margin-bottom: 25px; \r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.05);\r\n    border: 1px solid rgba(0,0,0,0.03);\r\n    background: var(--bg-white);\r\n    cursor: pointer;\r\n    display: inline-block; \/* Wymagane dla Masonry *\/\r\n    width: 100%;\r\n    \r\n    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n\/* Stan po wjechaniu na ekran *\/\r\n.review-item.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Hover - delikatne podniesienie *\/\r\n.review-item:hover {\r\n    transform: translateY(-8px) scale(1.02);\r\n    box-shadow: 0 15px 30px rgba(41, 171, 226, 0.15);\r\n    border-color: rgba(41, 171, 226, 0.3);\r\n    z-index: 2;\r\n    position: relative;\r\n}\r\n\r\n\/* Klikni\u0119cie by powi\u0119kszy\u0107 *\/\r\n.review-item.active-zoom {\r\n    transform: scale(1.15) !important;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.2) !important;\r\n    border-color: var(--moto-blue);\r\n    z-index: 100;\r\n    position: relative;\r\n}\r\n\r\n.review-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Przycisk CTA - Domy\u015blnie ukryty na desktopie *\/\r\n.btn-show-more {\r\n    display: none; \r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 16px 40px;\r\n    border-radius: 8px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    color: var(--moto-blue);\r\n    border: 2px solid var(--moto-blue);\r\n    transition: all 0.3s ease;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.btn-show-more i {\r\n    margin-left: 10px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-show-more:hover {\r\n    background: var(--moto-blue);\r\n    color: #fff;\r\n    box-shadow: 0 10px 20px rgba(41, 171, 226, 0.2);\r\n}\r\n\r\n.btn-show-more:hover i {\r\n    transform: translateY(3px);\r\n}\r\n\r\n\/* --- RWD --- *\/\r\n@media (max-width: 1024px) {\r\n    .reviews-masonry-grid { column-count: 3; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .reviews-masonry-grid { \r\n        column-count: 2; \r\n        column-gap: 15px; \r\n    }\r\n    .review-item { margin-bottom: 15px; }\r\n    .reviews-header h2 { font-size: 28px; }\r\n    \r\n    \/* MOBILE: Ukrywamy cz\u0119\u015b\u0107 opinii *\/\r\n    .review-item.hidden-on-mobile {\r\n        display: none;\r\n    }\r\n    \r\n    \/* MOBILE: Pokazujemy przycisk *\/\r\n    .btn-show-more {\r\n        display: inline-flex;\r\n    }\r\n\r\n    \/* MOBILE: Stan po klikni\u0119ciu \"Poka\u017c wi\u0119cej\" *\/\r\n    .reviews-masonry-grid.show-all .review-item.hidden-on-mobile {\r\n        display: inline-block;\r\n        animation: fadeIn 0.6s forwards;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .reviews-masonry-grid { column-count: 1; max-width: 320px; }\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<section id=\"opinie\" class=\"reviews-section\">\r\n    \r\n    <div class=\"reviews-header\">\r\n        <img decoding=\"async\" src=\"https:\/\/tomexfuture.pl\/wp-content\/uploads\/2026\/01\/GOOGLE-2-e1769856974335-300x101.png\" alt=\"Google Logo\" class=\"google-logo\" loading=\"lazy\">\r\n        <h2>Zobacz opinie <span>naszych klient\u00f3w<\/span><\/h2>\r\n        \r\n        <div class=\"google-rating\">\r\n            <div class=\"stars\">\r\n                <i class=\"fas fa-star\"><\/i>\r\n                <i class=\"fas fa-star\"><\/i>\r\n                <i class=\"fas fa-star\"><\/i>\r\n                <i class=\"fas fa-star\"><\/i>\r\n                <i class=\"fas fa-star\"><\/i>\r\n            <\/div>\r\n            <p class=\"rating-text\">\u015arednia 4.9 <span>na podstawie 42 opinii<\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reviews-masonry-grid\" id=\"reviewsGrid\">\r\n        \r\n        <div class=\"review-item\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia-5.png\" alt=\"Opinia 1\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/600X600-opinia-1.png\" alt=\"Opinia 4\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/600X750-opinia-1.png\" alt=\"Opinia 2\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia-4.png\" alt=\"Opinia 3\" loading=\"lazy\"><\/div>\r\n\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/600X600-opinia.png\" alt=\"Opinia 9\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia-1.png\" alt=\"Opinia 5\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/500X890-opinia.png\" alt=\"Opinia 6\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia-3.png\" alt=\"Opinia 7\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/600X750-opinia.png\" alt=\"Opinia 11\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia-2.png\" alt=\"Opinia 8\" loading=\"lazy\"><\/div>\r\n        <div class=\"review-item hidden-on-mobile\"><img decoding=\"async\" src=\"https:\/\/igorkoczy.pl\/wp-content\/uploads\/2026\/04\/400X800-opinia.png\" alt=\"Opinia 10\" loading=\"lazy\"><\/div>\r\n    <\/div>\r\n\r\n    <button id=\"showMoreBtn\" class=\"btn-show-more\">Poka\u017c wi\u0119cej opinii <i class=\"fas fa-chevron-down\"><\/i><\/button>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ 1. Animacja wje\u017cd\u017cania element\u00f3w na scrollu\r\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    document.querySelectorAll('.review-item').forEach(item => {\r\n        observer.observe(item);\r\n    });\r\n\r\n    \/\/ 2. Obs\u0142uga przycisku \"Poka\u017c wi\u0119cej\" (tylko na mobile)\r\n    const showMoreBtn = document.getElementById('showMoreBtn');\r\n    const grid = document.getElementById('reviewsGrid');\r\n    \r\n    if (showMoreBtn) {\r\n        showMoreBtn.addEventListener('click', function() {\r\n            grid.classList.add('show-all');\r\n            this.style.display = 'none'; \/\/ Ukryj przycisk po klikni\u0119ciu\r\n        });\r\n    }\r\n\r\n    \/\/ 3. Obs\u0142uga klikni\u0119cia w opini\u0119 (Powi\u0119kszenie\/Czytanie)\r\n    const reviews = document.querySelectorAll('.review-item');\r\n    reviews.forEach(review => {\r\n        review.addEventListener('click', function() {\r\n            if(this.classList.contains('active-zoom')) {\r\n                this.classList.remove('active-zoom');\r\n            } else {\r\n                reviews.forEach(r => r.classList.remove('active-zoom'));\r\n                this.classList.add('active-zoom');\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc19b5 elementor-widget elementor-widget-html\" data-id=\"dcc19b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --moto-blue-hover: #1fa0d6;\r\n    --moto-blue-glow: rgba(41, 171, 226, 0.2);\r\n    --bg-dark: #0a0a0a; \r\n    --card-dark: #141414;\r\n    --border-dark: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.contact-section {\r\n    background-color: var(--bg-dark);\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border-top: 1px solid var(--border-dark);\r\n}\r\n\r\n.contact-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n\/* --- LEWA KOLUMNA: DANE KONTAKTOWE --- *\/\r\n.contact-info-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.contact-info-wrapper h2 {\r\n    font-size: clamp(36px, 5vw, 48px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1px;\r\n    margin: 0 0 15px 0;\r\n    line-height: 1.1;\r\n    color: #ffffff !important; \/* Wymuszony bia\u0142y kolor *\/\r\n}\r\n\r\n.contact-info-wrapper h2 span {\r\n    color: var(--moto-blue) !important;\r\n}\r\n\r\n.contact-desc {\r\n    color: #a1a1aa !important; \/* Wymuszony jasnoszary *\/\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n    max-width: 90%;\r\n}\r\n\r\n\/* Lista Kontaktowa *\/\r\n.contact-details-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 40px 0;\r\n}\r\n\r\n.contact-details-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.contact-icon-box {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(41, 171, 226, 0.1);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: var(--moto-blue);\r\n    font-size: 24px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.contact-text-box h4 {\r\n    margin: 0 0 5px 0;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    color: #a1a1aa !important; \/* Wymuszony jasnoszary *\/\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.contact-link {\r\n    color: #ffffff !important; \/* Wymuszony bia\u0142y *\/\r\n    text-decoration: none;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.contact-link:hover {\r\n    color: var(--moto-blue) !important;\r\n}\r\n\r\n\/* Kafelki Social & Map *\/\r\n.social-map-buttons {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.action-tile {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: var(--card-dark);\r\n    border: 1px solid var(--border-dark);\r\n    padding: 15px 25px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    color: #ffffff !important;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: all 0.3s ease;\r\n    flex: 1;\r\n    justify-content: center;\r\n}\r\n\r\n.action-tile i {\r\n    font-size: 24px;\r\n}\r\n\r\n.tile-fb:hover {\r\n    border-color: #1877F2;\r\n    box-shadow: 0 10px 20px rgba(24, 119, 242, 0.15);\r\n    transform: translateY(-3px);\r\n}\r\n.tile-fb i { color: #1877F2; }\r\n\r\n.tile-map:hover {\r\n    border-color: #EA4335;\r\n    box-shadow: 0 10px 20px rgba(234, 67, 53, 0.15);\r\n    transform: translateY(-3px);\r\n}\r\n.tile-map i { color: #EA4335; }\r\n\r\n\r\n\/* --- PRAWA KOLUMNA: FORMULARZ --- *\/\r\n.contact-form-box {\r\n    background: var(--card-dark);\r\n    padding: 50px 40px;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--border-dark);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n}\r\n\r\n.form-header {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.form-header h3 {\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    margin: 0 0 10px 0;\r\n    text-transform: uppercase;\r\n    color: #ffffff !important; \/* Wymuszony bia\u0142y *\/\r\n}\r\n\r\n.form-header p {\r\n    color: #a1a1aa !important; \/* Wymuszony jasnoszary *\/\r\n    font-size: 14px;\r\n    margin: 0;\r\n}\r\n\r\n\/* Siatka p\u00f3l formularza *\/\r\n.form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.form-group.full-width {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.form-group label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #a1a1aa !important; \/* Wymuszony jasnoszary *\/\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Wymuszenie ciemnego stylu na polach tekstowych i ukrycie domy\u015blnych kolor\u00f3w motywu *\/\r\n.contact-section .form-control {\r\n    background-color: #1a1a1a !important;\r\n    border: 1px solid #333 !important;\r\n    padding: 16px 20px !important;\r\n    border-radius: 10px !important;\r\n    color: #ffffff !important; \/* Bia\u0142y tekst wpisywany przez klienta *\/\r\n    font-size: 15px !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.contact-section .form-control::placeholder {\r\n    color: #777777 !important; \/* Zabezpieczony szary kolor placeholdera *\/\r\n    opacity: 1;\r\n}\r\n\r\n.contact-section .form-control:focus {\r\n    outline: none !important;\r\n    border-color: var(--moto-blue) !important;\r\n    box-shadow: 0 0 0 4px var(--moto-blue-glow) !important;\r\n    background-color: #222 !important;\r\n}\r\n\r\n\/* Specyficzne poprawki dla listy rozwijanej (Select) *\/\r\n.contact-section select.form-control {\r\n    color: #ffffff !important; \r\n    appearance: none; \/* Ukrywa standardow\u0105 strza\u0142k\u0119 przegl\u0105darki w niekt\u00f3rych systemach *\/\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2329ABE2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 1rem center;\r\n    background-size: 1em;\r\n}\r\n\r\n\/* Zabezpieczenie t\u0142a opcji w li\u015bcie rozwijanej *\/\r\n.contact-section select.form-control option {\r\n    background-color: #1a1a1a !important;\r\n    color: #ffffff !important;\r\n    padding: 10px;\r\n}\r\n\r\n.submit-btn {\r\n    width: 100%;\r\n    background: var(--moto-blue) !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    padding: 20px !important;\r\n    border-radius: 10px !important;\r\n    font-size: 16px !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    margin-top: 10px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.submit-btn:hover {\r\n    background: var(--moto-blue-hover) !important;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(41, 171, 226, 0.3) !important;\r\n}\r\n\r\n\/* --- RWD MOBILE --- *\/\r\n@media (max-width: 900px) {\r\n    .contact-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n    \r\n    .contact-info-wrapper {\r\n        text-align: center;\r\n        align-items: center;\r\n    }\r\n    \r\n    .contact-details-list li {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .social-map-buttons {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-width: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .contact-form-box {\r\n        padding: 40px 25px;\r\n    }\r\n    \r\n    .form-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"kontakt\" class=\"contact-section\">\r\n    <div class=\"contact-container\">\r\n        \r\n        <div class=\"contact-info-wrapper\">\r\n            <h2>Zacznij swoj\u0105 drog\u0119 <span>ju\u017c dzi\u015b!<\/span><\/h2>\r\n            <p class=\"contact-desc\">Masz pytania dotycz\u0105ce kursu? Chcesz zapisa\u0107 si\u0119 na najbli\u017cszy wolny termin? Jeste\u015bmy do Twojej dyspozycji. Zadzwo\u0144, napisz lub odwied\u017a nasz plac w Jastrz\u0119biu.<\/p>\r\n            \r\n            <ul class=\"contact-details-list\">\r\n                <li>\r\n                    <div class=\"contact-icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                    <div class=\"contact-text-box\">\r\n                        <h4>Zadzwo\u0144 do nas<\/h4>\r\n                        <a href=\"tel:+48512307848\" class=\"contact-link\">512 307 848<\/a>\r\n                    <\/div>\r\n                <\/li>\r\n                <li>\r\n                    <div class=\"contact-icon-box\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                    <div class=\"contact-text-box\">\r\n                        <h4>Napisz e-mail<\/h4>\r\n                        <a href=\"mailto:osk-motopasja@wp.pl\" class=\"contact-link\">osk-motopasja@wp.pl<\/a>\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"social-map-buttons\">\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=100043117616624\" target=\"_blank\" rel=\"noopener\" class=\"action-tile tile-fb\">\r\n                    <i class=\"fab fa-facebook\"><\/i> Nasz Facebook\r\n                <\/a>\r\n                <a href=\"https:\/\/www.google.com\/maps\/place\/Nauka+jazdy+Moto+pasja\/@49.9489662,18.531305,13z\/data=!4m10!1m2!2m1!1sMOTO+PASJA!3m6!1s0x47115388e102580b:0xd55f07b669d2435e!8m2!3d49.948949!4d18.5724859!15sCgpNT1RPIFBBU0pBWgwiCm1vdG8gcGFzamGSAR9kcml2ZXJzX2xpY2Vuc2VfdHJhaW5pbmdfc2Nob29smgEkQ2hkRFNVaE5NRzluUzBWSlEwRm5TVVJsTjNOWFoyeFJSUkFC4AEA-gEECGgQDg!16s%2Fg%2F11g1hkg85l?entry=ttu&g_ep=EgoyMDI2MDQxOS4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\" class=\"action-tile tile-map\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i> Mapa Dojazdu\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-form-box\">\r\n            <div class=\"form-header\">\r\n                <h3>Zapisz si\u0119 na kurs<\/h3>\r\n                <p>Zostaw swoje dane. Oddzwonimy tak szybko, jak to mo\u017cliwe!<\/p>\r\n            <\/div>\r\n            \r\n            <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault();\">\r\n                \r\n                <div class=\"form-grid\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"firstName\">Imi\u0119<\/label>\r\n                        <input type=\"text\" id=\"firstName\" class=\"form-control\" placeholder=\"Twoje imi\u0119\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"lastName\">Nazwisko<\/label>\r\n                        <input type=\"text\" id=\"lastName\" class=\"form-control\" placeholder=\"Twoje nazwisko\" required>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\" style=\"margin-bottom: 20px;\">\r\n                    <label for=\"phone\">Numer Telefonu<\/label>\r\n                    <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"np. 512 307 848\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\" style=\"margin-bottom: 30px;\">\r\n                    <label for=\"category\">Interesuje mnie Kategoria<\/label>\r\n                    <select id=\"category\" class=\"form-control\" required>\r\n                        <option value=\"\" disabled selected hidden>Wybierz kategori\u0119 prawa jazdy<\/option>\r\n                        <option value=\"AM\">Kategoria AM (Skuter)<\/option>\r\n                        <option value=\"A1\">Kategoria A1<\/option>\r\n                        <option value=\"A2\">Kategoria A2<\/option>\r\n                        <option value=\"A\">Kategoria A (Motocykl)<\/option>\r\n                        <option value=\"B\">Kategoria B (Samoch\u00f3d)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\">Wy\u015blij zg\u0142oszenie <i class=\"fas fa-paper-plane\"><\/i><\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c801323 elementor-widget elementor-widget-google_maps\" data-id=\"c801323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=ul.%201%20Maja%2015%2C%20Jastrzebie%20Zdroj%2C%20Poland%2C%2044330&#038;t=m&#038;z=14&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"ul. 1 Maja 15, Jastrzebie Zdroj, Poland, 44330\"\n\t\t\t\t\taria-label=\"ul. 1 Maja 15, Jastrzebie Zdroj, Poland, 44330\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07f3adc elementor-widget elementor-widget-html\" data-id=\"07f3adc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root { \r\n    --moto-blue: #29ABE2; \r\n    --text-gray: #a1a1aa;\r\n    --bg-footer: #050505; \/* Oczko ciemniejszy ni\u017c sekcja kontaktowa dla p\u0142ynnego przej\u015bcia *\/\r\n    --border-dark: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.moto-footer {\r\n    background-color: var(--bg-footer);\r\n    border-top: 1px solid var(--border-dark);\r\n    padding: 30px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    text-align: center;\r\n}\r\n\r\n.footer-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.footer-copyright {\r\n    color: var(--text-gray);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    margin: 0;\r\n}\r\n\r\n.footer-copyright span {\r\n    color: var(--moto-blue);\r\n    font-weight: 600;\r\n}\r\n\r\n.footer-credits {\r\n    color: #666;\r\n    font-size: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.footer-credits a {\r\n    color: #888;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-credits a:hover {\r\n    color: var(--moto-blue);\r\n}\r\n\r\n\/* RWD *\/\r\n@media (max-width: 768px) {\r\n    .moto-footer {\r\n        padding: 25px 20px;\r\n    }\r\n    .footer-copyright {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"moto-footer\">\r\n    <div class=\"footer-container\">\r\n        <p class=\"footer-copyright\">\r\n            &copy; 2026 <span>OSK Moto Pasja<\/span>. Wszelkie prawa zastrze\u017cone.\r\n        <\/p>\r\n        <p class=\"footer-credits\">\r\n            Projekt i realizacja: <a href=\"https:\/\/igorkoczy.pl\" target=\"_blank\" rel=\"noopener\">Web Studio Igor Koczy<\/a>\r\n        <\/p>\r\n    <\/div>\r\n<\/footer>\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>MOTO PASJA AM A1 A2 A B Szko\u0142a jazdy Jastrz\u0119bie-Zdr\u00f3j z pasj\u0105! Zdob\u0105d\u017a prawo jazdy pod okiem ekspert\u00f3w. Prowadzimy profesjonalne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":17,"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/moto-pasja.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}