/*
     * =====================================================
     * CAŁY BLOK
     * =====================================================
     */

    .kppc-news-home {

        display: block !important;

        width: 100%;
        max-width: 1200px;

        margin: 36px auto;

        padding: 28px 26px 22px;

        background: #fff;

        border: 1px solid #e8e8e8;

        border-radius: 18px;

        box-shadow:
            0 8px 28px
            rgba(0,0,0,.04);

        box-sizing: border-box;

        clear: both;
    }


    .kppc-news-home * {
        box-sizing: border-box;
    }


    /*
     * =====================================================
     * NAGŁÓWEK
     * =====================================================
     */

    .kppc-news-home__header {

        width: 100%;

        display: flex;

        align-items: flex-end;

        justify-content: space-between;

        gap: 25px;

        margin: 0 0 24px;

        padding: 0;
    }


    .kppc-news-home__heading {

        display: block;

        flex: 1 1 auto;
    }


    .kppc-news-home__label {

        display: block;

        margin: 0 0 6px;

        color: #777;

        font-size: 11px;

        font-weight: 700;

        letter-spacing: .14em;

        line-height: 1.2;
    }


    .kppc-news-home__heading h2 {

        margin: 0 0 7px !important;

        padding: 0 !important;

        color: #202020;

        font-size:
            clamp(
                28px,
                3vw,
                38px
            );

        line-height: 1.1;
    }


    .kppc-news-home__heading p {

        margin: 0 !important;

        padding: 0;

        color: #777;

        font-size: 14px;

        line-height: 1.5;
    }


    /*
     * STATUS
     */

    .kppc-news-home__status {

        display: inline-flex;

        align-items: center;

        gap: 7px;

        flex: 0 0 auto;

        padding: 8px 13px;

        background: #f7f7f7;

        border-radius: 999px;

        color: #555;

        font-size: 12px;

        font-weight: 600;

        white-space: nowrap;
    }


    .kppc-news-home__status-dot {

        display: block;

        width: 7px;
        height: 7px;

        background: #69a94f;

        border-radius: 50%;
    }


    /*
     * =====================================================
     * OBSZAR PRODUKTÓW
     * =====================================================
     */

    .kppc-news-home__products {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        clear: both !important;

        overflow: visible;
    }


    /*
     * Bardzo ważne:
     * WooCommerce ma zostać wewnątrz
     * pełnej szerokości bloku.
     */

    .kppc-news-home__products
    .woocommerce {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .kppc-news-home__products
    ul.products {

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 18px !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        float: none !important;

        clear: both !important;
    }


    /*
     * Kasujemy floaty motywu tylko
     * WEWNĄTRZ tego jednego bloku.
     */

    .kppc-news-home__products
    ul.products
    li.product {

        width: auto !important;

        max-width: none !important;

        min-width: 0 !important;

        margin: 0 !important;

        float: none !important;

        clear: none !important;
    }


    /*
     * =====================================================
     * STOPKA
     * =====================================================
     */

    .kppc-news-home__footer {

        display: flex !important;

        width: 100% !important;

        align-items: center;

        justify-content: space-between;

        gap: 20px;

        clear: both !important;

        margin: 22px 0 0 !important;

        padding: 18px 0 0 !important;

        border-top: 1px solid #eee;
    }


    .kppc-news-home__footer p {

        margin: 0 !important;

        padding: 0 !important;

        color: #777;

        font-size: 12px;

        line-height: 1.5;
    }


    .kppc-news-home__more {

        display: inline-flex;

        align-items: center;

        gap: 8px;

        flex: 0 0 auto;

        color: #222 !important;

        font-size: 14px;

        font-weight: 700;

        text-decoration: none !important;

        white-space: nowrap;
    }


    .kppc-news-home__more:hover {

        text-decoration:
            underline !important;
    }


    /*
     * =====================================================
     * TABLET
     * =====================================================
     */

    @media (max-width: 900px) {

        .kppc-news-home__products
        ul.products {

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                ) !important;
        }

    }


    /*
     * =====================================================
     * TELEFON
     * =====================================================
     */

    @media (max-width: 600px) {

        .kppc-news-home {

            margin: 24px auto;

            padding:
                20px
                12px;

            border-radius: 14px;
        }


        .kppc-news-home__header {

            align-items:
                flex-start;

            flex-direction:
                column;

            gap: 12px;

            margin-bottom: 18px;
        }


        .kppc-news-home__heading h2 {

            font-size: 27px;
        }


        .kppc-news-home__products
        ul.products {

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                ) !important;

            gap: 10px !important;
        }


        .kppc-news-home__footer {

            align-items:
                flex-start;

            flex-direction:
                column;

            gap: 10px;
        }

    }


    /*
     * Bardzo mały telefon:
     * nadal zostawiamy 2 produkty,
     * o ile ekran na to pozwala.
     */

    @media (max-width: 360px) {

        .kppc-news-home__products
        ul.products {

            grid-template-columns:
                1fr !important;
        }

    }

    
.kppc-news-home ul.products::before,.kppc-news-home ul.products::after{display:none!important}