@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

a {
  -moz-outline: none;
  outline: none;
  transition: all 0.2s ease-in-out;
}

a img {
  border: 0px
}

img {
  max-width: 100%;
  height: auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  vertical-align: middle
}

iframe {
  display: block;
}

.material-icons {
  overflow: hidden;
}



:root {
  --kolor-tla-top-nav: #fff;
  --kolor-tla-top: #fff;
  --kolor-tla-dokument: #fff;
  --kolor-boxow: #fff;

  --kolor-czcionki: #333;
  --url: #000;
  --url-hover: #666;

  --url-naglowek: #888;
  --url-naglowek-hover: #000;



  --menu-top-1-background: #fbfbfb;
  --menu-top-1-color: #888;
  --menu-top-1-bgcolor: ;
  --menu-top-1-color-hover: #000;
  --menu-top-1-bgcolor-hover: #f3f2f2;

  --menu-top-2-color: #999;
  --menu-top-2-bgcolor: #f9f8f8;
  --menu-top-2-color-hover: #000;
  --menu-top-2-bgcolor-hover: #f3f2f2;

  --menu-top-3-color: #999;
  --menu-top-3-bgcolor: #fff;
  --menu-top-3-color-hover: #000;
  --menu-top-3-bgcolor-hover: #F3F2F2;

  --menu-button-background: #ffc600;
  --menu-button-color: #000;
  --menu-button-bgcolor-hover: #000;
  --menu-button-color-hover: #fff;
  --menu-button-ico-color: #ff0000;

  --podkreslenia_naglowkow: #ffc600;


  --kolor-tla-stopka: #222222;
  --kolor-stopka: #e3e3e3;
  --naglowki-stopka: #fff;
  --url-stopka: #d5d5d5;
  --url-hover-stopka: #ffc600;

  --li_color: #ffc600;

  --button-color: #000;
  --button-bg: #ffc600;
  --button-color-hover: #ffc600;
  --button-bg-hover: #000;
}

html,
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kolor-tla-dokument);
  color: var(--kolor-czcionki);
  font: inherit;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

#category-description p,
.category-additional-description p,
.product-description p,
.page-content p,
#custom-text p,
.htmlbox,
.post-details .blog_description p {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--kolor-czcionki) !important;
  font: inherit;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.tabs p {
  font-size: 16px;
  line-height: 1.6;
  color: var(--kolor-czcionki);
}



.btn-primary {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

html,
body a:link,
html,
body a:visited {
  color: var(--url);
  text-decoration: none;
}

html,
body a:hover,
html,
body a:active {
  color: var(--url-hover);
  text-decoration: none;
}

li {
  list-style-position: outside;
}

.table-container {
  width: 100%;
  overflow-y: auto;
  overflow: auto;
}

table {
  border: solid 2px #000;
  border-collapse: collapse;
}

table tr {
  background-color: rgba(255, 255, 255, 0.5)
}

table tr:hover {
  background-color: rgba(255, 255, 255, 1)
}

table td {
  padding: 5px 15px;
  border: solid 1px #ccc;
}

@media screen and (max-width: 960px) {
  table td {
    padding: 3px 10px;
    font-size: 14px;
  }
}

#custom-text ul,
.page-content ul,
#custom-text ol,
.page-content ol {
  display: block;
  margin-left: 40px;
}

#custom-text ul li,
.page-content li {
  list-style-position: outside
}


/* ************************************************************************************************
strony HTML
************************************************************************************************ */
.text_column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: top;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px
}

.column_2 {
  display: block;
  width: calc(50% - 30px);
  margin: 15px;
}

.column_3 {
  display: block;
  width: calc(33.33% - 30px);
  margin: 15px;
}

.page-content {
  padding: 50px !important
}



@media (max-width: 980px) {

  .column_2,
  .column_3 {
    width: 100%;
  }

  .page-content {
    padding: 20px !important
  }
}




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

#contact-link {
  font-size: 0px
}

#contact-link a {
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #000 !important
}


#header {
  background-color: var(--kolor-tla-top-nav)
}

.header-top {
  background-color: var(--kolor-tla-top) !important;
  padding: 10px 0px !important
}

#_desktop_cart .cart-preview.active {
  background: var(--button-bg) !important;
}

#_desktop_cart .cart-preview.active a,
#_desktop_cart .material-icons {
  color: var(--button-color) !important;
}

#_desktop_cart .cart-preview.active:hover {
  background: var(--button-bg-hover) !important;
}

#_desktop_cart .cart-preview.active:hover a {
  color: var(--button-color-hover) !important;
}

#_desktop_cart .cart-preview.active:hover i {
  color: var(--button-color-hover) !important;
}


#_desktop_logo {
  width: 350px;
}

#_mobile_logo,
#_mobile_logo h1,
#_mobile_logo a {
  margin: auto !important;
}

#_mobile_logo h1 {
  padding: 10px !important
}

#_mobile_logo .logo {
  height: auto !important;
  max-height: 120px !important;
  max-width: 300px
}

.nawigacja_mobil {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px
}


#_mobile_cart>.cart-preview {
  background-color: transparent !important
}

#_mobile_cart .material-icons,
#_mobile_user_info .material-icons {
  color: #000 !important;
}

#_mobile_user_info .hidden-sm-down,
#_mobile_cart .hidden-sm-down {
  display: inline-block !important
}



.menu_mob {
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 33px;
  height: 33px;
  position: fixed;
  z-index: 9996;
  right: 0px;
  top: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menu_mob span,
.men_stac span {
  margin: 15%;
  display: block;
  position: absolute;
  height: 3px;
  width: 70%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.menu_mob span:nth-child(1) {
  top: 2px;
}

.menu_mob span:nth-child(2),
.menu_mob span:nth-child(3) {
  top: 10px;
}

.menu_mob span:nth-child(4) {
  top: 18px;
}

.menu_mob.open {
  background: rgba(255, 255, 255, 0);
}

.menu_mob.open span:nth-child(1) {
  opacity: 0;
}

.menu_mob.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu_mob.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu_mob.open span:nth-child(4) {
  opacity: 0;
}

@media (max-width: 767px) {
  .menu_mob {
    display: block;
  }
}





.header-nav a:link,
.header-nav a:visited {
  color: var(--url-naglowek) !important;
  font-size: 15px
}

.header-nav a:hover,
.header-nav a:active {
  color: var(--url-naglowek-hover) !important;
}


.search-widgets .material-icons {
  width: 32px;
  height: 40px
}


#wrapper {
  background-color: var(--kolor-tla-dokument);
}

.breadcrumb {
  font-size: 12px;
}


/* ************************************************************************************************
MENU GÓRNE I LEWE MENU
************************************************************************************************ */


#_desktop_top_menu {
  width: 100%;
  display: block;
  position: relative;
  background-color: var(--menu-top-1-background);
}

