:root {
    --primary-50: #85B4FF;
    --primary-100: #5C9AFF;
    --primary-200: #3381FF;
    --primary-300: #0A68FF;
    --primary-400: #0056E0;
    --primary-500: #0047BA;
    --primary-600: #00378F;
    --primary-700: #002766;
    --primary-800: #00173D;
    --primary-900: #000814;

    --silver-50: #CDD5E0;
    --silver-100: #B4C0D0;
    --silver-200: #9BACC0;
    --silver-300: #8297B0;
    --silver-400: #5E7898;
    --silver-500: #4F647D;
    --silver-600: #3F5064;
    --silver-700: #2c3847;
    --silver-800: #1F2832;
    --silver-900: #101419;

    --red-50: #F4B8C1;
    --red-100: #FF5C6D;
    --red-200: #FF3347;
    --red-300: #FF0A2B;
    --red-400: #E00014;
    --red-500: #C91E38;
    --red-600: #8F1424;
    --red-700: #660D1A;
    --red-800: #3D070F;
    --red-900: #140205;

    --yellow-50: #FEF3D7;
    --yellow-100: #FDE7AF;
    --yellow-200: #FDDB87;
    --yellow-300: #FCCF5F;
    --yellow-400: #FBC337;
    --yellow-500: #FAB505;
    --yellow-600: #DC9F04;
    --yellow-700: #B48204;
    --yellow-800: #8C6503;
    --yellow-900: #644802;


    --black: #1c2027;
    --dark: var(--silver-700);
    --red: var(--red-500);
    --white: #ffffff;
    --blue: var(--primary-500);
    --yellow: var(--yellow-500);


    --green: #36B449;
    --green-font: #0C4F3D;
    --green-hover: #0E372C;

    --grey-50: #FAFAFA;
    --grey-100: #f7f7f7;
    --grey-200: #f0f0f0;
    --grey-300: #D4D4D8;
    --grey-400: #A1A1AA;
    --grey-500: #324A59;
    --grey-600: #52525B;
    --grey-700: #3F3F46;
    --grey-800: #27272A;
    --grey-900: #18181B;

    --transition: .3s ease-in;

    --fz-100: 12px;
    --fz-200: 14px;
    --fz-300: 17px;
    --fz-350: 20px;
    --fz-400: 24px;
    --fz-500: 28px;
    --fz-600: 36px;
    --fz-700: 40px;
    --fz-800: 48px;
    --fz-900: 56px;
}

a:not([disabled]):focus,
button:not([disabled]):focus,
input:not([disabled]):focus,
select:not([disabled]):focus,
textarea:not([disabled]):focus,
a:not([disabled]):focus-visible,
button:not([disabled]):focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
textarea:not([disabled]):focus-visible {
    position: relative;
    outline: 2px dashed #0047BA;       /* Kolor konturu - widoczna ramka */
    outline-offset: 2px;                /* Przesunięcie konturu względem elementu */
    border-radius: 2px;                 /* Zaokrąglenie rogów */
    transition: outline-offset 0.3s linear 0ms, outline-width 0.3s linear 0ms, outline-color 0.3ms linear 0.3s !important;
}

html {padding: 0;margin: 0;}
body {
    padding: 0;
    margin: 0;
    color: var(--black);
    line-height: 100%;
    min-width: 330px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    background-color: var(--grey-100);
    position: relative;
}

a {color: var(--primary-500);text-decoration: none;position: realtive;transition: color 0.3s ease-in-out;}
a:hover {color: var(--red-400);text-decoration: none !important;}
 .skip-link {
     position: fixed;
     top: 5px;
     left: 5px;
     background:var(--dark);
     border-radius: 4px;
     color: #fff;
     padding: 3px;
     text-decoration: none;
     z-index: 1000;
     font-size: 12px;
     transition: top 0.3s ease-in-out;
     opacity: 0;
 }
.skip-link:focus {opacity: 1;}

p a {
    background:
        linear-gradient(to right,
            rgba(100, 200, 200, 1),
            rgba(100, 200, 200, 1)),
        linear-gradient(to right,
            var(--red-500),
            rgba(255, 0, 180, 1),
            var(--primary-500));
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}
p a:hover {background-size: 0 1px, 100% 1px;text-decoration: none !important;}

img {border: 0;}


