:root {  
            --hovercolor: #211915; 
            --bg_dark: ; 
            --font-weight: 600;  
			
        }body{
            font-family: "Poppins", sans-serif;
            font-size: 14px;
            color: #666666;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Poppins", sans-serif;
            color: #211915;
            text-transform: none;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Poppins", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #ffffff;   
        }.page-title-wrapper{  
                background-image: url(https://darkblue-locust-979888.hostingersite.com/img/cms/wooden.jpg);   
            }.page-header h1,.breadcrumb{  
                color: #FFFFFF;   
            }.js-product-miniature .product_desc .product_name{
            color: #211915;
            font-size: 14px;
            text-transform: none;
        }.js-product-miniature .product_desc .product_name:hover{
            color: #000000;
        }.product-price-and-shipping .price{
            color:#211915;
            font-size: 15px;
        }.h1.namne_details, .product_name_h1{
            color: #253237;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#253237;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }.page-content.page-cms ul {
    list-style: none
}

.elementor-5010000 .elementor-element.elementor-element-qwhgqgz .pos-slideshow .slider-item {
position: relative;
  z-index: 1;
}

.elementor-5010000 .elementor-element.elementor-element-qwhgqgz .pos-slideshow .slider-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* Dostosuj krycie */
  pointer-events: none;
}

.elementor-5010000 .elementor-element.elementor-element-qwhgqgz .pos-slideshow-wrapper .elementor-repeater-item-pks6rg7 .desc-banner {
  position: relative;
  z-index: 3;
}

button#poscookielaw-accept {
  color: #ffffff !important;
  border: 2px solid #fff !important;
}

button#poscookielaw-accept:hover {
  background: #253237  !important;
  background-color: #253237  !important;
  color: #ffffff !important;
  border: 2px solid #fff !important;
}

div.payment-detail {
  display: none !important;
}

.breadcrumb li a,
.breadcrumb li span {
  color: #fff !important;
}

#wrapper .breadcrumb li::after {
  color: #FFFFFF; 
}

/* 2. Dodanie ciemnej nakładki na tło Page Title */
.page-title-wrapper {
  position: relative; 
  z-index: 0;
}

.page-title-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.page-title-wrapper .container { 
  position: relative; /* Konieczne, aby z-index zadziałał na tym elemencie */
  z-index: 2; /* Ustawiamy zawartość na wyższym poziomie niż nakładka */
}

#product .page-title-wrapper {
  background-image: url('/img/cms/wooden.jpg') !important;
  margin-bottom: 40px !important;
}

.page-title-wrapper {
  background-image: url('/img/cms/wooden.jpg') !important;
}

/* --- Nadpisanie TYLKO Kolorów Kropek Slidera i Przejścia --- */

/* 1. Domyślny kolor tła kropki ORAZ definicja przejścia */
/* Używamy selektora DOKŁADNIE takiego jak w theme.css lub bardziej specyficznego */
.pos-slideshow-wrapper .slick-slider .slick-dots li button {
  background-color: #CCCCCC !important; /* TWÓJ DOCELOWY KOLOR dla nieaktywnej */
  transition: background-color 0.3s ease !important; /* Płynne przejście TYLKO dla koloru tła */
  /* Usuwamy inne deklaracje, jeśli chcesz zachować rozmiar/kształt z motywu */
}

/* 2. Kolor tła kropki AKTYWNEJ */
/* Używamy selektora DOKŁADNIE takiego jak w theme.css */
.pos-slideshow-wrapper .slick-slider .slick-dots li.slick-active button {
  background-color: #888888 !important; /* TWÓJ DOCELOWY KOLOR dla aktywnej */
}

/* 3. Kolor tła kropki po NAJECHANIU (HOVER) */
/* Używamy selektora DOKŁADNIE takiego jak w theme.css */
.pos-slideshow-wrapper .slick-slider .slick-dots li:hover button {
  background-color: #A0A0A0 !important; /* TWÓJ DOCELOWY KOLOR dla hover (może być taki sam jak aktywny) */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label, .label, a, span, p, button {
    text-transform: none !important;
}

#product .product-description p {
    color: #253237 !important;
}