#_desktop_top_menu #top-menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.desktop_menu_fixed {
  position: fixed !important;
  top: 0px
}

.top-menu a:link,
.top-menu a:visited {
  text-wrap: wrap;
  color: var(--menu-top-1-color) !important;
  background-color: var(--menu-top-1-bgcolor) !important;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  text-transform: uppercase;
}

.top-menu a:hover,
.top-menu a:active {
  color: var(--menu-top-1-color-hover) !important;
  background-color: var(--menu-top-1-bgcolor-hover) !important;
}

.top-menu li:hover a {
  background-color: var(--menu-top-1-bgcolor-hover) !important;
}

.top-menu a img {
  margin-top: -8px;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-right: 4px;
  position: relative;
  z-index: 1
}

/* ZAZNACZENIE 1 RZĄD */
.top-menu .current a:link,
.top-menu .current a:visited,
#_mobile_top_menu .current a:link,
#_mobile_top_menu .current a:visited {
  color: var(--menu-top-1-color-hover) !important;
}

#_desktop_top_menu ul[data-depth="0"] .current {
  background-color: var(--menu-top-1-bgcolor-hover);
}



/* 2 RZĄD MENU */

.top-menu .sub-menu {
  box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .2);
  border: none;
  width: 280px;
  min-width: 280px;
  z-index: 18;
  padding: 0px;
  margin: 0px;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
  -o-transition: 0s;
}

#_mobile_top_menu .sub-menu {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.popover {
  left: auto;
  top: auto
}

.top-menu .sub-menu ul {
  margin: 0px;
}

.top-menu .sub-menu li {
  margin: 0px !important;
  width: 100%;
  border-bottom: solid 1px #ededed;
}

.top-menu .sub-menu li:last-child {
  border: 0px;
}

#_mobile_top_menu .sub-menu li:last-child {
  padding-bottom: 20px
}


.top-menu .sub-menu a:link,
.top-menu .sub-menu a:visited {
  text-wrap: wrap;
  color: var(--menu-top-2-color) !important;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
  background-color: var(--menu-top-2-bgcolor) !important;
  display: block
}

.top-menu .sub-menu a:hover,
.top-menu .sub-menu a:active {
  color: var(--menu-top-2-color-hover) !important;
  background-color: var(--menu-top-2-bgcolor-hover) !important;
}



/* 3 RZĄD MENU */
#_desktop_top_menu ul[data-depth="2"] a:link,
#_desktop_top_menu ul[data-depth="2"] a:visited {
  text-wrap: wrap;
  color: var(--menu-top-2-color) !important;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 15px;
  text-transform: none !important;
  background-color: var(--menu-top-2-bgcolor) !important;
  display: block
}

#_desktop_top_menu ul[data-depth="2"] a:hover,
#_desktop_top_menu ul[data-depth="2"] a:active {
  color: var(--menu-top-2-color-hover) !important;
  background-color: var(--menu-top-2-bgcolor-hover) !important;
}


/* 4 RZĄD MENU */
#_desktop_top_menu ul[data-depth="2"] .collapse {
  position: absolute;
  display: none;
  width: 280px;
  left: 280px;
  margin-top: -37px;
  box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .2);
}

#_desktop_top_menu ul[data-depth="2"] li:hover>.collapse {
  display: block;
}




#_mobile_top_menu a:link,
#_mobile_top_menu a:visited {
  color: var(--menu-top-1-color) !important;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  text-transform: uppercase !important;
  background-color: transparent !important;
}

#_mobile_top_menu a:hover,
#_mobile_top_menu a:active {
  color: var(--menu-top-1-color-hover) !important;
  background-color: transparent !important;
  background-color: transparent !important;
}


#_mobile_top_menu .sub-menu a:link,
#_mobile_top_menu .sub-menu a:visited {
  color: var(--menu-top-2-color) !important;
  font-size: 14px;
  font-weight: 700 !important;
  padding-left: 38px !important;
  position: relative;
  z-index: 1
}

#_mobile_top_menu .sub-menu a:hover,
#_mobile_top_menu .sub-menu a:active {
  color: var(--menu-top-2-color-hover) !important;
}


/* ZAZNACZENIE 2 RZĄD */
#_desktop_top_menu [data-depth="1"] .current a {
  color: var(--menu-top-2-color-hover) !important;
}

#_mobile_top_menu [data-depth="1"] .current a {
  color: var(--menu-top-2-color-hover) !important;
}


#header .menu,
#header .menu>ul>li {
  display: inline-block;
  position: relative;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
  float: left;
  margin: 0 1.25rem;
  clear: both;
}



/* 3 RZĄD MENU */


#_desktop_top_menu .sub-menu ul[data-depth="2"] {
  box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .2);
  position: absolute;
  left: 280px;
  margin-top: -41px;
  width: 280px;
  min-width: 280px;
  display: none
}

#_desktop_top_menu .sub-menu ul[data-depth="1"] li:hover ul {
  display: block
}

#_desktop_top_menu [data-depth="2"] a:link,
#_desktop_top_menu [data-depth="2"] a:visited {
  text-wrap: wrap;
  color: var(--menu-top-3-color) !important;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
  background-color: var(--menu-top-3-bgcolor) !important;
  display: block
}

#_desktop_top_menu [data-depth="2"] a:hover,
#_desktop_top_menu [data-depth="2"] a:active {
  color: var(--menu-top-3-color-hover) !important;
  background-color: var(--menu-top-3-bgcolor-hover) !important;
}


#_mobile_top_menu [data-depth="2"] a:link,
#_mobile_top_menu [data-depth="2"] a:visited {
  color: var(--menu-top-3-color) !important;
  font-size: 13px;
  font-weight: 400 !important;
  padding-left: 55px !important;
  position: relative;
  z-index: 1
}

#_mobile_top_menu [data-depth="2"] a:hover,
#_mobile_top_menu [data-depth="2"] a:active {
  color: var(--menu-top-3-color-hover) !important;
}


/* ZAZNACZENIE 3 RZĄD */
#_desktop_top_menu [data-depth="2"] .current a {
  color: var(--menu-top-3-color-hover) !important;
}

#_mobile_top_menu [data-depth="2"] .current a {
  color: var(--menu-top-3-color-hover) !important;
}


#lnk-promocje {
  position: relative
}

#lnk-promocje a {
  padding-left: 38px;
  background-color: var(--menu-button-background) !important;
  color: var(--menu-button-color) !important;
}

