.elementor-14991 .elementor-element.elementor-element-2534532{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14991 .elementor-element.elementor-element-2534532:not(.elementor-motion-effects-element-type-background), .elementor-14991 .elementor-element.elementor-element-2534532 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FA;}.elementor-14991 .elementor-element.elementor-element-677efca{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-14991 .elementor-element.elementor-element-62ab3c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;}.elementor-14991 .elementor-element.elementor-element-a47c37a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14991 .elementor-element.elementor-element-a47c37a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14991 .elementor-element.elementor-element-a47c37a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14991 .elementor-element.elementor-element-a47c37a .elementor-icon-list-text{transition:color 0.3s;}.elementor-14991 .elementor-element.elementor-element-a3cf698{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14991 .elementor-element.elementor-element-49a4579{--display:flex;}.elementor-14991 .elementor-element.elementor-element-4c39b41{--display:flex;}.elementor-14991 .elementor-element.elementor-element-7a80e9b{--display:flex;}.elementor-14991 .elementor-element.elementor-element-dcf5cfa{--display:flex;}.elementor-14991 .elementor-element.elementor-element-5f6a949{--display:flex;}.elementor-14991 .elementor-element.elementor-element-c5b44f8{--display:flex;}.elementor-14991 .elementor-element.elementor-element-772cc8b{--display:flex;}.elementor-14991 .elementor-element.elementor-element-dab3a81{--display:flex;}.elementor-14991 .elementor-element.elementor-element-5005c79{--display:flex;}.elementor-14991 .elementor-element.elementor-element-8bec0a9{--display:flex;}.elementor-14991 .elementor-element.elementor-element-b2fc385{--display:flex;}.elementor-14991 .elementor-element.elementor-element-771755b{--display:flex;}.elementor-14991 .elementor-element.elementor-element-44018f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-14991 .elementor-element.elementor-element-44018f1.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-14991 .elementor-element.elementor-element-4bc9132{--display:flex;}.elementor-14991 .elementor-element.elementor-element-cf3f79c{--display:flex;}.elementor-14991 .elementor-element.elementor-element-0970dd8{--display:flex;}.elementor-14991 .elementor-element.elementor-element-18c7e95 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-14991 .elementor-element.elementor-element-677efca{--width:90%;}.elementor-14991 .elementor-element.elementor-element-62ab3c9{--width:58%;}.elementor-14991 .elementor-element.elementor-element-a3cf698{--width:42%;}}@media(max-width:1024px){.elementor-14991 .elementor-element.elementor-element-44018f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-14991 .elementor-element.elementor-element-44018f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ==========================================================
   NAVAS — MATERACE ASEKURACYJNE — LAYOUT ZATWIERDZONEJ MAKIETY
   Wersja 9.0 — zamknięte filtry mobilne z działającym panelem
   z nowymi piktogramami zastosowań z Biblioteki mediów WordPress
   ========================================================== */

/* ---------- RESET TYLKO DLA TEGO SZABLONU ---------- */

.navas-cat-hero *,
.navas-cat-usecases *,
.navas-cat-shop *,
.navas-cat-guide *,
.navas-cat-custom-cta *,
.navas-cat-seo * {
    box-sizing: border-box;
}

/* ==========================================================
   WERSJA 8.0 — OSTATECZNA NAPRAWA TELEFONU I TABLETU

   Filter Everything umieszcza mobilny panel poza układem strony.
   W tym szablonie widget jest zagnieżdżony w kontenerze Elementora,
   dlatego panel wysuwany nie działa pewnie. Na ekranach do 900 px
   filtry pozostają w normalnym układzie, nad listą produktów.
   ========================================================== */

@media (max-width: 900px) {

    /* Wyłączamy oba przyciski otwierające wadliwy panel typu drawer. */
    body.term-materace-asekuracyjne
    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle,
    body.term-materace-asekuracyjne
    .navas-cat-mobile-filter,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-open-button-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-widget-close-container {
        display: none !important;
    }

    /* Przywrócenie zwykłych wymiarów kontenera filtrów. */
    body.term-materace-asekuracyjne .navas-cat-filters,
    body.term-materace-asekuracyjne .navas-cat-filter-widget,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget > .elementor-widget-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .elementor-shortcode,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: auto !important;
    }

    body.term-materace-asekuracyjne .navas-cat-filters {
        margin-bottom: 18px !important;
    }

    /* Kasujemy mobilne pozycjonowanie fixed narzucone przez wtyczkę. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-content,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-containers-wrapper,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-scroll-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: transparent !important;
        z-index: auto !important;
    }

    body.term-materace-asekuracyjne.wpc_show_bottom_widget {
        overflow: auto !important;
    }

    body.term-materace-asekuracyjne .wpc-filters-overlay {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Czytelna karta filtrów. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        padding: 16px !important;
        background: #ffffff !important;
        border: 1px solid #cfd7e4 !important;
        border-radius: 8px !important;
        box-shadow: 0 5px 18px rgba(7, 23, 71, .06) !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-set-widget-title {
        display: block !important;
        margin: 0 0 4px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-set-widget-title .widgettitle {
        margin: 0 !important;
        color: #071747 !important;
        font-size: 21px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-section {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 15px 0 !important;
        overflow: visible !important;
        border-bottom: 1px solid #e1e6ee !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-section:last-child {
        padding-bottom: 4px !important;
        border-bottom: 0 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-header,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-title {
        display: block !important;
        margin: 0 0 10px !important;
        color: #071747 !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-content,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-ul-list {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item-content-wrapper {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 8px 10px !important;
        color: #1f2937 !important;
        background: #f7f9fc !important;
        border: 1px solid #e0e5ed !important;
        border-radius: 6px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item input[type="radio"],
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item input[type="checkbox"] {
        display: block !important;
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 9px 0 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        accent-color: #c9363d !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item label {
        display: block !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1f2937 !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item label a {
        display: block !important;
        width: 100% !important;
        color: #1f2937 !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        pointer-events: auto !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item:hover .wpc-term-item-content-wrapper,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-term-item.wpc-term-selected .wpc-term-item-content-wrapper {
        background: #fff4f4 !important;
        border-color: #c9363d !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-posts-found,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-top-container {
        display: none !important;
    }

    /* Dolny przycisk działa jako dodatkowe potwierdzenie wyboru. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-controls-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-controls-wrapper {
        display: flex !important;
        position: static !important;
        inset: auto !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        margin: 14px 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-controls-item {
        flex: 1 1 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-apply-button,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-close-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-apply-button {
        color: #ffffff !important;
        background: #071747 !important;
        border: 1px solid #071747 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-close-button {
        color: #071747 !important;
        background: #ffffff !important;
        border: 1px solid #cfd7e4 !important;
    }
}

@media (min-width: 769px) and (max-width: 900px) {

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 18px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-section {
        padding: 12px !important;
        border: 1px solid #e1e6ee !important;
        border-radius: 6px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-ul-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
}

@media (max-width: 768px) {

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-ul-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-section {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media (max-width: 360px) {

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-ul-list {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   WERSJA 7.0 — NAPRAWA FILTRÓW MOBILNYCH
   V6 pokazywała przycisk Shoptimizera, ale ukrywała właściwy
   panel i przycisk wtyczki Filter Everything.
   ========================================================== */

/* Tablet pionowy: filtry pozostają widoczne i działają w treści. */
@media (min-width: 769px) and (max-width: 900px) {

    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle,
    .navas-cat-mobile-filter {
        display: none !important;
    }

    .navas-cat-filters {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        margin: 0 0 18px !important;
        overflow: visible !important;
    }

    .navas-cat-filter-widget,
    .navas-cat-filter-widget > .elementor-widget-container,
    .navas-cat-filter-widget .elementor-shortcode,
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: 18px !important;
    }

    .navas-cat-filter-widget .wpc-filters-section {
        border-bottom: 0 !important;
    }
}

