{"id":6401,"date":"2026-03-07T13:16:25","date_gmt":"2026-03-07T12:16:25","guid":{"rendered":"https:\/\/twojapracaonline.pl\/?page_id=6401"},"modified":"2026-03-08T15:58:22","modified_gmt":"2026-03-08T14:58:22","slug":"testy","status":"publish","type":"page","link":"https:\/\/twojapracaonline.pl\/?page_id=6401","title":{"rendered":"Testy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6401\" class=\"elementor elementor-6401\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d3b8f3 e-container--column e-container\" data-id=\"1d3b8f3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-8855962 elementor-widget elementor-widget-hub_fancy_heading\" data-id=\"8855962\" data-element_type=\"widget\" data-widget_type=\"hub_fancy_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<div id=\"ld-fancy-heading-69e3b700dc849\" class=\"ld-fancy-heading pos-rel\">\n\t\t\t<h2 class=\"ld-fh-element d-inline-block pos-rel  elementor-heading-title lqd-highlight-classic lqd-highlight-grow-left h2\"  > Por\u00f3wnywarka Finansowa<\/h2>\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdb26ce elementor-widget elementor-widget-html\" data-id=\"fdb26ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* Kontener g\u0142\u00f3wny - tutaj ustawiamy marginesy (odst\u0119py po bokach) *\/\r\n.modern-filters-wrapper {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    width: 100% !important;\r\n    max-width: 100vw !important;\r\n    overflow-x: hidden !important;\r\n    padding: 0 20px !important; \/* TO JEST TW\u00d3J ODST\u0118P PO LEWEJ I PRAWEJ *\/\r\n    box-sizing: border-box !important;\r\n    margin: 30px 0;\r\n}\r\n\r\n\/* Panel z przyciskami *\/\r\n.m-filters-panel {\r\n    display: flex !important;\r\n    flex-wrap: nowrap !important;\r\n    overflow-x: auto !important;\r\n    -webkit-overflow-scrolling: touch !important;\r\n    padding: 4px !important;\r\n    background: #F8F8F8;\r\n    border-radius: 16px;\r\n    width: 100% !important;\r\n    max\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.m-filters-panel::-webkit-scrollbar { display: none !important; }\r\n\r\n\/* Przyciski *\/\r\n.m-filter-btn {\r\n    flex: 0 0 auto !important;\r\n    background: transparent;\r\n    border: none;\r\n    padding: 12px 20px !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    cursor: pointer;\r\n    position: relative;\r\n    white-space: nowrap !important;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.m-filter-btn.is-active {\r\n    color: #00c213 !important;\r\n}\r\n\r\n\/* Zielone podkre\u015blenie *\/\r\n.m-filter-btn.is-active::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 15px;\r\n    right: 15px;\r\n    height: 3px;\r\n    background: #00c213;\r\n    border-radius: 2px;\r\n}\r\n\r\n\/* Mobilne dopasowanie czcionki *\/\r\n@media (max-width: 767px) {\r\n    .m-filter-btn {\r\n        font-size: 12px !important;\r\n        padding: 10px 16px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"modern-filters-wrapper\">\r\n    <div class=\"m-filters-panel\">\r\n        <button class=\"m-filter-btn is-active\" data-target=\".kat-osobiste\" onclick=\"switchCategory(this)\">Konta Osobiste<\/button>\r\n        <button class=\"m-filter-btn\" data-target=\".kat-student\" onclick=\"switchCategory(this)\">Konta dla Studenta<\/button>\r\n        <button class=\"m-filter-btn\" data-target=\".kat-walutowe\" onclick=\"switchCategory(this)\">Konta Walutowe<\/button>\r\n        <button class=\"m-filter-btn\" data-target=\".kat-oszczednosciowe\" onclick=\"switchCategory(this)\">Konta Oszcz\u0119dno\u015bciowe<\/button>\r\n        <button class=\"m-filter-btn\" data-target=\".kat-firmowe\" onclick=\"switchCategory(this)\">Konta Firmowe<\/button>\r\n        <button class=\"m-filter-btn\" data-target=\".kat-karty\" onclick=\"switchCategory(this)\">Karty Kredytowe<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function switchCategory(clickedBtn) {\r\n        document.querySelectorAll('.m-filter-btn').forEach(btn => btn.classList.remove('is-active'));\r\n        clickedBtn.classList.add('is-active');\r\n\r\n        const targetClass = clickedBtn.getAttribute('data-target');\r\n        const allTargets = ['.kat-osobiste', '.kat-student', '.kat-walutowe', '.kat-oszczednosciowe', '.kat-firmowe', '.kat-karty'];\r\n\r\n        allTargets.forEach(cat => {\r\n            document.querySelectorAll(cat).forEach(el => {\r\n                el.style.display = (cat === targetClass) ? 'block' : 'none';\r\n            });\r\n        });\r\n    }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48dae7f kat-osobiste elementor-widget elementor-widget-html\" data-id=\"48dae7f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope: .santander *\/\r\n    .santander {\r\n    position: relative;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    background: #fff;\r\n    border-radius: 16px;\r\n    border: 1px solid #eee;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.06);\r\n    max-width: 1300px;\r\n    margin: 30px auto;\r\n    \/* overflow: hidden; *\/ \/* USU\u0143 TO LUB ZAKOMENTUJ *\/\r\n    overflow: visible;     \/* DODAJ TO, aby tooltipy mog\u0142y wystawa\u0107 *\/\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    color: #000;\r\n}\r\n\r\n    .santander:hover {\r\n        box-shadow: 0 16px 40px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* BADGE - Skorzysta\u0142o os\u00f3b *\/\r\n    .santander .s-users-badge {\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 30px;\r\n        background: #fff;\r\n        border: 1px solid #f0f0f0;\r\n        padding: 6px 14px;\r\n        border-radius: 30px;\r\n        font-size: 11px;\r\n        font-weight: 700; \/* POGRUBIONE *\/\r\n        color: #222; \/* CIEMNIEJSZY *\/\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.04);\r\n        z-index: 10;\r\n        transition: 0.3s;\r\n    }\r\n    .santander .s-users-badge:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 16px rgba(0,0,0,0.08);\r\n    }\r\n    .santander .s-badge-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        background-color: #00c213;\r\n        border-radius: 50%;\r\n        animation: s-pulse-dot 2s infinite;\r\n    }\r\n    @keyframes s-pulse-dot {\r\n        0% { box-shadow: 0 0 0 0 rgba(0, 194, 19, 0.4); }\r\n        70% { box-shadow: 0 0 0 6px rgba(0, 194, 19, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(0, 194, 19, 0); }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .santander .s-header { display: flex; align-items: center; padding: 25px 35px; gap: 20px; }\r\n    .santander .s-rank { background: #2d2d2d; color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-weight: 800; border-radius: 8px; flex-shrink: 0; }\r\n    .santander .s-logo-img { height: 40px; width: auto; }\r\n    .santander .s-title-text { font-size: 19px; font-weight: 800; color: #000; } \/* ZMIANA *\/\r\n\r\n    \/* Grid *\/\r\n    .santander .s-grid { \r\n        display: grid; \r\n        grid-template-columns: 0.9fr 0.9fr 0.9fr 0.9fr 1.8fr auto; \r\n        border-top: 1px solid #f2f2f2; \r\n        border-bottom: 1px solid #f2f2f2; \r\n        align-items: center;\r\n    }\r\n    .santander .s-col { padding: 25px 40px; border-right: 1px solid #f2f2f2; }\r\n    .santander .s-col:last-child { border-right: none; }\r\n    .santander .s-label { font-size: 10px; text-transform: uppercase; color: #777; font-weight: 700; margin-bottom: -3px; display: block; } \/* CIEMNIEJSZY *\/\r\n    .santander .s-value { font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 6px; color: #000; }\r\n    \r\n    \/* Zmieniony mniejszy tekst dla p\u0142atno\u015bci *\/\r\n    .santander .s-payments-list\r\n    { font-size: 13px; font-weight: 700; color: #000; line-height: 1.4; } \/* ZMIANA NA CZARNY I GRUBSZY *\/\r\n\r\n    \/* TOOLTIPY - Nowoczesna Ikonka SVG *\/\r\n    .santander .s-tooltip-wrap {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: help;\r\n        margin-left: 4px;\r\n    }\r\n    .santander .s-icon-info {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #94a3b8; \r\n        transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n    .santander .s-icon-info svg {\r\n        transition: all 0.2s ease;\r\n    }\r\n    .santander .s-tooltip-wrap:hover .s-icon-info {\r\n        color: #00c213;\r\n        transform: scale(1.15);\r\n    }\r\n    .santander .s-tooltip-text {\r\n        position: absolute;\r\n        bottom: 140%;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(5px);\r\n        background: #000; \/* CZARNY *\/\r\n        color: #fff;\r\n        padding: 10px 15px;\r\n        border-radius: 6px;\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n        line-height: 1.4;\r\n        white-space: normal;\r\n        width: max-content;\r\n        max-width: 300px;\r\n        text-align: left;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.2s ease;\r\n        z-index: 10;\r\n        pointer-events: none;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n    }\r\n    .santander .s-tooltip-text::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border-width: 5px;\r\n        border-style: solid;\r\n        border-color: #000 transparent transparent transparent;\r\n    }\r\n    .santander .s-tooltip-wrap:hover .s-tooltip-text {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* Przycisk w Gridzie *\/\r\n    .santander .s-details-btn {\r\n        background: #f4f4f4;\r\n        color: #000; \/* CZARNY *\/\r\n        border: none;\r\n        padding: 12px 20px;\r\n        font-size: 12px;\r\n        border-radius: 8px;\r\n        font-weight: 800; \/* GRUBSZY *\/\r\n        margin-right: -14px;\r\n        cursor: pointer;\r\n        transition: 0.2s;\r\n        white-space: nowrap;\r\n    }\r\n    .santander .s-details-btn:hover { background: #e0e0e0; color: #000; }\r\n    \r\n    \/* Gwiazdki *\/\r\n    .santander .s-rating-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: #fff7e6;\r\n        padding: 4px 10px;\r\n        border-radius: 8px;\r\n        border: 1px solid #ffe58f;\r\n    }\r\n\r\n    .santander .s-stars-container {\r\n        display: inline-block;\r\n        position: relative;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n    }\r\n    .santander .s-stars-container::before {\r\n        content: \"\u2605\u2605\u2605\u2605\u2605\";\r\n        color: #ddd;\r\n    }\r\n    .santander .s-stars-container::after {\r\n        content: \"\u2605\u2605\u2605\u2605\u2605\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        color: #ffb400;\r\n        width: 90%; \r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .santander .s-rating-val {\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        color: #8a6100; \/* CIEMNIEJSZY *\/\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    \/* Footer *\/\r\n    .santander .s-footer { padding: 25px 35px; display: flex; align-items: center; gap: 25px; background: #fff; position: relative; z-index: 2; }\r\n    \r\n    \/* Poprawiony Promo Alert z Flexboxem dla ikonki *\/\r\n    .santander .s-promo-alert { \r\n        flex: 1; \r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: #e9f9eb; \r\n        color: #0d5a1d; \r\n        padding: 10px 25px; \r\n        border-radius: 10px; \r\n        font-size: 13px; \r\n        font-weight: 800; \r\n        border-left: 5px solid #00c213; \r\n    }\r\n    \r\n    \/* Nowoczesny przycisk CTA *\/\r\n    .santander .s-cta-btn { \r\n        position: relative;\r\n        margin-right: -10px;\r\n        background: linear-gradient(135deg, #00c213 0%, #00960f 100%);\r\n        color: #fff !important; \r\n        text-decoration: none; \r\n        padding: 12px 40px; \r\n        border-radius: 10px; \r\n        font-weight: 800; \r\n        overflow: hidden;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); \r\n        box-shadow: 0 4px 15px rgba(0, 194, 19, 0.3);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n    .santander .s-cta-btn:hover { \r\n        background: linear-gradient(135deg, #00d615 0%, #00a811 100%);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(0, 194, 19, 0.45);\r\n    }\r\n    \r\n    .santander .s-cta-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);\r\n        transform: skewX(-25deg);\r\n        animation: s-shine 3.5s infinite;\r\n    }\r\n    @keyframes s-shine {\r\n        0% { left: -100%; }\r\n        15% { left: 200%; }\r\n        100% { left: 200%; }\r\n    }\r\n\r\n    \/* POPUP (MODAL) STYLES *\/\r\n\/* POPUP (MODAL) STYLES *\/\r\n    .s-modal-overlay {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100vw; height: 100vh;\r\n        background: rgba(0, 0, 0, 0.6);\r\n        backdrop-filter: blur(4px);\r\n        z-index: 99998;\r\n        opacity: 0; visibility: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .s-modal {\r\n        position: fixed;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -45%) scale(0.95);\r\n        background: #fff;\r\n        width: 100%; \r\n        max-width: 1100px; \/* ZWI\u0118KSZONA SZEROKO\u015a\u0106 NA DESKTOP *\/\r\n        max-height: 80vh; \/* ZAPOBIEGA UCIEKANIU POZA EKRAN *\/\r\n        overflow-y: auto;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n        z-index: 99999;\r\n        padding: 40px; \/* WI\u0118CEJ ODDECHU *\/\r\n        opacity: 0; visibility: hidden;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #000;\r\n    }\r\n    \r\n    .s-modal-overlay.is-active { opacity: 1; visibility: visible; }\r\n    .s-modal.is-active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }\r\n\r\n    .s-modal-close {\r\n        position: absolute; top: 20px; right: 20px;\r\n        background: #f4f4f4; border: none; font-size: 24px; \r\n        width: 40px; height: 40px; border-radius: 50%;\r\n        color: #000; cursor: pointer; transition: 0.2s;\r\n    }\r\n    .s-modal-close:hover { background: #e0e0e0; }\r\n\r\n    .s-modal h3 { font-size: 20px; margin-bottom: 20px; margin-left: 15px;}\r\n\r\n    .s-modal-tabs {\r\n        display: flex; gap: 10px; margin-bottom: 10px;\r\n        border-bottom: 2px solid #eee; overflow-x: auto;\r\n    }\r\n    .s-tab {\r\n        background: none; border: none; padding: 12px 20px;\r\n        font-size: 16px; font-weight: 700; color: #666;\r\n        cursor: pointer; border-bottom: 3px solid transparent;\r\n        margin-bottom: -2px; transition: 0.2s; white-space: nowrap;\r\n    }\r\n    .s-tab.is-active { color: #00c213; border-bottom-color: #00c213; }\r\n\r\n    .s-tab-pane { display: none; color: #333; font-size: 13px; line-height: 1.5; margin-left: -20px; }\r\n    .s-tab-pane.is-active { display: block; animation: sFadeIn 0.3s ease; }\r\n    .s-tab-pane li { padding: 10px 0; border-bottom: 1px solid #f9f9f9 ;display: flex; gap: 5px; } gap: 10px; }\r\n    .s-check { color: #00c213; font-weight: bold; }\r\n\r\n    @keyframes sFadeIn {\r\n        from { opacity: 0; transform: translateY(5px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .santander .s-header img {\r\n    height: 40px !important; \/* Zmie\u0144 t\u0119 warto\u015b\u0107 na tak\u0105, jaka Ci pasuje *\/\r\n    width: auto !important;\r\n}\r\n\r\n\r\n    \/* Responsywno\u015b\u0107 *\/\r\n    @media (max-width: 1024px) {\r\n        .santander .s-grid { grid-template-columns: repeat(3, 1fr); align-items: start; }\r\n        .santander .s-col.btn-col { grid-column: span 3; display: flex; justify-content: flex-end; padding-top: 0; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .santander .s-header { padding-top: 35px; }\r\n        .santander .s-users-badge { top: 15px; right: 15px; transform: scale(0.9); transform-origin: top right; }\r\n        .santander .s-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .santander .s-col.btn-col { grid-column: span 2; justify-content: center; padding: 20px; }\r\n        .santander .s-footer { flex-direction: column; }\r\n        .santander .s-promo-alert, .santander .s-cta-btn { width: 100%; text-align: center; box-sizing: border-box; }\r\n        .s-modal { width: 95%; padding: 25px 20px; }\r\n        .santander .s-logo-img { height: 60px; width: auto; }\r\n        .santander .s-title-text { font-size: 16px; font-weight: 800; }\r\n        \r\n    }\r\n\r\n    \/* Poprawa responsywno\u015bci w Headerze *\/\r\n    @media (max-width: 768px) {\r\n        .santander .s-header { \r\n            flex-direction: column; \r\n            align-items: flex-start; \r\n            gap: 10px; \r\n            margin-top: -82px;\r\n            padding: 20px; \r\n        }\r\n        .santander .s-users-badge { \r\n            position: relative; \r\n            top: 0; \r\n            right: 0;\r\n            margin-top: 25px;\r\n            margin-left: 160px;\r\n            margin-right: 20px;\r\n            margin-bottom: 10px; \r\n            align-self: flex-start;\r\n        }\r\n        .santander .s-grid { grid-template-columns: 1fr 1fr; }\r\n        .santander .s-col { padding: 15px; }\r\n        .santander .s-col.btn-col { grid-column: span 2; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .santander .s-details-btn{ font-size: 10px; padding: 8px 10px; margin-right: 11px; margin-top: -2px; }\r\n        .santander .s-col.btn-col{ grid-column: span 1; display:flex; align-items:center; justify-content:flex-end; }\r\n        .santander .s-promo-alert{ font-size: 12px; line-height: 15px; text-align: left; margin-right: 20px; margin-top: -10px; padding: 8px 16px; }\r\n        .santander .s-cta-btn{ margin-top: -15px; font-size: 15px; padding: 8px 20px; border-radius: 10px; margin-right: 20px; }\r\n        .santander .s-grid{ padding-left: 10px; }\r\n        \r\n        .santander .s-col:nth-child(2), .santander .s-col:nth-child(4) { padding-left: 25px; }\r\n        .santander .s-payments-list { font-size: 10px; font-weight: 800; margin-right: 10px; margin-top: 2px; color: #000; }\r\n        .santander .s-header img {\r\n    height: 50px !important; \/* Zmie\u0144 t\u0119 warto\u015b\u0107 na tak\u0105, jaka Ci pasuje *\/\r\n    width: auto !important;\r\n    margin-top: 5px;\r\n}\r\n    }\r\n    @media (max-width: 768px) {\r\n    .santander .s-col:nth-child(even) .s-tooltip-text { left: auto; right: 0; transform: translateY(5px); }\r\n    .santander .s-col:nth-child(even) .s-tooltip-text::after { left: auto; right: 10px; }\r\n    \/* Zabezpieczenie tooltipa *\/\r\n.santander .s-tooltip-text {\r\n    left: 50% !important;\r\n    right: auto !important;\r\n    transform: translateX(-50%) translateY(5px) !important;\r\n    max-width: 170px !important;\r\n    margin-bottom: 10px;\r\n    font-size: 9px;\r\n    text-align: left;\r\n    width: max-content;\r\n}\r\n\r\n\/* Poprawka strza\u0142ki, \u017ceby zawsze by\u0142a na \u015brodku *\/\r\n.santander .s-tooltip-text::after {\r\n    left: 50% !important;\r\n    right: auto !important;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n    }\r\n    @media (max-width: 768px) {\r\n        \r\n        \r\n.s-modal-overlay {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100vw; height: 100vh;\r\n        background: rgba(0, 0, 0, 0.6);\r\n        backdrop-filter: blur(4px);\r\n        z-index: 99998;\r\n        opacity: 0; visibility: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .s-modal {\r\n        position: fixed;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -45%) scale(0.95);\r\n        background: #fff;\r\n        width: 90%; \r\n        max-width: 800px; \/* ZWI\u0118KSZONA SZEROKO\u015a\u0106 NA DESKTOP *\/\r\n        max-height: 80vh; \/* ZAPOBIEGA UCIEKANIU POZA EKRAN *\/\r\n        overflow-y: auto;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n        z-index: 99999;\r\n        padding: 40px; \/* WI\u0118CEJ ODDECHU *\/\r\n        opacity: 0; visibility: hidden;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #000;\r\n    }\r\n    \r\n    .s-modal-overlay.is-active { opacity: 1; visibility: visible; }\r\n    .s-modal.is-active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }\r\n\r\n    .s-modal-close {\r\n        position: absolute; top: 20px; right: 20px;\r\n        background: #f4f4f4; border: none; font-size: 24px; \r\n        width: 40px; height: 40px; border-radius: 50%;\r\n        color: #000; cursor: pointer; transition: 0.2s;\r\n    }\r\n    .s-modal-close:hover { background: #e0e0e0; }\r\n\r\n    .s-modal h3 { font-size: 20px; margin-bottom: 10px; margin-left: 0px;}\r\n\r\n    .s-modal-tabs {\r\n        display: flex; gap: 10px; margin-bottom: 20px; margin-left: -10px;\r\n        border-bottom: 2px solid #eee; overflow-x: auto;\r\n    }\r\n    .s-tab {\r\n        background: none; border: none; padding: 12px 10px;\r\n        font-size: 16px; font-weight: 700; color: #666;\r\n        cursor: pointer; border-bottom: 3px solid transparent;\r\n        margin-bottom: -2px; transition: 0.2s; white-space: nowrap;\r\n    }\r\n    .s-tab.is-active { color: #00c213; border-bottom-color: #00c213; }\r\n\r\n    .s-tab-pane { display: none; color: #333; font-size: 12px; line-height: 1.5; margin-left: -40px; }\r\n    .s-tab-pane.is-active { display: block; animation: sFadeIn 0.3s ease; }\r\n    .s-tab-pane li { padding: 10px 0; border-bottom: 1px solid #f9f9f9 ;display: flex; gap: 5px; } gap: 10px; }\r\n    .s-check { color: #00c213; font-weight: bold; }\r\n\r\n    @keyframes sFadeIn {\r\n        from { opacity: 0; transform: translateY(5px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n.s-modal .s-tab-pane li strong {\r\n    white-space: nowrap;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n<div class=\"santander\">\r\n    <div class=\"s-users-badge\">\r\n        <span class=\"s-badge-dot\"><\/span>\r\n        Skorzysta\u0142o 1894 os\u00f3b\r\n    <\/div>\r\n\r\n    <div class=\"s-header\">\r\n        <img decoding=\"async\" src=\"https:\/\/twojapracaonline.pl\/wp-content\/uploads\/2026\/03\/oman.png\">\r\n        <div class=\"s-title-text\">Konto Jakie Chce w Santander<\/div>\r\n        <div class=\"s-rating-wrapper\">\r\n            <span class=\"s-stars-container\"><\/span>\r\n            <span class=\"s-rating-val\">4.5\/5<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"s-grid\">\r\n        <div class=\"s-col\">\r\n            <span class=\"s-label\">Konto<\/span>\r\n            <div class=\"s-value\">\r\n                0\/6 z\u0142\r\n                <div class=\"s-tooltip-wrap\">\r\n                    <span class=\"s-icon-info\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n                    <\/span>\r\n                    <div class=\"s-tooltip-text\"><strong>0 z\u0142 -<\/strong>je\u017celi masz mniej ni\u017c 26 lat<br><strong>0 z\u0142 -<\/strong>je\u017celi masz wi\u0119cej ni\u017c 26 lat i wykoansz transakcje kart\u0105 lub BLIK na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142 w miesi\u0105cu<br><strong>6z\u0142 - <\/strong>w przeciwnym razie<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"s-col\">\r\n            <span class=\"s-label\">Karta<\/span>\r\n            <div class=\"s-value\">\r\n                0\/9 z\u0142\r\n                <div class=\"s-tooltip-wrap\">\r\n                    <span class=\"s-icon-info\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n                    <\/span>\r\n                    <div class=\"s-tooltip-text\"><strong>0z\u0142 - <\/strong>je\u017celi masz mniej ni\u017c 26 lat i wykonasz min. 1 transakcje kart\u0105 lub BLIK w miesi\u0105cu<br><strong>0 z\u0142 - <\/strong>je\u017celi masz wi\u0119cej ni\u017c 26 lat i wykonasz transakcje kart\u0105 lub BLIK na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142 w miesi\u0105cu<br><strong>9z\u0142 - <\/strong>w przeciwnym razie<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"s-col\">\r\n            <span class=\"s-label\">Bankomaty<\/span>\r\n            <div class=\"s-value\">\r\n                0\/3 z\u0142\r\n                <div class=\"s-tooltip-wrap\">\r\n                    <span class=\"s-icon-info\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n                    <\/span>\r\n                    <div class=\"s-tooltip-text\"><strong>0 z\u0142 - <\/strong>za wyp\u0142aty z bankomat\u00f3w Santander Bank Polska<br><strong>0 z\u0142 -<\/strong>za wyp\u0142aty z pozosta\u0142ych bankomat\u00f3w realizowane BLIK<br><strong>0 z\u0142 - <\/strong>za wyp\u0142aty ze wszystkich bankomat\u00f3w je\u017celi masz mniej ni\u017c 26 lat<br><strong>3 z\u0142 - <\/strong>za wyp\u0142aty ze wszystkich bankomat\u00f3w je\u017celi masz wi\u0119cej ni\u017c 26 lat<br><br><strong>5 z\u0142 - pakiet darmowych wyp\u0142at ze wszystkich bankomat\u00f3w w Polsce<\/strong><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"s-col\">\r\n            <span class=\"s-label\">Przelewy<\/span>\r\n            <div class=\"s-value\">\r\n                0 z\u0142\r\n                <div class=\"s-tooltip-wrap\">\r\n                    <span class=\"s-icon-info\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\r\n                    <\/span>\r\n                    <div class=\"s-tooltip-text\"><strong>0 z\u0142 - <\/strong>zwyk\u0142y przelew krajowy<br><strong>0z\u0142 - <\/strong>przelew natychmiastowy<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"s-col\">\r\n            <span class=\"s-label\">P\u0142atno\u015bci Mobilne<\/span>\r\n            <div class=\"s-payments-list\">Blik, Google Pay, Apple Pay, Garmin Pay, Fitbit Pay, Xiaomi Pay<\/div>\r\n        <\/div>\r\n        <div class=\"s-col btn-col\">\r\n            <button class=\"s-details-btn\" onclick=\"openSantanderModal()\">poka\u017c szczeg\u00f3\u0142y<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"s-footer\">\r\n        <div class=\"s-promo-alert\">\r\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00c213\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 12 20 22 4 22 4 12\"><\/polyline><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"><\/rect><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"><\/line><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path><\/svg>\r\n            <span>Odbierz do 1200 z\u0142otych premii z Kontem Jakie Chce w Santander + 5% na 3-miesi\u0119cznej lokacie<\/span>\r\n        <\/div>\r\n        <a href=\"#\" class=\"s-cta-btn\">Otw\u00f3rz konto<\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"s-modal-overlay\" class=\"s-modal-overlay\" onclick=\"closeSantanderModal()\"><\/div>\r\n<div id=\"s-modal\" class=\"s-modal\">\r\n    <button class=\"s-modal-close\" onclick=\"closeSantanderModal()\">&times;<\/button>\r\n    <h3 style=\"margin-top:0; font-size:22px; font-weight:800;\">Szczeg\u00f3\u0142y Konta<\/h3>\r\n    \r\n    <div class=\"s-modal-tabs\">\r\n        <button class=\"s-tab is-active\" onclick=\"switchSTab(event, 'tab-konto')\">Konto<\/button>\r\n        <button class=\"s-tab\" onclick=\"switchSTab(event, 'tab-karta')\">Karta<\/button>\r\n        <button class=\"s-tab\" onclick=\"switchSTab(event, 'tab-przelewy-i-zlecenia')\">Przelewy i zlecenia<\/button>\r\n        <button class=\"s-tab\" onclick=\"switchSTab(event, 'tab-bankomaty')\">Bankomaty<\/button>\r\n                <button class=\"s-tab\" onclick=\"switchSTab(event, 'tab-platnosci-mobilne')\">P\u0142atno\u015bci Mobilne<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"s-modal-content\">\r\n        <div id=\"tab-konto\" class=\"s-tab-pane is-active\">\r\n            <ul>\r\n                <li><strong>0 z\u0142 -<\/strong> je\u017celi masz mniej ni\u017c 26 lat<\/li>\r\n                <li><strong>0 z\u0142 - <\/strong> je\u017celi masz wi\u0119cej ni\u017c 26 lat i wykonasz transakcje kart\u0105 lub BLIK na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142 w miesi\u0105cu<\/li>\r\n                <li><strong>6 z\u0142 - <\/strong> w przeciwnym razie<\/li>\r\n\r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <div id=\"tab-karta\" class=\"s-tab-pane\">\r\n            <ul>\r\n                <li><strong>0 z\u0142 -<\/strong> je\u017celi masz mniej ni\u017c 26 lat i wykonasz min 1 transakcje kart\u0105 lub BLIK na dowoln\u0105 kwot\u0119 w miesi\u0105cu<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong> je\u017celi masz wi\u0119cej ni\u017c 26 lat i wykonasz transakcje kart\u0105 lub BLIK na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142 w miesi\u0105cu<\/li>\r\n                <li><strong>9 z\u0142 -<\/strong> w przeciwnym razie<\/li>\r\n                \r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div id=\"tab-przelewy-i-zlecenia\" class=\"s-tab-pane\">\r\n            <ul>\r\n                <li><strong>0 z\u0142 -<\/strong>zwyk\u0142y przelew krajowy<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>przelew natychmiastowy<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>przelew blik na telefon<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>zwyk\u0142y SEPA<\/li>\r\n                <li><strong>0,2% warto\u015bci przelewu -<\/strong>przelew SWIFT<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>zlecenie sta\u0142e<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>polecenie zap\u0142aty<\/li>\r\n                \r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div id=\"tab-bankomaty\" class=\"s-tab-pane\">\r\n            <ul>\r\n                <li><strong>0 z\u0142 -<\/strong>za wyp\u0142aty z bankomat\u00f3w Santander Bank Polska<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>za wyp\u0142aty z pozosta\u0142ych bankomat\u00f3w realizowane BLIK<\/li>\r\n                <li><strong>0 z\u0142 -<\/strong>za wyp\u0142aty ze wszystkich bankomat\u00f3w je\u017celi masz mniej ni\u017c 26 lat<\/li>\r\n                <li><strong>3 z\u0142 -<\/strong>za wyp\u0142aty ze wszystkich bankomat\u00f3w je\u017celi masz wi\u0119cej ni\u017c 26 lat<\/li>\r\n                <li><strong>5 z\u0142 -<\/strong>pakiet darmowych wyp\u0142at ze wszystkich bankomat\u00f3w w Polsce<\/li>\r\n                \r\n            <\/ul>\r\n        <\/div>\r\n                <div id=\"tab-platnosci-mobilne\" class=\"s-tab-pane\">\r\n            <ul>\r\n                <li>Dost\u0119pne p\u0142atno\u015bci mobilne:<\/li>\r\n                <li><strong>Blik, Google Pay, Apple Pay, Garmin Pay, Fitbit Pay<\/strong><\/li>\r\n\r\n\r\n              \r\n            <\/ul>\r\n        <\/div> \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction openSantanderModal() {\r\n    document.getElementById('s-modal-overlay').classList.add('is-active');\r\n    document.getElementById('s-modal').classList.add('is-active');\r\n}\r\n\r\nfunction closeSantanderModal() {\r\n    document.getElementById('s-modal-overlay').classList.remove('is-active');\r\n    document.getElementById('s-modal').classList.remove('is-active');\r\n}\r\n\r\nfunction switchSTab(evt, tabId) {\r\n    const panes = document.querySelectorAll('.s-tab-pane');\r\n    panes.forEach(pane => pane.classList.remove('is-active'));\r\n    \r\n    const tabs = document.querySelectorAll('.s-tab');\r\n    tabs.forEach(tab => tab.classList.remove('is-active'));\r\n    \r\n    document.getElementById(tabId).classList.add('is-active');\r\n    evt.currentTarget.classList.add('is-active');\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Por\u00f3wnywarka Finansowa Konta Osobiste Konta dla Studenta Konta Walutowe Konta Oszcz\u0119dno\u015bciowe Konta Firmowe Karty Kredytowe Skorzysta\u0142o 1894 os\u00f3b Konto Jakie Chce w Santander 4.5\/5 Konto 0\/6 z\u0142 0 z\u0142 &#8211;je\u017celi masz mniej ni\u017c 26 lat0 z\u0142 &#8211;je\u017celi masz wi\u0119cej ni\u017c 26 lat i wykoansz transakcje kart\u0105 lub BLIK na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142 w [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6401","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/6401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6401"}],"version-history":[{"count":229,"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/6401\/revisions"}],"predecessor-version":[{"id":6645,"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/6401\/revisions\/6645"}],"wp:attachment":[{"href":"https:\/\/twojapracaonline.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}