#lnk-promocje a:hover {
  background-color: var(--menu-button-bgcolor-hover) !important;
  color: var(--menu-button-color-hover) !important;
}

#lnk-promocje a:before {
  content: "\2605";
  font-size: 28px;
  color: var(--menu-button-ico-color);
  position: absolute;
  left: 10px;
  top: 2px
}

#_mobile_top_menu #lnk-promocje a:before {
  top: 0px
}

#_mobile_top_menu #lnk-promocje a {
  background-color: var(--menu-button-background) !important;
  color: var(--menu-button-color) !important;
  padding-left: 40px
}

#_mobile_top_menu #lnk-promocje a:hover {
  background-color: var(--menu-button-bgcolor-hover) !important;
  color: var(--menu-button-color-hover) !important;
}


.block-categories a:link,
.block-categories a:visited {
  color: var(--menu-top-1-color);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase
}

.block-categories a:hover,
.block-categories a:active {
  color: var(--menu-top-1-color-hover);
}



.block-categories .category_name {
  padding-bottom: 15px !important
}

.category-sub-menu {
  margin: 0px !important;
}

.category-sub-menu li {
  margin: 0px !important;
}

.category-sub-menu a:link,
.category-sub-menu a:visited {
  display: flex;
  color: var(--menu-top-2-color);
  font-size: 15px;
  font-weight: 600;
  margin: 0px !important;
}

.category-sub-menu a:hover,
.category-sub-menu a:active {
  color: var(--menu-top-2-color-hover);
  margin: 0px !important;
}


.category-sub-menu .arrows {
  position: absolute;
  top: 0px;
  right: -10px;
  z-index: 9;
}

.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {
  margin-right: .3125rem;
  content: "-";
  position: absolute;
}

.category-sub-menu li[data-depth="0"] {
  border-bottom: solid 1px #eee
}

.category-sub-menu li[data-depth="0"]:last-child {
  border-bottom: solid 0px
}

.category-sub-menu li[data-depth="0"] a {
  padding: 8px 0px !important;
}

.category-sub-menu li[data-depth="1"] {
  border-bottom: solid 1px #f7f7f7
}

.category-sub-menu li[data-depth="1"]:last-child {
  border-bottom: solid 0px
}

.category-sub-menu li[data-depth="1"] a {
  padding: 4px 0px 4px 15px !important;
}

.category-sub-menu li[data-depth="1"]:last-child {
  margin-bottom: 15px !important
}

.category-sub-menu li[data-depth="2"]:last-child {
  margin-bottom: 15px !important
}

.category-sub-menu li[data-depth="3"]:last-child {
  margin-bottom: 15px !important
}

.category-sub-menu li[data-depth="4"]:last-child {
  margin-bottom: 15px !important
}


#left-column .material-icons {
  color: #000 !important
}

.navbar-toggler {
  width: 18px;
  height: 18px;
  top: 8px !important;
  right: -10px !important;
}

.arrows_right {
  position: relative;
  width: 18px;
  height: 18px;
}

.arrows_right:before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  left: 3px;
  top: 4px;
  border: 2px solid var(--li_color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}



.arrows_down {
  position: relative;
  width: 18px;
  height: 18px;
}

.arrows_down:before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  left: 4px;
  top: 2px;
  border: 2px solid var(--li_color);
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
}





ul:has(~ .current) {
  border: solid 3px #ff0000
}


/* ************************************************************************************************
DOKUMENT GŁÓWNY
************************************************************************************************ */


.container {
  width: calc(100% - 20px);
  max-width: 1260px;
  position: relative;
  margin: auto;
}

.page-content,
#search_filters {
  background-color: var(--kolor-boxow);
  border: solid 1px #eee;
}



#search_filter_controls .btn-secondary {
  visibility: hidden;
}

#search_filter_controls .btn-secondary:after {
  content: 'ZAMKNIJ';
  visibility: visible;
  display: block;
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  top: 2px;
}




/* ************************************************************************************************
FILTROWANIE ps_facetedsearch
************************************************************************************************ */

@media (max-width: 767px) {
  .row {
    overflow: hidden
  }

  #search_filters_wrapper {
    width: calc(100% + 50px) !important;
  }

  #search_filters_wrapper .navbar-toggler {
    padding-right: 30px !important;
  }
}

.facet-title {
  width: 100% !important;
  padding-bottom: 1px
}

[data-type="category"] {
  background-color: #222;
  margin-left: -21px;
  margin-right: -21px;
  margin-top: -25px;
  padding: 15px;
  padding-top: 30px !important;
}

[data-type="category"] .facet-title {
  color: #fff !important
}

[data-type="category"] a:link,
[data-type="category"] a:visited {
  color: #ccc !important;
}

[data-type="category"] a:hover,
[data-type="category"] a:active {
  color: #fff !important;
}

[data-type="category"] .material-icons {
  color: #fff
}

[data-type="category"] .custom-checkbox input[type="checkbox"]+span {
  border: 0px !important;
  border-color: #ff0000 !important;
}

[data-type="category"] .custom-checkbox input[type="checkbox"]+span .checkbox-checked {
  color: #fff !important;
}

#_desktop_search_filters_clear_all {
  padding-bottom: 30px !important;
}

@media (max-width: 980px) {
  [data-type="category"] {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px !important;
  }

  [data-type="category"] ul {
    padding-bottom: 15px !important;
  }

  [data-type="category"] li {
    border: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
}



/* ************************************************************************************************
kategorie i SUBKATEGORIE
************************************************************************************************ */


.kategorie_glowne ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: top;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}

.kategorie_glowne a {
  display: block;
}

.kategorie_glowne ul li a img {
  text-align: center;
  width: 100%
}

.kategorie_glowne ul li {
  display: block;
  width: calc(33.33% - 30px);
  margin: 15px;
  list-style: none;
}

.kategorie_glowne ul li img {
  padding: 5px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.kategorie_glowne a:hover img {
  opacity: 0.7;
  border: 1px solid #444;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
}



.kat_desription {
  font-size: 14px;
}

.kategorie_glowne ul li h1,
.kategorie_glowne ul li h2,
.kategorie_glowne ul li h3 {
  display: block;
  text-align: center;
  padding: 0px;
  font-size: 18px;
  text-transform: uppercase
}

@media (max-width: 720px) {
  .kategorie_glowne ul li {
    width: 100%;
  }
}



/* ************************************************************************************************
PRODUKTY KAFELKI
************************************************************************************************ */



.dropdown-menu {
  width: calc(100% - 30px) !important;
  min-width: calc(100% - 30px) !important;
  max-width: calc(100% - 30px) !important;
  background-color: #fff !important;
  border: 1px solid #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) !important;
  padding: 0px;
}

.dropdown-menu a:link,
.dropdown-menu a:visited {
  color: var(--menu-top-2-color) !important;
  font-size: 14px;
  padding: 8px 15px;
  background-color: var(--menu-top-2-bgcolor) !important;
}

.dropdown-menu a:hover,
.dropdown-menu a:active {
  color: var(--menu-top-2-color-hover) !important;
  background-color: var(--menu-top-2-bgcolor-hover) !important;
}


.featured-products h2 {
  font-size: 26px;
  font-weight: 700 !important;
  color: #000;
  position: relative;
}

.products-section-title:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -15px;
  height: 1px;
  width: 100px;
  background-color: var(--podkreslenia_naglowkow)
}

