{"id":2,"date":"2013-02-11T08:23:50","date_gmt":"2013-02-11T08:23:50","guid":{"rendered":"http:\/\/rod-borowka.pl\/?page_id=2"},"modified":"2026-08-02T19:25:38","modified_gmt":"2026-08-02T17:25:38","slug":"przykladowa-strona","status":"publish","type":"page","link":"https:\/\/rod-borowka.pl\/nowy_panel\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* =========================================================================\n   1. ZMIENNE I KONFIGURACJA\n   ========================================================================= *\/\n    :root {\n        \/* --- PRZE\u0141\u0104CZNIK ALERTU --- *\/\n        \/* 'flex' - alert aktywny (mo\u017cna go zamkn\u0105\u0107) *\/\n        \/* 'none' - alert ca\u0142kowicie wy\u0142\u0105czony *\/\n        --pokaz-alert: flex; \n\n        --garden-green: #2d5a27;\n        --garden-dark: #1b3d18;\n        --garden-light: #e8eee8;\n        --white: #f9fbf9;\n        --shadow: 0 10px 30px rgba(0,0,0,0.1);\n        --radius: 25px;\n    }\n\n\/* =========================================================================\n   2. G\u0141\u00d3WNE STYLE STRONY (WRAPPER, HERO, GRID)\n   ========================================================================= *\/\n    .modern-site-wrapper {\n        background-color: var(--garden-light);\n        padding: 0 !important;\n        margin: 0 !important;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        width: 100%;\n        overflow-x: hidden;\n    }\n\n\/* =========================================================================\n   2A. LEKKI ANIMOWANY BANER ROD BOR\u00d3WKA\n   ========================================================================= *\/\n    .rod-banner-slider {\n        position: relative;\n        left: 50%;\n        width: 100vw;\n        height: clamp(210px, 21.8vw, 300px);\n        margin-left: -50vw;\n        overflow: hidden;\n        isolation: isolate;\n        background: #183b22;\n    }\n\n    .rod-banner-slide {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        margin: 0;\n        overflow: hidden;\n        opacity: 0;\n        pointer-events: none;\n        backface-visibility: hidden;\n        will-change: opacity, transform, clip-path;\n    }\n\n    .rod-banner-slide.is-active {\n        z-index: 2;\n        opacity: 1;\n    }\n\n    .rod-banner-slide.is-outgoing {\n        z-index: 1;\n        opacity: 1;\n    }\n\n    .rod-banner-slide img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n        object-position: var(--rod-focus-desktop, 50% 50%);\n        animation: rodBanerDelikatnyRuch 7.2s ease-out both;\n        transform-origin: center;\n    }\n\n    .rod-banner-slider[data-transition=\"fade-zoom\"] .rod-banner-slide.is-active {\n        animation: rodBanerFadeZoomIn 1.35s cubic-bezier(0.2, 0.72, 0.2, 1) both;\n    }\n\n    .rod-banner-slider[data-transition=\"fade-zoom\"] .rod-banner-slide.is-outgoing {\n        animation: rodBanerFadeZoomOut 1.35s ease both;\n    }\n\n    .rod-banner-slider[data-transition=\"slide\"] .rod-banner-slide.is-active {\n        animation: rodBanerSlideIn 1.25s cubic-bezier(0.22, 0.83, 0.25, 1) both;\n    }\n\n    .rod-banner-slider[data-transition=\"slide\"] .rod-banner-slide.is-outgoing {\n        animation: rodBanerSlideOut 1.25s cubic-bezier(0.22, 0.83, 0.25, 1) both;\n    }\n\n    .rod-banner-slider[data-transition=\"diagonal\"] .rod-banner-slide.is-active {\n        animation: rodBanerDiagonalIn 1.35s cubic-bezier(0.27, 0.78, 0.24, 1) both;\n    }\n\n    .rod-banner-slider[data-transition=\"diagonal\"] .rod-banner-slide.is-outgoing {\n        animation: rodBanerSoftOut 1.35s ease both;\n    }\n\n    .rod-banner-slider[data-transition=\"soft-lift\"] .rod-banner-slide.is-active {\n        animation: rodBanerLiftIn 1.4s cubic-bezier(0.22, 0.76, 0.2, 1) both;\n    }\n\n    .rod-banner-slider[data-transition=\"soft-lift\"] .rod-banner-slide.is-outgoing {\n        animation: rodBanerLiftOut 1.4s ease both;\n    }\n\n    .rod-banner-shade {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        pointer-events: none;\n        background:\n            linear-gradient(90deg, rgba(7, 25, 11, 0.53), transparent 39%),\n            linear-gradient(0deg, rgba(7, 22, 10, 0.38), transparent 30%);\n    }\n\n    .rod-banner-brand {\n        position: absolute;\n        top: 50%;\n        left: clamp(24px, 4.5vw, 56px);\n        z-index: 4;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        max-width: calc(100% - 48px);\n        color: #ffffff;\n        transform: translateY(-50%);\n        text-shadow: 0 2px 18px rgba(0,0,0,0.58);\n        pointer-events: none;\n    }\n\n    .rod-banner-brand span {\n        margin-bottom: 4px;\n        font-size: clamp(10px, 1.4vw, 14px);\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .rod-banner-brand strong {\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: clamp(27px, 5.2vw, 58px);\n        line-height: 0.94;\n        letter-spacing: 0.02em;\n        white-space: nowrap;\n    }\n\n    .rod-banner-brand small {\n        align-self: flex-end;\n        margin-top: 5px;\n        padding: 3px 8px;\n        border-radius: 999px;\n        background: rgba(255,255,255,0.92);\n        color: #1a4c24;\n        font-size: clamp(10px, 1.25vw, 13px);\n        font-weight: 800;\n        letter-spacing: 0.08em;\n        text-shadow: none;\n    }\n\n    .rod-banner-arrow {\n        position: absolute;\n        top: 50%;\n        z-index: 5;\n        display: grid;\n        width: 38px;\n        height: 48px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid rgba(255,255,255,0.46);\n        border-radius: 11px;\n        background: rgba(9,30,14,0.38);\n        color: #ffffff;\n        font-size: 33px;\n        line-height: 1;\n        cursor: pointer;\n        opacity: 0;\n        transform: translateY(-50%);\n        transition: opacity 180ms ease, background-color 180ms ease;\n    }\n\n    .rod-banner-slider:hover .rod-banner-arrow,\n    .rod-banner-arrow:focus-visible {\n        opacity: 1;\n    }\n\n    .rod-banner-arrow:hover {\n        background: rgba(9,30,14,0.68);\n    }\n\n    .rod-banner-arrow-left { left: 12px; }\n    .rod-banner-arrow-right { right: 12px; }\n\n    .rod-banner-dots {\n        position: absolute;\n        right: 16px;\n        bottom: 13px;\n        z-index: 5;\n        display: flex;\n        gap: 7px;\n    }\n\n    .rod-banner-dots button {\n        width: 8px;\n        height: 8px;\n        min-width: 0;\n        min-height: 0;\n        margin: 0;\n        padding: 0;\n        border: 1px solid rgba(255,255,255,0.78);\n        border-radius: 999px;\n        background: rgba(255,255,255,0.34);\n        cursor: pointer;\n        transition: width 220ms ease, background-color 220ms ease;\n    }\n\n    .rod-banner-dots button.is-active {\n        width: 25px;\n        background: #ffffff;\n    }\n\n    .rod-banner-arrow:focus-visible,\n    .rod-banner-dots button:focus-visible {\n        outline: 3px solid rgba(255,255,255,0.8);\n        outline-offset: 3px;\n    }\n\n    @keyframes rodBanerDelikatnyRuch {\n        from { transform: scale(1.015); }\n        to { transform: scale(1.07); }\n    }\n\n    @keyframes rodBanerFadeZoomIn {\n        from { opacity: 0; transform: scale(1.09); }\n        to { opacity: 1; transform: scale(1); }\n    }\n\n    @keyframes rodBanerFadeZoomOut {\n        from { opacity: 1; }\n        to { opacity: 0; transform: scale(0.98); }\n    }\n\n    @keyframes rodBanerSlideIn {\n        from { opacity: 0; transform: translateX(10%); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    @keyframes rodBanerSlideOut {\n        from { opacity: 1; transform: translateX(0); }\n        to { opacity: 0; transform: translateX(-7%); }\n    }\n\n    @keyframes rodBanerDiagonalIn {\n        from { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }\n        to { clip-path: polygon(-12% 0, 100% 0, 100% 100%, 0 100%); }\n    }\n\n    @keyframes rodBanerSoftOut {\n        from { opacity: 1; transform: scale(1); }\n        to { opacity: 0.5; transform: scale(1.035); }\n    }\n\n    @keyframes rodBanerLiftIn {\n        from { opacity: 0; transform: translateY(10%) scale(1.04); }\n        to { opacity: 1; transform: translateY(0) scale(1); }\n    }\n\n    @keyframes rodBanerLiftOut {\n        from { opacity: 1; transform: translateY(0); }\n        to { opacity: 0; transform: translateY(-5%) scale(1.02); }\n    }\n\n    .hero-container {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        margin-top: 0px;\n        margin-bottom: 40px; \n        z-index: 40;\n    }\n\n    .hero-image {\n        width: 100%;\n        height: 420px;\n        background-image: url('https:\/\/milczas.pl\/wp-content\/uploads\/obraz_8.jpg');\n        background-position: center center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        padding-top: 40px;\n    }\n\n    .news-overlay {\n        position: relative;\n        text-align: center;\n        width: calc(100% - 40px);\n        max-width: 1200px;\n        background: rgba(255,255,255,0.95);\n        padding: 30px;\n        border-radius: 15px;\n        box-shadow: var(--shadow);\n        box-sizing: border-box;\n        overflow: hidden;\n    }\n\n    .deco-icon {\n        position: absolute;\n        width: 140px;\n        height: auto;\n        opacity: 0.8;\n        pointer-events: none;\n    }\n\n    .icon-l1 { left: 5px; top: 5%; }\n    .icon-l2 { left: 155px; top: 35%; width: 110px; } \n    .icon-l3 { left: 5px; top: 45%; } \n\n    .icon-r1 { right: 5px; top: 5%; }\n    .icon-r2 { right: 155px; top: 33%; width: 120px; } \n    .icon-r3 { right: 5px; top: 47%; } \n\n    .main-grid {\n        display: flex;\n        max-width: 1200px;\n        margin: 0 auto;\n        gap: 15px;\n        padding: 0 20px;\n        position: relative;\n        z-index: 101;\n        margin-bottom: 40px;\n    }\n\n    .content-area {\n        flex: 2;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .info-box {\n        background: var(--white);\n        padding: 40px;\n        border-radius: var(--radius);\n        box-shadow: var(--shadow);\n    }\n\n    .featured-message-box {\n        display: none;\n        width: 100%;\n        padding: 25px;\n        box-sizing: border-box;\n        border: 1px solid #f0c36d;\n        border-left: 7px solid #d98b00;\n        border-radius: var(--radius);\n        background: #fff8e1;\n        color: #3f3520;\n        text-align: left !important;\n        box-shadow: var(--shadow);\n    }\n\n    .featured-message-box.is-visible {\n        display: block;\n    }\n\n    .featured-message-label {\n        margin-bottom: 7px;\n        color: #8a5700;\n        font-size: 0.82rem;\n        font-weight: 900;\n        letter-spacing: 1px;\n        text-align: center;\n        text-transform: uppercase;\n    }\n\n    .featured-message-title {\n        margin: 0 0 10px;\n        color: #5d4300;\n        font-size: 1.2rem;\n        line-height: 1.3;\n        text-align: center;\n    }\n\n    .featured-message-scroll {\n        max-height: 400px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        overscroll-behavior: contain;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-gutter: stable;\n    }\n\n    .featured-message-content {\n        font-size: 1rem;\n        line-height: 1.45;\n        overflow-wrap: anywhere;\n    }\n\n    .featured-message-content > :first-child {\n        margin-top: 0 !important;\n    }\n\n    .featured-message-content > :last-child {\n        margin-bottom: 0 !important;\n    }\n\n    .featured-message-content img {\n        max-width: 100% !important;\n        height: auto !important;\n    }\n\n    .featured-message-content video {\n        display: block !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        height: auto !important;\n        margin: 10px auto !important;\n    }\n\n    .featured-message-content table {\n        display: block;\n        max-width: 100%;\n        overflow-x: auto;\n    }\n\n    .featured-message-content .ql-align-center {\n        text-align: center !important;\n    }\n\n    .featured-message-content .ql-align-right {\n        text-align: right !important;\n    }\n\n    .featured-message-content .ql-align-justify {\n        text-align: justify !important;\n    }\n\n    .featured-message-content .ql-size-small {\n        font-size: 0.85rem !important;\n    }\n\n    .featured-message-content .ql-size-large {\n        font-size: 1.4rem !important;\n    }\n\n    .featured-message-content .ql-size-huge {\n        font-size: 1.8rem !important;\n    }\n\n    .contact-box {\n        background: #cbd5a1;\n        padding: 40px;\n        border-radius: var(--radius);\n        box-shadow: var(--shadow);\n        color: #1b3d18;\n    }\n\n    .sidebar-area {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .btn-3d {\n        background: var(--garden-green);\n        color: white !important;\n        text-decoration: none !important;\n        \/* Nowe \u015brodkowanie *\/\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        min-height: 80px; \/* Zapewnia r\u00f3wn\u0105 wysoko\u015b\u0107 przycisk\u00f3w *\/\n        padding: 10px 15px !important;\n        \n        border-radius: 12px;\n        font-weight: bold;\n        text-align: center;\n        text-transform: uppercase;\n        box-shadow: 0 6px 0 var(--garden-dark);\n        transition: 0.1s;\n        border: none;\n        cursor: pointer;\n    }\n\n    .btn-3d:active {\n        box-shadow: 0 2px 0 var(--garden-dark);\n        transform: translateY(4px);\n    }\n\n    .sidebar-logos {\n        background: var(--white);\n        padding: 20px;\n        border-radius: 12px;\n        box-shadow: var(--shadow);\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n        .sidebar-logos img {\n        max-width: 100px;\n        height: auto;\n        display: block;\n        margin: 0 auto;\n    }\n\n    .kronika-book-link {\n        display: block;\n        text-align: center;\n        text-decoration: none !important;\n        margin-top: 35px;\n        position: relative;\n        z-index: 100;\n    }\n\n    .kronika-book-link img {\n        width: 230px;\n        max-width: 90%;\n        height: auto;\n        display: block;\n        margin: 0 auto 8px auto;\n        animation: pulsowanieKroniki 2.4s ease-in-out infinite;\n        filter: drop-shadow(0 12px 18px rgba(0,0,0,0.18));\n    }\n\n    .kronika-book-link span {\n        display: block;\n        color: var(--garden-dark);\n        font-size: 1.05rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        text-shadow: 1px 1px 0 #ffffff;\n    }\n\n    .kronika-book-link:hover img {\n        animation-duration: 1.2s;\n    }\n\n    @keyframes pulsowanieKroniki {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.08); }\n    }\n\n    .bottom-buttons-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        max-width: 1200px;\n        margin: 20px auto 40px;\n        gap: 15px;\n        padding: 0 20px;\n    }\n\n\/* =========================================================================\n   3. RESPONSYWNO\u015a\u0106 (MEDIA QUERIES)\n   ========================================================================= *\/\n    @media (max-width: 1200px) {\n        .news-overlay { width: calc(100% - 40px); }\n    }\n\n        @media (max-width: 900px) {\n        .main-grid { flex-direction: column; }\n        .hero-container { margin-bottom: 0; }\n        .hero-image { height: auto; min-height: 0; padding-bottom: 10px; }\n        .deco-icon { display: none; }\n        .bottom-buttons-grid { grid-template-columns: repeat(2, 1fr); }\n\n        .rod-banner-slider {\n            height: clamp(165px, 47vw, 205px);\n        }\n\n        .rod-banner-slide img {\n            object-position: var(--rod-focus-mobile, 50% 50%);\n        }\n\n        .rod-banner-slide.rod-banner-show-full-mobile {\n            background: #183b22;\n        }\n\n        .rod-banner-slide.rod-banner-show-full-mobile::before {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            content: \"\";\n            background:\n                linear-gradient(rgba(13,44,21,0.56), rgba(13,44,21,0.56)),\n                var(--rod-slide-image) center \/ cover no-repeat;\n        }\n\n        .rod-banner-slide.rod-banner-show-full-mobile img {\n            position: relative;\n            z-index: 1;\n            object-fit: contain;\n            object-position: left center;\n            animation: none;\n            transform: none;\n        }\n\n        .rod-banner-brand {\n            right: 16px;\n            left: 16px;\n            max-width: calc(100% - 32px);\n        }\n\n        .rod-banner-brand span {\n            max-width: 100%;\n            font-size: 9px;\n            letter-spacing: 0.08em;\n        }\n\n        .rod-banner-brand strong {\n            max-width: 100%;\n            font-size: clamp(24px, 8.5vw, 31px);\n        }\n\n        .rod-banner-brand small {\n            align-self: flex-start;\n            margin-left: clamp(100px, 36vw, 125px);\n            font-size: 9px;\n        }\n\n        .rod-banner-arrow {\n            display: none;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .bottom-buttons-grid { grid-template-columns: 1fr; }\n        \/* DODANE: Centrowanie boks\u00f3w i zmniejszenie padding\u00f3w dla telefon\u00f3w *\/\n        .info-box, .contact-box { \n            padding: 25px !important; \n            text-align: center !important; \n        }\n\n        .featured-message-box {\n            padding: 25px !important;\n            text-align: left !important;\n        }\n\n        .featured-message-title {\n            font-size: 1.05rem;\n        }\n\n        .featured-message-scroll {\n            max-height: 300px;\n        }\n\n        .featured-message-content {\n            font-size: 0.95rem;\n            line-height: 1.4;\n        }\n\n        .news-overlay { padding: 20px; }\n        \/* POPRAWKA: Blokada \u0142amania wiersza i mniejszy boksik dla tytu\u0142u wiadomo\u015bci na telefonie *\/\n        .news-overlay span { \n            font-size: 1.1rem !important; \n            display: inline-block !important; \n            white-space: nowrap !important; \n            padding: 8px 15px !important; \n        }\n        #wp-latest-posts-list { font-size: 1.1rem !important; }\n\n        .rod-banner-slider {\n            height: clamp(160px, 47vw, 190px);\n        }\n        \n        \/* POPRAWKA ALERTU DLA TELEFONU: Ograniczenie wysoko\u015bci i dodanie przewijania tekstu *\/\n        #nagly-alert-overlay {\n            padding: 10px !important;\n            align-items: center !important; \/* Centruje boks na \u015brodku ekranu *\/\n        }\n        .alert-boks {\n            max-width: 100% !important;\n            width: 100% !important;\n            max-height: 85vh !important; \/* Maksymalnie 85% wysoko\u015bci ekranu telefonu *\/\n            border: 3px solid #ffffff !important;\n            box-sizing: border-box !important;\n            display: flex !important;\n            flex-direction: column !important;\n        }\n        .alert-zamknij-x {\n            top: 5px !important;\n            right: 15px !important;\n            font-size: 40px !important;\n            padding: 10px !important;\n        }\n        .alert-naglowek h2 { \n            font-size: 1.3rem !important; \n            margin: 45px 10px 10px 10px !important; \n            flex: 0 0 auto !important;\n        }\n        .alert-tresc { \n            padding: 0 15px 15px 15px !important; \n            font-size: 0.85rem !important; \n            line-height: 1.3 !important;\n            overflow-y: auto !important; \/* W\u0142\u0105cza pionowy pasek przewijania tylko dla tekstu *\/\n            flex: 1 1 auto !important;\n        }\n        .alert-przycisk {\n            padding: 15px !important;\n            font-size: 1.1rem !important;\n            flex: 0 0 auto !important;\n        }\n    }\n\n\/* =========================================================================\n   4. STYLE ALERTU (MODAL)\n   ========================================================================= *\/\n    #nagly-alert-overlay {\n        display: var(--pokaz-alert);\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        background-color: rgba(0, 0, 0, 0.85) !important;\n        z-index: 999998 !important;\n        justify-content: center !important;\n        align-items: center !important;\n        margin: 0 !important;\n        padding: 20px !important;\n        box-sizing: border-box !important;\n    }\n\n    .admin-bar #nagly-alert-overlay, \n    .wp-admin #nagly-alert-overlay { \n        display: none !important; \n    }\n\n    \/* Usuni\u0119to st\u0105d sztywny background-color i kolor przycisku, bo teraz zarz\u0105dza tym JS z pliku tekstowego *\/\n    \/* Usuni\u0119to st\u0105d sztywny background-color i kolor przycisku, bo teraz zarz\u0105dza tym JS z pliku tekstowego *\/\n    \/* Usuni\u0119to st\u0105d sztywny background-color i kolor przycisku, bo teraz zarz\u0105dza tym JS z pliku tekstowego *\/\n    .alert-boks {\n        max-width: 600px !important;\n        width: 100% !important;\n        max-height: 90vh !important; \/* DODANO: Ograniczenie wysoko\u015bci do 90% ekranu *\/\n        display: flex !important; \/* DODANO: flexbox dla obs\u0142ugi przewijania w \u015brodku *\/\n        flex-direction: column !important; \/* DODANO: pionowy uk\u0142ad elastyczny *\/\n        border-radius: 20px !important;\n        border: 5px solid #ffffff !important;\n        overflow: hidden !important;\n        position: relative !important;\n        text-align: left !important; \/* Wymuszenie lewej strony dla ca\u0142o\u015bci boksu *\/\n        box-shadow: 0 0 50px rgba(0,0,0,0.5) !important;\n        animation: alertWyskocz 0.3s ease-out !important;\n    }\n\n    @keyframes alertWyskocz {\n        from { transform: scale(0.8); opacity: 0; }\n        to { transform: scale(1); opacity: 1; }\n    }\n\n    .alert-naglowek h2 {\n        margin: 30px 0 15px 0 !important;\n        font-size: 1.7rem !important;\n        color: #ffffff !important;\n        font-weight: 900 !important;\n        text-transform: uppercase !important;\n        font-family: Arial, sans-serif !important;\n        text-align: center !important; \/* DODANO: wymuszone centrowanie samego nag\u0142\u00f3wka *\/\n        flex: 0 0 auto !important; \/* DODANO: nag\u0142\u00f3wek nie zmienia swojego rozmiaru *\/\n    }\n\n    .alert-tresc {\n        padding: 0 40px 35px 40px !important;\n        font-size: 1.15rem !important;\n        color: #ffffff !important;\n        line-height: 1.4 !important;\n        font-weight: bold !important;\n        font-family: Arial, sans-serif !important;\n        text-align: left; \/* Domy\u015blne wyr\u00f3wnanie do lewej (edytor mo\u017ce to nadpisa\u0107) *\/\n        width: 100% !important; \/* Pe\u0142na szeroko\u015b\u0107, by formatowanie zadzia\u0142a\u0142o *\/\n        box-sizing: border-box !important; \n        display: block !important; \/* Zabezpieczenie przed centrowaniem na PC *\/\n        overflow-y: auto !important; \/* DODANO: Pasek przewijania tylko dla tekstu *\/\n        flex: 1 1 auto !important; \/* DODANO: Tre\u015b\u0107 wype\u0142nia dost\u0119pn\u0105 przestrze\u0144 *\/\n    }\n\n    \/* DODANE: Kasowanie wielkich odst\u0119p\u00f3w (margines\u00f3w) z edytora HTML *\/\n    .alert-tresc p, #orange-box-text p {\n        margin-top: 5px !important;\n        margin-bottom: 5px !important;\n        line-height: 1.3 !important;\n    }\n\n    .alert-przycisk {\n        display: block !important;\n        width: 100% !important;\n        padding: 22px !important;\n        background-color: #ffffff !important;\n        border: none !important;\n        font-weight: 900 !important;\n        font-size: 1.1rem !important;\n        cursor: pointer !important;\n        text-transform: uppercase !important;\n        font-family: Arial, sans-serif !important;\n        flex: 0 0 auto !important; \/* DODANO: Przycisk zablokowany przed \u015bciskaniem *\/\n    }\n\n    .alert-zamknij-x {\n        position: absolute !important;\n        top: 15px !important;\n        right: 25px !important;\n        color: #ffffff !important;\n        font-size: 35px !important;\n        font-weight: bold !important;\n        cursor: pointer !important;\n        z-index: 10 !important;\n        line-height: 1 !important;\n    }\n\n\/* =========================================================================\n   5. STYLE PRZYCISKU HOME (P\u0141YWAJ\u0104CY)\n   ========================================================================= *\/\n    .btn-home {\n        position: fixed !important;\n        bottom: 20px !important;\n        right: 20px !important;\n        width: 60px !important;\n        height: 60px !important;\n        background: var(--garden-green) !important;\n        color: white !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        font-size: 30px !important;\n        text-decoration: none !important;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;\n        z-index: 999990 !important;\n        transition: transform 0.2s, background 0.2s !important;\n        border: 2px solid white !important;\n    }\n\n    .btn-home:hover {\n        transform: scale(1.1) !important;\n        background: var(--garden-dark) !important;\n    }\n\n\/* =========================================================================\n   6. Z\u0141OTA MONETA - P\u0141ATNO\u015aCI (P\u0141YWAJ\u0104CA - LEWA STRONA)\n   ========================================================================= *\/\n    .btn-moneta {\n        position: fixed !important;\n        bottom: 20px !important;\n        left: 20px !important;\n        width: 85px !important;\n        height: 85px !important;\n        background: radial-gradient(circle at 30% 30%, #ffd700, #b8860b) !important;\n        border: 4px solid #daa520 !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n        text-decoration: none !important;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.3), inset 0 0 15px rgba(255,255,255,0.5) !important;\n        z-index: 999990 !important;\n        transition: transform 0.2s !important;\n        animation: plywanieMonety 3s ease-in-out infinite !important;\n    }\n\n    .btn-moneta:hover {\n        transform: scale(1.1) rotate(10deg) !important;\n        background: radial-gradient(circle at 30% 30%, #fff200, #daa520) !important;\n    }\n\n    .moneta-symbol {\n        font-size: 26px !important;\n        line-height: 1 !important;\n        margin-bottom: 2px !important;\n        text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;\n    }\n\n    .moneta-tekst {\n        color: #5c4306 !important;\n        font-size: 9px !important;\n        font-weight: 900 !important;\n        text-transform: uppercase !important;\n        font-family: Arial, sans-serif !important;\n    }\n\n    @keyframes plywanieMonety {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-12px); }\n    }\n\n    @media (max-width: 600px) {\n        .btn-moneta {\n            width: 75px !important;\n            height: 75px !important;\n            left: 10px !important;\n            bottom: 15px !important;\n        }\n        .moneta-tekst { font-size: 8px !important; }\n    }\n         \/* POPRAWKA KOLORU LINKU W STOPCE *\/\n    .admin-copyright-link {\n        color: inherit !important;\n        text-decoration: none !important;\n    }\n\n    .admin-copyright-link:hover {\n        color: #666 !important;\n    }\n\n    \/* ZIELONY PRZYCISK 3D Z JASKRAWYM FLASH-EM *\/\n    .btn-przydatne-flash {\n        background: var(--garden-green) !important; \/* Przywr\u00f3cony oryginalny zielony *\/\n        color: white !important; \/* Przywr\u00f3cony bia\u0142y tekst *\/\n        text-decoration: none !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        min-height: 80px;\n        padding: 10px 15px !important;\n        border-radius: 12px;\n        font-weight: bold;\n        text-align: center;\n        text-transform: uppercase;\n        box-shadow: 0 6px 0 var(--garden-dark); \/* Przywr\u00f3cony oryginalny cie\u0144 3D *\/\n        transition: 0.1s;\n        border: none;\n        cursor: pointer;\n        position: relative !important;\n        overflow: hidden !important;\n    }\n\n    .btn-przydatne-flash:active {\n        box-shadow: 0 2px 0 var(--garden-dark);\n        transform: translateY(4px);\n    }\n\n    \/* Warstwa jaskrawego, neonowego b\u0142ysku (flash) *\/\n    .btn-przydatne-flash::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 50%;\n        height: 100%;\n        \/* Gradient z jaskrawym, neonowo-limonkowym kolorem #39e75f o du\u017cej przezroczysto\u015bci *\/\n        background: linear-gradient(to right, rgba(57,231,95,0) 0%, rgba(57,231,95,0.9) 50%, rgba(57,231,95,0) 100%);\n        transform: skewX(-30deg);\n        animation: polyskBlysk 3.5s infinite ease-in-out;\n    }\n\n   @keyframes polyskBlysk {\n        0% { left: -150%; }\n        30% { left: 150%; } \/* Szybkie przej\u015bcie b\u0142ysku *\/\n        100% { left: 150%; } \/* D\u0142u\u017csza pauza przed kolejnym b\u0142y\u015bni\u0119ciem *\/\n    }\n\n\/* =========================================================================\n   7. FORMATOWANIE Z EDYTORA QUILL (KOMUNIKATY)\n   ========================================================================= *\/\n    .alert-tresc .ql-align-center, #orange-box-text .ql-align-center { text-align: center !important; }\n    .alert-tresc .ql-align-right, #orange-box-text .ql-align-right { text-align: right !important; }\n    .alert-tresc .ql-align-justify, #orange-box-text .ql-align-justify { text-align: justify !important; }\n    \n    .alert-tresc .ql-size-small, #orange-box-text .ql-size-small { font-size: 0.85rem !important; }\n    .alert-tresc .ql-size-large, #orange-box-text .ql-size-large { font-size: 1.4rem !important; }\n    .alert-tresc .ql-size-huge, #orange-box-text .ql-size-huge { font-size: 1.8rem !important; }\n\n\/* =========================================================================\n   8. PASEK INFORMACYJNY STAN\u00d3W LICZNIK\u00d3W\n   ========================================================================= *\/\n    #pasek-stanow-licznikow {\n        display: none;\n        width: calc(100% - 40px);\n        max-width: 1200px;\n        margin: -20px auto 12px;\n        overflow: hidden;\n        box-sizing: border-box;\n        background: #c8f7f2;\n        border: 1px solid #9edfd9;\n        border-radius: 8px;\n        color: #ff0000;\n        white-space: nowrap;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    }\n\n    #pasek-stanow-licznikow-tekst {\n        display: inline-block;\n        min-width: 100%;\n        padding: 10px 0;\n        font-size: 1.05rem;\n        font-weight: 800;\n        text-align: center;\n        animation: przesuwaniePaskaStanow 18s linear infinite;\n    }\n\n    @keyframes przesuwaniePaskaStanow {\n        from { transform: translateX(100%); }\n        to { transform: translateX(-100%); }\n    }\n\n    @media (max-width: 600px) {\n        #pasek-stanow-licznikow {\n            width: calc(100% - 20px);\n            margin-top: -25px;\n        }\n\n        #pasek-stanow-licznikow-tekst {\n            font-size: 0.9rem;\n        }\n    }\n\n        #mobilne-ikony-glowne {\n        display: none;\n    }    @media (max-width: 900px) {\n        .hero-container {\n            margin-bottom: 0 !important;\n        }\n\n        .hero-image {\n            height: auto !important;\n            min-height: 0 !important;\n            padding-bottom: 0 !important;\n        }\n\n        #mobilne-ikony-glowne {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 25px;\n            min-height: 150px;\n            margin: 10px auto 20px;\n        }\n\n        #mobilne-ikony-glowne > a {\n            margin: 0 !important;\n        }\n\n        #mobilne-ikony-glowne a[href*=\"borowka\/index.php\"] img {\n            transform: translateX(0) !important;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .rod-banner-slide,\n        .rod-banner-slide img,\n        .rod-banner-dots button {\n            animation-duration: 0.01ms !important;\n            animation-iteration-count: 1 !important;\n            transition-duration: 0.01ms !important;\n        }\n    }\n<\/style>\n\n<!-- =========================================================================\n   STRUKTURA HTML: WRAPPER I TRE\u015a\u0106\n   ========================================================================= -->\n<div class=\"modern-site-wrapper\">\n    <section class=\"rod-banner-slider\" id=\"rod-banner-slider\" data-transition=\"fade-zoom\" aria-label=\"Animowany pokaz zdj\u0119\u0107 ROD Bor\u00f3wka\">\n        <figure class=\"rod-banner-slide rod-banner-show-full-mobile is-active\" style=\"--rod-focus-desktop: 50% 50%; --rod-focus-mobile: 0% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/rodlot-1.jpg');\">\n            <img src=\"\/nowy_panel\/wp-content\/uploads\/baner\/rodlot-1.jpg\" alt=\"Widok z lotu ptaka na ROD Bor\u00f3wka w Nekli\" width=\"1024\" height=\"223\" decoding=\"async\" fetchpriority=\"high\">\n        <\/figure>\n\n        <figure class=\"rod-banner-slide\" style=\"--rod-focus-desktop: 50% 50%; --rod-focus-mobile: 52% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_1.jpg');\">\n            <img data-src=\"\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_1.jpg\" alt=\"\u017b\u00f3\u0142te i fioletowe bratki\" width=\"980\" height=\"225\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"rod-banner-slide\" style=\"--rod-focus-desktop: 50% 50%; --rod-focus-mobile: 42% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_1-old.jpg');\">\n            <img data-src=\"\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_1-old.jpg\" alt=\"Kolorowy ogr\u00f3d pe\u0142en kwiat\u00f3w\" width=\"1003\" height=\"245\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"rod-banner-slide\" style=\"--rod-focus-desktop: 72% 50%; --rod-focus-mobile: 78% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_2.jpg');\">\n            <img data-src=\"\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_2.jpg\" alt=\"Zielona \u017caba na kamieniach\" width=\"980\" height=\"225\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"rod-banner-slide\" style=\"--rod-focus-desktop: 50% 50%; --rod-focus-mobile: 51% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_2-old.jpg');\">\n            <img data-src=\"\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_2-old.jpg\" alt=\"Kwitn\u0105ce r\u00f3\u017cowe i czerwone r\u00f3\u017ce\" width=\"1003\" height=\"245\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"rod-banner-slide\" style=\"--rod-focus-desktop: 63% 50%; --rod-focus-mobile: 68% 50%; --rod-slide-image: url('\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_5.jpg');\">\n            <img data-src=\"\/nowy_panel\/wp-content\/uploads\/baner\/naglowek_5.jpg\" alt=\"Czerwono-\u017c\u00f3\u0142te tulipany\" width=\"980\" height=\"225\" decoding=\"async\">\n        <\/figure>\n\n        <div class=\"rod-banner-shade\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"rod-banner-brand\">\n            <span>Rodzinny Ogr\u00f3d Dzia\u0142kowy<\/span>\n            <strong>BOR\u00d3WKA<\/strong>\n            <small>w Nekli<\/small>\n        <\/div>\n\n        <button class=\"rod-banner-arrow rod-banner-arrow-left\" type=\"button\" aria-label=\"Poprzednie zdj\u0119cie\">\u2039<\/button>\n        <button class=\"rod-banner-arrow rod-banner-arrow-right\" type=\"button\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\u203a<\/button>\n\n        <div class=\"rod-banner-dots\" aria-label=\"Wyb\u00f3r zdj\u0119cia\">\n            <button class=\"is-active\" type=\"button\" data-rod-slide=\"0\" aria-label=\"Poka\u017c zdj\u0119cie 1\" aria-current=\"true\"><\/button>\n            <button type=\"button\" data-rod-slide=\"1\" aria-label=\"Poka\u017c zdj\u0119cie 2\"><\/button>\n            <button type=\"button\" data-rod-slide=\"2\" aria-label=\"Poka\u017c zdj\u0119cie 3\"><\/button>\n            <button type=\"button\" data-rod-slide=\"3\" aria-label=\"Poka\u017c zdj\u0119cie 4\"><\/button>\n            <button type=\"button\" data-rod-slide=\"4\" aria-label=\"Poka\u017c zdj\u0119cie 5\"><\/button>\n            <button type=\"button\" data-rod-slide=\"5\" aria-label=\"Poka\u017c zdj\u0119cie 6\"><\/button>\n        <\/div>\n    <\/section>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-image\">\n            <div class=\"news-overlay\">\n               <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/krano.png\" class=\"deco-icon icon-l1\" alt=\"\">\n                <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/nozyk.png\" class=\"deco-icon icon-l2\" alt=\"\">\n                <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/awaria.png\" class=\"deco-icon icon-l3\" alt=\"\">\n                <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/kranz.png\" class=\"deco-icon icon-r1\" alt=\"\">\n                <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/nozykz.png\" class=\"deco-icon icon-r2\" alt=\"\">\n                <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/zebranie.png\" class=\"deco-icon icon-r3\" alt=\"\">\n\n                <span style=\"background: #e6f4ea; color: var(--garden-green); padding: 10px 22px; border-radius: 20px; font-weight: bold; font-size: 1.5rem; text-transform: uppercase;\">Najnowsze Wiadomo\u015bci:<\/span>\n                <div id=\"wp-latest-posts-list\" style=\"margin-top: 15px; font-size: 1.3rem; font-weight: bold; color: var(--garden-dark); line-height: 1.6;\">\n                    \u0141adowanie wiadomo\u015bci&#8230;\n                <\/div>\n                <a href=\"\/nowy_panel\/aktualnosci\" style=\"margin-top: 20px; display: inline-block; background: var(--garden-green); color: white; text-decoration: none; padding: 12px 30px; border-radius: 10px; font-size: 1rem; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 0 var(--garden-dark); transition: 0.1s;\">\n                    Wszystkie wiadomo\u015bci\n                <\/a>\n            <\/div>\n               <\/div>\n    <\/div>\n\n    <div id=\"mobilne-ikony-glowne\" aria-label=\"Panel u\u017cytkownika i stany licznik\u00f3w\"><\/div>\n\n    <div id=\"pasek-stanow-licznikow\" role=\"status\" aria-live=\"polite\">\n        <span id=\"pasek-stanow-licznikow-tekst\"><\/span>\n    <\/div>\n\n    <div class=\"main-grid\">\n        <main class=\"content-area\">\n            <div class=\"info-box\" style=\"display: flex; flex-direction: column; box-sizing: border-box; gap: 10px;\">\n                <div style=\"flex: 0 0 auto; min-height: 120px;\">\n                    <h2 style=\"color: var(--garden-green); margin-top: 0; font-size: 1.3rem; margin-bottom: 5px;\">Witamy serdecznie!<\/h2>\n                    <p style=\"font-size: 0.95rem; line-height: 1.4; color: #444; margin: 0;\">\n                        Mamy nadziej\u0119, i\u017c znajdziecie tu Pa\u0144stwo wszelkie niezb\u0119dne informacje o pracach Zarz\u0105du Ogrodu i innych wa\u017cnych wydarzeniach z \u017cycia naszego ROD. Dodatkowo warto zapozna\u0107 sie z zak\u0142adk\u0105 przydatne informacje.\n                        Zapraszamy do regularnego odwiedzania dzia\u0142u aktualno\u015bci oraz przegl\u0105dania galerii zdj\u0119\u0107.\n                    <\/p>\n                <\/div>\n                \n                <div id=\"main-orange-box\" style=\"background-color: #e67e22; border-radius: 15px; border: 3px solid #ffffff; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; text-align: left; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); margin-bottom: 5px;\">\n                    <div style=\"color: #ffffff; font-family: Arial, sans-serif; width: 100%; display: block;\">\n                        <div style=\"font-weight: 900; text-transform: uppercase; font-size: 1rem; margin-bottom: 8px; letter-spacing: 1px; text-align: center;\">WA\u017bNY KOMUNIKAT!<\/div>\n                        <div id=\"orange-box-text\" style=\"font-size: 1rem; font-weight: bold; line-height: 1.3; width: 100%; display: block; text-align: left;\">\n    5.11.2026 wy\u0142\u0105czenie wody. Prosimy o zabezpieczenie instalacji na zim\u0119  <br><br>\n    <span style=\"background: rgba(255,255,255,0.2); padding: 3px 8px; border-radius: 5px;\">Woda b\u0119dzie tylko do 11:00<\/span>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"featured-message-box\" class=\"featured-message-box\" aria-live=\"polite\" hidden=\"\">\n                <div class=\"featured-message-label\">Wyr\u00f3\u017cniona informacja<\/div>\n                <h3 id=\"featured-message-title\" class=\"featured-message-title\"><\/h3>\n                <div class=\"featured-message-scroll\">\n                    <div id=\"featured-message-content\" class=\"featured-message-content\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-box\">\n    <p style=\"font-weight: bold; font-size: 1.1rem; margin-top: 0;\">\n        Zapraszamy Pa\u0144stwa do wsp\u00f3\u0142tworzenia naszej strony www oraz \u017cyczymy mi\u0142ych wra\u017ce\u0144.\n    <\/p>\n   <p style=\"line-height: 1.6;\">\n    <strong>Adres:<\/strong> ROD \u201eBor\u00f3wka\u201d w Nekli, ul. T\u0119czowa 18, 86-022 Dobrcz<br>\n    <strong>NIP:<\/strong> 554-166-92-14 | <strong>www:<\/strong> rod-borowka.pl<br>\n    <strong>Konto bankowe:<\/strong> 50 8142 0007 0000 1977 2000 0004<br>\n<strong>Bank:<\/strong> Sp\u00f3\u0142dzielczy w Bydgoszczy\n<\/p>\n<\/div>\n        <\/main>\n\n        <aside class=\"sidebar-area\">\n            <!-- NOWE: Panel z dodan\u0105 klas\u0105 .animowane-pulsowanie. Style przeniesione do CSS -->\n<!-- Definicja animacji pulsowania dodana bezpo\u015brednio tutaj, by nic nie umkn\u0119\u0142o -->\n<style>\n@keyframes pulsowaniePanelu {\n    0%, 100% { transform: translateX(-130px) scale(1); }\n    50% { transform: translateX(-130px) scale(1.1); }\n}\n\n@keyframes pulsowanieStanowLicznikow {\n    0%, 100% { transform: translateX(40px) scale(1); }\n    50% { transform: translateX(40px) scale(1.1); }\n}\n\n\/* POPRAWKA DLA TELEFONU - CENTROWANIE I RESET PRZESUNI\u0118CIA *\/\n@media (max-width: 900px) {\n    @keyframes pulsowaniePanelu {\n        0%, 100% { transform: translateX(0) scale(1); }\n        50% { transform: translateX(0) scale(1.1); }\n    }\n\n    @keyframes pulsowanieStanowLicznikow {\n        0%, 100% { transform: translateX(0) scale(1); }\n        50% { transform: translateX(0) scale(1.1); }\n    }\n    \n    .sidebar-area a[href*=\"borowka\/index.php\"] {\n        margin-top: 0 !important;\n        margin-bottom: 20px !important;\n    }\n    \n    .sidebar-area a[href*=\"borowka\/index.php\"] img {\n        transform: translateX(0) !important;\n    }\n\n    .liczniki-glowna {\n        margin-top: 0 !important;\n        margin-bottom: 20px !important;\n    }\n}\n<\/style>\n\n<a href=\"http:\/\/rod-borowka.pl\/nowy_panel\/borowka\/index.php\" style=\"display: block; margin-top: -140px; position: relative; z-index: 100; text-decoration: none; border: none;\">\n    <img decoding=\"async\" src=\"paneluzytkownika.png\" alt=\"Panel U\u017cytkownika\" style=\"width: 150px; height: 150px; display: block; margin: 0 auto; border: none; \n                transform: translateX(-130px); \n                animation: pulsowaniePanelu 2s ease-in-out infinite;\">\n<\/a>\n\n<a href=\"\/nowy_panel\/borowka\/stany_licznikow.php\" class=\"liczniki-glowna\" title=\"Stany licznik\u00f3w\" aria-label=\"Przejd\u017a do stan\u00f3w licznik\u00f3w\" style=\"\n        width: 110px;\n        height: 110px;\n        display: block;\n        margin: -150px auto 40px;\n        position: relative;\n        z-index: 100;\n        text-decoration: none;\n        animation: pulsowanieStanowLicznikow 2s ease-in-out infinite;\n   \">\n\n    <span style=\"\n        width: 78px;\n        height: 78px;\n        display: flex;\n        margin: 0 auto;\n        overflow: hidden;\n        background: linear-gradient(\n            90deg,\n            #ff7a00 0%,\n            #ff7a00 50%,\n            #1479e8 50%,\n            #1479e8 100%\n        );\n        border: 4px solid #ffffff;\n        border-radius: 50%;\n        box-shadow: 0 7px 16px rgba(0,0,0,0.25);\n        box-sizing: border-box;\n   \">\n\n        <span style=\"\n            width: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        \">\n            <svg viewBox=\"0 0 24 24\" width=\"29\" height=\"29\" fill=\"#ffffff\" aria-hidden=\"true\">\n                <path d=\"M13.4 2 5 13h6l-1 9 8.4-11h-6l1-9Z\"><\/path>\n            <\/svg>\n        <\/span>\n\n        <span style=\"\n            width: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        \">\n            <svg viewBox=\"0 0 24 24\" width=\"29\" height=\"29\" fill=\"#ffffff\" aria-hidden=\"true\">\n                <path d=\"M12 2.5S5.5 10.2 5.5 15a6.5 6.5 0 0 0 13 0C18.5 10.2 12 2.5 12 2.5Z\"><\/path>\n                <path d=\"M9 14.2c0 2 1.1 3.3 2.7 3.8\" fill=\"none\" stroke=\"#1479e8\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n        <\/span>\n    <\/span>\n\n    <svg viewBox=\"0 0 110 110\" width=\"110\" height=\"110\" aria-hidden=\"true\" style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            overflow: visible;\n            pointer-events: none;\n         \">\n\n        <defs>\n            <path id=\"lukStanowLicznikow\" d=\"M 7 72 Q 55 111 103 72\"><\/path>\n        <\/defs>\n\n        <text fill=\"#000000\" font-family=\"Segoe UI, Arial, sans-serif\" font-size=\"11\" font-weight=\"900\" letter-spacing=\"0.3\">\n            <textPath href=\"#lukStanowLicznikow\" startOffset=\"50%\" text-anchor=\"middle\">\n                STANY LICZNIK\u00d3W\n            <\/textPath>\n        <\/text>\n    <\/svg>\n<\/a>\n\n            <a href=\"\/nowy_panel\/Powstanie okolice\" class=\"btn-3d\">O ogrodzie<\/a>\n            <a href=\"\/nowy_panel\/organyrod\" class=\"btn-3d\">Zarz\u0105d ROD<\/a>\n            <a href=\"\/nowy_panel\/zmiana_uzytkownika\" class=\"btn-3d\">Dokumenty zmiana u\u017cytkownika<\/a>\n            <a href=\"\/nowy_panel\/przydatneinfo\" class=\"btn-przydatne-flash\">Przydatne informacje<\/a>\n            <a href=\"\/nowy_panel\/kontakt\" class=\"btn-3d\">Kontakt<\/a>\n\n            <div class=\"sidebar-logos\">\n    <div style=\"display: flex; justify-content: space-around; align-items: flex-end; margin-bottom: 15px;\">\n        <a href=\"http:\/\/pzd.pl\" target=\"_blank\" style=\"text-decoration: none;\">\n            <img decoding=\"async\" src=\"\/\/rod-borowka.pl\/wp-content\/uploads\/2013\/02\/logo-pzd-e1361043757134.png\" style=\"max-width: 45px; height: auto;\">\n            <div style=\"font-size: 9px; font-family: Segoe UI, Arial; color: #555; font-weight: bold; margin-top: 3px;\">PZD KRAJ<\/div>\n        <\/a>\n        <a href=\"http:\/\/bydgoszcz.pzd.pl\" target=\"_blank\" style=\"text-decoration: none;\">\n            <img decoding=\"async\" src=\"\/\/rod-borowka.pl\/wp-content\/uploads\/2013\/02\/logo-pzd-e1361043757134.png\" style=\"max-width: 45px; height: auto;\">\n            <div style=\"font-size: 9px; font-family: Segoe UI, Arial; color: #555; font-weight: bold; margin-top: 3px;\">BYDGOSZCZ<\/div>\n        <\/a>\n    <\/div>    <a href=\"http:\/\/www.dobrcz.pl\" target=\"_blank\" style=\"text-decoration: none; border-top: 1px solid #eee; pt-10; display: block; padding-top: 10px;\">\n        <img decoding=\"async\" src=\"\/\/rod-borowka.pl\/wp-content\/uploads\/2013\/02\/gmina_Dobrcz_Herb.png\" style=\"max-width: 55px; height: auto;\">\n        <div style=\"font-size: 9px; font-family: Segoe UI, Arial; color: #555; font-weight: bold; margin-top: 3px;\">GMINA DOBRCZ<\/div>\n    <\/a>\n<\/div>\n\n<a href=\"\/nowy_panel\/borowka\/kronika_ogrodu.php\" class=\"kronika-book-link\" title=\"Kronika Ogrodu ROD Bor\u00f3wka\">\n    <img decoding=\"async\" src=\"\/nowy_panel\/wp-content\/uploads\/kronika.png\" alt=\"Kronika Ogrodu\">\n    \n<\/a>\n\n        <\/aside>\n    <\/div>\n\n    <div class=\"bottom-buttons-grid\">\n        <a href=\"\/nowy_panel\/wysylka-wybor\" class=\"btn-3d\">Wy\u015blij wiadomo\u015b\u0107<\/a>\n        <a href=\"\/nowy_panel\/dokumentygalerie\" class=\"btn-3d\">Wzory dokument\u00f3w galerie zdj\u0119\u0107<\/a>\n        <a href=\"\/nowy_panel\/przydatneinfo\" class=\"btn-przydatne-flash\">Przydatne informacje<\/a>\n        <a href=\"\/nowy_panel\/kronika\" class=\"btn-3d\">Plan ogrodu Archiwalna kronika<\/a>\n        <a href=\"\/nowy_panel\/Zasady polityka\" class=\"btn-3d\">Zasady www polityka prywatno\u015bci<\/a>\n    <\/div>\n\n    <footer style=\"text-align: center; margin-top: 50px; padding: 20px; color: #999; font-size: 0.8rem;\">\n    Copyright <a href=\"\/nowy_panel\/wp-admin\" class=\"admin-copyright-link\">\u00a9<\/a> 2026 &#8211; ROD Bor\u00f3wka\n\n    <div style=\"margin-top: 5px; font-size: 0.72rem; color: #aaa;\">\n        Projekt i wykonanie strony: Tomasz M\n    <\/div>\n\n    <div id=\"footer-user-count\" style=\"margin-top: 4px; font-size: 0.68rem; color: #aaa; opacity: 0.75; filter: grayscale(1);\">\n        &#x1f464;:<span id=\"footer-user-count-value\">\u2014<\/span>\n    <\/div>\n<\/footer>\n\n<script>\nfetch('\/nowy_panel\/borowka\/licznik_uzytkownikow.php?t=' + new Date().getTime(), {\n    cache: 'no-store'\n})\n    .then(response => {\n        if (!response.ok) {\n            throw new Error('B\u0142\u0105d pobierania licznika');\n        }\n\n        return response.json();\n    })\n    .then(data => {\n        if (Number.isInteger(data.liczba)) {\n            document.getElementById('footer-user-count-value').textContent = data.liczba;\n        }\n    })\n    .catch(() => {\n        const licznik = document.getElementById('footer-user-count');\n\n        if (licznik) {\n            licznik.style.display = 'none';\n        }\n    });\n<\/script>\n\n    <!-- PRZYCISK POWROTU (HOME) -->\n    <a href=\"\/nowy_panel\/\" class=\"btn-home\" id=\"mainHomeButton\" title=\"Powr\u00f3t do strony g\u0142\u00f3wnej\">&#x1f3e0;<\/a>\n\n    <!-- P\u0141YWAJ\u0104CA Z\u0141OTA MONETA - P\u0141ATNO\u015aCI -->\n    <a href=\"\/nowy_panel\/finanse\" class=\"btn-moneta\" title=\"Op\u0142aty i Finanse\">\n        <span class=\"moneta-symbol\">&#x1f4b0;<\/span>\n        <span class=\"moneta-tekst\">P\u0142atno\u015bci<\/span>\n    <\/a>\n<\/div>\n\n<!-- =========================================================================\n   STRUKTURA HTML: BANER ALERT (MODALNY)\n   ========================================================================= -->\n<div id=\"nagly-alert-overlay\">\n    <div class=\"alert-boks\" id=\"dynamic-alert-box\">\n        <span class=\"alert-zamknij-x\" onclick=\"zamknijAlert()\">\u00d7<\/span>\n        <div class=\"alert-naglowek\"><h2>WA\u017bNY KOMUNIKAT!<\/h2><\/div>\n        <div class=\"alert-tresc\" id=\"alert-tresc-dynamiczna\">\n            Szanowni Dzia\u0142kowcy,<br>\n            W zwi\u0105zku z obj\u0119ciem obowi\u0105zk\u00f3w przez nowego Skarbnika, porz\u0105dkowaniem dokumentacji oraz przygotowaniem przejrzystego i transparentnego systemu rozlicze\u0144 prosimy o dokonywanie wp\u0142at, w miar\u0119 mo\u017cliwo\u015bci, na rachunek bankowy Ogrodu.<br><br>\n            Informujemy, \u017ce wysy\u0142ka mailowa rozlicze\u0144 dzia\u0142ek, planowana na ok. 20 maja, zostaje przesuni\u0119ta. Nowy termin podamy w czerwcu.<br><br>\n            Op\u0142aty ogrodowe prosimy wnosi\u0107 zgodnie z kwotami i terminami podanymi w aktualno\u015bciach.<br><br>\n            Dzi\u0119kujemy za wyrozumia\u0142o\u015b\u0107 i wsp\u00f3\u0142prac\u0119.\n        <\/div>\n        <button class=\"alert-przycisk\" id=\"dynamic-alert-button\" onclick=\"zamknijAlert()\">ROZUMIEM \/ ZAMKNIJ<\/button>\n    <\/div>\n<\/div>\n\n<!-- =========================================================================\n   SKRYPTY JAVASCRIPT: LOGIKA ALERTU, POST\u00d3W I PRZYCISK\u00d3W (Z POPRAWK\u0104 ZAMYKANIA)\n   ========================================================================= -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ ANIMOWANY BANER ROD BOR\u00d3WKA\n    const rodSlider = document.getElementById('rod-banner-slider');\n\n    if (rodSlider) {\n        const rodSlajdy = Array.from(rodSlider.querySelectorAll('.rod-banner-slide'));\n        const rodKropki = Array.from(rodSlider.querySelectorAll('[data-rod-slide]'));\n        const rodStrzalkaLewo = rodSlider.querySelector('.rod-banner-arrow-left');\n        const rodStrzalkaPrawo = rodSlider.querySelector('.rod-banner-arrow-right');\n        const rodPrzejscia = ['fade-zoom', 'slide', 'diagonal', 'soft-lift'];\n        const rodOgraniczonyRuch = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n        let rodAktualny = 0;\n        let rodZmianaTrwa = false;\n        let rodTimer = null;\n        let rodWstrzymany = false;\n\n        function rodWczytajZdjecie(index) {\n            return new Promise(function(resolve) {\n                const obraz = rodSlajdy[index].querySelector('img');\n\n                if (!obraz) {\n                    resolve();\n                    return;\n                }\n\n                if (!obraz.getAttribute('src') && obraz.dataset.src) {\n                    obraz.setAttribute('src', obraz.dataset.src);\n                }\n\n                if (obraz.complete) {\n                    resolve();\n                    return;\n                }\n\n                obraz.addEventListener('load', resolve, { once: true });\n                obraz.addEventListener('error', resolve, { once: true });\n            });\n        }\n\n        function rodUstawKropki() {\n            rodKropki.forEach(function(kropka, index) {\n                const aktywna = index === rodAktualny;\n                kropka.classList.toggle('is-active', aktywna);\n\n                if (aktywna) {\n                    kropka.setAttribute('aria-current', 'true');\n                } else {\n                    kropka.removeAttribute('aria-current');\n                }\n            });\n        }\n\n        function rodLosowyIndex() {\n            const dostepne = rodSlajdy\n                .map(function(_, index) { return index; })\n                .filter(function(index) { return index !== rodAktualny; });\n\n            return dostepne[Math.floor(Math.random() * dostepne.length)];\n        }\n\n        function rodZaplanujZmiane() {\n            window.clearTimeout(rodTimer);\n\n            if (!rodWstrzymany && !rodOgraniczonyRuch) {\n                rodTimer = window.setTimeout(function() {\n                    rodPokazSlajd(rodLosowyIndex());\n                }, 7000);\n            }\n        }\n\n        async function rodPokazSlajd(nowyIndex) {\n            if (\n                rodZmianaTrwa ||\n                nowyIndex === rodAktualny ||\n                nowyIndex < 0 ||\n                nowyIndex >= rodSlajdy.length\n            ) {\n                return;\n            }\n\n            rodZmianaTrwa = true;\n            window.clearTimeout(rodTimer);\n            await rodWczytajZdjecie(nowyIndex);\n\n            const poprzedniSlajd = rodSlajdy[rodAktualny];\n            const nowySlajd = rodSlajdy[nowyIndex];\n            const przejscie = rodPrzejscia[Math.floor(Math.random() * rodPrzejscia.length)];\n\n            rodSlider.dataset.transition = przejscie;\n            poprzedniSlajd.classList.remove('is-active');\n            poprzedniSlajd.classList.add('is-outgoing');\n            nowySlajd.classList.remove('is-outgoing');\n            nowySlajd.classList.add('is-active');\n\n            rodAktualny = nowyIndex;\n            rodUstawKropki();\n\n            window.setTimeout(function() {\n                poprzedniSlajd.classList.remove('is-outgoing');\n                rodZmianaTrwa = false;\n                rodZaplanujZmiane();\n            }, rodOgraniczonyRuch ? 20 : 1450);\n        }\n\n        if (rodStrzalkaLewo) {\n            rodStrzalkaLewo.addEventListener('click', function() {\n                const poprzedni = (rodAktualny - 1 + rodSlajdy.length) % rodSlajdy.length;\n                rodPokazSlajd(poprzedni);\n            });\n        }\n\n        if (rodStrzalkaPrawo) {\n            rodStrzalkaPrawo.addEventListener('click', function() {\n                const nastepny = (rodAktualny + 1) % rodSlajdy.length;\n                rodPokazSlajd(nastepny);\n            });\n        }\n\n        rodKropki.forEach(function(kropka) {\n            kropka.addEventListener('click', function() {\n                rodPokazSlajd(Number(kropka.dataset.rodSlide));\n            });\n        });\n\n        rodSlider.addEventListener('mouseenter', function() {\n            rodWstrzymany = true;\n            window.clearTimeout(rodTimer);\n        });\n\n        rodSlider.addEventListener('mouseleave', function() {\n            rodWstrzymany = false;\n            rodZaplanujZmiane();\n        });\n\n        rodSlider.addEventListener('focusin', function() {\n            rodWstrzymany = true;\n            window.clearTimeout(rodTimer);\n        });\n\n        rodSlider.addEventListener('focusout', function() {\n            window.setTimeout(function() {\n                if (!rodSlider.contains(document.activeElement)) {\n                    rodWstrzymany = false;\n                    rodZaplanujZmiane();\n                }\n            }, 0);\n        });\n\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                window.clearTimeout(rodTimer);\n            } else {\n                rodZaplanujZmiane();\n            }\n        });\n\n                rodUstawKropki();\n        rodZaplanujZmiane();\n    }\n\n    \/\/ PRZENIESIENIE IKON NA TELEFONIE POD WIADOMO\u015aCI I NAD PASEK\n    const mobilneIkonyGlowne = document.getElementById('mobilne-ikony-glowne');\n    const panelUzytkownikaLink = document.querySelector('.sidebar-area a[href*=\"borowka\/index.php\"]');\n    const stanyLicznikowLink = document.querySelector('.sidebar-area .liczniki-glowna');\n\n    if (mobilneIkonyGlowne && panelUzytkownikaLink && stanyLicznikowLink) {\n        const miejsceIkonNaKomputerze = document.createComment('miejsce ikon na komputerze');\n        const widokTelefonu = window.matchMedia('(max-width: 900px)');\n\n        panelUzytkownikaLink.before(miejsceIkonNaKomputerze);\n\n        function ustawPolozenieIkon() {\n            if (widokTelefonu.matches) {\n                mobilneIkonyGlowne.append(panelUzytkownikaLink, stanyLicznikowLink);\n            } else {\n                miejsceIkonNaKomputerze.after(panelUzytkownikaLink, stanyLicznikowLink);\n            }\n        }\n\n        ustawPolozenieIkon();\n        widokTelefonu.addEventListener('change', ustawPolozenieIkon);\n    }\n\n    \/\/ PASEK INFORMACYJNY STAN\u00d3W LICZNIK\u00d3W\n    const pasekStanow = document.getElementById('pasek-stanow-licznikow');\n    const pasekStanowTekst = document.getElementById('pasek-stanow-licznikow-tekst');\n\n    fetch('\/nowy_panel\/borowka\/stany_licznikow.php?api=pasek_stanow&t=' + new Date().getTime())\n        .then(response => {\n            if (!response.ok) {\n                throw new Error('Nie uda\u0142o si\u0119 pobra\u0107 ustawie\u0144 paska.');\n            }\n\n            return response.json();\n        })\n        .then(dane => {\n            if (pasekStanow && pasekStanowTekst && dane.wlaczony === true && dane.tresc) {\n                pasekStanowTekst.textContent = dane.tresc;\n                pasekStanow.style.display = 'block';\n            } else if (pasekStanow) {\n                pasekStanow.style.display = 'none';\n            }\n        })\n        .catch(() => {\n            if (pasekStanow) {\n                pasekStanow.style.display = 'none';\n            }\n        });\n\n    \/\/ 0. KOMUNIKAT (Z edytora wizualnego)\n    fetch('\/nowy_panel\/komunikat.txt?t=' + new Date().getTime())\n        .then(response => response.text())\n        .then(data => {\n            const dynamicznyAlert = document.querySelector('.alert-tresc');\n            const pomaranczowyBoks = document.getElementById('orange-box-text');\n            if (dynamicznyAlert) dynamicznyAlert.innerHTML = data;\n            if (pomaranczowyBoks) pomaranczowyBoks.innerHTML = data;\n        });\n\n    \/\/ 0a. POBIERANIE KOLORU T\u0141A KOMUNIKATU\n    fetch('\/nowy_panel\/komunikat_kolor.txt?t=' + new Date().getTime())\n        .then(response => response.text())\n        .then(kolor => {\n            const alertBoks = document.getElementById('dynamic-alert-box');\n            const alertPrzycisk = document.getElementById('dynamic-alert-button');\n            const mainOrangeBox = document.getElementById('main-orange-box');\n            \n            const oczyszczonyKolor = kolor.trim();\n            \n            let hexKolor = '#ff0000'; \/\/ domy\u015blny czerwony (danger)\n            if (oczyszczonyKolor === 'info') {\n                hexKolor = '#0d6efd'; \/\/ niebieski\n            } else if (oczyszczonyKolor === 'success') {\n                hexKolor = '#198754'; \/\/ zielony\n            }\n            \n            \/\/ Aplikowanie dynamicznych kolor\u00f3w t\u0142a do okna modalnego i przycisku\n            if (alertBoks) alertBoks.style.setProperty('background-color', hexKolor, 'important');\n            if (alertPrzycisk) alertPrzycisk.style.setProperty('color', hexKolor, 'important');\n            if (mainOrangeBox) mainOrangeBox.style.setProperty('background-color', hexKolor, 'important');\n        })\n        .catch(err => {\n            \/\/ W razie braku pliku stosujemy domy\u015blny czerwony\n            const alertBoks = document.getElementById('dynamic-alert-box');\n            const alertPrzycisk = document.getElementById('dynamic-alert-button');\n            if (alertBoks) alertBoks.style.setProperty('background-color', '#ff0000', 'important');\n            if (alertPrzycisk) alertPrzycisk.style.setProperty('color', '#ff0000', 'important');\n        });\n\n    \/\/ 0b. WYR\u00d3\u017bNIONA WIADOMO\u015a\u0106 NA STRONIE G\u0141\u00d3WNEJ\n    const featuredMessageBox = document.getElementById('featured-message-box');\n    const featuredMessageTitle = document.getElementById('featured-message-title');\n    const featuredMessageContent = document.getElementById('featured-message-content');\n\n    function ukryjWyroznionaWiadomosc() {\n        if (!featuredMessageBox) {\n            return;\n        }\n\n        featuredMessageBox.hidden = true;\n        featuredMessageBox.classList.remove('is-visible');\n    }\n\n    function oczyscTresciWyroznionejWiadomosci(html) {\n        const parsedDocument = new DOMParser().parseFromString(\n            String(html || ''),\n            'text\/html'\n        );\n\n        parsedDocument.querySelectorAll(\n            'script, style, iframe, form, input, button, textarea, select, option, '\n            + 'meta, link, object, embed'\n        ).forEach(element => element.remove());\n\n        parsedDocument.querySelectorAll('*').forEach(element => {\n            Array.from(element.attributes).forEach(attribute => {\n                const attributeName = attribute.name.toLowerCase();\n                const attributeValue = attribute.value.trim().toLowerCase();\n\n                if (\n                    attributeName === 'id'\n                    || attributeName.startsWith('on')\n                    || (\n                        ['href', 'src', 'xlink:href'].includes(attributeName)\n                        && attributeValue.startsWith('javascript:')\n                    )\n                ) {\n                    element.removeAttribute(attribute.name);\n                }\n            });\n        });\n\n        return parsedDocument.body.innerHTML;\n    }\n\n    if (featuredMessageBox && featuredMessageTitle && featuredMessageContent) {\n        fetch(\n            '\/nowy_panel\/wyrozniona_wiadomosc.txt?t='\n            + new Date().getTime(),\n            { cache: 'no-store' }\n        )\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Brak wyr\u00f3\u017cnionej wiadomo\u015bci.');\n                }\n\n                return response.text();\n            })\n            .then(storedPostId => {\n                const postId = Number.parseInt(storedPostId.trim(), 10);\n\n                if (!Number.isInteger(postId) || postId <= 0) {\n                    throw new Error('Nie wybrano wyr\u00f3\u017cnionej wiadomo\u015bci.');\n                }\n\n                return fetch(\n                    '\/nowy_panel\/wp-json\/wp\/v2\/posts\/'\n                    + postId\n                    + '?_fields=id,status,link,title,content&#038;_t='\n                    + new Date().getTime(),\n                    { cache: 'no-store' }\n                );\n            })\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Wyr\u00f3\u017cniona wiadomo\u015b\u0107 nie jest opublikowana.');\n                }\n\n                return response.json();\n            })\n            .then(post => {\n                if (\n                    !post\n                    || post.status !== 'publish'\n                    || !post.title\n                    || !post.content\n                ) {\n                    throw new Error('Nieprawid\u0142owe dane wyr\u00f3\u017cnionej wiadomo\u015bci.');\n                }\n\n                featuredMessageTitle.innerHTML = post.title.rendered || '';\n                featuredMessageContent.innerHTML =\n                    oczyscTresciWyroznionejWiadomosci(post.content.rendered);\n\n                featuredMessageBox.hidden = false;\n                featuredMessageBox.classList.add('is-visible');\n            })\n            .catch(() => {\n                ukryjWyroznionaWiadomosc();\n            });\n    }\n\n    \/\/ 1. \u0141ADOWANIE POST\u00d3W\n    fetch('\/nowy_panel\/wp-json\/wp\/v2\/posts?per_page=3&_t=' + new Date().getTime())\n        .then(response => response.json())\n        .then(posts => {\n            const container = document.getElementById('wp-latest-posts-list');\n            if (container && Array.isArray(posts) && posts.length > 0) {\n                container.innerHTML = posts.map(post => \n    `<div style=\"margin-bottom: 8px;\">\u2022 <a href=\"${post.link}\" style=\"color: inherit; text-decoration: none;\">${post.title.rendered}<\/a><\/div>`\n).join('');\n            }\n        });\n\n    \/\/ 2. LOGIKA PRZYCISKU HOME\n    const homeBtn = document.getElementById('mainHomeButton');\n    const path = window.location.pathname;\n    const isHome = path === '\/' || path === '\/index.php' || path.includes('home');\n    if (isHome && homeBtn) homeBtn.style.setProperty(\"display\", \"none\", \"important\");\n\n    \/\/ 3. OBS\u0141UGA ALERTU (12s)\n    const style = getComputedStyle(document.documentElement).getPropertyValue('--pokaz-alert').trim();\n    if (style !== 'none') {\n        if (sessionStorage.getItem('alertRODBorowkaZamkniety') === 'true') {\n            const overlay = document.getElementById(\"nagly-alert-overlay\");\n            if (overlay) overlay.style.setProperty(\"display\", \"none\", \"important\");\n        } else {\n            setTimeout(function() { zamknijAlert(); }, 12000);\n        }\n    }\n});\n\nfunction zamknijAlert() {\n    var overlay = document.getElementById(\"nagly-alert-overlay\");\n    if (overlay) {\n        overlay.style.setProperty(\"display\", \"none\", \"important\");\n        sessionStorage.setItem('alertRODBorowkaZamkniety', 'true');\n    }\n}\n<\/script>\n\n\n\n<div class=\"wp-block-query alignfull is-layout-constrained wp-block-query-is-layout-constrained\">\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:16px;padding-bottom:var(--wp--preset--spacing--30);padding-left:16px\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rodzinny Ogr\u00f3d Dzia\u0142kowy BOR\u00d3WKA w Nekli \u2039 \u203a Najnowsze Wiadomo\u015bci: \u0141adowanie wiadomo\u015bci&#8230; Wszystkie wiadomo\u015bci Witamy serdecznie! Mamy nadziej\u0119, i\u017c znajdziecie tu Pa\u0144stwo wszelkie niezb\u0119dne informacje o pracach Zarz\u0105du Ogrodu i innych wa\u017cnych wydarzeniach z \u017cycia naszego ROD. Dodatkowo warto zapozna\u0107 sie z zak\u0142adk\u0105 przydatne informacje. Zapraszamy do regularnego odwiedzania dzia\u0142u aktualno\u015bci oraz przegl\u0105dania galerii zdj\u0119\u0107. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":343,"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":6072,"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/pages\/2\/revisions\/6072"}],"wp:attachment":[{"href":"https:\/\/rod-borowka.pl\/nowy_panel\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}