/* Telefon: używamy wyłącznie natywnego panelu Filter Everything. */
@media (max-width: 768px) {

    /* Błędny przycisk motywu nie obsługuje panelu osadzonego w Elementorze. */
    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle {
        display: none !important;
    }

    /* Właściwy przycisk shortcode Filter Everything. */
    .navas-cat-mobile-filter,
    .navas-cat-mobile-filter > .elementor-widget-container,
    .navas-cat-mobile-filter .elementor-shortcode,
    .navas-cat-mobile-filter .wpc-filters-open-button-container {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .navas-cat-mobile-filter .wpc-open-close-filters-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 11px 14px !important;
        color: #071747 !important;
        background: #ffffff !important;
        border: 1px solid #cfd7e4 !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .navas-cat-mobile-filter .wpc-button-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Panel musi pozostać w DOM — wtyczka wysuwa jego zawartość jako drawer. */
    .navas-cat-filters {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }

    .navas-cat-filter-widget,
    .navas-cat-filter-widget > .elementor-widget-container,
    .navas-cat-filter-widget .elementor-shortcode,
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-content,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-containers-wrapper,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-scroll-container,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        background: #ffffff !important;
    }

    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-content {
        width: 100vw !important;
        max-width: 100vw !important;
        z-index: 999999 !important;
    }

    .wpc-filters-overlay {
        z-index: 999998 !important;
    }

    .navas-cat-filter-widget .wpc-filters-widget-controls-container {
        background: #ffffff !important;
    }
}