.products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: top;
  justify-content: left !important;
  margin: 0px;
  margin-left: -5px;
  margin-right: -5px;
}

.featured-products .product {
  width: calc(25% - 10px);
  min-width: calc(25% - 10px);
  max-width: calc(25% - 10px);
  margin: 5px;
  padding: 0px;
  background-color: #fff;
  border: solid 1px #ccc;
}

#js-product-list .product {
  width: calc(33.33% - 10px);
  min-width: calc(33.33% - 10px);
  max-width: calc(33.33% - 10px);
  margin: 5px;
  padding: 0px;
  background-color: #fff;
  border: solid 1px #ccc;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.featured-products .product:hover,
#js-product-list .product:hover {
  border: solid 1px #888;
}

.thumbnail-container {
  margin: 0px !important;
  width: 100%;
}



@media (max-width: 980px) {
  .featured-products .product {
    width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 720px) {
  .products {
    margin-left: -3px;
    margin-right: -3px;
  }

  .featured-products .product,
  #js-product-list .product {
    width: calc(50% - 6px);
    min-width: calc(50% - 6px);
    max-width: calc(50% - 6px);
    margin: 3px;
  }
}




.product-flags .pack {
  background-color: #ffc600 !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 4px 10px !important;
  min-height: 0px !important;
}

.product-flags .new {
  background-color: #00b06c !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 4px 10px !important;
  min-height: 0px !important;
}

.product-flags .discount,
.discount-percentage {
  background-color: #ff0000 !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 4px 10px !important;
  min-height: 0px !important;
}



.highlighted-informations a:link,
.highlighted-informations a:visited {
  color: #999 !important;
}

.highlighted-informations a:hover,
.highlighted-informations a:active {
  color: #000 !important;
}

.pagination .col-md-4,
.pagination .col-md-6 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0px
}

.page-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-list li {
  margin: 1px !important;
  position: relative;
}

.page-list li a {
  background-color: #f9f9f9;
  color: var(--menu-top-2-color) !important;
  color: var(--url) !important;
  font-size: 13px !important;
  padding: 6px 10px;
  padding-bottom: 7px;
}

.page-list li a:hover {
  background-color: #eee;
  color: var(--url-hover) !important;
}

.page-list .current a {
  background-color: #e2e2e2;
  color: var(--url-hover) !important;
}

.page-list .material-icons {
  font-size: 22px;
  position: absolute;
  top: 5px;
}

.page-list .previous {
  padding-left: 20px;
  margin-top: 1px
}

.page-list .previous .material-icons {
  left: 0px;
}

.page-list .next {
  padding-right: 20px;
  margin-top: 1px
}

.page-list .nexts .material-icons {
  right: 0px;
}



/* ************************************************************************************************
KARTA PRODUKTU
************************************************************************************************ */
.product-container .page-content {
  background-color: transparent;
  border: solid 1px #eee;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0px !important
}

.product-container .page-content ul,
.product-container .page-content ol {
  margin-left: 0px;
}


.product-container .hidden-sm-down {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.product-container .hidden-sm-down .material-icons {
  color: #000;
  font-size: 120px;
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.current-price-value {
  font-size: 38px;
  color: #000;
}


.social-sharing li:hover {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}



.tabs {
  background-color: var(--kolor-boxow);
  border: solid 1px #eee;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border-bottom: #000 3px solid;
}

.tabs .nav-tabs .nav-link.active {
  color: #000;
}

.tabs .product-description ul {
  margin-left: 30px;
  list-style-type: disc;
  list-style-position: outside;
}

@media (max-width: 767px) {
  .product-container .col-md-6 h1 {
    padding-top: 40px
  }
}


/* ************************************************************************************************
KARTA PRODUKTU - galeria
************************************************************************************************ */


.thumb-container img {
  margin-left: 3px !important;
  margin-right: 3px !important
}


.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {
  border: #555 1px solid;
}


.js-modal-mask img {
  border: #555 1px solid !important;
}


#product-modal {
  padding-right: 0px !important;
  background-color: rgba(0, 0, 0, 0.8)
}

#product-modal .close {
  background-color: #333;
  color: #ccc;
  padding: 4px 12px 8px 12px;
  opacity: 1;
  text-shadow: 0px 0px 0px #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
}

#product-modal .close:hover {
  background-color: #444;
  color: #fff;
}


#product-modal .js-thumbnails {
  position: fixed;
  display: block;
  bottom: 0px;
  width: 100%;
  height: 50px
}

#product-modal .js-modal-product-images {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

#product-modal .js-thumb-container {
  width: 60px;
}

#product-modal .js-thumb-container img {
  width: 100% !important
}


#product-modal .modal-body {
  margin-left: -35%;
  margin-right: -35%;
}

@media (max-width: 991px) {
  #product-modal .modal-content .modal-body {
    margin-left: 0;
    margin-right: 0;
  }
}

#product-modal .modal-body figure {
  margin: 0px;
}


/* ************************************************************************************************
KOSZYK - dodawanie produktu
************************************************************************************************ */


.product-name {
  color: #000 !important;
}



.cart-overview,
.cart-items {
  padding: 0px !important;
  margin: 0px !important;
}

.cart-item {
  border-bottom: solid 1px #eee !important;
}

.cart-item:hover {
  background-color: #fafafa;
  border-bottom: solid 1px #888 !important;
}

.product-line-grid {
  left: 0px !important;
  right: 0px !important;
}

.product-line-grid-left {
  width: 125px
}

.product-line-grid-body {
  width: calc(100% - 375px);
}

.product-line-grid-right {
  width: 250px
}

.product-line-grid-right .col-md-10 {
  width: 200px
}

.product-line-grid-right .bootstrap-touchspin {
  width: 70px !important
}

@media (max-width: 720px) {
  .product-line-grid-left {
    width: 90px
  }

  .product-line-grid-body {
    width: calc(100% - 90px);
  }

}

