/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 30 2026 | 01:52:56 */
/* ======================================================================
   NOTE.radio — WOOCOMMERCE SHOP
   /sklep/
   ====================================================================== */


/* ======================================================================
   SHOP 01. PODSTAWA
   ====================================================================== */

body#proradio-body.woocommerce-shop {
    background: var(--ntr-soft-bg) !important;
}
/* ======================================================================
   SHOP 01A. HERO
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-shop-hero {
    position: relative;

    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(300px, .65fr);

    gap: 42px;

    width: 100%;

    margin: 0 0 36px 0;
    padding: 48px 52px;

    overflow: hidden;

    background:
        linear-gradient(
            125deg,
            #0F1F38 0%,
            #152B4B 62%,
            #1D3557 100%
        );

    border-radius: 18px;

    box-shadow:
        0 18px 50px rgba(15, 31, 56, .12);
}


/* dekoracja */

body#proradio-body.woocommerce-shop
.ntr-shop-hero::before {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    top: -170px;
    right: -90px;

    border-radius: 50%;

    background:
        rgba(255, 138, 0, .18);

    pointer-events: none;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    bottom: -150px;
    left: 42%;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .04);

    pointer-events: none;
}


/* ======================================================================
   LEWA STRONA
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-shop-hero__content {
    position: relative;

    z-index: 2;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__kicker {
    display: inline-flex;

    margin: 0 0 18px 0;
    padding: 7px 12px;

    background:
        rgba(255, 138, 0, .14);

    color: #FF9A22;

    border:
        1px solid
        rgba(255, 138, 0, .28);

    border-radius: 999px;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__title {
    max-width: 760px;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size:
        clamp(40px, 4vw, 58px) !important;

    font-weight: 800 !important;
    font-style: normal !important;

    line-height: 1.04 !important;

    letter-spacing:
        -.035em !important;

    text-transform:
        none !important;

    text-shadow:
        none !important;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__title span {
    color: var(--ntr-orange) !important;
    -webkit-text-fill-color:
        var(--ntr-orange) !important;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__text {
    max-width: 650px;

    margin: 0 0 28px 0 !important;

    color:
        rgba(255, 255, 255, .76) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.65 !important;
}


/* ======================================================================
   CTA
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-shop-hero__actions {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__primary,

body#proradio-body.woocommerce-shop
.ntr-shop-hero__secondary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 12px 20px;

    border-radius:
        var(--ntr-radius-button);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2;

    text-decoration:
        none !important;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__primary {
    background:
        var(--ntr-orange);

    color:
        #FFFFFF !important;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__primary:hover {
    background:
        var(--ntr-orange-hover);
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__secondary {
    background:
        rgba(255,255,255,.08);

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.18);
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__secondary:hover {
    background:
        rgba(255,255,255,.14);
}


/* ======================================================================
   PRAWA STRONA
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-shop-hero__side {
    position: relative;

    z-index: 2;

    align-self: center;

    padding: 28px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 14px;

    backdrop-filter:
        blur(8px);
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__stat {
    margin-bottom: 24px;
    padding-bottom: 22px;

    border-bottom:
        1px solid
        rgba(255,255,255,.13);
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__stat strong {
    display: block;

    margin-bottom: 3px;

    color:
        var(--ntr-orange);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 42px;
    font-weight: 800;

    line-height: 1;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__stat span {
    color:
        rgba(255,255,255,.68);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px;
    font-weight: 500;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__feature {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 13px;

    color:
        rgba(255,255,255,.88);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px;
    font-weight: 600;
}


body#proradio-body.woocommerce-shop
.ntr-shop-hero__check {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 22px;

    width: 22px;
    height: 22px;

    background:
        rgba(255,138,0,.18);

    color:
        #FF9A22;

    border-radius: 50%;

    font-size: 12px;
    font-weight: 800;
}


/* ======================================================================
   SCROLL TARGET
   ====================================================================== */

body#proradio-body.woocommerce-shop
#ntr-shop-products {
    scroll-margin-top: 130px;
}


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

