<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Twoja Strona</title>

    <!-- CSS wstawiony jak najwyżej w <head> -->
    <style>
    .cart-btn:hover {
        background-color:#4a599e!important;
        border-color:#4a599e!important;
    }
    .list-group-item.active {
        background-color:#4a599e !important;
        border-color:#4a599e !important;
    }

    .abs-item-price-breakdown {
        color:#6f6f6f!important;
        font-size:14px!important;
    }

    .page-top-button:hover {
        background: #4a599e;
        border: 1px solid white;
        color: #f9f9f9;
    }

    .abs-product-name a:hover {
        color:#4a599e !important;
    }

    .abs-panel-main>.panel-heading{
        color:#4a599e !important;
    }

    .abs-search-options-links a:hover {
        color:#4a599e !important;
    }

    .navbar-default .navbar-nav>li>a:hover {
        color:#4a599e !important;
    }

    .page-top-button {
        border: 1px solid #4a599e;
        color: #4a599e;
    }

    .page-top-button:hover {
        background: #4a599e;
        border: 1px solid white;
        color: #f9f9f9;
    }

    .abs-panel>.panel-heading {
        color: #4a599e;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
    }

    .form-control, 
    .multiselect.dropdown-toggle.btn.btn-default, 
    .abs-filter-toggle-panel a.multiselect.dropdown-toggle.btn.abs-filter-toggle {
        color: #6A727C;
        border: 1px solid #6a727c;
    }
   .breadcrumb {
            display: none !important;
        }
    </style>

    <!-- Google Tag Manager -->
    <script>
    (function(w,d,s,l,i){
        w[l]=w[l]||[];
        w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
        var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:'';
        j.async=true;
        j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
        f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N654FG9T');
    </script>
    <!-- End Google Tag Manager -->
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N654FG9T"
        height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- Reszta zawartości strony -->

<style>
/* #########################################################################
   #                                                                       #
   #   JOBIREX.PL — SCALONY PLIK CSS (custom-rwd / jobirex-all.css)        #
   #                                                                       #
   #   SPIS TREŚCI (szukaj po znaczniku "CZĘŚĆ n"):                        #
   #                                                                       #
   #   CZĘŚĆ 1 — MENU KATEGORII        (dawny panel: CSS STYL MENU KOMP + TEL)
   #   CZĘŚĆ 2 — GŁÓWNY BANER          (dawny panel: CSS BANER)            #
   #   CZĘŚĆ 3 — PREZENTACJA PRODUKTÓW (dawny panel: CSS PREZENTACJA PRODUKTÓW)
   #        3.1 Bestseller + Zestawy — baza                                #
   #        3.2 Bestsellery — premium cards                                #
   #        3.3 Zestawy                                                    #
   #        3.4 Nowość + Promocje — karty                                  #
   #        3.5 Nowości + Promocje — nagłówki i ramki                      #
   #        3.6 Bestsellery — wyróżnienie 1. produktu                      #
   #        3.7 Contempora — nagłówek, baner + karuzela, kropki            #
   #                                                                       #
   #   CZĘŚĆ 4 — POPRAWKA MENU (wymusza poziome menu; wysoka specyficzność)
   #                                                                       #
   #   Kolejność części zachowana z kolejności paneli w stopce.            #
   #   Zawartość reguł bez zmian (poza jedną poprawką — patrz 3.3).        #
   #                                                                       #
   ######################################################################### */




/* #########################################################################
   ##  CZĘŚĆ 1 / 3  —  MENU KATEGORII
   ##  Źródło: panel stopki "CSS STYL MENU KOMP + TEL" (injection-1153)
   ##  Dotyczy: menu główne, dropdown, podmenu kaskadowe, mobile menu
   ######################################################################### */

/* =========================================================
   JOBIREX — TYLKO MENU KATEGORII
   NIE DOTYKA:
   - górnego paska #topMenu
   - wyszukiwarki
   - logowania
   - rejestracji
   - przycisków
   ========================================================= */


/* =========================================================
   01. GŁÓWNA LISTA KATEGORII — POZIOMO
   ========================================================= */

.navbar-default > .container > .navbar-collapse:not(#topMenu) > .navbar-nav,
.navbar-default > .container-fluid > .navbar-collapse:not(#topMenu) > .navbar-nav,
.navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav {

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    width: 100% !important;

    float: none !important;

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


/* =========================================================
   02. POSZCZEGÓLNE KATEGORIE
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav > li {

    display: block !important;

    float: none !important;

    width: auto !important;

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

    position: relative !important;
}


/* =========================================================
   03. LINKI GŁÓWNEGO MENU
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav > li > a {

    display: flex !important;

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

    height: 50px !important;
    min-height: 50px !important;

    padding: 0 14px !important;

    color: #183b68 !important;

    background: transparent !important;

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

    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    border-radius: 8px !important;

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


/* =========================================================
   04. HOVER
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li:hover > a {

    color: #244d8f !important;

    background: #f2f6fc !important;
}


/* =========================================================
   05. AKTYWNA KATEGORIA
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li.active > a,

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li.open > a {

    color: #244d8f !important;

    background: #eef4fb !important;
}


/* =========================================================
   06. STRZAŁKI
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > a .caret {

    margin-left: 7px !important;

    border-top-color: currentColor !important;

    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;

    transition: transform .2s ease !important;
}


.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li:hover > a .caret,

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li.open > a .caret {

    transform: rotate(180deg) !important;
}


/* =========================================================
   07. ROZWIJANE MENU
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu {

    position: absolute !important;

    top: 100% !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) translateY(8px) !important;

    display: block !important;

    width: max-content !important;

    min-width: 245px !important;
    max-width: 380px !important;

    margin: 0 !important;

    padding: 7px 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5ebf3 !important;

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

    box-shadow:
        0 18px 40px rgba(24, 59, 104, .13),
        0 3px 10px rgba(24, 59, 104, .05) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    z-index: 100001 !important;

    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease !important;
}


/* =========================================================
   08. OTWARCIE DROPDOWN
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li:hover > .dropdown-menu,

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li.open > .dropdown-menu {

    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateX(-50%)
        translateY(0) !important;
}


/* =========================================================
   09. ELEMENTY DROPDOWN
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu > li {

    display: block !important;

    width: 100% !important;

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

    border: 0 !important;
}


/* =========================================================
   10. LINKI W DROPDOWN
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu > li > a {

    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 9px 18px !important;

    color: #183b68 !important;

    background: transparent !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        background-color .15s ease,
        color .15s ease,
        padding-left .15s ease !important;
}


/* =========================================================
   11. HOVER DROPDOWN
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu > li > a:hover {

    color: #244d8f !important;

    background: #f4f7fc !important;

    padding-left: 22px !important;
}


/* =========================================================
   12. PODKATEGORIE — MENU KASKADOWE
   ========================================================= */


/* ---------------------------------------------------------
   12.1. ELEMENT PODKATEGORII JEST PUNKTEM ODNIESIENIA
   --------------------------------------------------------- */

@media (min-width: 768px) {

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li {

        position: relative !important;
    }


    /* -----------------------------------------------------
       12.2. DRUGI POZIOM — DOMYŚLNIE UKRYTY
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul {

        display: block !important;

        position: absolute !important;

        top: -8px !important;
        left: calc(100% + 8px) !important;

        width: max-content !important;

        min-width: 245px !important;
        max-width: 330px !important;

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

        background: #ffffff !important;

        border: 1px solid #e5ebf3 !important;

        border-radius: 10px !important;

        box-shadow:
            0 16px 35px rgba(24, 59, 104, .14),
            0 3px 10px rgba(24, 59, 104, .05) !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        z-index: 100005 !important;

        transform: translateX(7px) !important;

        transition:
            opacity .16s ease,
            visibility .16s ease,
            transform .16s ease !important;
    }


    /* -----------------------------------------------------
       12.3. PO NAJECHANIU NA PODKATEGORIĘ
       POKAŻ JEJ PODKATEGORIE
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li:hover
    > ul {

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: translateX(0) !important;
    }


    /* -----------------------------------------------------
       12.4. LINKI W DRUGIM POZIOMIE
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li {

        display: block !important;

        position: relative !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        border: 0 !important;
    }


    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li
    > a {

        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 9px 18px !important;

        color: #183b68 !important;

        background: transparent !important;

        font-size: 13px !important;

        font-weight: 500 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        transition:
            background-color .15s ease,
            color .15s ease,
            padding-left .15s ease !important;
    }


    /* -----------------------------------------------------
       12.5. HOVER DRUGIEGO POZIOMU
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li
    > a:hover {

        color: #244d8f !important;

        background: #f4f7fc !important;

        padding-left: 22px !important;
    }


    /* -----------------------------------------------------
       12.6. PODKATEGORIA POSIADAJĄCA KOLEJNY POZIOM
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li:has(> ul)
    > a::after {

        content: "›" !important;

        float: right !important;

        margin-left: 15px !important;

        color: #8b98aa !important;

        font-size: 17px !important;

        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       12.7. JESZCZE GŁĘBSZY POZIOM
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li
    > ul {

        position: absolute !important;

        top: -8px !important;

        left: calc(100% + 8px) !important;

        min-width: 245px !important;

        max-width: 330px !important;

        margin: 0 !important;

        padding: 7px 0 !important;

        background: #ffffff !important;

        border: 1px solid #e5ebf3 !important;

        border-radius: 10px !important;

        box-shadow:
            0 16px 35px rgba(24, 59, 104, .14),
            0 3px 10px rgba(24, 59, 104, .05) !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        z-index: 100006 !important;

        transform: translateX(7px) !important;

        transition:
            opacity .16s ease,
            visibility .16s ease,
            transform .16s ease !important;
    }


    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul
    > li:hover
    > ul {

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: translateX(0) !important;
    }


    /* -----------------------------------------------------
       12.8. STRZAŁKA DLA KOLEJNYCH POZIOMÓW
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li:has(> ul)
    > a::after {

        content: "›" !important;

        float: right !important;

        margin-left: 18px !important;

        color: #8b98aa !important;

        font-size: 17px !important;

        line-height: 1 !important;

        transition: color .15s ease !important;
    }


    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li:hover:has(> ul)
    > a::after {

        color: #485b9a !important;
    }


    /* -----------------------------------------------------
       12.9. LEKKIE PODŚWIETLENIE AKTYWNEJ PODKATEGORII
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li:hover
    > a {

        color: #244d8f !important;

        background: #f4f7fc !important;
    }

}

/* =========================================================
   13. PROMOCJE
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > a[href*="promoc"] {

    color: #d83b3b !important;

    font-weight: 700 !important;
}


.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > a[href*="promoc"]:hover {

    color: #ffffff !important;

    background: #d83b3b !important;
}


/* =========================================================
   14. USUNIĘCIE EFEKTU MEGA MENU
   ========================================================= */

.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu {

    grid-template-columns: none !important;

    column-gap: 0 !important;

    row-gap: 0 !important;

    text-align: left !important;
}


.navbar-default .navbar-collapse:not(#topMenu)
> .navbar-nav > li > .dropdown-menu::before {

    display: none !important;

    content: none !important;
}


/* =========================================================
   15. EKRANY DO 1200 PX
   ========================================================= */

@media (max-width: 1200px) {

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > a {

        padding-left: 9px !important;
        padding-right: 9px !important;

        font-size: 13px !important;
    }

}


/* =====================================================
   16. MOBILE
   ===================================================== */

@media (max-width: 767px) {

    /* =========================================================
       MOBILE — GŁÓWNE KATEGORIE
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        position: relative !important;
    }

    .navbar-default .navbar-collapse:not(#topMenu) > .navbar-nav > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 13px 16px !important;

        color: #183b68 !important;
        background: #fff !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;

        white-space: nowrap !important;

        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > a .abs-items-count {
        flex: 0 0 auto !important;
        margin-left: 5px !important;
        color: #8a97a8 !important;
        font-size: 12px !important;
    }

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > a .caret,
    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > a .sub-arrow {
        position: static !important;
        margin-left: auto !important;
        transform: none !important;
        flex: 0 0 auto !important;
    }


    /* =========================================================
       MOBILE — PODKATEGORIE
       KLUCZOWE: ZAWSZE W SZEROKOŚCI MENU,
       NIGDY PO PRAWEJ STRONIE EKRANU
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu {

        display: none !important;

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        float: none !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 4px 0 8px 0 !important;

        box-sizing: border-box !important;

        background: #f7f9fc !important;

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

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        /* blokuje dziedziczenie pozycji z desktopu */
        inset: auto !important;
    }


    /* OTWARTA KATEGORIA */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li.open > .dropdown-menu {

        display: block !important;

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        float: none !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        inset: auto !important;
    }


    /* =========================================================
       ELEMENTY PODKATEGORII
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu > li {

        display: block !important;

        position: static !important;

        width: 100% !important;

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

        float: none !important;

        box-sizing: border-box !important;

        border: 0 !important;
    }

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu > li > a {

        display: block !important;

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;

        padding: 11px 16px 11px 30px !important;

        color: #183b68 !important;

        background: transparent !important;

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

        line-height: 1.4 !important;

        text-align: left !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;

        text-decoration: none !important;
    }


    /* =========================================================
       GŁĘBSZE POZIOMY — NIE WYSKAKUJĄ W PRAWO
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu > li > ul,
    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        float: none !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

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

        box-sizing: border-box !important;

        box-shadow: none !important;
        border: 0 !important;
    }


    /* =========================================================
       HOVER
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > .dropdown-menu > li > a:hover {

        color: #244d8f !important;
        background: #edf3fa !important;
    }


    /* =========================================================
       OTWARTA GŁÓWNA KATEGORIA
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li.open > a {

        color: #244d8f !important;
        background: #f3f7fc !important;
    }


    /* =========================================================
       PROMOCJE
       ========================================================= */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li > a[href*="promoc"] {

        color: #d83b3b !important;
        font-weight: 700 !important;
    }


    /* =========================================================
       BLOKADA WYJŚCIA MENU POZA EKRAN
       ========================================================= */

    .navbar-default,
    .navbar-default .navbar-collapse:not(#topMenu),
    .navbar-default .navbar-collapse:not(#topMenu) .navbar-nav,
    .navbar-default .navbar-collapse:not(#topMenu) .dropdown-menu {

        max-width: 100% !important;
        overflow-x: hidden !important;
    }


    /* =========================================================
       ABS-MENU-FIX
       ========================================================= */

    #ABS-MENU-FIX,
    .ABS-MENU-FIX,
    [id*="ABS-MENU-FIX"],
    [class*="ABS-MENU-FIX"] {

        display: none !important;
        visibility: hidden !important;

        width: 0 !important;
        height: 0 !important;

        overflow: hidden !important;
    }
}
@media (min-width: 768px) {

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav > li:has(> .dropdown-menu) > a::after {

        content: "›" !important;

        display: inline-block !important;
        margin-left: 8px !important;

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

        color: #183b68 !important;

        position: relative !important;
        top: 0 !important;

        vertical-align: middle !important;

        transform: translateY(-1px) !important;
    }

}

/* =========================================================
   JOBIREX — STABILNE PRZEJŚCIE DO PODKATEGORII
   większa tolerancja myszy + niewidzialna strefa przejścia
   ========================================================= */

@media (min-width: 768px) {

    /* -----------------------------------------------------
       01. NIEWIDZIALNY MOST MIĘDZY MENU A PODMENU
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li:hover::after {

        content: "";

        position: absolute;

        top: 0;

        left: 100%;

        width: 18px;

        height: 100%;

        background: transparent;

        z-index: 100004;
    }


    /* -----------------------------------------------------
       02. TROCHĘ DŁUŻSZE UTRZYMANIE PODMENU
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul {

        transition:
            opacity .25s ease,
            visibility .25s ease,
            transform .25s ease !important;
    }


    /* -----------------------------------------------------
       03. PŁYNNE POJAWIANIE
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li:hover
    > .dropdown-menu {

        transition:
            opacity .22s ease,
            visibility .22s ease,
            transform .22s ease !important;
    }


    /* -----------------------------------------------------
       04. NIEZNACZNE POWIĘKSZENIE OBSZARU AKTYWNEJ
           PODKATEGORII
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li {

        padding-right: 3px !important;
    }


    /* -----------------------------------------------------
       05. PODMENU LEKKO BLIŻEJ GŁÓWNEGO PANELU
       ----------------------------------------------------- */

    .navbar-default .navbar-collapse:not(#topMenu)
    > .navbar-nav
    > li
    > .dropdown-menu
    > li
    > ul {

        left: calc(100% + 4px) !important;
    }

}




/* #########################################################################
   ##  KONIEC CZĘŚCI 1 / 3  —  MENU KATEGORII
   ######################################################################### */




/* #########################################################################
   ##  CZĘŚĆ 2 / 3  —  GŁÓWNY BANER (slideshow-0)
   ##  Źródło: panel stopki "CSS BANER" (injection-1155)
   ##  Dotyczy: główny baner 1600x480 + ukrycie kropek Bestseller/Zestawy
   ######################################################################### */

/* =========================================================
   JOBIREX — GŁÓWNY BANER
   1600 × 480
   CLEAN / PREMIUM
   1 BANER + ZAOKRĄGLENIE + DELIKATNE WYGASZENIE BOKÓW

   TYLKO:
   slideshow-0 = główny baner desktop

   NIE DOTYKA:
   slideshow-4 = Contempora
   slideshow-6 = baner Contempora
   slideshow-3 = Bestseller
   slideshow-2 = Zestawy
   ========================================================= */


/* =========================================================
   01. GŁÓWNY KONTENER
   ========================================================= */

[data-panel-id="slideshow-0"] {

    position: relative !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    margin-top: -10px !important;

    margin-bottom: 8px !important;

    padding: 0 !important;

    /*
        TYLKO JEDEN BANER
        + brak wystających sąsiednich slajdów
    */
    overflow: hidden !important;

    border-radius: 18px !important;

    /*
        DELIKATNE WYGASZENIE LEWEJ I PRAWEJ KRAWĘDZI
    */
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.30) 1.5%,
        rgba(0,0,0,.72) 4%,
        rgba(0,0,0,.94) 7%,
        #000 11%,
        #000 89%,
        rgba(0,0,0,.94) 93%,
        rgba(0,0,0,.72) 96%,
        rgba(0,0,0,.30) 98.5%,
        rgba(0,0,0,0) 100%
    ) !important;

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.30) 1.5%,
        rgba(0,0,0,.72) 4%,
        rgba(0,0,0,.94) 7%,
        #000 11%,
        #000 89%,
        rgba(0,0,0,.94) 93%,
        rgba(0,0,0,.72) 96%,
        rgba(0,0,0,.30) 98.5%,
        rgba(0,0,0,0) 100%
    ) !important;
}


/* =========================================================
   02. WEWNĘTRZNE PANELE
   ========================================================= */

[data-panel-id="slideshow-0"] > .panel-body,
[data-panel-id="slideshow-0"] > .panel-body > .panel,
[data-panel-id="slideshow-0"] > .panel-body > .panel > .panel-body {

    margin: 0 !important;

    padding: 0 !important;

    height: auto !important;

    min-height: 0 !important;
}


/* =========================================================
   03. CAROUSEL
   ========================================================= */

[data-panel-id="slideshow-0"] .carousel-inner {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 18px !important;

    background: transparent !important;
}


/* =========================================================
   04. SLICK LIST
   ========================================================= */

[data-panel-id="slideshow-0"] .slick-list {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    /*
        NIE POKAZUJEMY SĄSIEDNICH BANERÓW
    */
    overflow: hidden !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 18px !important;
}


/* =========================================================
   05. TRACK
   ========================================================= */

[data-panel-id="slideshow-0"] .slick-track {

    display: flex !important;

    align-items: flex-start !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   06. SLIDE
   ========================================================= */

[data-panel-id="slideshow-0"] .slick-slide {

    box-sizing: border-box !important;

    height: auto !important;

    min-height: 0 !important;

    overflow: hidden !important;

    /*
        BRAK ODSTĘPÓW MIĘDZY SLIDAMI
        — dzięki temu widoczny jest jeden pełny baner
    */
    margin: 0 !important;

    padding: 0 !important;

    border-radius: 18px !important;

    background: #ffffff !important;

    box-shadow:
        0 7px 24px rgba(48,59,104,.075) !important;

    transition:
        opacity .45s ease,
        transform .45s ease,
        box-shadow .45s ease !important;
}


/* =========================================================
   07. WEWNĘTRZNY DIV SLICKA
   ========================================================= */

[data-panel-id="slideshow-0"] .slick-slide > div {

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   08. ITEM
   ========================================================= */

[data-panel-id="slideshow-0"] .item {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 18px !important;

    background: #ffffff !important;
}


/* =========================================================
   09. ABS-INJECTION
   ========================================================= */

[data-panel-id="slideshow-0"] .abs-injection-slide {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   10. PRESERVE FORMATTING
   ========================================================= */

[data-panel-id="slideshow-0"] .preserveFormatting {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
}


[data-panel-id="slideshow-0"] .preserveFormatting p {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 0 !important;
}


/* =========================================================
   11. LINK
   ========================================================= */

[data-panel-id="slideshow-0"] .item a {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 0 !important;

    border: none !important;

    border-radius: 18px !important;

    overflow: hidden !important;
}


/* =========================================================
   12. OBRAZ — 1600 × 480
   ========================================================= */

[data-panel-id="slideshow-0"] img {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    /*
        ZACHOWUJEMY PROPORCJĘ 1600 : 480
    */
    aspect-ratio: 1600 / 480 !important;

    object-fit: cover !important;

    object-position: center center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 18px !important;

    transform: translateZ(0);

    backface-visibility: hidden;
}


/* =========================================================
   13. AKTYWNY BANER
   ========================================================= */

[data-panel-id="slideshow-0"] .slick-slide.slick-current {

    opacity: 1 !important;

    transform: scale(1) !important;

    box-shadow:
        0 9px 28px rgba(48,59,104,.09) !important;
}


/* =========================================================
   14. POZOSTAŁE SLIDY
   =========================================================

   Są nadal obsługiwane przez Slick,
   ale ponieważ slick-list ma overflow:hidden,
   nie są widoczne obok aktywnego banera.
   */

[data-panel-id="slideshow-0"] .slick-slide:not(.slick-current) {

    opacity: 0 !important;

    transform: scale(1) !important;

    pointer-events: none !important;
}


/* =========================================================
   15. HOVER
   ========================================================= */

@media (min-width: 768px) {

    [data-panel-id="slideshow-0"] .slick-slide.slick-current:hover {

        opacity: 1 !important;

        transform: scale(1) !important;
    }

}


/* =========================================================
   16. PLAY / PAUSE
   ========================================================= */

[data-panel-id="slideshow-0"] .carousel-start-stop {

    opacity: .45 !important;

    transition: opacity .2s ease !important;
}


[data-panel-id="slideshow-0"]:hover .carousel-start-stop {

    opacity: .85 !important;
}


/* =========================================================
   17. DESKTOP — SZEROKOŚĆ
   ========================================================= */

@media (min-width: 1200px) {

    [data-panel-id="slideshow-0"] {

        width: calc(100% + 60px) !important;

        margin-left: -30px !important;

        margin-right: -30px !important;

        margin-top: -8px !important;

        margin-bottom: 8px !important;
    }

}


/* =========================================================
   18. TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    [data-panel-id="slideshow-0"] {

        width: calc(100% + 30px) !important;

        margin-left: -15px !important;

        margin-right: -15px !important;

        margin-top: -6px !important;

        margin-bottom: 8px !important;
    }

}


/* =========================================================
   19. MOBILE
   =========================================================

   MOBILE WAPRO:
   slideshow-5

   Nie ingerujemy w niego.
   ========================================================= */

@media (max-width: 767px) {

    [data-panel-id="slideshow-0"] {

        margin-top: -4px !important;

        margin-bottom: 8px !important;
    }

}


/* =========================================================
   20. MAŁE TELEFONY
   ========================================================= */

@media (max-width: 480px) {

    [data-panel-id="slideshow-0"] {

        margin-bottom: 6px !important;
    }

}

/* =========================================================
   =========================================================
   POZOSTAŁE USTAWIENIA KARUZEL
   =========================================================
   ========================================================= */

/* 29. KROPKI BESTSELLER */
[data-panel-id="slideshow-3"] .slick-dots {

    display: none !important;
}


/* 30. KROPKI ZESTAWY */
[data-panel-id="slideshow-2"] .slick-dots {

    display: none !important;
}




/* #########################################################################
   ##  KONIEC CZĘŚCI 2 / 3  —  GŁÓWNY BANER
   ######################################################################### */




/* #########################################################################
   ##  CZĘŚĆ 3 / 3  —  PREZENTACJA PRODUKTÓW
   ##  Źródło: panel stopki "CSS PREZENTACJA PRODUKTÓW" (injection-1156)
   ##  Dotyczy: karty produktów, Bestseller, Zestawy, Nowości, Promocje,
   ##           Contempora (baner + karuzela)
   ######################################################################### */

/* ▼▼▼ 3.1 ▼ BESTSELLER + ZESTAWY — BAZA (.slideshow-p-main-panel-content) ▼▼▼ */

/* =========================================================
   JOBIREX — BESTSELLER + ZESTAWY
   PREMIUM / CLEAN / MODERN
   =========================================================

   ✔ NIE ZMIENIA SLICK
   ✔ NIE ZMIENIA MECHANIZMU WAPRO
   ✔ NIE ZMIENIA STRZAŁEK
   ✔ NIE ZMIENIA PRZYCISKÓW "DO KOSZYKA"
   ✔ NIE ZMIENIA CEN
   ✔ NIE ZMIENIA DOSTĘPNOŚCI
   ✔ NIE UKRYWA PRODUKTÓW
   ✔ TYLKO WYGLĄD KART
   ========================================================= */


/* =========================================================
   01. GŁÓWNE PANELE — BESTSELLER + ZESTAWY
   ========================================================= */

.slideshow-p-main-panel-content {

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

}


/* =========================================================
   02. NAGŁÓWKI PANELI
   ========================================================= */

.slideshow-p-main-panel-content .panel-heading {

    background: transparent !important;
    border: 0 !important;

    padding: 8px 0 18px 0 !important;

}


/* tekst Bestseller / Zestawy */

.slideshow-p-main-panel-content .panel-heading h2 {

    position: relative;

    display: inline-block;

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

    color: #17253d !important;

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

    line-height: 1.2 !important;

}


/* elegancki granatowy akcent */

.slideshow-p-main-panel-content .panel-heading h2::before {

    content: "";

    position: absolute;

    left: 0;
    top: 2px;
    bottom: 2px;

    width: 4px;

    background: #17253d;

    border-radius: 5px;

}


/* =========================================================
   03. OBSZAR KARUZELI
   ========================================================= */

.slideshow-p-main-panel-content .panel-body {

    background: transparent !important;

    border: 0 !important;

}


/* nie zmieniamy działania Slick,
   tylko zdejmujemy ewentualne wizualne obramowania */

.slideshow-p-main-panel-content .carousel-fx-wrapper,
.slideshow-p-main-panel-content .slideshow,
.slideshow-p-main-panel-content .slick-list {

    background: transparent !important;

    border: 0 !important;

}


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

/*
   To jest najważniejsza część.

   Każdy produkt dostaje jedną, elegancką,
   zaokrągloną ramkę.
*/

.slideshow-p-main-panel-content .abs-layout-product-gallery {

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #e6eaf0 !important;

    border-radius: 18px !important;

    box-shadow:
        0 2px 10px rgba(20, 35, 55, 0.045) !important;

    padding: 14px !important;

    margin: 0 !important;

    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;

}


/* delikatny efekt po najechaniu */

.slideshow-p-main-panel-content .abs-layout-product-gallery:hover {

    border-color: #d8dee8 !important;

    box-shadow:
        0 8px 24px rgba(20, 35, 55, 0.09) !important;

    transform: translateY(-2px);

}


/* =========================================================
   05. SEKCJA ZE ZDJĘCIEM
   ========================================================= */

.slideshow-p-main-panel-content .abs-col-img {

    position: relative;

    background: #ffffff !important;

    border: 0 !important;

    border-radius: 14px !important;

    padding: 5px !important;

}


/* =========================================================
   06. LINK ZE ZDJĘCIEM
   ========================================================= */

.slideshow-p-main-panel-content .abs-col-img > a {

    display: block !important;

    background: transparent !important;

    border: 0 !important;

}


/* =========================================================
   07. OBSZAR ZDJĘCIA
   ========================================================= */

.slideshow-p-main-panel-content .abs-img-wrapper {

    display: flex !important;

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

    background: #ffffff !important;

    border: 0 !important;

    border-radius: 12px !important;

    padding: 5px !important;

}


/* =========================================================
   08. SAME ZDJĘCIA
   ========================================================= */

.slideshow-p-main-panel-content .abs-img-wrapper img {

    display: block !important;

    max-width: 100% !important;

    height: auto !important;

    object-fit: contain !important;

    border: 0 !important;

    border-radius: 10px !important;

    margin: 0 auto !important;

    transition: transform 0.25s ease !important;

}


/* delikatne powiększenie zdjęcia */

.slideshow-p-main-panel-content
.abs-layout-product-gallery:hover
.abs-img-wrapper img {

    transform: scale(1.025);

}


/* =========================================================
   09. NAZWA PRODUKTU
   ========================================================= */

.slideshow-p-main-panel-content .abs-product-name {

    margin: 14px 2px 7px 2px !important;

    padding: 0 !important;

    line-height: 1.4 !important;

}


/* link nazwy */

.slideshow-p-main-panel-content .abs-product-name a {

    color: #17253d !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;

}


/* hover nazwy */

.slideshow-p-main-panel-content .abs-product-name a:hover {

    color: #139eeb !important;

    text-decoration: none !important;

}


/* =========================================================
   10. OPIS PRODUKTU
   ========================================================= */

.slideshow-p-main-panel-content .abs-product-short-desc {

    color: #737b87 !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

    margin: 0 2px 8px 2px !important;

}


/* =========================================================
   11. INDEKS KATALOGOWY
   ========================================================= */

.slideshow-p-main-panel-content .abs-catalog-index {

    color: #9aa2ad !important;

    font-size: 11px !important;

    margin: 6px 2px 8px 2px !important;

}


/* =========================================================
   12. INFORMACJE O ZAKUPIE
   ========================================================= */

.slideshow-p-main-panel-content .abs-col-info {

    background: transparent !important;

    border: 0 !important;

}


/* =========================================================
   13. CENA
   ========================================================= */

.slideshow-p-main-panel-content .abs-item-price-box {

    background: transparent !important;

    border: 0 !important;

    padding: 4px 2px 7px 2px !important;

}


/* główna cena */

.slideshow-p-main-panel-content .abs-item-price-final {

    color: #17253d !important;

}


/* kwota */

.slideshow-p-main-panel-content .abs-item-price-amount {

    font-size: 18px !important;

    font-weight: 700 !important;

}


/* brutto */

.slideshow-p-main-panel-content .abs-item-price-mode {

    font-size: 11px !important;

    font-weight: 400 !important;

    color: #7d8590 !important;

}


/* jednostka */

.slideshow-p-main-panel-content .abs-price-unit {

    font-size: 11px !important;

    font-weight: 400 !important;

    color: #7d8590 !important;

}


/* =========================================================
   14. DOSTĘPNOŚĆ
   ========================================================= */

.slideshow-p-main-panel-content .abs-availability {

    margin-top: 4px !important;

    padding-top: 7px !important;

    border-top: 1px solid #eef1f4 !important;

}


/* tekst "Dostępność:" */

.slideshow-p-main-panel-content .abs-avail-text {

    color: #8a929d !important;

    font-size: 11px !important;

}


/* właściwy status */

.slideshow-p-main-panel-content .abs-avail-txt {

    font-size: 12px !important;

    font-weight: 600 !important;

}


/* realizacja */

.slideshow-p-main-panel-content .abs-delivery-info {

    color: #8a929d !important;

    font-size: 11px !important;

    margin-top: 3px !important;

}


/* =========================================================
   15. KATEGORIA
   ========================================================= */

.slideshow-p-main-panel-content .abs-product-category {

    margin: 4px 2px 7px 2px !important;

}


.slideshow-p-main-panel-content .abs-product-category a {

    color: #8b94a0 !important;

    font-size: 11px !important;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    text-decoration: none !important;

}


/* =========================================================
   16. "ZOBACZ WIĘCEJ"
   ========================================================= */

/*
   Stylujemy wyłącznie link.
   NIE DOTYKAMY .cart-btn.
*/

.slideshow-p-main-panel-content
.abs-layout-product-gallery > a:last-child {

    display: inline-block !important;

    margin-top: 10px !important;

    color: #6f7884 !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    text-decoration: none !important;

}


.slideshow-p-main-panel-content
.abs-layout-product-gallery > a:last-child:hover {

    color: #17253d !important;

}


/* =========================================================
   17. PRZECHOWALNIA
   ========================================================= */

/*
   NIE ZMIENIAMY DZIAŁANIA PRZECHOWALNI.
   Tylko delikatnie porządkujemy jej wygląd.
*/

.slideshow-p-main-panel-content .abs-storage-btn {

    color: #8c949e !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

}


/* =========================================================
   18. USUNIĘCIE EWENTUALNEGO WEWNĘTRZNEGO TŁA
   ========================================================= */

.slideshow-p-main-panel-content .abs-col-img-name,
.slideshow-p-main-panel-content .abs-purchase-details,
.slideshow-p-main-panel-content .abs-extra-btns {

    background: transparent !important;

    border: 0 !important;

}


/* =========================================================
   19. SLICK — TYLKO WIZUALNE PORZĄDKOWANIE
   ========================================================= */

.slideshow-p-main-panel-content .slick-slide {

    background: transparent !important;

}


/*
   Ważne:
   NIE ustawiamy tutaj width produktów,
   NIE zmieniamy transform slicka,
   NIE zmieniamy wysokości slick-list,
   NIE ingerujemy w page-limit.
*/


/* =========================================================
   20. KROPKI SLICKA
   ========================================================= */

.slideshow-p-main-panel-content .slick-dots {

    margin-top: 12px !important;

}


.slideshow-p-main-panel-content .slick-dots li button {

    background: transparent !important;

}


/* =========================================================
   21. ODSTĘP OD STRZAŁEK
   ========================================================= */

.slideshow-p-main-panel-content .nav-control {

    background: transparent !important;

}


/* =========================================================
   22. TABLET
   ========================================================= */

@media (max-width: 991px) {

    .slideshow-p-main-panel-content .abs-layout-product-gallery {

        border-radius: 16px !important;

        padding: 12px !important;

    }

    .slideshow-p-main-panel-content .abs-product-name a {

        font-size: 14px !important;

    }

}


/* =========================================================
   23. TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .slideshow-p-main-panel-content .panel-heading {

        padding-bottom: 14px !important;

    }


    .slideshow-p-main-panel-content .panel-heading h2 {

        font-size: 21px !important;

        padding-left: 12px !important;

    }


    .slideshow-p-main-panel-content .panel-heading h2::before {

        width: 3px !important;

    }


    .slideshow-p-main-panel-content .abs-layout-product-gallery {

        border-radius: 14px !important;

        padding: 10px !important;

        box-shadow:
            0 2px 8px rgba(20, 35, 55, 0.05) !important;

    }


    .slideshow-p-main-panel-content
    .abs-layout-product-gallery:hover {

        transform: none !important;

        box-shadow:
            0 2px 8px rgba(20, 35, 55, 0.05) !important;

    }


    .slideshow-p-main-panel-content .abs-product-name {

        margin-top: 10px !important;

    }


    .slideshow-p-main-panel-content .abs-product-name a {

        font-size: 13px !important;

        line-height: 1.35 !important;

    }


    .slideshow-p-main-panel-content .abs-item-price-amount {

        font-size: 16px !important;

    }

}

/* =========================================================
   JOBIREX — POPRAWA ODSTĘPU ZDJĘCIE → NAZWA PRODUKTU
   ========================================================= */

/* zdjęcie nie nachodzi na nazwę */
.carousel-fx-wrapper.carousel-deck
.abs-layout-product-gallery
.abs-col-img {
    margin-bottom: 14px !important;
}

/* nazwa produktu */
.carousel-fx-wrapper.carousel-deck
.abs-layout-product-gallery
.abs-product-name {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 0 !important;
    padding-top: 2px !important;
}


/* =========================================================
   JOBIREX — DELIKATNE „DO KOSZYKA”
   TYLKO WYGLĄD — BEZ ZMIANY DZIAŁANIA WAPRO
   ========================================================= */

.carousel-fx-wrapper.carousel-deck
.abs-layout-product-gallery
.cart-button .cart-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;
    transition: all 0.2s ease !important;
}

/* delikatny efekt po najechaniu */
.carousel-fx-wrapper.carousel-deck
.abs-layout-product-gallery
.cart-button .cart-btn:hover {
    transform: translateY(-1px);
}

/* ▲▲▲ 3.1 KONIEC: BESTSELLER + ZESTAWY — BAZA ▲▲▲ */




/* ▼▼▼ 3.2 ▼ BESTSELLERY — PREMIUM PRODUCT CARDS (.abs-offer-gallery-box) ▼▼▼ */

/* =========================================================
   JOBIREX — BESTSELLERY
   PREMIUM PRODUCT CARDS
   CLEAN / MODERN / E-COMMERCE
   ========================================================= */


/* ---------------------------------------------------------
   01. KARTA PRODUKTU — BAZA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery {

    position: relative !important;

    background: #ffffff !important;

    border: 1px solid #e8ebf0 !important;

    border-radius: 18px !important;

    box-shadow:
        0 2px 8px rgba(20, 35, 60, 0.04) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   02. HOVER — KARTA LEKKO „WYCHODZI” DO UŻYTKOWNIKA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover {

    transform: translateY(-5px) !important;

    border-color: #d9dee7 !important;

    box-shadow:
        0 12px 28px rgba(20, 35, 60, 0.11),
        0 3px 8px rgba(20, 35, 60, 0.05) !important;

    z-index: 10 !important;
}


/* ---------------------------------------------------------
   03. ZDJĘCIE — CZYSTA STREFA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-col-img {

    background: #ffffff !important;

    border-radius: 15px !important;

    overflow: hidden !important;

    margin-bottom: 12px !important;
}


/* ---------------------------------------------------------
   04. DELIKATNE POWIĘKSZENIE ZDJĘCIA NA HOVER
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-col-img img {

    transition:
        transform 0.35s ease !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover
.abs-col-img img {

    transform: scale(1.035) !important;
}


/* ---------------------------------------------------------
   05. NAZWA PRODUKTU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-name {

    position: relative !important;

    z-index: 2 !important;

    margin-top: 8px !important;

    margin-bottom: 8px !important;

    line-height: 1.35 !important;

    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   06. CENA — LEKKIE WYRÓŻNIENIE
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-item-price-box {

    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   07. DOSTĘPNOŚĆ — CZYSTY STATUS
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-availability {

    margin-top: 5px !important;
}


/* ---------------------------------------------------------
   08. OPIS PRODUKTU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-short-desc {

    position: relative !important;

    max-height: 0 !important;

    opacity: 0 !important;

    overflow: hidden !important;

    margin-top: 0 !important;

    transition:
        max-height 0.3s ease,
        opacity 0.25s ease,
        margin-top 0.3s ease !important;
}


/* ---------------------------------------------------------
   09. OPIS PO NAJECHANIU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover
.abs-product-short-desc {

    max-height: 80px !important;

    opacity: 1 !important;

    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   10. PRZYCISK „DO KOSZYKA”
   NIE ZMIENIAMY JEGO FUNKCJI
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button {

    position: relative !important;

    z-index: 5 !important;
}


/* delikatne podkreślenie przycisku na hover */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button .cart-btn {

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;

    border-radius: 8px !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button .cart-btn:hover {

    transform: translateY(-1px) !important;

    box-shadow:
        0 4px 10px rgba(20, 35, 60, 0.12) !important;
}


/* ---------------------------------------------------------
   11. ZNACZNIK „ZESTAW / NOWOŚĆ / PROMOCJA”
   JEŚLI WYSTĘPUJE — MA BYĆ CZYSTY
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-category {

    font-size: 11px !important;

    font-weight: 600 !important;

    letter-spacing: 0.4px !important;

    text-transform: uppercase !important;

    opacity: 0.75 !important;
}


/* ---------------------------------------------------------
   12. PRZECHOWALNIA — UKRYTA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.storage-actions {

    display: none !important;
}

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-extra-btns {

    display: none !important;
}

/* ▲▲▲ 3.2 KONIEC: BESTSELLERY — PREMIUM PRODUCT CARDS ▲▲▲ */




/* ▼▼▼ 3.3 ▼ ZESTAWY — TEN SAM STYL CO BESTSELLERY (.abs-offer-gallery-box) ▼▼▼ */

/*
   UWAGA: w oryginale przed tym blokiem była linia samych myślników
   (-----------), która NIE była komentarzem i psuła selektor
   pierwszej reguły. Zamieniona na ten komentarz.
   Ten blok powiela 3.2 (identyczne selektory) — zostawiony celowo,
   jak prosiłeś. Można go usunąć bez zmiany wyglądu.
*/

/* =========================================================
   JOBIREX — ZESTAWY
   DOKŁADNIE TEN SAM STYL CO BESTSELLERY
   PREMIUM / CLEAN / MODERN
   ========================================================= */


/* ---------------------------------------------------------
   01. KARTA PRODUKTU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery {

    position: relative !important;

    background: #ffffff !important;

    border: 1px solid #e8ebf0 !important;

    border-radius: 18px !important;

    box-shadow:
        0 2px 8px rgba(20, 35, 60, 0.04) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   02. HOVER — LEKKIE UNIESIENIE KARTY
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover {

    transform: translateY(-5px) !important;

    border-color: #d9dee7 !important;

    box-shadow:
        0 12px 28px rgba(20, 35, 60, 0.11),
        0 3px 8px rgba(20, 35, 60, 0.05) !important;

    z-index: 10 !important;
}


/* ---------------------------------------------------------
   03. STREFA ZDJĘCIA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-col-img {

    background: #ffffff !important;

    border-radius: 15px !important;

    overflow: hidden !important;

    margin-bottom: 12px !important;
}


/* ---------------------------------------------------------
   04. DELIKATNE POWIĘKSZENIE ZDJĘCIA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-col-img img {

    transition:
        transform 0.35s ease !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover
.abs-col-img img {

    transform: scale(1.035) !important;
}


/* ---------------------------------------------------------
   05. NAZWA PRODUKTU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-name {

    position: relative !important;

    z-index: 2 !important;

    margin-top: 8px !important;

    margin-bottom: 8px !important;

    line-height: 1.35 !important;

    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   06. CENA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-item-price-box {

    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   07. DOSTĘPNOŚĆ
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-availability {

    margin-top: 5px !important;
}


/* ---------------------------------------------------------
   08. KRÓTKI OPIS — DOMYŚLNIE SCHOWANY
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-short-desc {

    position: relative !important;

    max-height: 0 !important;

    opacity: 0 !important;

    overflow: hidden !important;

    margin-top: 0 !important;

    transition:
        max-height 0.3s ease,
        opacity 0.25s ease,
        margin-top 0.3s ease !important;
}


/* ---------------------------------------------------------
   09. OPIS PO NAJECHANIU
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-layout-product-gallery:hover
.abs-product-short-desc {

    max-height: 80px !important;

    opacity: 1 !important;

    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   10. „DO KOSZYKA”
   ZACHOWUJEMY FUNKCJONALNOŚĆ WAPRO
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button {

    position: relative !important;

    z-index: 5 !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button .cart-btn {

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;

    border-radius: 8px !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.cart-button .cart-btn:hover {

    transform: translateY(-1px) !important;

    box-shadow:
        0 4px 10px rgba(20, 35, 60, 0.12) !important;
}


/* ---------------------------------------------------------
   11. KATEGORIA / MAŁY NAPIS NAD PRODUKTEM
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-product-category {

    font-size: 11px !important;

    font-weight: 600 !important;

    letter-spacing: 0.4px !important;

    text-transform: uppercase !important;

    opacity: 0.75 !important;
}


/* ---------------------------------------------------------
   12. PRZECHOWALNIA — UKRYTA
   --------------------------------------------------------- */

.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.storage-actions {

    display: none !important;
}


.carousel-fx-wrapper.carousel-deck
.abs-offer-gallery-box
.abs-extra-btns {

    display: none !important;
}

/* ▲▲▲ 3.3 KONIEC: ZESTAWY ▲▲▲ */




/* ▼▼▼ 3.4 ▼ NOWOŚĆ + PROMOCJE — KARTY (.offer-main-panel-content) ▼▼▼ */

/* =========================================================
   JOBIREX — NOWOŚĆ + PROMOCJE
   TEN SAM STYL KART CO BESTSELLER / ZESTAWY
   ========================================================= */

/* 01. KARTA PRODUKTU */
.offer-main-panel-content .abs-layout-product-gallery {
	position: relative !important;
	background: #ffffff !important;
	border: 1px solid #e8ebf0 !important;
	border-radius: 18px !important;
	box-shadow: 0 2px 8px rgba(20, 35, 60, 0.04) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
	overflow: hidden !important;
	padding: 14px !important;
}

/* 02. HOVER — LEKKIE UNIESIENIE KARTY */
.offer-main-panel-content .abs-layout-product-gallery:hover {
	transform: translateY(-5px) !important;
	border-color: #d9dee7 !important;
	box-shadow: 0 12px 28px rgba(20, 35, 60, 0.11), 0 3px 8px rgba(20, 35, 60, 0.05) !important;
	z-index: 10 !important;
}

/* 03. STREFA ZDJĘCIA */
.offer-main-panel-content .abs-col-img {
	background: #ffffff !important;
	border-radius: 15px !important;
	overflow: hidden !important;
	margin-bottom: 12px !important;
	position: relative !important;
}

/* 04. DELIKATNE POWIĘKSZENIE ZDJĘCIA NA HOVER */
.offer-main-panel-content .abs-col-img img {
	transition: transform 0.35s ease !important;
}
.offer-main-panel-content .abs-layout-product-gallery:hover .abs-col-img img {
	transform: scale(1.035) !important;
}

/* 05. NAZWA PRODUKTU */
.offer-main-panel-content .abs-product-name {
	position: relative !important;
	z-index: 2 !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
}
.offer-main-panel-content .abs-product-name a {
	color: #17253d !important;
	text-decoration: none !important;
}
.offer-main-panel-content .abs-product-name a:hover {
	color: #139eeb !important;
}

/* 06. CENA */
.offer-main-panel-content .abs-item-price-box {
	margin-top: 8px !important;
}
.offer-main-panel-content .abs-item-price-amount {
	font-weight: 700 !important;
	color: #17253d !important;
}

/* 07. DOSTĘPNOŚĆ */
.offer-main-panel-content .abs-availability {
	margin-top: 5px !important;
	padding-top: 6px !important;
	border-top: 1px solid #eef1f4 !important;
}

/* 08. KRÓTKI OPIS — CHOWANY DOMYŚLNIE, POKAZUJE SIĘ NA HOVER */
.offer-main-panel-content .abs-product-short-desc {
	position: relative !important;
	max-height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	margin-top: 0 !important;
	transition: max-height 0.3s ease, opacity 0.25s ease, margin-top 0.3s ease !important;
}
.offer-main-panel-content .abs-layout-product-gallery:hover .abs-product-short-desc {
	max-height: 80px !important;
	opacity: 1 !important;
	margin-top: 8px !important;
}

/* 09. KATEGORIA */
.offer-main-panel-content .abs-product-category {
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.4px !important;
	text-transform: uppercase !important;
	opacity: 0.75 !important;
}

/* 10. PRZYCISKI "DO KOSZYKA" / "ZAPYTAJ O CENĘ" */
.offer-main-panel-content .cart-button .cart-btn,
.offer-main-panel-content .abs-product-hidden-price a {
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	border-radius: 8px !important;
}
.offer-main-panel-content .cart-button .cart-btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(20, 35, 60, 0.12) !important;
}

/* 11. PRZECHOWALNIA — UKRYTA (tak jak w Bestseller/Zestawy) */
.offer-main-panel-content .storage-actions,
.offer-main-panel-content .abs-extra-btns {
	display: none !important;
}

/* 12. ETYKIETA "NOWOŚĆ" / "PROMOCJE" — dopasowanie do zaokrąglonej karty */
.offer-main-panel-content .abs-labels {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	z-index: 6 !important;
}
.offer-main-panel-content .abs-label {
	border-radius: 6px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	padding: 4px 8px !important;
}

/* =========================================================
   13. TELEFON — dopasowanie do mniejszych ekranów
   ========================================================= */
@media (max-width: 767px) {
	.offer-main-panel-content .abs-layout-product-gallery {
		border-radius: 14px !important;
		padding: 10px !important;
		box-shadow: 0 2px 8px rgba(20, 35, 55, 0.05) !important;
	}
	.offer-main-panel-content .abs-layout-product-gallery:hover {
		transform: none !important;
		box-shadow: 0 2px 8px rgba(20, 35, 55, 0.05) !important;
	}
	.offer-main-panel-content .abs-product-name a {
		font-size: 13px !important;
	}
}

/* ▲▲▲ 3.4 KONIEC: NOWOŚĆ + PROMOCJE — KARTY ▲▲▲ */




/* ▼▼▼ 3.5 ▼ NOWOŚCI + PROMOCJE — NAGŁÓWKI I RAMKI (.offer-main-panel-content) ▼▼▼ */

/* =========================================================
   JOBIREX — UJEDNOLICENIE:
   NOWOŚCI + PROMOCJE
   = DOKŁADNIE TEN SAM NAGŁÓWEK CO
   BESTSELLER + ZESTAWY
   ========================================================= */


/* =========================================================
   01. PANEL NOWOŚCI / PROMOCJE
   USUNIĘCIE ZEWNĘTRZNEJ OBWÓDKI
   ========================================================= */

.offer-main-panel-content {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    outline: 0 !important;

}


/* =========================================================
   02. NAGŁÓWEK PANELU
   ========================================================= */

.offer-main-panel-content .panel-heading {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    padding: 8px 0 18px 0 !important;

}


/* =========================================================
   03. NAPIS NOWOŚCI / PROMOCJE
   IDENTYCZNY JAK BESTSELLER / ZESTAWY
   ========================================================= */

.offer-main-panel-content .panel-heading h2 {

    position: relative !important;

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 0 0 15px !important;

    color: #17253d !important;

    font-size: 25px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

}


/* =========================================================
   04. GRANATOWY PIONOWY PASEK
   IDENTYCZNY JAK BESTSELLER / ZESTAWY
   ========================================================= */

.offer-main-panel-content .panel-heading h2::before {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;

    top: 2px !important;

    bottom: 2px !important;

    width: 4px !important;

    background: #17253d !important;

    border-radius: 5px !important;

}


/* =========================================================
   05. BRAK OBRAMOWANIA WOKÓŁ NAGŁÓWKA
   ========================================================= */

.offer-main-panel-content .panel-heading h2,
.offer-main-panel-content .panel-heading,
.offer-main-panel-content .panel-body {

    border-top: 0 !important;

    border-right: 0 !important;

    border-bottom: 0 !important;

    border-left: 0 !important;

}


/* =========================================================
   06. OBSZAR KARUZELI — BEZ ZEWNĘTRZNEJ RAMKI
   ========================================================= */

.offer-main-panel-content .carousel-fx-wrapper,
.offer-main-panel-content .slideshow,
.offer-main-panel-content .slick-list {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

}


/* =========================================================
   07. KARTY PRODUKTÓW
   RAMKA TYLKO NA SAMEJ KARCIE
   ========================================================= */

.offer-main-panel-content
.abs-layout-product-gallery {

    border: 1px solid #e8ebf0 !important;

    border-radius: 18px !important;

    background: #ffffff !important;

    box-shadow:
        0 2px 8px rgba(20, 35, 60, 0.04) !important;

}


/* =========================================================
   08. HOVER KARTY
   ========================================================= */

.offer-main-panel-content
.abs-layout-product-gallery:hover {

    border-color: #d9dee7 !important;

    box-shadow:
        0 12px 28px rgba(20, 35, 60, 0.11),
        0 3px 8px rgba(20, 35, 60, 0.05) !important;

}


/* =========================================================
   09. TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .offer-main-panel-content .panel-heading {

        padding: 8px 0 14px 0 !important;

    }


    .offer-main-panel-content .panel-heading h2 {

        font-size: 21px !important;

        padding-left: 12px !important;

    }


    .offer-main-panel-content
    .panel-heading h2::before {

        width: 3px !important;

   }

}

/* ▲▲▲ 3.5 KONIEC: NOWOŚCI + PROMOCJE — NAGŁÓWKI I RAMKI ▲▲▲ */




/* ▼▼▼ 3.6 ▼ BESTSELLERY — WYRÓŻNIENIE PIERWSZEGO PRODUKTU (cena) ▼▼▼ */

/* =========================================================
   JOBIREX — TYLKO BESTSELLERY (wersja odporna na mobile/desktop)
   WYRÓŻNIENIE PIERWSZEGO PRODUKTU
   ========================================================= */
/*
.slideshow-p-main-panel-content:not(.slideshow-p-main-panel-content + .slideshow-p-main-panel-content)
.carousel-fx-wrapper.carousel-deck
.slick-slide[data-slick-index="0"]
.abs-layout-product-gallery
.abs-item-price-box {

	background: #f5f7fc !important;
	border: 1px solid rgba(72, 91, 154, 0.12) !important;
	border-radius: 10px !important;
	padding: 7px 10px 8px 10px !important;
}
*/
/* ▲▲▲ 3.6 KONIEC: WYRÓŻNIENIE PIERWSZEGO BESTSELLERA ▲▲▲ */




/* ▼▼▼ 3.7 ▼ CONTEMPORA — NAGŁÓWEK, BANER + KARUZELA, KROPKI (slideshow-4 / slideshow-6) ▼▼▼ */

/* =========================================================
   JOBIREX — UKRYCIE NAGŁÓWKA „CONTEMPORA”
   TYLKO W KONKRETNEJ KARUZELI
   ========================================================= */

[data-panel-id="slideshow-4"] > .panel-body > .panel > .panel-heading {
    display: none !important;
}
/* =========================================================
   JOBIREX — CONTEMPORA
   BANER + KARUZELA BEZ ODSTĘPU
   ========================================================= */

/* BANER CONTEMPORA */
[data-panel-id="slideshow-6"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* WEWNĘTRZNE ELEMENTY BANERA */
[data-panel-id="slideshow-6"] > .panel-body,
[data-panel-id="slideshow-6"] > .panel-body > .panel,
[data-panel-id="slideshow-6"] > .panel-body > .panel > .panel-body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* OBRAZ / ELEMENT SLIDERA */
[data-panel-id="slideshow-6"] .item,
[data-panel-id="slideshow-6"] .abs-injection-slide,
[data-panel-id="slideshow-6"] .preserveFormatting,
[data-panel-id="slideshow-6"] .preserveFormatting p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   SEKCJA „CONTEMPORA” POD BANEREM
   ========================================================= */

[data-panel-id="slideshow-4"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

[data-panel-id="slideshow-4"] > .panel-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

[data-panel-id="slideshow-4"] > .panel-body > .panel {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

[data-panel-id="slideshow-4"] > .panel-body > .panel > .panel-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =========================================================
   JOBIREX — UKRYCIE WSKAŹNIKA POZYCJI
   TYLKO KARUZELA CONTEMPORA
   ========================================================= */

[data-panel-id="slideshow-4"] .slick-dots {
    display: none !important;
}
/* =========================================================
   JOBIREX — UKRYCIE WSKAŹNIKA POZYCJI
   TYLKO KARUZELA BESTSELLER
   ========================================================= */

[data-panel-id="slideshow-3"] .slick-dots {
    display: none !important;
}
/* =========================================================
   JOBIREX — UKRYCIE WSKAŹNIKA POZYCJI
   TYLKO KARUZELA ZESTAWY
   ========================================================= */

[data-panel-id="slideshow-2"] .slick-dots {
    display: none !important;
}

/* ▲▲▲ 3.7 KONIEC: CONTEMPORA ▲▲▲ */




/* #########################################################################
   ##  KONIEC CZĘŚCI 3 / 3  —  PREZENTACJA PRODUKTÓW
   ##  KONIEC PLIKU
   ######################################################################### */




/* #########################################################################
   ##  CZĘŚĆ 4 / 4  —  POPRAWKA MENU (WYSOKA SPECYFICZNOŚĆ)
   ##  Cel: wymusić poziomy układ menu głównego niezależnie od kolejności
   ##       ładowania arkuszy (motyw WAPRO vs ten plik).
   ##  Selektor z ID (#header #mainMenu) wygrywa z regułami motywu.
   ##  Jeśli menu działa poprawnie bez tej części — można ją usunąć.
   ######################################################################### */

@media (min-width: 768px) {

    #header #mainMenu.navbar-collapse > ul.navbar-nav {

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        width: 100% !important;

        float: none !important;

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

    #header #mainMenu.navbar-collapse > ul.navbar-nav > li {

        float: none !important;

        width: auto !important;
    }

}

/* ▲▲▲ KONIEC CZĘŚCI 4 / 4 — POPRAWKA MENU ▲▲▲ */
</style>
</body>
</html>