.cart-grid-body a:link,
.cart-grid-body a:visited {
  color: var(--url) !important;
}

.cart-grid-body a:hover,
.cart-grid-body a:active {
  color: var(--url-hover) !important;
}


.cart-item .current-price {
  color: var(--url) !important;
}

.cart-detailed-actions .btn-primary {
  padding-top: 20px;
  padding-bottom: 20px
}


.cart-content-btn .btn-primary .material-icons {
  display: none
}


/* ************************************************************************************************
SLIDESHOW
************************************************************************************************ */



.ets_multilayerslider {
  display: block !important
}

.carousel {
  display: none !important
}

.carousel .direction {
  display: none !important
}

@media (max-width: 991px) {
  .ets_multilayerslider {
    display: none !important
  }

  .carousel {
    display: block !important
  }
}

.carousel {
  width: calc(100% + 50px) !important;
  padding: 0px !important;
}

.carousel-item {
  padding: 0px !important;
  margin: 0px !important;
  width: 100% !important
}

.carousel-item img {
  padding: 0px !important;
  margin: 0px !important;
  width: 100% !important
}



.mls_pagination {
  left: 0px !important;
  right: 0px !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mls_nav div,
.mls_pagination {
  transform: scale(1) !important;
}

.mls_pagination .mls_pag_button {
  content: '';
  width: 24px;
  height: 25px;
  display: block;
  background-color: #444 !important;
  color: #444 !important;
  font-size: 0px !important;
  border-radius: 50%;
  border: solid 3px #000;
}

.mls_pagination .active {
  background-color: #fff !important;
  color: #fff !important;
  font-size: 0px !important;
}




/* ************************************************************************************************
Custom Text Block
************************************************************************************************ */

#custom-text {
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  background: #fff;
  border-radius: 0px;
}



/* ************************************************************************************************
FORMULARZE  - BUTTONY
************************************************************************************************ */

input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  border: 1px solid #888 !important;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  outline: none !important;
}


.custom-radio input[type=radio]:checked+span {
  background-color: #000 !important;
}


#search_widget {
  width: 100%;
  min-width: 100%;
  max-width: 100%
}

#search_widget input {
  border: 0px !important;
  border-bottom: 1px solid #eee !important;
  background-color: #fff !important;
  border-radius: 0px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important
}

.searchbar-autocomplete {
  border-radius: 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  font-size: 15px
}




.btn-primary,
.btn-default {
  color: var(--button-color) !important;
  background-color: var(--button-bg) !important;
  font-size: 13px
}

.btn-primary:hover,
.btn-default:hover {
  color: var(--button-color-hover) !important;
  background-color: var(--button-bg-hover) !important;
}

.all-product-link {
  padding: 12px 22px;
  margin: auto !important;
  float: none !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
  min-width: 260px;
  max-width: 260px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.all-product-link:link,
.all-product-link:visited {
  color: var(--button-color) !important;
  background-color: var(--button-bg) !important;
  font-size: 13px
}

.all-product-link:hover,
.all-product-link:active {
  color: var(--button-color-hover) !important;
  background-color: var(--button-bg-hover) !important;
}






/* ************************************************************************************************
STOPKA
************************************************************************************************ */


#footer,
.footer-container .links ul {
  background-color: var(--kolor-tla-stopka)
}


#footer .links .title {
  border-bottom: 1px solid #444;
  margin-bottom: 15px;
}

#footer .footer-container .links ul>li {
  border-bottom: 0px;
}

#footer .material-icons {
  color: var(--li_color)
}

#footer .block_newsletter {
  background-color: #333;
  padding: 20px !important;
  margin: 0px !important;
  width: 100% !important;
  display: block;
  min-width: 100%;
  max-width: 100%;
}

.block_newsletter .row {
  width: 100% !important
}

#footer .block_newsletter p {
  color: #999;
  font-size: 14px
}

#footer .block_newsletter #block-newsletter-label {
  color: #fff;
  font-size: 18px
}


.block_newsletter form input[type=email] {
  padding: 10px;
  border: 1px solid #333;
}

.block_newsletter form input[type=email]:hover,
.block_newsletter form input[type=email]:focus {
  padding: 10px;
  border: 1px solid #444;
}



#footer .blockreassurance {
  border-bottom: solid 1px #333;
  padding-bottom: 20px
}

#footer .blockreassurance .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#footer .blockreassurance div,
#footer .blockreassurance p {
  color: #ccc !important
}

#footer .block-icon svg path,
.blockreassurance_product svg path {
  fill: var(--url-hover-stopka) !important;
}

#footer a:link,
#footer a:visited {
  color: var(--url-stopka) !important;
  display: block;
}

#footer a:hover,
#footer a:active {
  color: var(--url-hover-stopka) !important
}

#footer .collapse a {
  padding: 3px;
}


#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer .h2,
#footer .h3,
#footer .h3 a,
#footer .h3 a,
#footer .h4,
#footer .h4 a {
  font-size: 19px;
  color: var(--naglowki-stopka) !important;
  font-weight: 700 !important
}



#footer,
#footer a,
#footer .collapse,
#footer .footer-container li a {
  font-size: 15px;
  color: var(--kolor-stopka);
}

#footer ol,
#footer ul {
  *margin-right: 0px;
  padding-left: 10px;
}

#footer li {
  list-style: none;
  position: relative;
  padding: 0 0 0 13px !important;
}

#footer .collapse li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  height: 6px;
  width: 6px;
  border: 1px solid var(--li_color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}



.block-social {
  width: 100%;
  padding-top: 15px;
}

#footer .block-social ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#footer .block-social ul li {
  background-color: transparent !important;
  margin: 15px;
  font-size: 0px
}

#footer .block-social ul li a {
  font-size: 0px
}



#contact-infos {
  margin-left: 30px;
}

.location-footer {
  margin-left: -30px;
}

.footer-icons {
  margin-left: -30px;
  position: absolute;
}



.stopka_cdx {
  font-size: 12px;
  color: #555 !important;
  opacity: 0.3;
}




.gdpr_notice_wap h3,
.gdpr_title,
.gdpr_notice_wap>.gdpr_title {
  color: #000000 !important;
}



/* ************************************************************************************************
STANDARDOWY BANER STATYCZNY
************************************************************************************************ */
.baner-statyczny {
  position: relative;
  display: block;
  text-align: center
}

.baner-statyczny img {
  width: auto;
}


/* ************************************************************************************************
LOGA - MARKI
************************************************************************************************ */
#ybc-mnf-block {
  border: solid 1px #eee;
  padding: 20px;
  margin-bottom: 30px
}

#ybc-mnf-block h4 {
  text-align: center;
}