@media (max-width: 1024px) {

    body#proradio-body.woocommerce-shop
    .ntr-shop-hero {
        grid-template-columns:
            1fr;

        padding:
            40px;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__side {
        max-width:
            480px;
    }

}


/* ======================================================================
   MOBILE
   ====================================================================== */

@media (max-width: 767px) {

    body#proradio-body.woocommerce-shop
    .ntr-shop-hero {
        gap: 28px;

        margin-bottom:
            28px;

        padding:
            28px 22px;

        border-radius:
            14px;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__title {
        font-size:
            34px !important;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__text {
        font-size:
            15px !important;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__actions {
        display: grid;

        grid-template-columns:
            1fr;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__primary,

    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__secondary {
        width:
            100%;
    }


    body#proradio-body.woocommerce-shop
    .ntr-shop-hero__side {
        padding:
            22px;
    }

}

/* ======================================================================
   SHOP 01B. WYPRZEDAŻ — SLIDER
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-section {
    position: relative;

    width: 100%;

    margin: 0 0 38px 0;
    padding: 30px;

    background: var(--ntr-white);

    border: 1px solid var(--ntr-border);
    border-radius: 16px;

    box-shadow: var(--ntr-shadow);
}


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

body#proradio-body.woocommerce-shop
.ntr-sale-section__head {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 24px;

    margin-bottom: 24px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-section__kicker {
    display: inline-flex;

    margin: 0 0 8px 0;
    padding: 6px 10px;

    background: var(--ntr-orange-soft);

    color: var(--ntr-orange);

    border-radius: 999px;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: .8px;
    text-transform: uppercase;
}


body#proradio-body.woocommerce-shop
.ntr-sale-section__title {
    margin: 0 0 5px 0 !important;

    color: var(--ntr-text) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-transform: none !important;
    letter-spacing: -.02em !important;
}


body#proradio-body.woocommerce-shop
.ntr-sale-section__intro {
    margin: 0 !important;

    color: var(--ntr-muted) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
}


/* ======================================================================
   STRZAŁKI
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-slider__controls {
    display: flex;

    gap: 8px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slider__arrow {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0 !important;

    background: var(--ntr-white) !important;

    color: var(--ntr-text) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 19px !important;

    cursor: pointer;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slider__arrow:hover {
    background: var(--ntr-orange-soft) !important;

    color: var(--ntr-orange) !important;

    border-color:
        rgba(255,138,0,.3) !important;
}


/* ======================================================================
   SLIDER
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-slider__viewport {
    position: relative;

    overflow: hidden;

    border-radius: 12px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slider__track {
    position: relative;

    width: 100%;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide {
    display: none;

    grid-template-columns:
        minmax(300px, .8fr)
        minmax(0, 1.2fr);

    min-height: 340px;

    overflow: hidden;

    background: var(--ntr-soft-bg);

    border: 1px solid var(--ntr-border);
    border-radius: 12px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide.is-active {
    display: grid;
}


/* ======================================================================
   OBRAZ
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-slide__media {
    position: relative;

    display: block;

    min-height: 340px;

    overflow: hidden;

    background: #EEF1F5;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__image {
    display: block;

    width: 100%;
    height: 100%;

    position: absolute;

    inset: 0;

    object-fit: cover;

    transition:
        transform .3s ease;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__media:hover
.ntr-sale-slide__image {
    transform: scale(1.025);
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__badge {
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 2;

    padding: 7px 12px;

    background: var(--ntr-orange);

    color: #FFFFFF;

    border-radius: 999px;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .7px;

    text-transform: uppercase;
}


/* ======================================================================
   TREŚĆ
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-slide__content {
    display: flex;

    flex-direction: column;
    justify-content: center;

    min-width: 0;

    padding: 42px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__eyebrow {
    margin-bottom: 9px;

    color: var(--ntr-orange);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .8px;
    text-transform: uppercase;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__title {
    margin: 0 0 14px 0 !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size:
        clamp(26px, 3vw, 38px) !important;

    font-weight: 800 !important;

    line-height: 1.12 !important;

    letter-spacing: -.025em !important;

    text-transform: none !important;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__title a {
    color: var(--ntr-text) !important;

    text-decoration: none !important;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__price {
    margin-bottom: 16px;

    color: var(--ntr-orange);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 23px;
    font-weight: 800;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__price del {
    margin-right: 8px;

    color: var(--ntr-muted);

    font-size: 15px;

    opacity: .75;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__price ins {
    color: var(--ntr-orange);

    text-decoration: none;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__description {
    max-width: 620px;

    margin: 0 0 24px 0;

    color: var(--ntr-muted);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px;
    line-height: 1.65;
}


/* CTA */

body#proradio-body.woocommerce-shop
.ntr-sale-slide__cta {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    align-self: flex-start;

    min-height: 46px;

    padding: 12px 20px;

    background: var(--ntr-orange);

    color: #FFFFFF !important;

    border-radius:
        var(--ntr-radius-button);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slide__cta:hover {
    background: var(--ntr-orange-hover);
}


/* ======================================================================
   KROPKI
   ====================================================================== */

body#proradio-body.woocommerce-shop
.ntr-sale-slider__dots {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 18px;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slider__dot {
    width: 8px;
    height: 8px;

    min-width: 8px;

    padding: 0 !important;

    background: #D1D5DB !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    transition:
        width .2s ease,
        background-color .2s ease;
}


body#proradio-body.woocommerce-shop
.ntr-sale-slider__dot.is-active {
    width: 24px;

    background: var(--ntr-orange) !important;
}


/* ======================================================================
   KATALOG — TARGET
   ====================================================================== */

body#proradio-body.woocommerce-shop
#ntr-shop-catalog {
    scroll-margin-top: 130px;
}


/* ======================================================================
   MOBILE
   ====================================================================== */

@media (max-width: 767px) {

    body#proradio-body.woocommerce-shop
    .ntr-sale-section {
        margin-bottom: 28px;

        padding: 20px;

        border-radius: 12px;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-section__head {
        align-items: center;

        margin-bottom: 18px;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-section__title {
        font-size: 24px !important;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-section__intro {
        display: none;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-slide,

    body#proradio-body.woocommerce-shop
    .ntr-sale-slide.is-active {
        grid-template-columns: 1fr;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-slide__media {
        min-height: 0;

        aspect-ratio: 1 / 1;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-slide__content {
        padding: 24px 20px;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-slide__title {
        font-size: 25px !important;
    }


    body#proradio-body.woocommerce-shop
    .ntr-sale-slide__cta {
        width: 100%;
    }

}

/* ======================================================================
   SHOP 02. TOOLBAR — LICZBA WYNIKÓW + SORTOWANIE
   ====================================================================== */

body#proradio-body.woocommerce-shop
.woocommerce-result-count {
    margin: 0 0 24px 0 !important;

    color: var(--ntr-muted) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 46px !important;
}


body#proradio-body.woocommerce-shop
.woocommerce-ordering {
    margin: 0 0 24px 0 !important;
}


body#proradio-body.woocommerce-shop
.woocommerce-ordering
select {
    min-width: 245px;
    height: 46px !important;

    padding: 0 42px 0 14px !important;

    background-color: var(--ntr-white) !important;

    color: var(--ntr-text-secondary) !important;

    border: 1px solid var(--ntr-border-input) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
    outline: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;
}


body#proradio-body.woocommerce-shop
.woocommerce-ordering
select:focus {
    border-color: var(--ntr-orange) !important;

    box-shadow:
        0 0 0 3px
        rgba(255, 138, 0, .12) !important;
}


/* ======================================================================
   SHOP 03. SIATKA PRODUKTÓW
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products {
    display: grid !important;

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

    gap: 28px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body#proradio-body.woocommerce-shop
ul.products::before,

body#proradio-body.woocommerce-shop
ul.products::after {
    display: none !important;
    content: none !important;
}


/* ======================================================================
   SHOP 04. KARTA PRODUKTU
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product.proradio-post__product {
    display: flex !important;
    flex-direction: column !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: var(--ntr-white) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-card) !important;

    box-shadow: var(--ntr-shadow) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product.proradio-post__product:hover {
    transform: translateY(-3px);

    border-color: #D9DEE7 !important;

    box-shadow:
        0 12px 30px
        rgba(0, 0, 0, .08) !important;
}


/* ======================================================================
   SHOP 05. OBRAZ PRODUKTU
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__header {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 1 / 1;

    margin: 0 !important;

    overflow: hidden;

    background: #F3F4F6 !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-bgimg {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    background: transparent !important;
}


/* Usuwamy duotone / filtry Pro.Radio */

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-bgimg::before,

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-bgimg::after,

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-hov {
    display: none !important;
    content: none !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-bgimg
img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover !important;

    filter: none !important;

    transform: none !important;

    opacity: 1 !important;

    transition:
        transform .25s ease !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product:hover
.proradio-bgimg
img {
    transform: scale(1.025) !important;
}


/* Cały obszar zdjęcia nadal pozostaje klikalny */

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__headercont,

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-actions__cont,

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-actions {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__product__lk {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    z-index: 3;
}


/* ======================================================================
   SHOP 06. ZAWARTOŚĆ KARTY
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__content {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column !important;

    width: 100% !important;

    padding: 22px !important;

    background: var(--ntr-white) !important;

    color: var(--ntr-text) !important;
}


/* ======================================================================
   SHOP 07. TYTUŁ PRODUKTU — RESET ANTON / PRO.RADIO
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__title {
    width: 100% !important;

    min-height: 50px;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.35 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    text-shadow: none !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__title
a {
    color: var(--ntr-text) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    text-decoration: none !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.proradio-post__title
a:hover {
    color: var(--ntr-orange) !important;
}


/* ======================================================================
   SHOP 08. CENA
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
.price {
    display: flex !important;

    flex-wrap: wrap;
    align-items: baseline;

    gap: 5px;

    width: 100% !important;

    margin: 0 0 20px 0 !important;

    color: var(--ntr-text-secondary) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
.price
.woocommerce-Price-amount {
    color: var(--ntr-text) !important;

    font-size: 17px !important;
    font-weight: 700 !important;
}


/* +VAT pozostawiamy, ale przestaje dominować */

body#proradio-body.woocommerce-shop
ul.products
li.product
.price
.woocommerce-price-suffix {
    color: var(--ntr-muted) !important;

    font-size: 11px !important;
    font-weight: 500 !important;
}


/* ======================================================================
   SHOP 09. PRZYCISK
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
a.button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 46px !important;

    margin: auto 0 0 0 !important;
    padding: 12px 18px !important;

    background: var(--ntr-orange) !important;
    background-image: none !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border: 1px solid var(--ntr-orange) !important;
    border-radius: var(--ntr-radius-button) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


body#proradio-body.woocommerce-shop
ul.products
li.product
a.button:hover {
    background: var(--ntr-orange-hover) !important;

    border-color: var(--ntr-orange-hover) !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 14px
        rgba(255, 138, 0, .18) !important;
}


/* Ozdobniki Pro.Radio */

body#proradio-body.woocommerce-shop
ul.products
li.product
a.button::before,

body#proradio-body.woocommerce-shop
ul.products
li.product
a.button::after {
    display: none !important;
    content: none !important;
}


/* ======================================================================
   SHOP 10. KOMUNIKAT AJAX „DODANO”
   ====================================================================== */

body#proradio-body.woocommerce-shop
ul.products
li.product
.added_to_cart {
    display: block;

    margin: 10px 0 0 0 !important;

    color: var(--ntr-orange) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-align: center;

    text-decoration: none !important;
}


/* ======================================================================
   SHOP 11. TABLET
   ====================================================================== */

@media (max-width: 1200px) {

    body#proradio-body.woocommerce-shop
    ul.products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    body#proradio-body.woocommerce-shop
    ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px !important;
    }

}


/* ======================================================================
   SHOP 12. MOBILE
   ====================================================================== */

@media (max-width: 600px) {

    body#proradio-body.woocommerce-shop
    .woocommerce-result-count {
        float: none !important;

        width: 100%;

        margin-bottom: 12px !important;

        line-height: 1.5 !important;
    }


    body#proradio-body.woocommerce-shop
    .woocommerce-ordering {
        float: none !important;

        width: 100% !important;

        margin-bottom: 22px !important;
    }


    body#proradio-body.woocommerce-shop
    .woocommerce-ordering
    select {
        width: 100% !important;
        min-width: 0 !important;
    }


    body#proradio-body.woocommerce-shop
    ul.products {
        grid-template-columns:
            1fr;

        gap: 18px !important;
    }


    body#proradio-body.woocommerce-shop
    ul.products
    li.product
    .proradio-post__content {
        padding: 18px !important;
    }


    body#proradio-body.woocommerce-shop
    ul.products
    li.product
    .proradio-post__title {
        min-height: 0;

        font-size: 17px !important;
    }

}

/* ======================================================================
   SHOP 13. PAGINACJA — PRO.RADIO
   ====================================================================== */


/* Główny wrapper */

body#proradio-body.woocommerce-shop
#proradio-pagination {
    width: 100% !important;

    margin: 38px 0 12px 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Wrapper wewnętrzny */

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-clearfix {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Lista paginacji */

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-pagination {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap;

    gap: 8px;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ======================================================================
   LINKI / CURRENT
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.page-numbers {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;
}


/* ======================================================================
   NUMERY 1 / 2 / 3
   Reset przycisków Pro.Radio
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-num.proradio-btn {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--ntr-white) !important;
    background-image: none !important;

    color: var(--ntr-text-secondary) !important;
    -webkit-text-fill-color: var(--ntr-text-secondary) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


/* Hover numerów */

body#proradio-body.woocommerce-shop
#proradio-pagination
a.page-numbers:hover
.proradio-num.proradio-btn {
    background: var(--ntr-orange-soft) !important;

    color: var(--ntr-orange) !important;
    -webkit-text-fill-color: var(--ntr-orange) !important;

    border-color:
        rgba(255, 138, 0, .35) !important;

    transform: translateY(-1px);
}


/* ======================================================================
   AKTYWNA STRONA
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.page-numbers.current
.proradio-num.proradio-btn {
    background: var(--ntr-orange) !important;
    background-image: none !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border-color: var(--ntr-orange) !important;

    box-shadow:
        0 4px 12px
        rgba(255, 138, 0, .18) !important;
}


/* ======================================================================
   NASTĘPNY / POPRZEDNI
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-btn.proradio-icon-r,

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-btn.proradio-icon-l {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 6px;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    background: var(--ntr-white) !important;
    background-image: none !important;

    color: var(--ntr-orange) !important;
    -webkit-text-fill-color: var(--ntr-orange) !important;

    border:
        1px solid
        rgba(255, 138, 0, .35) !important;

    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


/* Hover następny / poprzedni */

body#proradio-body.woocommerce-shop
#proradio-pagination
a.next:hover
.proradio-btn,

body#proradio-body.woocommerce-shop
#proradio-pagination
a.prev:hover
.proradio-btn {
    background: var(--ntr-orange) !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border-color: var(--ntr-orange) !important;

    transform: translateY(-1px);
}


/* ======================================================================
   IKONA MATERIAL
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.material-icons {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    color: inherit !important;

    font-size: 18px !important;
    line-height: 1 !important;

    vertical-align: middle !important;
}


/* ======================================================================
   USUWAMY OZDOBNIKI PRO.RADIO
   ====================================================================== */

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-btn::before,

body#proradio-body.woocommerce-shop
#proradio-pagination
.proradio-btn::after {
    display: none !important;

    content: none !important;
}


/* ======================================================================
   MOBILE
   ====================================================================== */

@media (max-width: 600px) {

    body#proradio-body.woocommerce-shop
    #proradio-pagination {
        margin-top: 28px !important;
    }


    body#proradio-body.woocommerce-shop
    #proradio-pagination
    .proradio-pagination {
        gap: 6px;
    }


    body#proradio-body.woocommerce-shop
    #proradio-pagination
    .proradio-num.proradio-btn {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;
    }


    body#proradio-body.woocommerce-shop
    #proradio-pagination
    .proradio-btn.proradio-icon-r,

    body#proradio-body.woocommerce-shop
    #proradio-pagination
    .proradio-btn.proradio-icon-l {
        min-height: 42px !important;

        padding: 0 14px !important;
    }

}