/* HEADER */
body > header{display:flex !important;flex-direction: column;margin:0;padding:0;min-height:80px;position:relative;/*transform: translateY(0);*/transition: transform 0.9s ease-in-out;z-index: 1000;background-color: #fff;}
body > header.sticky {position: fixed; top: 0; width: 100%; z-index: 1000;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}

/* HEADER CONTENT */
.header-content{display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;width: 100%;min-height: 90px;}
.header-content .clear{display: none;}
.hamburger{display: none;font-size:30px;line-height:1;cursor:pointer;border:0;background:none;border-radius: 4px;order:3;}
.hamburger i{color:#000;transition: all 0.2s ease-in-out;}
.hamburger:hover i{color: var(--primary-600);}
.hamburger span{display: none;}
.logo1{display:flex;margin:0;height:38px;}
.logo2{display:block;margin:14px auto 0;text-align:center;}
.logo1 img{width: 224px;height:38px;max-height:40px;}
.logo2 img{height:40px;}
@media (max-width:1289.99px) {
.header-content .logo1 img{height: 30px;width:176px;}
}
@media (max-width:799.99px){
    .hamburger{display: flex;}
    .header-content{padding:10px 0 0;}
    .header-content .logo1{order: 1;}
    
    .header-content .box-search{order: 2;}
    .header-content .user-block{order: 4;}
    .header-content .sklep-box-koszyk{order: 5;}
}
@media (max-width:699.99px) {
    .hamburger{order: 2;}
    .header-content .box-search{order: 3;width: 100%;margin-top: 10px;}
}


.box-search{display:flex;height:40px;background-color:#ffffff;margin:0;width:600px;padding:0;position:relative;z-index: 10010;}
.box-search form{display:flex;flex:1;}
.box-search input[type=text]{
    height: 40px;
    border-radius: 4px 0 0 4px;
    border-left: 1px solid var(--dark);
    border-top: 1px solid var(--dark);
    border-bottom: 1px solid var(--dark);
    border-right: 0;
    padding: 0 15px;
    margin:0;
    flex:1;
}
.box-search input[type=submit]{
    border:0;
    border-radius:0 3px 3px 0;
    box-shadow:none;
    width:100px;
    height:40px;
    padding: 0; margin:0;
    cursor:pointer;
    background-color:var(--red-400);
    border: 1px solid var(--red-400);
    color:#fff;
    transition: all 0.4s ease-in-out;
}
.box-search input[type=submit]:hover{background-color:var(--red-500);color:var(--white);}
.box-search-xs{width:90%;margin:20px auto 0;float:none;}
#autocomplete-results{
    position: absolute;
    top: 40px;
    left: 5px;
    background-color:#ffffff;
    border: 1px solid var(--dark);
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 4px 4px;
    width:495px;
    margin: 0;
    padding: 0;
    box-shadow:4px 3px 5px -3px rgba(0, 0, 0, 0.5);
    z-index:10000 !important;
    overflow: hidden;
    background-color: var(--grey-100);
}
#autocomplete-results li{display:flex;padding:10px 10px 10px 25px;position:relative;margin:0;font-size:14px;cursor:pointer;transition: all 0.2s ease-in-out;list-style: none;}
#autocomplete-results li:hover{background-color:var(--grey-200);color: var(--blue);}
#autocomplete-results li::before{background:url("../img/sprite.png") no-repeat scroll -82px 0;content:"";display:block;height:12px;left:6px;position:absolute;top:13px;width:13px;}

.sklep-box-koszyk{
    display: flex;
    align-items: center;
    height:55px;margin: 0;position:relative;max-width:242px;
    padding: 10px;
    border-radius: 4px;
    cursor:default;
}

.sklep-box-koszyk:hover{background-color: var(--grey-200);}

.box-shopcart-count{
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px 1px;
    height: 16px;
    min-width:17px;
    color:#ffffff;
    font-size: 11px;
    line-height:100%;
    background-color:var(--red-400);
    border-radius:15px;
    top:8px;
    left:30px;
}
.box-shopcart-ico{display:flex;height:30px;width:37px;}
.box-shopcart-empty{display:flex;justify-content: center;width:120px;font-style:italic; font-size: 13px;}

.box-koszyk-title{display:flex;align-items: center;justify-content: center;padding:0 10px;margin:0;color:#0f0b08;font-size:20px;float:left;}
.box-koszyk-title div{margin-right:15px;}
.box-koszyk-title span{float:right;font-weight:500;}
.box-koszyk-title span span{font-weight:normal;font-size:12px;}
.box-koszyk-title div{float:left;}
.sklep-box-produkty{display:none;overflow:hidden;padding:15px;margin:0;background-color:#ffffff;width:400px;position:absolute;top:55px;right:0;box-shadow:4px 3px 5px -3px rgba(0, 0, 0, 0.5);z-index:1000;border-radius:3px;}
.sklep-box-cena-najnizsza{font-size: 10px; font-weight: normal;margin-top: -3px;line-height: 1;}
.product-right .sklep-box-cena-najnizsza{margin-top:7px; font-size: 11px;text-align:right;}
.sklep-box-produkty table tr td{font-size:12px;padding:2px;line-height:115%;}
.sklep-box-koszyk:hover .sklep-box-produkty{display:block;}

.user-block{display:flex;margin:0;position:relative;z-index:10000;height: 55px;}
.user-block-link{display: flex;flex-direction: row;align-items: center;gap: 10px;text-decoration:none;color: var(--black);padding: 10px;border-radius: 4px;}

.user-block:hover .user-block-link{color: var(--black);background-color: var(--grey-200);}
.user-block-link-text{display: flex;flex-direction: column;gap: 0;}
.user-block-link-login{font-size: 11px;}
.user-block-link-account{font-size: 14px;font-weight: 600;}
.user-block-menu{position:absolute;display:none;width:200px;background-color:#ffffff;padding:15px;top:55px;left:-30px;z-index:1000;border-radius:3px;box-shadow:4px 3px 5px -3px rgba(0, 0, 0, 0.5);}
.user-block:hover .user-block-menu{display:block;}
.user-block-menu input[type=text],
.user-block-menu input[type=password]{color:#575757 !important;width:170px;margin:0 0 5px;border-radius:0;}
.user-block-menu input[type=submit]{width:170px;text-align:center;border:0;color:#ffffff;line-height:100%;padding:8px 0 11px;cursor:pointer;margin:0 0 10px 0;}
.user-block-menu a{font-size:13px;display:block;padding:3px;text-decoration:none;color:#4670ac;}
.user-block-menu a:hover{text-decoration:underline;}

/* HEADER MENU */
.header-menu{display: block;width: 100%;background-color: var(--dark);overflow: hidden;}
.header-menu a svg {fill: var(--grey-300); height: 30px; width: 30px; transition: all 0.4s ease-in-out;}
.header-menu a svg .svg-fill{fill: var(--grey-300);transition: all 0.4s ease-in-out;}
.header-menu a svg .str0,
.header-menu a svg .str1 {stroke: var(--grey-300); transition: all 0.4s ease-in-out;}
.header-menu a:hover svg,
.header-menu a:hover svg .svg-fill {fill: var(--white);}
.header-menu a:hover svg .str0,
.header-menu a:hover svg .str1 {stroke: var(--white);}

.menu-ico{display: flex;}
.menu-ico ul{display: flex; flex:1;justify-content: space-between;margin: 0;padding: 0;}
.menu-ico ul li{display:flex;}
.menu-ico ul li a{display: flex;justify-content: center;align-items: center;gap: 5px;height:55px;color: var(--grey-300); font-size:14px;padding: 0;transition: all 0.2s ease-in-out;}
.menu-ico ul li a:hover{color: var(--white);}
.menu-ico ul li span{display: flex;font-weight: 500;}


@media (max-width:1289.99px){
    .box-search{width: 400px;}
    #autocomplete-results{width: 390px;}
    .logo1{height: 30px;}
    .menu-ico ul li a{font-size: 9px;}
    .koszyk-pusty{display: none;}
}
@media (max-width:999.99px){.menu-ico ul li a{flex-direction: column;gap: 0;}}
@media (max-width:949.99px){
    .header-content{padding-top: 10px;}
    .box-search{width: 560px;}
}
@media (max-width:799.99px){
    .header-content{padding-top: 10px;}
    .box-search{width: 400px;}
}
@media (max-width:580px){.header-menu,.menu-ico{display: none !important;}}
@media (max-width:440px) {
    #autocomplete-results {width: 300px;}
}

.top-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    background-color:var(--grey-200);
}
.top-box a{color:var(--grey-500);}
.top-box a:hover {color: var(--primary-500);}
.top-box .box{float:left;margin:2px 30px 0 0;position:relative;}
.top-box .box .box-home-ico{font-size:20px;float:left;margin:-5px 10px 0 0;padding:0 15px;}

.lang-bar{display:flex;justify-content: end;align-items: center;gap:5px;height:27px;line-height:1;}
.lang-bar nav{margin-right: 15px;}
.lang-bar nav ul{display: flex;flex-direction: row;gap: 5px;margin: 0;padding: 0;}
.lang-bar nav ul li{display: flex;list-style: none;}
.lang-bar nav a{display:flex;padding:5px;}
.lang-bar-label{display: flex;align-items: center;justify-content: center;font-size: 13px;}
.lang-bar img{margin:0;padding:0;height: 15px;width: auto;border-radius:2px;transition: all 0.2s ease-in-out;}
.lang-bar a:hover img{scale: 1.2;}
.lang-bar select{color:#000;cursor:pointer;font-size:14px;font-weight:500;border:1px solid var(--grey-200);padding:0;margin:0;width:45px;-moz-appearance:none;background:var(--grey-200) url(../img/bg-select.png) no-repeat scroll 95% center !important;text-indent:0.01px;text-overflow:"";}
@media (max-width:756px){.lang-bar{width:100%;padding:0;min-width:auto;}}
.menu-bar{min-height:28px;width:100%;display:block;overflow:hidden;margin-top: 10px;}

/* overlay po najechaniu na menu */
.main-container{display:flex;flex-direction: column;gap: 25px;padding-top: 25px;position:relative;z-index:1;}
.main-container::before {content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);z-index: 3;pointer-events: none;transition: background-color 0.6s ease;}
.main-container.overlay-active::before {background-color: rgba(16, 20, 25, 0.7);}

.head{width:615px;height:93px;display:block;overflow:hidden;margin:0;float:left;background-color:#000000;}
.sciezka{display: flex;flex-direction: row;gap: 0;flex-wrap: wrap;margin:0;padding:0;color:#323232;font-size:11px;width:100%; align-items: center;}
.sciezka li{display: flex;flex-direction: row;gap:0;flex-wrap: wrap;list-style:outside none none;margin:0;padding:0; align-items: center;}
.sciezka li ul{margin:0;padding:0;}
.sciezka li a{color:var(--black);display: block;padding: 7px 5px;float:left;margin:1px 5px 0 0;text-decoration:none;font-size:13px;line-height:100%;}
.sciezka li a:hover{color: var(--red-500);}
.sciezka li .sep{float:left;margin:0 5px 0 0;}
@media (max-width:768px){.menu-bar{display: none;}}
.phome #slider{float:left;margin:0;padding:0;height:700px;position:absolute;top:0;left:0;right:0;}
.phome #slider li{display:block;overflow:hidden;margin:0;padding:0;float:left;}
.phome #slider li a{display:block;cursor:pointer;color:#ffffff;font-size:18px;line-height:100%;padding:15px 20px 21px;text-decoration:none;text-transform:uppercase;}
.bx-pager,.bx-controls{display:none !important;}
.box-1 ul li .active,
.box-1 ul li a:hover{background:url(../img/bg-active-menu-header.png) repeat-x;}

.block-product{display:flex;flex-direction:column;}
.block-product-title{float:left;margin:8px 0 0;padding:7px 20px 9px 15px;display:block;background-color:#eee;position:relative;border-radius:3px 3px 0 0;}
.block-product-title h3{margin:0 !important;padding:0 !important;line-height:100%;font-weight:normal;font-size:16px;}
.block-product-title h3 a{color:#644125;}
.block-product-content{border:1px solid var(--grey-300);display:flex;flex-direction:row;justify-content: center;flex-wrap: wrap;gap:10px;border-radius:0 3px 3px 3px;margin:0 0 20px 0;background-color: #fff;}
.block-product-content .sklep-box-produkt{border: 0;}
.block-type-5 .block-product-title,.block-type-5 .block-product-title::after{background-color:#305d8a;color:#ffffff;}
.block-type-6 .block-product-title,.block-type-6 .block-product-title::after{background-color:#ffdd00;color:#644125;}
.block-type-4 .block-product-title,.block-type-4 .block-product-title::after{background-color:#2B50A3;color:#ffffff;}

section {display: flex;flex-direction: column;gap: 15px;}
section header{display: flex;flex-direction: row;gap: 15px;align-items: center;flex-wrap: wrap;}
section h1{font-size:24px;display:block;flex:1;padding:0;margin:0; min-width: 320px;}
main, main > .row {gap: 25px;position: relative;} 
aside{display:flex;flex-direction: column;gap: 15px;width:300px;position:relative;z-index:10;background-color: #fff;padding: 15px;border-radius: 4px;border: 1px solid var(--grey-300);}
section.content{display:flex;flex:1;flex-direction: column;gap: 15px;margin:0;}

.side-left nav,
aside .box{display:block;background-color:#ffffff;}
aside .box{overflow:hidden;}
nav .nav-title,.side-left .box .box-title{display:block;overflow:hidden;color:#323232;text-transform:uppercase;text-decoration:none;padding:13px 0 13px 2px;line-height:100%;}
nav .nav-title h3,.side-left .box .box-title h3{line-height:100%;padding:0;margin:0;font-size:15px;font-weight:bold;}
.level-up{display:block;position:absolute;top:0;right:0;cursor:pointer;width:35px;height:31px;z-index:100;background:var(--red-400) url(../img/level-up.png) no-repeat center center;}
aside nav ul{display: block;margin:0 -15px;padding:0;}
aside nav ul li{margin:0;padding:0;list-style:none;position:relative;background-color:#fff;}
aside nav > ul > li{margin:0;}
aside nav ul li a{color:var(--black);display:flex;align-items: center;justify-content: space-between;min-height:35px;overflow:hidden;padding: 0 15px 0 25px;text-decoration:none;position:relative;z-index:20;margin:0;font-size:15px;}
aside nav ul li .fa {display: none;}
aside nav > ul > li.has-submenu > a > .fa {display: block;color:#7e8086;font-size:9px !important;float:left;margin:5px 7px 0 0;}
aside nav > ul > li .fa{order:2;}
aside nav .active > a{color: var(--red-400);}
/* SUB MENU DLA STRONY GLOWNEJ */
.page-id-1 aside nav > ul > li > ul{display:none;}
.page-id-1 aside nav > ul > li > ul {
    position: absolute;
    top: 0;
    left: 314px;
    z-index: 100;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    justify-content: start;
    gap: 15px;
    width: 1200px;
    padding: 15px;
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    border: 1px solid var(--grey-300);
}
.page-id-1 aside nav > ul > li:hover > ul {display: grid;}
.page-id-1 aside nav > ul > li.children-3 > ul{width: 800px;}
.page-id-1 aside nav > ul > li.children-2 > ul{width: 600px;}
.page-id-1 aside nav > ul > li.children-1 > ul{width: 400px;}
.page-id-1 aside nav > ul > li > ul li a{display:flex;color: var(--blue);font-size: 15px; font-weight: 600; padding: 5px;}
/* SUB SUB MENU */
.page-id-1 aside nav > ul > li > ul ul {margin:0;padding:0;}
.page-id-1 aside nav > ul > li > ul li li a {color: var(--black);font-size: 13px; font-weight: 400;padding: 2px 5px 2px 5px;min-height:auto;}
.side-left .menu-b-10 {
    margin-top: -10px;
}

/* SUB MENU DLA PODSTRON */

body:not(.page-id-1) aside nav > ul ul {margin:0;}
body:not(.page-id-1) aside nav>ul ul ul{margin-left: 15px;}


@media (max-width:1600px){
    .page-id-1 aside nav > ul > li > ul{width: 1000px;}
}
@media (max-width:1400px){
   .page-id-1  aside nav > ul > li > ul{width: 700px;}
}
@media (max-width:1290px){
    aside{width: 240px;}
    .page-id-1 aside nav > ul > li > ul{width: 620px;left: 254px;}
}

@media (max-width:990px){
    .page-id-1 aside nav > ul > li > ul{width: 550px;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
}

@media (max-width:990px){
    .page-id-1 aside nav > ul > li > ul{width: 520px;}
}
@media (max-width:860px){
    .page-id-1 aside nav > ul > li > ul{width: 480px;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
}

@media (max-width:799.99px) {
    .page-id-1 aside nav > ul > li > ul{width: 450px;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
    .content-main .row {flex-direction: column;}
    
    aside {height:0;width:0;padding:0;border:0;position:absolute;overflow: hidden;}
    aside nav .menu-b-10{
        position: fixed;
        display: none;
        top: 100px;
        left:10px;
        right:10px;
        bottom: 10px;
        z-index: 1000000;
        overflow-x: auto;
        margin: 0;
        padding-top: 10px;
    }
    aside .box-producenci{display:none;}
}
@media (max-width:480px){.side-left .menu-b-10{display:none;}}



/*
aside nav > ul > li > a::before{background:#f0f0f0 none repeat scroll 0 0;bottom:0;content:"-";height:50px;left:-120%;overflow:hidden;position:absolute;text-align:left;text-indent:-119988px;transition:all 400ms ease-out 0s;width:100%;z-index:-1;}
aside nav ul .active a::before,
aside nav ul li:hover > a::before{left:0px;color:#ffffff !important;}
aside nav ul .active ul li a{padding: 5px;z-index:30;font-size: 13px;}

aside nav .hover-tree > li:hover > ul,
aside nav .hover-tree li > ul > li:hover > ul{display:block;position:absolute;top:0;left:314px;z-index:100;width:240px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);border-radius: 0 4px 4px 0;
    border: 1px solid var(--grey-300);}
aside nav .hover-tree li > ul > li:hover > ul{top:-1px;left:240px;}

*/
.box-producenci nav > ul{display: flex;flex-direction: row; flex-wrap: wrap; gap: 5px;margin:0;}
.box-producenci nav ul li a{ padding: 5px;min-height: 15px;}


.side-left nav ul li a .fa{float:right;}
.side-left .menu-b-10 > li > a{padding-left: 53px;}
.side-left .menu-b-10 li > a::after{position:absolute;content:'';top:5px;left:15px;width: 25px; height: 25px;display: block;background-size: cover;filter:grayscale(100%);}
.side-left .menu-b-10 li:hover > a::after{filter:grayscale(0%);}
.side-left .menu-9 > a::after{background: url(/gfx/svg/akcesoria.svg) no-repeat;}
.side-left .menu-10 > a::after{background: url(/gfx/svg/centralka.svg) no-repeat;}
.side-left .menu-11 > a::after{background: url(/gfx/svg/cewki.svg) no-repeat;}
.side-left .menu-12 > a::after{background: url(/gfx/svg/chemia.svg) no-repeat;}
.side-left .menu-13 > a::after{background: url(/gfx/svg/czujnik.svg) no-repeat;}
.side-left .menu-14 > a::after{background: url(/gfx/svg/elektrozawor.svg) no-repeat;}
.side-left .menu-15 > a::after{background: url(/gfx/svg/elektronika.svg) no-repeat;}
.side-left .menu-16 > a::after{background: url(/gfx/svg/emulator.svg) no-repeat;}
.side-left .menu-17 > a::after{background: url(/gfx/svg/filtr.svg) no-repeat;}
.side-left .menu-18 > a::after{background: url(/gfx/svg/lambda-system.svg) no-repeat;}
.side-left .menu-19 > a::after{background: url(/gfx/svg/membrana.svg) no-repeat;}
.side-left .menu-20 > a::after{background: url(/gfx/svg/klapa.svg) no-repeat;}
.side-left .menu-21 > a::after{background: url(/gfx/svg/klapomikser.svg) no-repeat;}
.side-left .menu-22 > a::after{background: url(/gfx/svg/mikser.svg) no-repeat;}
.side-left .menu-23 > a::after{background: url(/gfx/svg/reduktor.svg) no-repeat;}
.side-left .menu-24 > a::after{background: url(/gfx/svg/silnik-krokowy.svg) no-repeat;}
.side-left .menu-26 > a::after{background: url(/gfx/svg/sensor-rezerwy.svg) no-repeat;}
.side-left .menu-27 > a::after{background: url(/gfx/svg/waz-gumowy.svg) no-repeat;}
.side-left .menu-28 > a::after{background: url(/gfx/svg/wtryskiwacz.svg) no-repeat;}
.side-left .menu-31 > a::after{background: url(/gfx/svg/adapter.svg) no-repeat;}
.side-left .menu-344 > a::after{background: url(/gfx/svg/cb-radio.svg) no-repeat;}
.side-left .menu-434 > a::after{background: url(/gfx/svg/diesel-lpg.svg) no-repeat;}
.side-left .menu-479 > a::after{background: url(/gfx/svg/system-lubryfikacji.svg) no-repeat;}
.side-left .menu-558 > a::after{background: url(/gfx/svg/zestaw.svg) no-repeat;}
.side-left .menu-559 > a::after{background: url(/gfx/svg/wielozawor.svg) no-repeat;}
.side-left .menu-560 > a::after{background: url(/gfx/svg/rura-do-gazu.svg) no-repeat;}
.side-left .menu-674 > a::after,
.side-left .menu-561 > a::after,
.side-left .menu-658 > a::after,
.side-left .menu-659 > a::after,
.side-left .menu-666 > a::after,
.side-left .menu-685 > a::after,
.side-left .menu-690>a::after,
.side-left .menu-691>a::after,
.side-left .menu-692>a::after,
.side-left .menu-662 > a::after,
.side-left .menu-696 > a::after,
.side-left .menu-660 > a::after {background: url(/gfx/svg/zbiornik.svg) no-repeat;}
.side-left .menu-561 > a{font-weight:bold;}

.link-powrot{display: block;height:23px;width: 20px;opacity: 0.4;transition: all 0.2s ease-in-out;margin-bottom: 1px;}
.link-powrot:hover{text-decoration:underline;opacity: 1;}

/* SLIDESHOW */
.slideshow{display: flex;flex-direction: column;align-items: center;gap: 0;border: 1px solid var(--grey-300);border-radius: 4px;overflow: hidden;margin: 0;}		
.slideshow-pagination{display: flex;flex-direction: row;gap: 0;justify-content: space-between;width: 100%;border-top: 1px solid var(--grey-300);}
.slideshow-pagination button{display: flex;align-items: center;justify-content: center;flex:1;position: relative;cursor: pointer;height: 40px;background-color: #fff;font-size: 13px;border: 0;}
.slideshow-pagination button:focus{outline: none;font-weight: 600;}
.slideshow-pagination button.active{font-weight: 600;color: var(--blue);}
.slideshow-pagination button.active::before {content: '';position: absolute;top: -9px;left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;z-index: 1;}
.slideshow-pagination button.active::after {content: '';position: absolute;top: -10px;left: 50%;transform: translateX(-50%);border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 10px solid #ccc;z-index: 0;}
.slideshow-container {display: flex;align-items: stretch;flex-direction: column;overflow: hidden;max-height: 357px;width: 100%;max-width: 1350px;position: relative;margin: 0;padding:0;}
.slideshow-container figure{position: relative;display: none;flex-direction: column;align-items: center;justify-content: center;height: auto;border:0;margin:0;padding:0;}
.slideshow-container figure:first-child {display: flex;animation: none;}
.slideshow-container figure:not(:first-child) {animation-name: slideshowFade;animation-duration: 1s;}
.slideshow-container figure:first-child{display: flex;}
.slideshow-container figure a{display: block;width: 100%;height: 100%;}
.slideshow-container figure img{width: 100%;height: auto;max-height: 100%;object-fit: cover;}
@keyframes slideshowFade {from {opacity: .1}	to {opacity: 1}}

/*CATEGORIES*/
.lista-produktow{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.category-description-intro,
.category-description-content{display: flex;flex-direction: column;padding: 0 10px;}
.category-description-intro{padding: 0 14px;background: #ddf0e6;border-radius: 4px;margin: 0; color:#1b5e3a;font-size: 15px;}
.category-description-content {position: relative;max-height: 400px;overflow: hidden;padding-bottom: 40px;}
.category-description-long-content {padding-bottom: 0px;position: relative;}
.category-description-long-content:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 150px;background: rgb(255, 255, 255);background: linear-gradient(0deg, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 0.04626516133797265) 100%);}
.category-description-long-content.expanded:after{display: none;}
.category-description-toggle {display: flex;justify-content: center;align-items: center;background: rgb(112, 112, 112);background: linear-gradient(to bottom, rgba(112, 112, 112, 1) 0%, rgba(0, 0, 0, 1) 100%);color: white;border: none;padding: 5px 20px 8px;margin: -30px auto 0;cursor: pointer;font-size: 13px;z-index: 10;position: relative;border-radius: 5px;text-align: center;width: 140px;}
.category-description-toggle i {margin-right: 5px;}
.category-description-content.expanded {max-height: none;}
.category-description-toggle.expanded {margin-top: 0 !important;}
.section-subcategory{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;gap: 14px;}
.box-list-cat{display:flex;flex-direction: column;justify-content: center;align-items: center;width: calc(12.5% - 13px);padding:5px;margin:0;line-height:100%;text-align:center;font-size:12px;color:var(--black);border-radius:3px;border:1px solid #d8d9dc;vertical-align:middle;font-weight:500;overflow:hidden;background-color: #fff;}
.box-list-cat img{height: 50px;width: auto;}
.box-list-cat:hover{color:#ee4300;border:1px solid #ee4300;}
.sortBar{display:flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding:10px 15px;background-color:#fff;border:1px solid #d8d9dc;font-size:12px;margin:0;border-radius:4px;}
.productsSort,.productsShow{display: flex;align-items: center;gap: 8px;}
.productsSort .sort-txt,
.productsShow .sort-txt{float:left;line-height:100%;margin: 0;padding:0;}
.productsSort select,

.productsShow select{float:left;border:1px solid #d8d9dc;border-radius:3px;margin:0 !important;line-height:100%;padding:2px;width:145px;background-color: #fff;}
.productsShow select{width:50px;text-align: center;}
.productsShow span{display:block;margin:0;float:left;line-height:100%;} 
.pager{display:flex;margin: 0;}
.pager a.pagerLeft,
.pager a.pagerRight,
.pager .pagerActive,
.pager .pagerLink{float:left;display:block;overflow:hidden;line-height:100%;padding:7px 10px;min-width:15px;height:30px;margin:0 1px;border:1px solid #d8d9dc;color:#323232;font-size:13px;text-align:center;text-decoration:none;background-color:#ffffff;border-radius:3px;}
.pager .pagerActive{background-color:#ee4300;border:1px solid #ee4300;color:#ffffff;}
.pager a:hover{border:1px solid #ee4300;color:#ee4300;}
.pager a.pagerLeft{border:0;background:none;position:relative;width:20px;margin-right:10px;}
.pager a.pagerLeft::after{padding:0;content:"";display:block;height:17px;left:9px;position:absolute;top:6px;width:11px;z-index:1;background:url(../img/sprite.png) no-repeat 0 -43px;}
.pager a.pagerRight{border:0;background:none;position:relative;width:20px;}
.pager a.pagerRight::after{padding:0;content:"";display:block;height:17px;left:9px;position:absolute;top:6px;width:11px;z-index:1;background:url(../img/sprite.png) no-repeat -11px -43px;}


/* PRODUCTS */
.filter-toggle{
    display:none;
    justify-content: end;
}
.filter-toggle-btn{
    display: flex;
    gap: 5px;
    border:0;
    padding: 5px 10px 5px;
    font-size: 15px;
    font-weight: 500;
    background: none;
    color: var(--black);
    transition: all 0.4s ease-in-out;
    border-radius: 4px;cursor: pointer;
    margin: 0 5px 0 0;
}
.filter-toggle-btn:hover {background-color: var(--grey-200);}
.sklep-kategoria-produkty{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.sklep-box-produkt{
    display: flex;
    flex-direction: column;
    min-width: 208px;
    width: calc(25% - 12px);
	margin:0;
	border-radius:4px;
	cursor:default;
	position:relative;
	padding: 20px;
	background-color: #fff;
    border: 1px solid var(--grey-300);
    transition: all 0.2s ease-in-out;
    text-align: center;
}
.review-box:hover,
.sklep-box-produkt:hover{box-shadow:0 10px 26px 0 rgba(58,78,88,.41),0 8px 7px 0 rgba(58,78,88,.36);scale: 1.02;}
.sklep-box-produkt-img{overflow:hidden;text-align:center;}
.sklep-box-produkt-img a{display: block;background:#fff;}
.sklep-box-produkt-img img{width:90%;height:auto;margin: 0 auto;}
.pr-status-0{opacity:0.5;}
.sklep-box-tytul{display:flex;height:50px;line-height:1.1;justify-content:center;padding:0 3px;width:100%;align-items: center;text-align: center;}
.sklep-box-tytul a{font:400 14px/16px "Open Sans";color:#222;text-decoration:none;}
.sklep-box-tytul a:hover{color:#407bb7;text-decoration:none;}
.sklep-box-opis{font-size:12px;line-height:105%;text-align:center;padding:0 5px;height:73px;overflow:hidden;}
.sklep-box-cena{font-size:25px;font-weight:bold;text-align:center;display:block;height:45px;line-height:100%;margin:8px 0 0;}
.sklep-box-cena .sb-cena span{font-size:18px;}
.sklep-box-cena s{font-size:12px;font-weight:normal;}
.sklep-box-cena .priceCurrency{font-weight:normal;}
.sklep-box-cena .cena-promo{color:var(--red-400);}
.sklep-box-produkt .comments_note{margin: -20px 0 10px;}

@media (max-width:1800px) {
    .box-list-cat{width: calc(14.2% - 13px);}
}
@media (max-width:1600px) {
    .box-list-cat{width: calc(16.6% - 13px);}
}
@media (max-width:1440px){
    .box-list-cat{width: calc(20% - 13px);}
    .sklep-box-produkt{width: calc(33.33% - 20px);}
}

@media (max-width:1289.99px){
    .box-list-cat{width: calc(25% - 13px);}
    .sklep-box-produkt{width: calc(50% - 20px);}
}
@media (max-width:999.99px){
    
}
@media (max-width:799px){
    .section-subcategory{gap: 5px;}
    .box-list-cat{width: calc(33.33% - 13px);}
    .box-list-cat img{height: 35px;width: auto;}
    .slideshow-pagination button{font-size: 11px;}
    
    .filter-toggle{display:flex;}
    .box-wybierz-producenta{top:260px;left:0;right:0;bottom:0;overflow-y:auto;}
    .box-wybierz-producenta .box-title{display:none !important;}
    .box-wybierz-producenta .filter-content{padding: 20px;}
    .box-wybierz-producenta .filter-box-val{padding: 6px 0;}
    .box-wybierz-producenta .filter-box{font-size: 14px;}
}
@media (max-width:455px) {
    .sklep-kategoria-produkty{gap: 7px;}
    .sklep-box-produkt{
        padding: 0px 5px 10px;
        min-width: 185px;
    }
    .sklep-box-produkt-img img{width: 175px;}
    .sklep-box-tytul{height:auto;}
    .slideshow-pagination button{height: 20px;}
    .slideshow-pagination button span{height:0;width:20px;border:2px solid var(--grey-300);overflow:hidden;border-radius:1px;}
    .slideshow-pagination button.active span{border-color: var(--blue);}
    .productsSort div{display:none;}
    
}
@media (max-width:385px) {
    .sklep-box-produkt {min-width: 170px;}
}
@media (max-width:359px) {
    .sklep-box-produkt {
        min-width: 220px;
    }
}


/*PRODUCT*/
.product-box{display:flex;flex-direction: column;position:relative;margin:0;gap:25px;}
.product-box-header{display:flex;flex-direction: row;justify-content: space-between; gap: 25px;}
.product-box-header-left{display: flex;flex:1;flex-direction: column; gap: 10px;}

.product-box-header-right {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 365px;
}
.product-foto{display:flex;flex-direction: row;flex-wrap: wrap;gap: 15px;align-items: center;justify-content: center;}
.product-foto .image{display:block;overflow:hidden;max-width:630px;padding: 15px;border: 1px solid var(--grey-300);background-color: #fff;border-radius: 4px;}
.product-foto .image img{max-width:600px;height: auto;}
.product-foto ul{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;flex:1;margin:0;padding:0; gap: 15px;}
.product-foto ul li{display:block;overflow:hidden;float:left;width:126px;height:95px;padding:0;margin:0;list-style:none;background-color: #fff;border: 1px solid var(--grey-300);border-radius: 4px;}
.product-foto ul li img{width:126px;min-height:95px;border-radius: 4px;}
.product-box .product-right{display:block;float:right;background-color:var(--grey-200);border:1px solid var(--grey-300);padding:5px 20px;border-radius: 4px;}
@media (max-width:1440px) {
    .product-foto .image{width: 535px;}
    .product-foto .image img{width: 505px;}
}
@media (max-width:1290px) {
    .product-foto .image{width: 315px;}
    .product-foto .image img{width: 285px;}
}
@media (max-width:998px) {
    .product-box-header{flex-wrap: wrap;justify-content: center;}
}
@media (max-width:768px){
    .content-main .row{flex-direction: column;}
   
    .product-box .product-right{margin:0 auto !important;float:none;overflow:hidden;}
}

.product__dostepnosc--status {display: flex;font-size: 13px;}
.product__dostepnosc--status span{display: flex;padding: 2px 7px 4px;border-radius: 5px;color:#fff;line-height:1.1;}
.product__dostepnosc--wysylki{display: block;margin: 5px 0;padding: 5px 8px;font-size: 12px;line-height: 1.3;background: #fff;width: 100%;border: 1px solid #d5e2e6;border-radius: 4px;}

.product-box h1{font-size:24px;font-weight:normal;line-height:120%;margin:0 10px 10px;padding:0;}
.product-box .qty{width:40px;text-align:center;}
.product-box select{width:110px;}
.product-box .noBorder td{padding:5px 10px 5px 0;}

.product-price{display:flex;flex-direction: column;gap: 2px;}
.product-box .promo-date{font-size:10px;margin:5px 5px 0;text-align:right;}
.price-cheaper-by{display: flex;flex-direction: row;align-items: center;justify-content: center;align-self: start;gap: 5px;font-size: 14px;background-color: var(--red-400);padding: 3px 10px;border-radius: 4px;color: #fff;font-weight: 400;}
.price-cheaper-by span{font-weight: 600;}
.price-normal{font-size:48px;font-weight: 600;text-align: center;margin: 10px 0;}
.price-normal span{font-size: 30px;}
.price-promo{color: var(--red-400);}
.price-net{font-size: 14px;text-align: right;}
.price-normal-before-promo,
.price-promo-min{font-size: 11px;text-align: right;}

.product-add-to-cart{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 15px;
}
.koszyk-counter{display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0; margin:0;}
.koszyk-counter-sub,
.koszyk-counter-add{display:flex;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;transition: all 0.2s ease-in-out;border:0;background-color:#fff;border: 1px solid var(--grey-300);}
.koszyk-counter-sub{border-radius:4px 0 0 4px;}
.koszyk-counter-add{border-radius: 0 4px 4px 0;}
.koszyk-counter-sub:hover,
.koszyk-counter-add:hover {background-color: var(--grey-200);}
.koszyk-counter input[type="text"]{width:50px;height:40px;text-align:center;padding:0;margin: 0;border-radius:0 !important;border: 1px solid #fff;border-top-color: var(--grey-300);border-bottom-color: var(--grey-300);}

.box-bez-logowania{display: block; padding: 6px 5px 7px; text-align:center;background-color: #ffffff7a;font-size: 12px;margin-top: 35px;border-radius:5px;line-height: 113%; border: 1px solid var(--grey-300);}
.box-bez-logowania span {display: block;text-transform:uppercase;font-weight:bold;}

.product-add{font-size:18px;width:170px;padding:15px 5px 17px 60px;color:#ffffff;line-height:100%;background:rgb(112,112,112);background:-moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom, rgba(112,112,112,1) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#000000',GradientType=0);overflow:hidden;z-index:1;position:relative;cursor:pointer;margin:0;float:left;border:0;border-radius:3px;}
.product-add::before{background:var(--red-400) url(../img/bg-sklep-btn-koszyk.png) no-repeat 9px 14px;bottom:0;top:0;content:"-";width:45px;left:-120%;overflow:hidden;position:absolute;text-align:left;text-indent:-119988px;transition:all 400ms ease-out 0s;z-index:-1;left:0;border-radius:0 3px 3px 0;}
.product-add:hover::before{width:100%;border-radius:0;}
.order-by-phone{color:#333333;cursor:pointer;height:41px;display:block;font-size:9px;line-height:150%;margin:15px auto 25px;padding:6px 0 10px 30px;text-align:center;text-transform:uppercase;width:155px;position:relative;border-radius:3px;transition: all 0.2s ease-in-out;}
.order-by-phone strong{font-size:15px;}
.order-by-phone::before{background:url(../img/sprite.png) no-repeat scroll -62px -73px;content:"";display:block;height:18px;margin:0;position:absolute;width:16px;left:11px;top:11px;}
.order-by-phone:hover{color: #333333;background-color:#ffe645;text-decoration:none;}
@media (max-width:768px){
    .order-by-phone{margin:0 auto 20px;float:none;}
    .product-desc table {width: 100%;}
    .product-desc table td{font-size: 12px;}
    .m_produkt .content-main header,
    .product-box-content{padding-left: 15px; padding-right: 15px;}

}

.product-contact{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;margin-bottom: 10px;}
.product-contact a{filter: grayscale(100%);transition: all 0.3s ease-in-out;opacity: 0.5;}
.product-contact .chat-on-messenger{opacity: 0.3;}
.product-contact a:hover{filter: grayscale(0%);opacity: 1;}
.product-currency{float:left;margin:6px 6px 0 0;}
.product-currency-select{float:left;}
.sklep-box-produkt .product-add::before{background-size:18px;background-position:7px 5px;width:35px;}
.sklep-box-produkt .product-add:hover::before{width:100%;}
.sklep-box-produkt .product-add{font-size:14px;width:130px;float:none;padding:5px 5px 7px 45px;margin:0 auto;}

.anchor-links{display: flex;flex-direction: row;align-items: center;justify-content: center;;margin:0;height: 0px;}
.product-tab,
.product-list{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;padding-top: 15px;}
.product-tab .product-tab{display: block;} /* kopiowane tresci ze strony poduktu z divami do edytora */

.badge-custom{border-radius:3px;color:#fff;font-size:11px;left:10px;line-height:1;min-width:80px;padding:4px 10px 5px;position:absolute;text-align:center;top:10px;z-index:1;box-shadow:0 2px 7px 0 rgba(0, 0, 0, .1);}
.badge-custom.badge-new, .badge-custom.badge-new::after{background-color:#2dcc70;}

.badge-custom.badge-reco, .badge-custom.badge-reco::after{background-color:#2B50A3;}
.badge-custom.badge-outl, .badge-custom.badge-outl::after{background-color:#ffdd00;color:#644125;}
.badge-custom.badge-prom, .badge-custom.badge-prom::after{background-color:var(--red-400);}
.badge-custom.bc-p2{top: 36px;}
.badge-custom.bc-p3{top: 61px;}
/* black week */
/*
.block-product-content .badge-custom{z-index:1;top:-15px;}
.badge-custom.badge-prom{background: #000000 url(../img/black-week.png) no-repeat;min-height:20px !important} .badge-custom.badge-prom::after{display:none;}
.badge-custom.badge-prom span{display: none;}
*/
.badge-custom.badge-best, .badge-custom.badge-best::after{background-color:#407bb7;}
.badge-box{display:flex;flex-direction: row;gap: 5px;align-items: center;cursor:default;}
.badge-box .badge-custom{position:relative;display: flex;align-items: center;justify-content: center;top:0;left:0;height:22px;border-radius:3px;margin:0;line-height:1;padding:0 0 1px;font-size:12px;}
.badge-box .badge-custom::after{display:none;}

.comments_note{display:flex;flex-direction: row;align-items: center;gap: 5px;overflow:hidden;font-size:13px;max-width: 180px;}
.star{display:block;overflow:hidden;float:left;height:19px;width:95px;background:url(../img/store-rating.png) no-repeat 0 -190px;background-size: 92px;}
.star05{background-position:0 -171px;}
.star1{background-position:0 -152px;}
.star15{background-position:0 -133px;}
.star2{background-position:0 -114px;}
.star25{background-position:0 -95px;}
.star3{background-position:0 -76px;}
.star35{background-position:0 -57px;}
.star4{background-position:0 -38px;}
.star45{background-position:0 -19px;}
.star5{background-position:0 0;}

.ui-effects-transfer{z-index: 1000000 !important;}

/* koszyk */
@media (min-width:800px) {
    .m_sklep_koszyk aside {height:0;width:0;padding:0;border:0;position:absolute;overflow: hidden;}
    .m_sklep_koszyk aside .box-producenci{display:none;}
}
  

/*!Font Awesome 4 - cz. 1*/
@font-face{font-family:'FontAwesome';font-display:swap;src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}