.owl-nav {
  margin-top: 5px;
  margin-right: 5px;
}


/* ************************************************************************************************
BLOG
************************************************************************************************ */

.simple_blog #content-wrapper {
  padding: 0px;
  padding-left: 30px;
  float: right
}

.simple_blog #left-column {
  padding: 0px;
}

.ets-blog-wrapper-detail {
  border: solid 1px #eee;
}


@media (max-width: 767px) {
  .simple_blog #content-wrapper {
    padding: 0px;
    float: left
  }

  .simple_blog #left-column {
    padding: 0px;
    padding-top: 30px;
    float: right
  }
}


/* ************************************************************************************************
OKNO POPUP DLA ZDJEĆ - LINK KLIKNIĘCIE W NOWE OKNO
************************************************************************************************ */
.okno_pop {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 9999999;
}

.okno_st {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ramka_pop {
  padding: 2px;
  position: relative;
  display: block;
  width: 95%;
  height: 95%;
}

.close_pop {
  background-color: #000;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer
}

.close_pop i {
  color: #fff
}

.img_pop {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.img_pop img {
  border: solid 1px #ccc;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 1024px) {
  .ramka_pop {
    width: 98%;
    height: 98%;
  }
}

/* === STICKY HEADER – CLEAN VERSION === */

/* Pasek sticky */
.ld-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  z-index: 5000;
  display: none;
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity .2s ease, transform .2s ease;
}

body.ld-stick-on .ld-sticky {
  display: block;
  opacity: 1;
  transform: none;
}

/* Layout 3 kolumn: lewo / środek / prawo */
.ld-sticky .ld-stick-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  padding: 0 14px;
}

.ld-sticky .ld-stick-left {
  justify-self: start;
  display: flex;
  align-items: center;
}

.ld-sticky .ld-stick-center {
  justify-self: center;
}

.ld-sticky .ld-stick-right {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Logo mniejsze */
.ld-sticky .ld-stick-logo img {
  max-height: 38px;
}

/* Menu + dropdowny */
.ld-sticky .ld-menu-wrap {
  position: relative;
  display: flex;
  justify-content: center;
}

.ld-sticky #top-menu,
.ld-sticky .top-menu {
  display: flex;
  justify-content: center;
}

.ld-sticky .top-menu>li {
  position: relative;
}

.ld-sticky .top-menu>li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  min-width: 220px;
  z-index: 6000;
  background: #fff;
  /* dopilnuj tła, żeby dropdown był czytelny */
}

.ld-sticky .top-menu>li:hover .sub-menu,
.ld-sticky .top-menu>li:focus-within .sub-menu {
  display: block;
}

.ld-sticky .top-menu>li .sub-menu li {
  width: 100%;
  float: none;
}

/* === IKONKI: login + koszyk === */

/* Schowaj napisy */
.ld-sticky .user-info a span,
.ld-sticky .ps-login a span,
.ld-sticky .blockcart .blockcart-link .hidden-md-down,
.ld-sticky .blockcart .blockcart-link .cart-products-count+span {
  display: none !important;
}

/* Link koszyka – tylko ikona + badge */
.ld-sticky .blockcart .blockcart-link {
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.ld-sticky .blockcart .blockcart-link .material-icons,
.ld-sticky .blockcart .blockcart-link i,
.ld-sticky .blockcart .blockcart-link svg {
  font-size: 22px !important;
  line-height: 1 !important;
  vertical-align: middle;
  transition: transform .15s ease, opacity .15s ease;
}

.ld-sticky .blockcart .blockcart-link:hover .material-icons,
.ld-sticky .blockcart .blockcart-link:hover i,
.ld-sticky .blockcart .blockcart-link:hover svg {
  transform: translateY(-1px);
  opacity: .9;
}

/* Badge koszyka */
.ld-sticky .blockcart {
  position: relative;
}

.ld-sticky .blockcart .cart-products-count {
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  background: #111;
  color: #fff;
  /* <- zmień na kolor marki */
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 11px !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

/* Mobile / Desktop switch */
.ld-desktop-only {
  display: flex;
}

.ld-mobile-only {
  display: none;
}

@media (max-width: 991.98px) {
  .ld-desktop-only {
    display: none !important;
  }

  .ld-mobile-only {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* === FIX: submenu w sticky zawsze pionowo w dół === */
.ld-sticky .top-menu,
.ld-sticky #top-menu {
  overflow: visible !important;
}

.ld-sticky .top-menu>li,
.ld-sticky #top-menu>li {
  position: relative !important;
}

.ld-sticky .top-menu>li>.sub-menu,
.ld-sticky .top-menu>li>.dropdown-menu,
.ld-sticky .top-menu>li>.popover {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  display: none !important;

  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: max-content;
  min-width: 220px;
  white-space: normal !important;
  background: #fff;
  /* tło dla czytelności */
  z-index: 6000 !important;
}

.ld-sticky .top-menu>li:hover>.sub-menu,
.ld-sticky .top-menu>li:focus-within>.sub-menu,
.ld-sticky .top-menu>li:hover>.dropdown-menu,
.ld-sticky .top-menu>li:focus-within>.dropdown-menu,
.ld-sticky .top-menu>li:hover>.popover,
.ld-sticky .top-menu>li:focus-within>.popover {
  display: block !important;
}

.ld-sticky .top-menu>li .sub-menu ul,
.ld-sticky .top-menu>li .dropdown-menu ul {
  display: block !important;
}

.ld-sticky .top-menu>li .sub-menu li,
.ld-sticky .top-menu>li .dropdown-menu li {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

/* ——— Belka NORMALNA ——— */
.header-top {
  position: relative;
  z-index: 1030;
  background: #fff;
  /* bazowe tło */
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  /* delikatny cień */
}

.header-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #000;
  /* CZARNA linia */
}

/* ——— Belka STICKY ——— */
.ld-sticky {
  position: sticky;
  top: 0;
  z-index: 1040;
}

.ld-sticky .header-top {
  background: rgba(255, 255, 255, .80) !important;
  /* 80% krycia */
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
  /* mocniejszy cień */
  backdrop-filter: saturate(160%) blur(6px);
  /* opcjonalny „glass” */
  overflow: visible;
  /* żeby linia była widoczna */
}

.ld-sticky .header-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #000;
  /* CZARNA linia także w sticky */
}

/* ——— Przywrócenie LOGO i IKONEK w sticky (niektóre motywy je chowają) ——— */
.ld-sticky .ld-stick-left,
.ld-sticky .ld-stick-right {
  display: flex !important;
  align-items: center;
  gap: .5rem;
}

.ld-sticky .ld-desktop-only {
  display: block !important;
}

.ld-sticky .ld-stick-logo img {
  max-height: 40px;
  width: auto;
  display: block;
}

/* typowe komponenty: koszyk + logowanie, gdyby motyw schował */
.ld-sticky .blockcart,
.ld-sticky .user-info,
.ld-sticky [id*="shoppingcart"],
.ld-sticky [id*="customersignin"] {
  display: flex !important;
  align-items: center;
}

/* na wszelki wypadek – żadnych ozdobnych pasków pod cenami w sticky */
.ld-sticky .product-price-and-shipping .price::before,
.ld-sticky .product-price-and-shipping .price::after {
  content: none !important;
}

/* 1) Cień dla belki bez scrolla – BEZ linii w środku */
#header,
#main-header {
  position: relative;
  z-index: 1030;
}