.navas-cat-hero,
.navas-cat-usecases,
.navas-cat-shop,
.navas-cat-guide,
.navas-cat-custom-cta,
.navas-cat-seo {
    --width: 100% !important;
    --content-width: 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-hero > .e-con-inner,
.navas-cat-usecases > .e-con-inner,
.navas-cat-shop > .e-con-inner,
.navas-cat-guide > .e-con-inner,
.navas-cat-custom-cta > .e-con-inner,
.navas-cat-seo > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- OKRUSZKI NAD HERO ---------- */

.woocommerce-breadcrumb {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px max(60px, calc((100vw - 1500px) / 2 + 60px)) 8px !important;
    color: #4f5b70 !important;
    background: #eef4fd !important;
    border: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.woocommerce-breadcrumb a {
    color: #071747 !important;
    text-decoration: none !important;
}

/* ==========================================================
   01 — HERO
   ========================================================== */

.navas-cat-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 42%, rgba(202, 220, 247, .52), transparent 32%),
        linear-gradient(105deg, #f7f9fd 0%, #edf4fd 62%, #f7f9fd 100%) !important;
}

.navas-cat-hero::after {
    position: absolute;
    z-index: 0;
    top: -120px;
    right: -80px;
    width: 620px;
    height: 520px;
    content: "";
    opacity: .25;
    background:
        linear-gradient(30deg, transparent 49.5%, #bcc9dd 50%, transparent 50.5%) 0 0 / 90px 90px,
        linear-gradient(150deg, transparent 49.5%, #c7d2e3 50%, transparent 50.5%) 0 0 / 90px 90px;
    pointer-events: none;
}

.navas-cat-hero-inner {
    --width: 100% !important;
    --content-width: 1500px !important;
    position: relative;
    z-index: 1;
    width: 100% !important;
    max-width: 1500px !important;
    min-height: 292px;
    margin: 0 auto !important;
    padding: 22px 60px 30px !important;
}

.navas-cat-hero-inner,
.navas-cat-hero-inner > .e-con-inner {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 42px !important;
}

.navas-cat-hero-inner > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-hero-copy {
    --width: auto !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 1 49% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-hero-copy,
.navas-cat-hero-copy > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 11px !important;
}

.navas-cat-hero-copy > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-hero-copy .elementor-widget {
    margin: 0 !important;
}

.navas-cat-eyebrow .elementor-heading-title {
    margin: 0 !important;
    color: #071747 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.navas-cat-title .elementor-heading-title {
    margin: 0 !important;
    color: #071747 !important;
    font-size: clamp(40px, 3.15vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: -1.3px !important;
}

.navas-cat-lead,
.navas-cat-lead p {
    max-width: 610px;
    margin: 0 !important;
    color: #303b4d !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}

.navas-cat-benefits {
    width: 100% !important;
    margin-top: 7px !important;
}

.navas-cat-benefits .elementor-icon-list-items {
    display: flex !important;
    flex-flow: row wrap !important;
    gap: 10px 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-benefits .elementor-icon-list-item {
    width: auto !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid #d3dae6 !important;
    border-radius: 7px !important;
    box-shadow: 0 3px 10px rgba(7, 23, 71, .04);
}

.navas-cat-benefits .elementor-icon-list-icon {
    margin-right: 7px !important;
}

.navas-cat-benefits .elementor-icon-list-icon i,
.navas-cat-benefits .elementor-icon-list-icon svg {
    color: #c6373c !important;
    fill: #c6373c !important;
}

.navas-cat-benefits .elementor-icon-list-text {
    color: #071747 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.navas-cat-hero-media {
    --width: auto !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 51% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.navas-cat-hero-media,
.navas-cat-hero-media > .e-con-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.navas-cat-hero-media > .e-con-inner,
.navas-cat-hero-image,
.navas-cat-hero-image .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

.navas-cat-hero-image img {
    display: block !important;
    width: 100% !important;
    height: 268px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    filter: drop-shadow(0 19px 17px rgba(7, 23, 71, .18));
    transform: scale(1.16) translateY(3px);
}

/* ==========================================================
   02 — ZASTOSOWANIA
   ========================================================== */

.navas-cat-usecases {
    background: #ffffff !important;
}

.navas-cat-usecases-inner {
    --width: 100% !important;
    --content-width: 1500px !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 16px 60px 23px !important;
}

.navas-cat-usecases-inner,
.navas-cat-usecases-inner > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
}

.navas-cat-usecases-inner > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-section-title {
    margin: 0 !important;
}

.navas-cat-section-title .elementor-heading-title {
    margin: 0 !important;
    color: #071747 !important;
    font-size: 24px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -.25px !important;
}

.navas-cat-usecase-grid,
.navas-cat-usecase-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
}

.navas-cat-usecase-card {
    --width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 89px !important;
    margin: 0 !important;
    padding: 13px 17px !important;
    background: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 10px rgba(7, 23, 71, .035) !important;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.navas-cat-usecase-card > .e-con-inner,
.navas-cat-usecase-card {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    grid-template-rows: 1fr 1fr !important;
    column-gap: 14px !important;
    row-gap: 1px !important;
    align-items: center !important;
}

.navas-cat-usecase-card > .e-con-inner {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-usecase-card:hover {
    z-index: 2;
    border-color: #8592aa !important;
    box-shadow: 0 9px 22px rgba(7, 23, 71, .09) !important;
    transform: translateY(-2px);
}

.navas-cat-usecase-number {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

.navas-cat-usecase-number .elementor-widget-container,
.navas-cat-usecase-number .elementor-heading-title {
    width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

.navas-cat-usecase-number .elementor-heading-title {
    display: block !important;
    overflow: hidden !important;
    color: transparent !important;
    background: transparent center / 58px 58px no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 0 !important;
}

.navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyA1NWg1MCIvPjxjaXJjbGUgY3g9IjM1IiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMzQgMTZsLTYgMTItMTAgNU0yOCAyOGwxMSA3IDExLTVNMTggMzNsLTkgOE0zOSAzNWwtNSAxMS0xMSA5TTM0IDQ2bDExIDkiLz48L3N2Zz4=") !important;
}

.navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCA1NWg0OCIvPjxjaXJjbGUgY3g9IjMwIiBjeT0iMTciIHI9IjQiLz48cGF0aCBkPSJNMjkgMjFsMyAxMk0zMiAzM2wtMTMgOE0zMiAzM2wxNCA4TTMwIDI1TDE4IDE2TTMwIDI1bDEzLTEzTTE4IDE2bC03LThNNDMgMTJsNy02TTE5IDQxbC00IDE0TTQ2IDQxbDQgMTQiLz48L3N2Zz4=") !important;
}

.navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMzIgNXYxMyIvPjxwYXRoIGQ9Ik0yOCA1aDgiLz48Y2lyY2xlIGN4PSIzMiIgY3k9IjM4IiByPSIxOSIvPjxwYXRoIGQ9Ik0zMiAxOXYzOCIvPjwvc3ZnPg==") !important;
}

.navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyA1MWg1MCIvPjxwYXRoIGQ9Ik04IDQwaDE1djExSDh6TTIzIDI5aDE2djIySDIzek0zOSAxNmgxN3YzNUgzOXoiLz48cGF0aCBkPSJNMTIgNDBsNy03aDE0bDYtNU00MyAxNmw4LTgiLz48L3N2Zz4=") !important;
}

.navas-cat-usecase-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
}

.navas-cat-usecase-title .elementor-heading-title {
    margin: 0 !important;
    color: #071747 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.18 !important;
}

.navas-cat-usecase-text {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 0 !important;
}

.navas-cat-usecase-text,
.navas-cat-usecase-text p {
    margin: 0 !important;
    color: #5b6474 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

/* ==========================================================
   03 — FILTRY I PRODUKTY
   ========================================================== */

.navas-cat-shop {
    background: #ffffff !important;
    border-top: 1px solid #edf0f4 !important;
}

.navas-cat-shop-inner {
    --width: 100% !important;
    --content-width: 1500px !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 20px 60px 64px !important;
}

.navas-cat-shop-inner,
.navas-cat-shop-inner > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.navas-cat-shop-inner > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-shop .navas-cat-section-title {
    display: none !important;
}

.navas-cat-shop-grid,
.navas-cat-shop-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: 295px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 40px !important;
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
}

.navas-cat-filters,
.navas-cat-products {
    --width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-filters {
    position: sticky !important;
    top: 108px !important;
}

.navas-cat-products,
.navas-cat-products > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Filter Everything — poprawne selektory wtyczki */

.navas-cat-filter-widget .wpc-filters-main-wrap {
    margin: 0 !important;
    padding: 18px 18px 12px !important;
    background: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 12px rgba(7, 23, 71, .035) !important;
}

.navas-cat-filter-widget .wpc-filters-widget-content,
.navas-cat-filter-widget .wpc-filters-widget-containers-wrapper,
.navas-cat-filter-widget .wpc-filters-scroll-container,
.navas-cat-filter-widget .wpc-filters-widget-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.navas-cat-filter-widget .widget-title,
.navas-cat-filter-widget .wpc-filter-header,
.navas-cat-filter-widget .wpc-filter-title {
    color: #071747 !important;
    font-weight: 750 !important;
}

.navas-cat-filter-widget .widget-title {
    margin: 0 0 10px !important;
    font-size: 20px !important;
}

.navas-cat-filter-widget .wpc-filters-section {
    margin: 0 !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid #e3e7ed !important;
}

.navas-cat-filter-widget .wpc-filters-section:last-child {
    border-bottom: 0 !important;
}

.navas-cat-filter-widget .wpc-filter-title {
    margin: 0 0 9px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

.navas-cat-filter-widget ul {
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-filter-widget li {
    margin: 0 0 6px !important;
    padding: 0 !important;
}

.navas-cat-filter-widget a,
.navas-cat-filter-widget label,
.navas-cat-filter-widget .wpc-term-item-content-wrapper {
    color: #30394a !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

.navas-cat-filter-widget a:hover,
.navas-cat-filter-widget label:hover {
    color: #c6373c !important;
}

.navas-cat-filter-widget input {
    accent-color: #071747 !important;
}

/* Przycisk mobilny jest ukryty na komputerze */

.navas-cat-filter-button,
.navas-cat-products > .elementor-widget-shortcode:first-child,
.navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child {
    display: none !important;
}

/* Wybrane filtry */

.navas-cat-filter-chips {
    width: 100% !important;
    margin: 0 !important;
}

.navas-cat-filter-chips .wpc-filter-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-filter-chips .wpc-filter-chip a {
    padding: 7px 11px !important;
    color: #071747 !important;
    background: #f4f6fa !important;
    border: 1px solid #d7dde7 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

/* Licznik i sortowanie */

.navas-cat-product-grid .woocommerce-result-count {
    float: left !important;
    margin: 0 0 14px !important;
    color: #202a3b !important;
    font-size: 14px !important;
    line-height: 40px !important;
}

.navas-cat-product-grid .woocommerce-ordering {
    float: right !important;
    margin: 0 0 14px !important;
}

.navas-cat-product-grid .woocommerce-ordering select {
    min-width: 235px !important;
    height: 40px !important;
    padding: 0 38px 0 13px !important;
    color: #071747 !important;
    background-color: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

/* Wymuszenie dokładnie trzech produktów w rzędzie */

.elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
.elementor-element.navas-cat-product-grid ul.products,
.navas-cat-product-grid .elementor-widget-container ul.products {
    clear: both !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navas-cat-product-grid ul.products::before,
.navas-cat-product-grid ul.products::after {
    display: none !important;
    content: none !important;
}

.elementor-element.navas-cat-product-grid ul.products li.product {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 11px rgba(7, 23, 71, .035) !important;
    overflow: hidden !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.elementor-element.navas-cat-product-grid ul.products li.product:hover {
    border-color: #9ba7ba !important;
    box-shadow: 0 10px 25px rgba(7, 23, 71, .09) !important;
    transform: translateY(-2px);
}

.navas-cat-product-grid li.product .woocommerce-image__wrapper,
.navas-cat-product-grid li.product .shoptimizer-plp-carousel-container,
.navas-cat-product-grid li.product .shoptimizer-plp-image-wrapper {
    display: block !important;
    width: 100% !important;
    height: 185px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e9e9ed !important;
    overflow: hidden !important;
}

.navas-cat-product-grid li.product .woocommerce-image__wrapper > a {
    display: block !important;
    width: 100% !important;
    height: 185px !important;
}

.navas-cat-product-grid li.product img {
    display: block !important;
    width: 100% !important;
    height: 185px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e9e9ed !important;
    object-fit: cover !important;
}

.navas-cat-product-grid li.product .commercekit-wishlist {
    z-index: 4 !important;
    top: 10px !important;
    right: 10px !important;
}

.navas-cat-product-grid li.product .woocommerce-card__header {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 15px 14px !important;
}

.navas-cat-product-grid .woocommerce-loop-product__title {
    min-height: 43px !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #071747 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.38 !important;
}

.navas-cat-product-grid .woocommerce-loop-product__title a {
    color: #071747 !important;
    text-decoration: none !important;
}

.navas-cat-product-grid li.product .price {
    display: block !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
    color: #071747 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.navas-cat-product-grid li.product.instock .price::after {
    display: block !important;
    margin-top: 8px !important;
    padding-left: 17px !important;
    content: "Dostępny" !important;
    color: #6c7483 !important;
    background: radial-gradient(circle at 5px 50%, #27b83f 0 5px, transparent 5.5px) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.navas-cat-product-grid li.product .button,
.navas-cat-product-grid li.product .added_to_cart {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 13px 0 0 !important;
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: #050650 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.navas-cat-product-grid li.product .button::after,
.navas-cat-product-grid li.product .added_to_cart::after {
    content: "Zobacz produkt" !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.navas-cat-product-grid li.product .button:hover,
.navas-cat-product-grid li.product .added_to_cart:hover {
    background: #c6373c !important;
}

/* ==========================================================
   04 — DOBÓR GRUBOŚCI
   ========================================================== */

.navas-cat-guide {
    background: #ffffff !important;
    border-top: 1px solid #edf0f4 !important;
}

.navas-cat-guide-inner {
    --width: 100% !important;
    --content-width: 1500px !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 48px 60px 30px !important;
}

.navas-cat-guide-inner,
.navas-cat-guide-inner > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 17px !important;
}

.navas-cat-guide-lead,
.navas-cat-guide-lead p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #4f5b70 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.navas-cat-guide-grid,
.navas-cat-guide-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
}

.navas-cat-guide-card {
    --width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    background: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
}

.navas-cat-guide-card,
.navas-cat-guide-card > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.navas-cat-guide-card > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
}

.navas-cat-guide-card .navas-cat-usecase-number {
    width: auto !important;
    height: auto !important;
}

.navas-cat-guide-card .navas-cat-usecase-number .elementor-widget-container,
.navas-cat-guide-card .navas-cat-usecase-number .elementor-heading-title {
    width: auto !important;
    height: auto !important;
}

.navas-cat-guide-card .navas-cat-usecase-number .elementor-heading-title {
    display: inline-block !important;
    overflow: visible !important;
    padding: 6px 9px !important;
    color: #ffffff !important;
    background: #c6373c !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

.navas-cat-guide-card .navas-cat-usecase-title,
.navas-cat-guide-card .navas-cat-usecase-text {
    width: 100% !important;
}

.navas-cat-guide-card .navas-cat-usecase-title .elementor-heading-title {
    font-size: 16px !important;
}

/* ==========================================================
   05 — WYCENA INDYWIDUALNA
   ========================================================== */

.navas-cat-custom-cta {
    background: #ffffff !important;
    padding: 8px 60px 43px !important;
}

.navas-cat-custom-cta-inner {
    --width: 100% !important;
    --content-width: 850px !important;
    width: 100% !important;
    max-width: 850px !important;
    margin: 0 auto !important;
    padding: 25px 28px !important;
    background: #0b1e58 !important;
    border-radius: 11px !important;
    box-shadow: 0 14px 26px rgba(7, 23, 71, .15) !important;
}

.navas-cat-custom-cta-inner,
.navas-cat-custom-cta-inner > .e-con-inner {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 25px !important;
}

.navas-cat-custom-cta-copy {
    --width: auto !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.navas-cat-custom-cta-copy,
.navas-cat-custom-cta-copy > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
}

.navas-cat-custom-cta .navas-cat-eyebrow .elementor-heading-title {
    color: #ff6269 !important;
    font-size: 11px !important;
}

.navas-cat-custom-cta-title .elementor-heading-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 750 !important;
    line-height: 1.16 !important;
}

.navas-cat-custom-cta-text,
.navas-cat-custom-cta-text p {
    max-width: 560px !important;
    margin: 0 !important;
    color: #edf1fa !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.navas-cat-custom-cta-button {
    --width: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.navas-cat-custom-cta-button .elementor-button {
    min-width: 140px !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    background: #c6373c !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.navas-cat-custom-cta-button .elementor-button:hover {
    color: #071747 !important;
    background: #ffffff !important;
}

/* ==========================================================
   06 — OPIS KATEGORII
   ========================================================== */

.navas-cat-seo {
    background: #f4f6fa !important;
    padding: 0 60px 52px !important;
}

.navas-cat-seo-inner {
    --width: 100% !important;
    --content-width: 780px !important;
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 25px 27px !important;
    background: #ffffff !important;
    border: 1px solid #d4dbe6 !important;
    border-radius: 6px !important;
}

.navas-cat-seo-inner,
.navas-cat-seo-inner > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 17px !important;
}

.navas-cat-seo .navas-cat-section-title .elementor-heading-title {
    font-size: 21px !important;
}

.navas-cat-archive-description,
.navas-cat-archive-description p,
.navas-cat-archive-description li {
    color: #465267 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.navas-cat-archive-description p {
    margin: 0 0 13px !important;
}

.navas-cat-archive-description p:last-child {
    margin-bottom: 0 !important;
}

.navas-cat-archive-description h2,
.navas-cat-archive-description h3 {
    margin: 23px 0 10px !important;
    color: #071747 !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

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

@media (max-width: 1100px) {

    .woocommerce-breadcrumb {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .navas-cat-hero-inner,
    .navas-cat-usecases-inner,
    .navas-cat-shop-inner,
    .navas-cat-guide-inner {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .navas-cat-usecase-grid,
    .navas-cat-usecase-grid > .e-con-inner {
        gap: 14px !important;
    }

    .navas-cat-shop-grid,
    .navas-cat-shop-grid > .e-con-inner {
        grid-template-columns: 245px minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    .elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
    .elementor-element.navas-cat-product-grid ul.products,
    .navas-cat-product-grid .elementor-widget-container ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .navas-cat-custom-cta,
    .navas-cat-seo {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

@media (max-width: 900px) {

    .navas-cat-hero-inner,
    .navas-cat-hero-inner > .e-con-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 15px !important;
    }

    .navas-cat-hero-copy,
    .navas-cat-hero-media {
        --width: 100% !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    .navas-cat-shop-grid,
    .navas-cat-shop-grid > .e-con-inner {
        display: block !important;
    }

    .navas-cat-filters {
        display: none !important;
    }

    .navas-cat-filter-button,
    .navas-cat-products > .elementor-widget-shortcode:first-child,
    .navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child {
        display: block !important;
    }

    .navas-cat-guide-grid,
    .navas-cat-guide-grid > .e-con-inner {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   TELEFON — UKŁAD JAK NA ZATWIERDZONEJ MAKIETCIE
   ========================================================== */

@media (max-width: 767px) {

    .woocommerce-breadcrumb {
        padding: 14px 20px 10px !important;
        font-size: 12px !important;
    }

    .navas-cat-hero-inner {
        min-height: 0 !important;
        padding: 24px 20px 25px !important;
    }

    .navas-cat-hero-inner,
    .navas-cat-hero-inner > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    /* Spłaszczenie kontenera pozwala przenieść zalety pod zdjęcie */
    .navas-cat-hero-copy,
    .navas-cat-hero-copy > .e-con-inner {
        display: contents !important;
    }

    .navas-cat-eyebrow {
        order: 1 !important;
    }

    .navas-cat-title {
        order: 2 !important;
    }

    .navas-cat-lead {
        order: 3 !important;
    }

    .navas-cat-hero-media {
        order: 4 !important;
    }

    .navas-cat-benefits {
        order: 5 !important;
    }

    .navas-cat-eyebrow .elementor-heading-title {
        font-size: 12px !important;
    }

    .navas-cat-title .elementor-heading-title {
        font-size: 40px !important;
        line-height: 1.04 !important;
        letter-spacing: -.8px !important;
    }

    .navas-cat-lead,
    .navas-cat-lead p {
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    .navas-cat-hero-image img {
        height: 225px !important;
        transform: scale(1.12) !important;
    }

    .navas-cat-benefits .elementor-icon-list-items {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    .navas-cat-benefits .elementor-icon-list-item {
        justify-content: center !important;
        width: 100% !important;
        padding: 5px 2px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-align: center !important;
    }

    .navas-cat-benefits .elementor-icon-list-icon {
        margin-right: 4px !important;
    }

    .navas-cat-benefits .elementor-icon-list-text {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    /* Cztery małe kafelki zastosowań w jednym rzędzie */
    .navas-cat-usecases-inner {
        padding: 15px 16px 22px !important;
    }

    .navas-cat-usecases .navas-cat-section-title {
        display: none !important;
    }

    .navas-cat-usecase-grid,
    .navas-cat-usecase-grid > .e-con-inner {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .navas-cat-usecase-card,
    .navas-cat-usecase-card > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    .navas-cat-usecase-card {
        height: 104px !important;
        padding: 8px 4px !important;
        text-align: center !important;
    }

    .navas-cat-usecase-number,
    .navas-cat-usecase-number .elementor-widget-container,
    .navas-cat-usecase-number .elementor-heading-title {
        width: 48px !important;
        height: 48px !important;
    }

    .navas-cat-usecase-number .elementor-heading-title {
        background-size: 47px 47px !important;
    }

    .navas-cat-usecase-title .elementor-heading-title {
        font-size: 12px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    .navas-cat-usecase-text {
        display: none !important;
    }

    /* Filtry i sortowanie */
    .navas-cat-shop-inner {
        padding: 12px 16px 40px !important;
    }

    .navas-cat-products > .e-con-inner,
    .navas-cat-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: start !important;
    }

    .navas-cat-filter-button,
    .navas-cat-products > .elementor-widget-shortcode:first-child,
    .navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .navas-cat-filter-button .wpc-open-close-filters-button,
    .navas-cat-products > .elementor-widget-shortcode:first-child .wpc-open-close-filters-button,
    .navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child .wpc-open-close-filters-button,
    .navas-cat-products .mobile-filter {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        color: #071747 !important;
        background: #ffffff !important;
        border: 1px solid #d4dbe6 !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    .navas-cat-filter-chips {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    /* Pozwala ustawić sortowanie obok przycisku Filtry */
    .navas-cat-product-grid,
    .navas-cat-product-grid > .elementor-widget-container,
    .navas-cat-product-grid .elementor-products-grid,
    .navas-cat-product-grid .woocommerce {
        display: contents !important;
    }

    .navas-cat-product-grid .woocommerce-ordering {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .navas-cat-product-grid .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
    }

    .navas-cat-product-grid .woocommerce-result-count {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        margin: 3px 0 0 !important;
        line-height: 1.4 !important;
    }

    .elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
    .elementor-element.navas-cat-product-grid ul.products,
    .navas-cat-product-grid .elementor-widget-container ul.products {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .navas-cat-product-grid li.product .woocommerce-image__wrapper,
    .navas-cat-product-grid li.product .woocommerce-image__wrapper > a,
    .navas-cat-product-grid li.product .shoptimizer-plp-carousel-container,
    .navas-cat-product-grid li.product .shoptimizer-plp-image-wrapper,
    .navas-cat-product-grid li.product img {
        height: 116px !important;
    }

    .navas-cat-product-grid li.product .woocommerce-card__header {
        padding: 11px 10px 10px !important;
    }

    .navas-cat-product-grid .woocommerce-loop-product__title {
        min-height: 58px !important;
        margin-bottom: 7px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .navas-cat-product-grid li.product .price {
        font-size: 18px !important;
    }

    .navas-cat-product-grid li.product.instock .price::after {
        margin-top: 6px !important;
        font-size: 12px !important;
    }

    .navas-cat-product-grid li.product .button,
    .navas-cat-product-grid li.product .added_to_cart {
        min-height: 40px !important;
        margin-top: 10px !important;
        padding: 8px 5px !important;
    }

    .navas-cat-product-grid li.product .button::after,
    .navas-cat-product-grid li.product .added_to_cart::after {
        content: "Zobacz" !important;
        font-size: 13px !important;
    }

    .navas-cat-guide-inner {
        padding: 38px 18px 22px !important;
    }

    .navas-cat-custom-cta {
        padding: 8px 18px 38px !important;
    }

    .navas-cat-custom-cta-inner,
    .navas-cat-custom-cta-inner > .e-con-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .navas-cat-custom-cta-inner {
        padding: 24px 20px !important;
    }

    .navas-cat-custom-cta-title .elementor-heading-title {
        font-size: 25px !important;
    }

    .navas-cat-custom-cta-button,
    .navas-cat-custom-cta-button .elementor-button {
        width: 100% !important;
    }

    .navas-cat-seo {
        padding: 0 18px 40px !important;
    }

    .navas-cat-seo-inner {
        padding: 23px 18px !important;
    }

    .navas-cat-seo .navas-cat-section-title .elementor-heading-title {
        font-size: 22px !important;
    }
}

/* ==========================================================
   WERSJA 3.0 — KOREKTY KOŃCOWE
   Sekcje 01–06 są osobnymi kontenerami głównymi.
   ========================================================== */

/* HERO — proporcje zgodne z makietą */

.navas-cat-hero {
    min-height: 0 !important;
}

.navas-cat-hero-inner {
    min-height: 292px !important;
    padding-top: 17px !important;
    padding-bottom: 21px !important;
}

.navas-cat-hero-inner,
.navas-cat-hero-inner > .e-con-inner {
    gap: 26px !important;
}

.navas-cat-hero-copy {
    position: relative !important;
    z-index: 3 !important;
    flex: 0 1 56% !important;
}

.navas-cat-hero-media {
    position: relative !important;
    z-index: 2 !important;
    flex: 1 1 44% !important;
}

.navas-cat-hero-image img {
    height: 250px !important;
    transform: scale(2) translateY(2px) !important;
    transform-origin: center center !important;
}

.navas-cat-benefits .elementor-icon-list-items {
    flex-wrap: nowrap !important;
    gap: 9px !important;
}

.navas-cat-benefits .elementor-icon-list-item {
    min-height: 39px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
}

.navas-cat-benefits .elementor-icon-list-text {
    font-size: 12px !important;
}

/* ZASTOSOWANIA — równe, zwarte kafelki */

.navas-cat-usecases-inner {
    padding-top: 14px !important;
    padding-bottom: 22px !important;
}

.navas-cat-usecase-card {
    overflow: hidden !important;
}

.navas-cat-usecases .navas-cat-usecase-text,
.navas-cat-usecases .navas-cat-usecase-text p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/* FILTRY I PRODUKTY — jeden pasek sortowania */

.navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 0 14px !important;
}

.navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end)::before {
    color: #202a3b !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end) .woocommerce-ordering {
    float: none !important;
    margin: 0 0 0 auto !important;
}

.navas-cat-product-grid .shoptimizer-sorting.sorting-end {
    display: none !important;
}

/* Dynamiczny licznik aktualnie widocznych produktów */
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(1):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "1 produkt" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(2):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "2 produkty" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(3):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "3 produkty" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(4):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "4 produkty" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(5):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "5 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(6):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "6 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(7):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "7 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(8):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "8 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(9):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "9 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(10):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "10 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(11):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "11 produktów" !important; }
.navas-cat-product-grid .woocommerce:has(ul.products > li:nth-child(12):last-child) .shoptimizer-sorting:not(.sorting-end)::before { content: "12 produktów" !important; }

/* Shoptimizer zerował widoczność napisu w prostych produktach */

.navas-cat-product-grid li.product .button::after,
.navas-cat-product-grid li.product .added_to_cart::after {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}

/* DOBÓR GRUBOŚCI — poprawka bez dodawania kolejnej klasy */

.navas-cat-guide .navas-cat-usecase-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 106px !important;
    padding: 17px 16px !important;
    gap: 8px !important;
    overflow: visible !important;
}

.navas-cat-guide .navas-cat-usecase-card > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
}

.navas-cat-guide .navas-cat-usecase-number,
.navas-cat-guide .navas-cat-usecase-number .elementor-widget-container,
.navas-cat-guide .navas-cat-usecase-number .elementor-heading-title {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.navas-cat-guide .navas-cat-usecase-number .elementor-heading-title {
    display: inline-block !important;
    overflow: visible !important;
    padding: 6px 9px !important;
    color: #ffffff !important;
    background: #c6373c !important;
    background-image: none !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

.navas-cat-guide .navas-cat-usecase-title,
.navas-cat-guide .navas-cat-usecase-text {
    width: 100% !important;
    margin: 0 !important;
}

.navas-cat-guide .navas-cat-usecase-title .elementor-heading-title {
    font-size: 16px !important;
}

@media (max-width: 1100px) {
    .navas-cat-benefits .elementor-icon-list-items {
        flex-wrap: wrap !important;
    }

    .navas-cat-hero-image img {
        transform: scale(1.78) translateY(2px) !important;
    }
}

@media (max-width: 767px) {
    .navas-cat-hero-image img {
        height: 220px !important;
        transform: scale(1.9) translateY(2px) !important;
    }

    .navas-cat-benefits .elementor-icon-list-items {
        flex-wrap: nowrap !important;
    }

    .navas-cat-benefits .elementor-icon-list-item {
        min-height: 0 !important;
        white-space: normal !important;
    }

    .navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end)::before {
        display: none !important;
    }

    .navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end) {
        min-height: 0 !important;
        margin: 0 !important;
    }
}

/* ==========================================================
   WERSJA 4.0 — SZEROKOŚĆ, ZDJĘCIA, IKONY I FILTRY
   ========================================================== */

/* Szersza zawartość */
.woocommerce-breadcrumb {
    padding-left: max(30px, calc((100vw - 1760px) / 2 + 30px)) !important;
    padding-right: max(30px, calc((100vw - 1760px) / 2 + 30px)) !important;
}

.navas-cat-hero-inner,
.navas-cat-usecases-inner,
.navas-cat-shop-inner,
.navas-cat-guide-inner {
    --content-width: 1760px !important;
    max-width: 1760px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.navas-cat-custom-cta-inner {
    --content-width: 1100px !important;
    max-width: 1100px !important;
}

.navas-cat-seo-inner {
    --content-width: 1120px !important;
    max-width: 1120px !important;
}

/* Większy materac w hero */
.navas-cat-hero-copy { flex-basis: 52% !important; }
.navas-cat-hero-media { flex-basis: 48% !important; }
.navas-cat-hero-image img {
    height: 270px !important;
    transform: scale(2.12) translateY(1px) !important;
}

/* Większe kafelki i nowy zestaw ikon */
.navas-cat-usecase-card {
    height: 108px !important;
    padding: 15px 17px !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    column-gap: 15px !important;
}

.navas-cat-usecase-number,
.navas-cat-usecase-number .elementor-widget-container,
.navas-cat-usecase-number .elementor-heading-title {
    width: 64px !important;
    height: 64px !important;
}

.navas-cat-usecases .navas-cat-usecase-number .elementor-heading-title {
    background-color: #f3f6fc !important;
    background-position: center !important;
    background-size: 46px 46px !important;
    background-repeat: no-repeat !important;
    border: 1px solid #e1e7f0 !important;
    border-radius: 12px !important;
}

.navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyA1NGg1ME0xNCA0OGgzNk0yMCA0OHY2TTQ0IDQ4djYiLz48Y2lyY2xlIGN4PSIzMiIgY3k9IjEzIiByPSI0Ii8+PHBhdGggZD0iTTMyIDE3djE2TTMyIDIyIDE5IDMxTTMyIDIybDEzIDlNMzIgMzMgMjIgNDdNMzIgMzNsMTEgMTQiLz48L3N2Zz4=") !important;
}

.navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCA1NGg0OCIvPjxjaXJjbGUgY3g9IjQzIiBjeT0iMTEiIHI9IjQiLz48cGF0aCBkPSJNNDAgMTVjLTUgNS04IDExLTkgMThNMzQgMjUgMTggMThNMzUgMjNsMTUgN00zMSAzMyAyMCA1Mk0zMSAzM2wxMiAxOSIvPjwvc3ZnPg==") !important;
}

.navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMzIgNXYxMk0yNyA1aDEwIi8+PGNpcmNsZSBjeD0iMzIiIGN5PSIzOCIgcj0iMTkiLz48cGF0aCBkPSJNMzIgMTl2MzgiLz48L3N2Zz4=") !important;
}

.navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDcxNzQ3IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyA1M2g1ME05IDQyaDE0djExSDl6TTIzIDMxaDE1djIySDIzek0zOCAxOGgxN3YzNUgzOHoiLz48Y2lyY2xlIGN4PSIyMiIgY3k9IjE1IiByPSIzIi8+PHBhdGggZD0ibTI0IDE4IDggNyA4LTZNMzAgMjRsLTkgOE0zMSAyNWw0IDEwIi8+PC9zdmc+") !important;
}

.navas-cat-usecase-title .elementor-heading-title { font-size: 18px !important; }
.navas-cat-usecase-text,
.navas-cat-usecase-text p {
    color: #465166 !important;
    font-size: 14px !important;
    line-height: 1.36 !important;
}

/* Szersza siatka */
.navas-cat-shop-grid,
.navas-cat-shop-grid > .e-con-inner {
    grid-template-columns: 325px minmax(0, 1fr) !important;
    gap: 30px !important;
}

.elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
.elementor-element.navas-cat-product-grid ul.products,
.navas-cat-product-grid .elementor-widget-container ul.products {
    gap: 26px !important;
}

/* Filtry — większe i wyraźniejsze */
.navas-cat-filter-widget .wpc-filters-main-wrap { padding: 23px 22px 16px !important; }
.navas-cat-filter-widget .widget-title {
    margin-bottom: 16px !important;
    color: #071747 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}
.navas-cat-filter-widget .wpc-filters-section { padding: 17px 0 !important; }
.navas-cat-filter-widget .wpc-filter-title {
    margin-bottom: 12px !important;
    color: #071747 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}
.navas-cat-filter-widget li { margin-bottom: 9px !important; }
.navas-cat-filter-widget a,
.navas-cat-filter-widget label,
.navas-cat-filter-widget .wpc-term-item-content-wrapper {
    color: #222d41 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
}
.navas-cat-filter-widget input[type="radio"],
.navas-cat-filter-widget input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    margin-right: 8px !important;
    opacity: 1 !important;
}

/* Zdjęcia produktów — bez kadrowania */
.navas-cat-product-grid li.product .woocommerce-image__wrapper {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.42 / 1 !important;
    padding: 12px !important;
    background: #eeeef2 !important;
}
.navas-cat-product-grid li.product .woocommerce-image__wrapper > a,
.navas-cat-product-grid li.product .shoptimizer-plp-carousel-container,
.navas-cat-product-grid li.product .shoptimizer-plp-image-wrapper {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    background: transparent !important;
}
.navas-cat-product-grid li.product img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
}
.navas-cat-product-grid li.product .woocommerce-card__header { padding: 18px 17px 16px !important; }
.navas-cat-product-grid .woocommerce-loop-product__title {
    min-height: 48px !important;
    font-size: 17px !important;
}
.navas-cat-product-grid li.product .price { font-size: 22px !important; }
.navas-cat-product-grid li.product .button,
.navas-cat-product-grid li.product .added_to_cart { min-height: 48px !important; }
.navas-cat-product-grid li.product .button::after,
.navas-cat-product-grid li.product .added_to_cart::after { font-size: 15px !important; }

/* Nagłówek — jeden zwarty wiersz na komputerze */
@media (min-width: 1200px) {
    body.term-materace-asekuracyjne .main-header {
        height: auto !important;
        min-height: 92px !important;
        padding: 14px 30px !important;
    }
    body.term-materace-asekuracyjne .site-branding,
    body.term-materace-asekuracyjne .site-branding img {
        width: auto !important;
        height: 64px !important;
        max-width: 225px !important;
        object-fit: contain !important;
    }
    body.term-materace-asekuracyjne .site-search {
        height: 48px !important;
        margin-left: 38px !important;
    }
    body.term-materace-asekuracyjne .secondary-navigation { height: 50px !important; }
    body.term-materace-asekuracyjne .shoptimizer-primary-navigation {
        align-items: center !important;
        height: 62px !important;
        min-height: 62px !important;
        padding: 0 30px !important;
    }
    body.term-materace-asekuracyjne .main-navigation {
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        height: 62px !important;
        flex: 1 1 auto !important;
    }
    body.term-materace-asekuracyjne .main-navigation ul.menu {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        height: 62px !important;
    }
    body.term-materace-asekuracyjne .main-navigation ul.menu > li > a {
        display: flex !important;
        align-items: center !important;
        height: 62px !important;
        padding: 0 11px !important;
        font-size: 15.5px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }
    body.term-materace-asekuracyjne .site-header-cart.menu {
        display: flex !important;
        align-items: center !important;
        height: 62px !important;
    }
    body.term-materace-asekuracyjne .header-widget-region .widget {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    body.term-materace-asekuracyjne .header-widget-region,
    body.term-materace-asekuracyjne .header-widget-region .col-full {
        min-height: 0 !important;
        height: auto !important;
    }
    body.term-materace-asekuracyjne .header-widget-region p,
    body.term-materace-asekuracyjne .header-widget-region .textwidget {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 1100px) {
    .navas-cat-hero-inner,
    .navas-cat-usecases-inner,
    .navas-cat-shop-inner,
    .navas-cat-guide-inner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .navas-cat-shop-grid,
    .navas-cat-shop-grid > .e-con-inner {
        grid-template-columns: 270px minmax(0, 1fr) !important;
        gap: 22px !important;
    }
}

@media (max-width: 900px) {
    .navas-cat-shop-grid,
    .navas-cat-shop-grid > .e-con-inner { display: block !important; }
}

@media (max-width: 767px) {
    .navas-cat-hero-inner,
    .navas-cat-usecases-inner,
    .navas-cat-shop-inner,
    .navas-cat-guide-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .navas-cat-hero-image img {
        height: 235px !important;
        transform: scale(1.92) translateY(1px) !important;
    }
    .navas-cat-usecase-card {
        height: 112px !important;
        padding: 9px 4px !important;
        grid-template-columns: 1fr !important;
    }
    .navas-cat-usecase-number,
    .navas-cat-usecase-number .elementor-widget-container,
    .navas-cat-usecase-number .elementor-heading-title {
        width: 54px !important;
        height: 54px !important;
    }
    .navas-cat-usecases .navas-cat-usecase-number .elementor-heading-title {
        background-size: 39px 39px !important;
    }
    .navas-cat-product-grid li.product .woocommerce-image__wrapper {
        aspect-ratio: 1.25 / 1 !important;
        padding: 7px !important;
    }
    .navas-cat-product-grid .woocommerce-loop-product__title { font-size: 14px !important; }
}

/* ==========================================================
   WERSJA 5.0 — NOWE PIKTOGRAMY ZASTOSOWAŃ
   Kolejność kafelków: Gimnastyka, Akrobatyka, Aerial, Parkour
   ========================================================== */

.navas-cat-usecases .navas-cat-usecase-number .elementor-heading-title {
    background-color: #f3f6fc !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 01 — Gimnastyka */
.navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("https://navas.pl/wp-content/uploads/2026/09/gimnastyka.webp") !important;
    background-size: 54px auto !important;
}

/* 02 — Akrobatyka */
.navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("https://navas.pl/wp-content/uploads/2026/09/akrobatyka.webp") !important;
    background-size: 54px auto !important;
}

/* 03 — Aerial */
.navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("https://navas.pl/wp-content/uploads/2026/09/aerial-silk.webp") !important;
    background-size: 70px auto !important;
}

/* 04 — Parkour i zeskoki */
.navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title,
.navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title {
    background-image: url("https://navas.pl/wp-content/uploads/2026/09/parkour.webp") !important;
    background-size: 50px auto !important;
}

@media (max-width: 767px) {
    .navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title,
    .navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(1) .navas-cat-usecase-number .elementor-heading-title,
    .navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title,
    .navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(2) .navas-cat-usecase-number .elementor-heading-title {
        background-size: 44px auto !important;
    }

    .navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title,
    .navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(3) .navas-cat-usecase-number .elementor-heading-title {
        background-size: 57px auto !important;
    }

    .navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title,
    .navas-cat-usecase-grid > .e-con-inner > .navas-cat-usecase-card:nth-child(4) .navas-cat-usecase-number .elementor-heading-title {
        background-size: 42px auto !important;
    }
}

/* ==========================================================
   WERSJA 6.0 — NAPRAWA TABLETU I TELEFONU
   Reguły poniżej celowo nadpisują wcześniejsze media queries.
   Widok komputerowy powyżej 1100 px pozostaje bez zmian.
   ========================================================== */

/* Pasek okruszków na pełną szerokość bez poziomego przewijania */
body.term-materace-asekuracyjne {
    overflow-x: clip !important;
}

body.term-materace-asekuracyjne .woocommerce-breadcrumb {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ---------- TABLET I MAŁY LAPTOP ---------- */

@media (max-width: 1100px) {

    .navas-cat-hero-inner,
    .navas-cat-usecases-inner,
    .navas-cat-shop-inner,
    .navas-cat-guide-inner {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .navas-cat-hero-inner,
    .navas-cat-hero-inner > .e-con-inner {
        gap: 22px !important;
    }

    .navas-cat-hero-copy {
        flex-basis: 55% !important;
    }

    .navas-cat-hero-media {
        flex-basis: 45% !important;
        overflow: hidden !important;
    }

    .navas-cat-hero-image,
    .navas-cat-hero-image .elementor-widget-container {
        overflow: hidden !important;
    }

    .navas-cat-hero-image img {
        width: 100% !important;
        height: 260px !important;
        object-fit: contain !important;
        transform: scale(1.38) translateY(0) !important;
        transform-origin: center center !important;
    }

    .navas-cat-usecase-grid,
    .navas-cat-usecase-grid > .e-con-inner {
        gap: 14px !important;
    }

    .navas-cat-usecase-card {
        min-height: 108px !important;
    }
}

/* ---------- TABLET PIONOWY ---------- */

@media (max-width: 900px) {

    .navas-cat-hero-inner,
    .navas-cat-hero-inner > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        min-height: 0 !important;
    }

    .navas-cat-hero-inner {
        padding-top: 28px !important;
        padding-bottom: 26px !important;
    }

    .navas-cat-hero-copy,
    .navas-cat-hero-copy > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .navas-cat-hero-copy,
    .navas-cat-hero-media {
        --width: 100% !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    .navas-cat-hero-media {
        height: 270px !important;
        min-height: 270px !important;
    }

    .navas-cat-hero-image,
    .navas-cat-hero-image .elementor-widget-container,
    .navas-cat-hero-image img {
        width: 100% !important;
        height: 270px !important;
    }

    .navas-cat-hero-image img {
        transform: scale(1.42) !important;
    }

    .navas-cat-usecase-grid,
    .navas-cat-usecase-grid > .e-con-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .navas-cat-usecase-card {
        height: 112px !important;
    }

    .navas-cat-shop-grid,
    .navas-cat-shop-grid > .e-con-inner {
        display: block !important;
    }

    .navas-cat-filters {
        display: none !important;
    }

    .navas-cat-products,
    .navas-cat-products > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        gap: 12px !important;
    }

    .navas-cat-filter-button,
    .navas-cat-products > .elementor-widget-shortcode:first-child,
    .navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .navas-cat-filter-button .wpc-open-close-filters-button,
    .navas-cat-products > .elementor-widget-shortcode:first-child .wpc-open-close-filters-button,
    .navas-cat-products > .e-con-inner > .elementor-widget-shortcode:first-child .wpc-open-close-filters-button,
    .navas-cat-products .mobile-filter {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
    }

    .elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
    .elementor-element.navas-cat-product-grid ul.products,
    .navas-cat-product-grid .elementor-widget-container ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

/* ---------- TELEFON ---------- */

@media (max-width: 767px) {

    body.term-materace-asekuracyjne .woocommerce-breadcrumb {
        padding: 13px 16px !important;
        font-size: 12px !important;
    }

    .navas-cat-hero-inner,
    .navas-cat-usecases-inner,
    .navas-cat-shop-inner,
    .navas-cat-guide-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .navas-cat-hero-inner {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    .navas-cat-hero-copy,
    .navas-cat-hero-copy > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 9px !important;
    }

    .navas-cat-eyebrow,
    .navas-cat-title,
    .navas-cat-lead,
    .navas-cat-benefits,
    .navas-cat-hero-media {
        order: initial !important;
    }

    .navas-cat-eyebrow .elementor-heading-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .navas-cat-title .elementor-heading-title {
        font-size: clamp(32px, 9.5vw, 38px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.65px !important;
        overflow-wrap: anywhere !important;
    }

    .navas-cat-lead,
    .navas-cat-lead p {
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .navas-cat-benefits {
        margin-top: 5px !important;
    }

    .navas-cat-benefits .elementor-icon-list-items {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .navas-cat-benefits .elementor-icon-list-item {
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 10px !important;
        background: rgba(255, 255, 255, .9) !important;
        border: 1px solid #d3dae6 !important;
        border-radius: 6px !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .navas-cat-benefits .elementor-icon-list-text {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    .navas-cat-hero-media {
        height: 220px !important;
        min-height: 220px !important;
        margin-top: 5px !important;
        overflow: hidden !important;
    }

    .navas-cat-hero-image,
    .navas-cat-hero-image .elementor-widget-container,
    .navas-cat-hero-image img {
        width: 100% !important;
        height: 220px !important;
        overflow: hidden !important;
    }

    .navas-cat-hero-image img {
        object-fit: contain !important;
        transform: scale(1.45) !important;
    }

    .navas-cat-usecases-inner {
        padding-top: 18px !important;
        padding-bottom: 24px !important;
    }

    .navas-cat-usecases .navas-cat-section-title {
        display: block !important;
    }

    .navas-cat-usecases .navas-cat-section-title .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    .navas-cat-usecase-grid,
    .navas-cat-usecase-grid > .e-con-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .navas-cat-usecase-card,
    .navas-cat-usecase-card > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
    }

    .navas-cat-usecase-card {
        height: 118px !important;
        min-height: 118px !important;
        padding: 10px 7px !important;
    }

    .navas-cat-usecase-number,
    .navas-cat-usecase-number .elementor-widget-container,
    .navas-cat-usecase-number .elementor-heading-title {
        width: 58px !important;
        height: 58px !important;
    }

    .navas-cat-usecase-title {
        width: 100% !important;
    }

    .navas-cat-usecase-title .elementor-heading-title {
        font-size: 14px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .navas-cat-usecase-text {
        display: none !important;
    }

    .navas-cat-shop-inner {
        padding-top: 15px !important;
        padding-bottom: 38px !important;
    }

    .navas-cat-products,
    .navas-cat-products > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 11px !important;
    }

    .navas-cat-product-grid,
    .navas-cat-product-grid > .elementor-widget-container,
    .navas-cat-product-grid .elementor-products-grid,
    .navas-cat-product-grid .woocommerce {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
    }

    .navas-cat-filter-chips {
        width: 100% !important;
        margin: 0 !important;
    }

    .navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end) {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 12px !important;
    }

    .navas-cat-product-grid .shoptimizer-sorting:not(.sorting-end)::before,
    .navas-cat-product-grid .woocommerce-result-count {
        display: none !important;
    }

    .navas-cat-product-grid .woocommerce-ordering {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .navas-cat-product-grid .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
    }

    .elementor-element.navas-cat-product-grid.elementor-products-grid ul.products.elementor-grid,
    .elementor-element.navas-cat-product-grid ul.products,
    .navas-cat-product-grid .elementor-widget-container ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .elementor-element.navas-cat-product-grid ul.products li.product {
        width: 100% !important;
        max-width: none !important;
    }

    .navas-cat-product-grid li.product .woocommerce-image__wrapper {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1.42 / 1 !important;
        padding: 10px !important;
    }

    .navas-cat-product-grid li.product .woocommerce-card__header {
        padding: 15px 14px 14px !important;
    }

    .navas-cat-product-grid .woocommerce-loop-product__title {
        min-height: 0 !important;
        margin-bottom: 9px !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    .navas-cat-product-grid li.product .price {
        font-size: 21px !important;
    }

    .navas-cat-product-grid li.product .button,
    .navas-cat-product-grid li.product .added_to_cart {
        min-height: 46px !important;
        margin-top: 12px !important;
    }

    .navas-cat-product-grid li.product .button::after,
    .navas-cat-product-grid li.product .added_to_cart::after {
        content: "Zobacz produkt" !important;
        font-size: 14px !important;
    }

    .navas-cat-guide-inner {
        padding-top: 34px !important;
        padding-bottom: 24px !important;
    }

    .navas-cat-guide-grid,
    .navas-cat-guide-grid > .e-con-inner {
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    .navas-cat-custom-cta {
        padding: 8px 16px 34px !important;
    }

    .navas-cat-custom-cta-inner,
    .navas-cat-custom-cta-inner > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .navas-cat-custom-cta-inner {
        width: 100% !important;
        padding: 22px 18px !important;
    }

    .navas-cat-custom-cta-button,
    .navas-cat-custom-cta-button .elementor-button {
        width: 100% !important;
    }

    .navas-cat-seo {
        padding: 0 16px 36px !important;
    }

    .navas-cat-seo-inner {
        width: 100% !important;
        padding: 21px 17px !important;
    }
}

/* ==========================================================
   WERSJA 7.0 — KOŃCOWE NADPISANIE FILTRÓW MOBILNYCH
   ========================================================== */

/* ==========================================================
   WERSJA 9.0 — FILTRY NA TELEFONIE
   Domyślnie widoczny jest tylko przycisk „Filtry”.
   Panel wysuwa się dopiero po kliknięciu.
   ========================================================== */

@media (max-width: 768px) {

    /* Zostaje tylko natywny przycisk widgetu Filter Everything. */
    body.term-materace-asekuracyjne
    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle,
    body.term-materace-asekuracyjne
    .navas-cat-mobile-filter {
        display: none !important;
    }

    /* Kontenery muszą mieć normalny rozmiar, aby przycisk reagował. */
    body.term-materace-asekuracyjne .navas-cat-filters,
    body.term-materace-asekuracyjne .navas-cat-filter-widget,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget > .elementor-widget-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .elementor-shortcode,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: auto !important;
    }

    body.term-materace-asekuracyjne .navas-cat-filters {
        margin-bottom: 14px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Przycisk otwierający. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-open-button-container {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-open-close-filters-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 11px 15px !important;
        color: #ffffff !important;
        background: #071747 !important;
        border: 1px solid #071747 !important;
        border-radius: 7px !important;
        font-size: 15px !important;
        font-weight: 750 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-button-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-icon-html-wrapper span {
        background-color: #ffffff !important;
    }

    /* Zamknięty panel: istnieje w DOM, lecz znajduje się pod ekranem. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-content {
        display: block !important;
        position: fixed !important;
        top: 5% !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 95vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #1f2937 !important;
        background: #ffffff !important;
        border-radius: 10px 10px 0 0 !important;
        box-shadow: 0 -12px 38px rgba(7, 23, 71, .2) !important;
        transform: translate3d(0, 120%, 0) !important;
        transition: transform .25s ease !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: none !important;
        z-index: 1000001 !important;
    }

    /* Klasa jest dodawana przez Filter Everything po kliknięciu. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget
    .wpc-filters-widget-content.wpc-filters-widget-opened {
        transform: translate3d(0, 0, 0) !important;
        pointer-events: auto !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-containers-wrapper {
        display: block !important;
        position: absolute !important;
        top: 56px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 82px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #ffffff !important;
        -webkit-overflow-scrolling: touch;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-scroll-container,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #ffffff !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-scroll-container {
        padding: 0 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        padding: 16px 18px 22px !important;
    }

    /* Pasek tytułu i zamknięcia panelu. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-widget-close-container {
        display: flex !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        color: #071747 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e1e6ee !important;
        z-index: 2 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-widget-popup-title {
        color: #071747 !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-widget-close-icon {
        display: block !important;
        position: relative !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #d5dce7 !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-set-widget-title,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-posts-found,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-top-container {
        display: none !important;
    }

    /* Czytelne opcje wewnątrz panelu. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-section {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 15px 0 !important;
        overflow: visible !important;
        border-bottom: 1px solid #e1e6ee !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-header,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-title {
        display: block !important;
        margin: 0 0 10px !important;
        color: #071747 !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-content,
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-ul-list {
        display: grid !important;
        position: static !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filter-content {
        display: block !important;
    }

    /* Dolne przyciski panelu. */
    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-controls-container {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        background: #ffffff !important;
        border-top: 1px solid #e1e6ee !important;
        box-shadow: 0 -6px 16px rgba(7, 23, 71, .08) !important;
        transform: none !important;
        z-index: 3 !important;
    }

    body.term-materace-asekuracyjne
    .navas-cat-filter-widget .wpc-filters-widget-controls-wrapper {
        display: flex !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Tło za otwartym panelem. */
    body.term-materace-asekuracyjne .wpc-filters-overlay {
        display: none !important;
        position: fixed !important;
        inset: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: rgba(7, 23, 71, .48) !important;
        z-index: 1000000 !important;
    }

    html.wpc-overlay-visible
    body.term-materace-asekuracyjne .wpc-filters-overlay {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html.wpc-overlay-visible,
    html.wpc-overlay-visible body.term-materace-asekuracyjne {
        overflow: hidden !important;
    }
}

@media (min-width: 769px) and (max-width: 900px) {

    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle,
    .navas-cat-mobile-filter {
        display: none !important;
    }

    .navas-cat-filters {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        margin: 0 0 18px !important;
        overflow: visible !important;
    }

    .navas-cat-filter-widget,
    .navas-cat-filter-widget > .elementor-widget-container,
    .navas-cat-filter-widget .elementor-shortcode,
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: 18px !important;
    }

    .navas-cat-filter-widget .wpc-filters-section {
        border-bottom: 0 !important;
    }
}

@media (max-width: 768px) {

    .navas-cat-products .mobile-filter.shoptimizer-mobile-toggle {
        display: none !important;
    }

    .navas-cat-mobile-filter,
    .navas-cat-mobile-filter > .elementor-widget-container,
    .navas-cat-mobile-filter .elementor-shortcode,
    .navas-cat-mobile-filter .wpc-filters-open-button-container {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .navas-cat-mobile-filter .wpc-open-close-filters-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 11px 14px !important;
        color: #071747 !important;
        background: #ffffff !important;
        border: 1px solid #cfd7e4 !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .navas-cat-mobile-filter .wpc-button-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .navas-cat-filters {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }

    .navas-cat-filter-widget,
    .navas-cat-filter-widget > .elementor-widget-container,
    .navas-cat-filter-widget .elementor-shortcode,
    .navas-cat-filter-widget .widget_wpc_filters_widget,
    .navas-cat-filter-widget .wpc-filters-main-wrap {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-content,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-containers-wrapper,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-scroll-container,
    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-wrapper {
        background: #ffffff !important;
    }

    body.wpc_show_bottom_widget .navas-cat-filter-widget .wpc-filters-widget-content {
        width: 100vw !important;
        max-width: 100vw !important;
        z-index: 999999 !important;
    }

    .wpc-filters-overlay {
        z-index: 999998 !important;
    }

    .navas-cat-filter-widget .wpc-filters-widget-controls-container {
        background: #ffffff !important;
    }
}
body.term-materace-asekuracyjne
.navas-cat-product-grid li.product .woocommerce-image__wrapper {
    background: #e1e0e5 !important;
}/* End custom CSS */