#header .header-top,
#main-header .header-top {
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12) !important;
}

/* usuń ewentualne linie dodawane przez motyw wewnątrz belki */
#header .header-top::before,
#header .header-top::after,
#main-header .header-top::before,
#main-header .header-top::after {
  content: none !important;
}

/* Jedyna linia w trybie bez scrolla – na dole CAŁEGO headera */
#header::after,
#main-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  /* -1px maskuje ewentualny „włos” */
  height: 1px;
  background: #000;
  pointer-events: none;
}

/* 2) Sticky: 80% tła + cień + linia TYLKO na dole sticky (nie w środku) */
.ld-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  display: none;
}

.ld-sticky.on {
  display: block;
}

.ld-sticky .header-top {
  background: rgba(255, 255, 255, .8) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
  backdrop-filter: saturate(160%) blur(6px);
  position: relative;
}

/* jedyna linia w sticky – na dole całego paska sticky */
.ld-sticky::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  /* można dać 0 jeśli nie ma „włosa” */
  height: 1px;
  background: #000;
  pointer-events: none;
}

/* upewnij logo/ikonki w sticky */
.ld-sticky .ld-desktop-only {
  display: block !important;
}

.ld-sticky .ld-stick-left,
.ld-sticky .ld-stick-right {
  display: flex !important;
  align-items: center;
  gap: .5rem;
}

.ld-sticky .ld-stick-logo img {
  max-height: 40px;
  width: auto;
  display: block;
}

/* 3) Dosunięcie slidera do belki (home) */
body#index #wrapper,
body#index main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body#index .home-slider,
body#index .slideshow,
body#index .block_slider,
body#index .homeslider,
body#index .slick-slider,
body#index .nov-slick,
body#index .rev_slider_wrapper,
body#index .js-home-slider,
body#index .page-home>*:first-child,
body#index main>*:first-child,
body#index #wrapper>*:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* === STICKY: menu ↓6px, logo + ikony ↓(6px-2px) === */
@media (min-width: 992px) {
  :root {
    --ld-stick-down: 6px;
    /* ile obniżyć MENU */
    --ld-stick-tweak: 4px;
    /* o ile WYŻEJ mają być logo/ikony względem menu */
  }

  /* trzymaj dół siatki */
  body.ld-stick-on .ld-sticky .ld-stick-inner {
    align-items: end !important;
  }

  /* MENU (środek) */
  body.ld-stick-on .ld-sticky .ld-stick-center {
    align-self: end !important;
  }

  body.ld-stick-on .ld-sticky .ld-menu-wrap,
  body.ld-stick-on .ld-sticky #top-menu,
  body.ld-stick-on .ld-sticky .top-menu {
    position: relative !important;
    top: var(--ld-stick-down) !important;
    /* np. 6px */
  }

  /* LOGO (lewo) + IKONY (prawo) — o 2px wyżej niż menu */
  body.ld-stick-on .ld-sticky .ld-stick-left,
  body.ld-stick-on .ld-sticky .ld-stick-right {
    align-self: end !important;
    position: relative !important;
    top: calc(var(--ld-stick-down) - var(--ld-stick-tweak)) !important;
    /* 6px - 2px = 4px */
  }

  /* kosmetyka logo */
  body.ld-stick-on .ld-sticky .ld-stick-logo img {
    display: block;
  }
}

/* ===== "Moje konto" zawsze widoczne (normalny header + sticky) ===== */

/* Układ i odstępy */
#_desktop_user_info .user-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

#_desktop_user_info .user-info a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Schowaj oryginalny tekst (imię/nazwisko lub "Sign in") na SPAN */
#_desktop_user_info .user-info .account span {
  display: none !important;
}

/* Dodaj etykietę na samym LINKU (działa też w sticky) */
#_desktop_user_info .user-info .account {
  position: relative;
  font-size: 16px !important;
  line-height: 1.2;
}

#_desktop_user_info .user-info .account::after {
  content: "Moje konto";
  display: inline-block;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1.2;
}

/* W sticky nie pozwól, żeby cokolwiek wyzerowało font-size linku */
.ld-sticky #_desktop_user_info .user-info .account {
  font-size: 16px !important;
}

/* "Wyloguj się" – sama ikona, żeby nic się nie nachodziło */
#_desktop_user_info .user-info .logout span {
  display: none !important;
}

/* Pasek nawigacyjny – tło czarne */
.header-nav {
  background: #f8cb00 !important;

}


/* Komunikat na środku – żółty, pogrubiony */
.header-nav .info-bar,
.header-nav .info-bar * {
  color: #c20000 !important;
  font-weight: 800;
}

/* Środkowy komunikat w pasku nav */
.header-nav .info-bar {
  display: flex;
  justify-content: center;
  /* wyśrodkowanie poziome */
  align-items: flex-end;
  /* wyrównaj do dołu */
  gap: 8px;
  font-weight: 800;
  color: #ec0000 !important;
  line-height: 1.2;
  transform: translateY(12px);
  /* opuszczenie o 4px */
}

.header-nav .info-bar .material-icons {
  color: #040404 !important;
  font-size: 20px;
  line-height: 1.2;
}

/* Zaloguj – czarne normalnie */
#_desktop_user_info .user-info a {
  color: #000 !important;
}

/* Zaloguj – białe po najechaniu */
#_desktop_user_info .user-info a:hover {
  color: #707070 !important;
}

/* Tło 30% czerni i treść 70% czerni */
#trust-bar {
  background: #B3B3B3; /* 30% czarnego */
  color: #4D4D4D;      /* 70% czarnego */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 16px 0;
  box-sizing: border-box;
}

#trust-bar .container { padding-left: 24px; padding-right: 24px; }

#trust-bar .trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  align-items: center;
}

#trust-bar .trust-item {
  display: flex; justify-content: center; align-items: center;
  gap: 10px; padding: 6px 0; text-align: center;
}

#trust-bar .material-icons { font-size: 28px; line-height: 1; color: #4D4D4D; }
#trust-bar .trust-item span {
  color: #4D4D4D; font-weight: 800; text-transform: uppercase;
  letter-spacing: .3px; font-size: 14px; line-height: 1.2;
}

@media (max-width: 991px) { #trust-bar .trust-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 520px) {
  #trust-bar .trust-grid { grid-template-columns: 1fr; }
  #trust-bar .trust-item { justify-content: flex-start; padding-left: 6px; }
}
/* Ujednolicenie rozmiaru ikon w pasku */
#trust-bar .trust-item i.material-icons,
#trust-bar .trust-item .material-symbols-outlined {
  font-size: 28px !important;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  color: #4D4D4D !important;
}

/* Powiększ tylko support_agent */
#trust-bar .trust-item .trust-ico.material-symbols-outlined {
  font-variation-settings: 'FILL'0, 'wght'400, 'GRAD'0, 'opsz'48;
  font-size: 34px !important;
  /* podbij w razie potrzeby do 36–38 */
}
/* 1) Wyłącz linie/cienie inside (.header-top / .header-nav) */
body #header .header-top,
body #header .header-nav {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body #header .header-top::before,
body #header .header-top::after,
body #header .header-nav::before,
body #header .header-nav::after {
  content: none !important;
  display: none !important;
}

/* 2) Jedna linia na dole CAŁEGO headera (bez scrolla) */
body #header {
  position: relative;
  z-index: 1030;
}

body #header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #000;
  opacity: .6;
  pointer-events: none;
}
/* Ustal jedną logikę widoczności: pokaż sticky, gdy body ma klasę (lub gdy .ld-sticky ma .on) */
.ld-sticky {
  position: fixed !important;
  /* ujednolicamy: fixed */
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  display: none;
  background: #fff;
  /* tło sticky */
}

body.ld-stick-on .ld-sticky,
.ld-sticky.on {
  display: block !important;
}

/* Cień sticky na wrapperze, nie w środku */
.ld-sticky {
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
}
/* === PŁASKO DOMYŚLNIE, POP-OUT NA HOVER === */

/* usuń domyślne ramki na kafelkach */
.featured-products .product,
#js-product-list .product {
  border: 1px solid transparent !important;
  box-shadow: none !important;
  background: #fff !important;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  position: relative;
  display: flex;
  /* wyrównanie wnętrza */
  flex-direction: column;
}

/* efekt najechania: lekki cień + subtelna ramka; wysokość nie zmienia się */
.featured-products .product:hover,
#js-product-list .product:hover {
  border-color: #e9e9e9 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
  transform: translateY(-3px);
}

/* === RÓWNE WYSOKOŚCI === */

/* stała „wysokość obrazka” (wycentrowany, bez rozciągania) */
.thumbnail-container {
  min-height: 220px;
  /* dostosuj do swoich zdjęć (np. 200–260px) */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.thumbnail-container img {
  max-height: 200px;
  /* ~min-height - padding */
  width: auto;
  height: auto;
  object-fit: contain;
}

/* opis kafelka jako kolumna – „price” przyklejony do dołu */
.product-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  flex: 1 1 auto;
  /* wypełnia resztę wysokości */
}

/* tytuł: 2 linie max + stałe miejsce, żeby kafelki się nie rozjeżdżały */
.product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* utnie po 2 liniach */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.3em * 2);
  /* rezerwa na 2 linie */
  line-height: 1.3;
}

/* atrybuty/warianty – stały blok wysokości (jeśli je pokazujesz na liście) */
.product-variants,
.variant-links,
.product-variants.js-product-variants {
  min-height: 38px;
  /* dostosuj: 0 jeśli nie używasz atrybutów */
  display: flex;
  align-items: center;
  gap: 6px;
}

/* cena i badge'y – zawsze na dole kafelka */
.product-price-and-shipping {
  margin-top: auto;
  /* spycha sekcję do dołu */
  min-height: 44px;
  /* stała wysokość bloku ceny */
  display: flex;
  align-items: center;
  gap: 6px;
}

/* opcjonalnie: wyrównanie mini-badge'y promocyjnych w jednej linii */
.product-flags {
  display: flex;
  gap: 6px;
}

/* jeśli wcześniej miałeś inne ramki/hover, neutralizujemy je */
.featured-products .product:hover,
#js-product-list .product:hover {
  border-width: 1px !important;
}
/* === PATCH: pionowy kafelek, duże foto, tytuł pod spodem === */

/* Kafelek – pionowo, „karta” */
.product-miniature .thumbnail-container {
  display: block !important;
  /* zamiast flex z motywu */
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
  padding-bottom: 10px;
}

/* Zdjęcie u góry, pełna szerokość */
.product-miniature .product-thumbnail,
.product-miniature .thumbnail-top {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-top img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  /* usuń limity motywu */
}

/* Opis/tytuł pod zdjęciem */
.product-miniature .product-description {
  width: 100% !important;
  float: none !important;
  padding: 8px 12px 0 !important;
  text-align: left;
}

/* Warianty zawsze widoczne pod zdjęciem (bez hovera) */
.product-miniature .highlighted-informations {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 8px 12px 0 !important;
}

/* Rząd wariantów */
.product-miniature .variant-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

/* Kolory */
.product-miniature .variant-links a.color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
}

.product-miniature .variant-links a.color i {
  display: block;
  width: 100%;
  height: 100%;
}

/* Rozmiary (jeśli dodałeś "size-pill" w TPL) */
.product-miniature .variant-links a.size-pill {
  min-width: 28px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  background: #fff;
}

/* (opcjonalnie) trzymaj równą wysokość kart */
#js-product-list .product .thumbnail-container,
.featured-products .product .thumbnail-container {
  min-height: 100%;
<style>

  /* WERSJA TESTOWA – bardzo wysoka specyficzność + !important */
  .footer-container .footer-articles-bar {
    background: var(--kolor-tla-stopka);
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 12px 0;
  }

  .footer-container .footer-articles-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .footer-container .footer-articles-list>li {
    display: inline-block !important;
    margin: 0 8px !important;
    padding: 0 !important;
    line-height: 1.6 !important;
    vertical-align: middle !important;
  }

  .footer-container .footer-articles-list>li+li::before {
    content: "|" !important;
    color: #444 !important;
    margin-right: 8px !important;
  }

  .footer-container .footer-articles-list a {
    color: #aaa !important;
    /* subtelne, prawie jak tło */
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .footer-container .footer-articles-list a:hover {
    color: var(--url-hover-stopka) !important;
    text-decoration: underline !important;
  }

  </style> {
    * --- END: pasek artykułów --- *
  }