:root {
	--wd-text-font: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(34,34,34);
	--wd-text-font-size: 16px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(34,34,34);
	--wd-entities-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(34,34,34);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(34,34,34);
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(211,18,18);
	--wd-alternative-color: rgb(27,54,93);
	--btn-default-font-family: "Oswald", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(211,18,18);
	--btn-default-bgcolor-hover: rgb(176,15,15);
	--btn-accented-font-family: "Oswald", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(211,18,18);
	--btn-accented-bgcolor-hover: rgb(176,15,15);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(34,34,34);
	--wd-link-color-hover: rgb(176,15,15);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mobile-nav .wd-nav-mobile > li > a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 28px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
:is(.wd-button-wrapper .btn, .wp-block-wd-button):not([class*="btn-color-"]) {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background: rgb(211,18,18);
	padding: 12px 24px 12px 24px;
}
:is(.wd-button-wrapper .btn, .wp-block-wd-button):not([class*="btn-color-"]):hover {
	background: rgb(176,15,15);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 20px;
	}
	:is(.wd-button-wrapper .btn, .wp-block-wd-button):not([class*="btn-color-"]) {
		font-size: 16px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 4px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-bottom-active: -1px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: (249,249,249);
}

.grecaptcha-badge { 
    visibility: hidden !important; 
}

/* Wymuszenie proporcji 1:1 (kwadrat) dla zdjęć kategorii w motywie WoodMart */
.wd-cats .wd-cat-thumb img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Tutaj określasz proporcje, 1/1 to idealny kwadrat */
    object-fit: cover !important;
    object-position: center !important;
}


/* 1. CAŁKOWITE zjechanie z nawigacji - opóźnienie 0.8s 
   (utrzymuje menu, gdy przypadkiem wyjedziesz poza pasek) */
html .wd-nav li .wd-dropdown, 
html .wd-nav li .wd-dropdown-menu,
html .wd-nav li .sub-menu-dropdown,
html .wd-nav li ul.sub-menu {
    transition: opacity 0.25s ease 0.8s, visibility 0.25s ease 0.8s, transform 0.25s ease 0.8s !important;
    pointer-events: auto !important; 
}

/* 2. NAJECHANIE na nowy element - opóźniamy OTWARCIE o 0.4s
   (Idealnie zgrane z czasem zamykania z kroku 3) */
html .wd-nav li:hover > .wd-dropdown, 
html .wd-nav li:hover > .wd-dropdown-menu,
html .wd-nav li:hover > .sub-menu-dropdown,
html .wd-nav li:hover > ul.sub-menu {
    transition: opacity 0.25s ease 0.4s, visibility 0.25s ease 0.4s, transform 0.25s ease 0.4s !important;
    pointer-events: auto !important;
}

/* 3. PRZESKOK na inny element - opóźniamy ZAMKNIĘCIE starego o 0.4s
   (Czas zamknięcia jest teraz taki sam jak otwarcia. Zamiana następuje płynnie bez nakładania) */
html .wd-nav:hover li:not(:hover) > .wd-dropdown,
html .wd-nav:hover li:not(:hover) > .wd-dropdown-menu,
html .wd-nav:hover li:not(:hover) > .sub-menu-dropdown,
html .wd-nav:hover li:not(:hover) > ul.sub-menu {
    transition: opacity 0.25s ease 0.4s, visibility 0.25s ease 0.4s, transform 0.25s ease 0.4s !important;
    pointer-events: auto !important;
}


/* ==========================================
   1. DOMYŚLNE USTAWIENIA (MOBILE FIRST)
========================================== */

/*Kolor bialego przycisku */
/* Alternatywny przycisk (Biały z przejściem w szary) */
.mts-btn-alt a,
.mts-btn-alt .elementor-button {
    background-color: #ffffff !important;
    color: #222222!important;
    transition: all 0.3s ease-in-out !important;
}

/* Stan po najechaniu myszką (Hover) */
.mts-btn-alt a:hover,
.mts-btn-alt .elementor-button:hover {
    background-color: #f9f9f9 !important; /* Tu zmień kolor szarego tła */
    color: #b00f0f !important; /* Tu zmień kolor tekstu po najechaniu */
}
.textcolor {
	color: #d31212 !important
}
.textundercolor {
	text-decoration: underline;
	text-decoration-color: #d31212 !important;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* Usunięcie podkreślenia ze stylu linku WoodMart i płynne przejście koloru */
.mts-link-arrow .btn.btn-style-link {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    transition: color 0.3s ease-in-out !important; /* Płynna zmiana koloru tekstu */
}

/* Zmiana koloru na firmowy czerwony przy najechaniu (Hover) */
.mts-link-arrow .btn.btn-style-link:hover {
    color: #B00F0F !important;
}

/* WoodMart czasami generuje podkreślenie jako pseudo-element, dla pewności go ukrywamy */
.mts-link-arrow .btn.btn-style-link::before,
.mts-link-arrow .btn.btn-style-link::after {
    display: none !important;
}

/* Przygotowanie ikony SVG do animacji */
.mts-link-arrow .btn.btn-style-link .wd-btn-icon {
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out !important;
    margin-top: 4px;
    display: inline-block; /* Wymagane, aby transform działał na elemencie span */
}

/* Przesunięcie ikony strzałki w prawo przy najechaniu (Hover) */
.mts-link-arrow .btn.btn-style-link:hover .wd-btn-icon {
    transform: translateX(6px);
}

.mts-link-red .btn.btn-style-link {
    color: #d31212 !important;
}

/* Zablokowanie zmiany koloru przy najechaniu (wymuszamy ten sam czerwony) */
.mts-link-red .btn.btn-style-link:hover {
    color: #d31212 !important;
}

/* Margines auto wypychający przycisk na dół (dla kontenerów Flexbox) */
.mts-link-red.elementor-widget {
    margin-top: auto !important;
}
.mts-machine-list .elementor-icon-list-items {
    row-gap: 16px !important; /* Kontroluje odstęp góra-dół między wierszami */
}

/* Pełna szerokość i większa czcionka dla przycisku w popupie */
.mts-popup-btn {
    width: 100% !important;
    font-size: 20px !important; /* Zmień wartość, jeśli chcesz jeszcze większy tekst */
    font-weight: 700 !important; /* Pogrubienie tekstu */
    padding: 16px 0 !important; /* Dodaje mu "mięsa" w pionie, żeby łatwiej w niego kliknąć palcem na telefonie */
}

.mts-compact-form textarea.wpcf7-textarea {
    height: 68px !important;
    min-height: 68px !important;
}

/* --- MTS TESTIMONIALS CAROUSEL --- */

/* 1. Kolor imienia i nazwiska (Biały) */
.mts-testimonials-carousel .wd-testimon-name {
    color: #FFFFFF !important;
}

/* 2. Strzałki nawigacyjne (Głębokie wymuszenie czerwonego) */
.mts-testimonials-carousel .wd-nav-arrows .wd-btn-arrow,
.mts-testimonials-carousel .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.mts-testimonials-carousel .wd-nav-arrows .wd-btn-arrow::before,
.mts-testimonials-carousel .wd-nav-arrows .wd-btn-arrow::after {
    color: #B00F0F !important;
    border-color: #B00F0F !important; /* Na wypadek, gdyby strzałka była narysowana ramką */
}

/* Ciemniejszy czerwony przy najechaniu na strzałkę */
.mts-testimonials-carousel .wd-nav-arrows .wd-btn-arrow:hover {
    color: #8a0b0b !important; 
}

/* 3. Kropki paginacji (Usunięcie dziwnych obramowań) */
.mts-testimonials-carousel .wd-nav-pagin-item span {
    background-color: rgba(176, 15, 15, 0.3) !important;
    border: none !important; /* Usuwa domyślne obramowanie */
    box-shadow: none !important;
}

/* Kropka aktywna oraz przy najechaniu myszką */
.mts-testimonials-carousel .wd-nav-pagin-item:hover span,
.mts-testimonials-carousel .wd-nav-pagin-item.wd-active span {
    background-color: #B00F0F !important;
    border: none !important;
}

/* Zdjecia na telefonach */
.wd-product-wrapper .wd-loop-prod-thumb img {
    height: 150px !important; 
    width: 100% !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
}

/* ==========================================
   4. STABILIZACJA SYMBOLU I DOLNEGO BLOKU
========================================== */
/* KROK 1: Główny kafelek musi sięgać samego dołu rzędu (ZABEZPIECZENIE PRZED SKAKANIEM) */
.wd-product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* KROK 2: Rozciągamy wewnętrzny pojemnik i wyłączamy space-between */
.wd-product .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important; /* To odblokowuje pustą przestrzeń dla sprężyny! */
    width: 100% !important;
    justify-content: flex-start !important; 
}

/* TYTUŁ: Działa jak sprężyna! Wypycha wszystko pod sobą na sam dół kafelka */
.wd-product .wd-loop-prod-title {
    margin-bottom: auto !important; 
}

/* SYMBOL: Mniejszy odstęp (8px) na telefonach */
.wd-product .wd-product-sku {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-top: 12px !important; /* Zagęszczone na mobile */
    margin-bottom: 0px !important; 
}

/* Wymuszamy, aby symbol nie był zbyt długi */
.wd-product .wd-sku {
    font-weight: 700 !important;
    margin-left: 5px !important;
}

/* CENA DOMYŚLNA: Mniejszy odstęp (8px/10px) na telefonach */
.wd-product .wd-loop-prod-price {
    margin-top: 12px !important; /* Zagęszczone na mobile */
    margin-bottom: 12px !important; /* Odstęp od Koszyka na mobile */
}

/* CENA WARUNKOWA: Zagęszczone na mobile */
.wd-product .wd-product-sku + .wd-loop-prod-price {
    margin-top: 12px !important;
}

/* KOSZYK: Sztywno pod ceną na samym dole */
.wd-product .wd-add-btn-wrapp {
    margin-top: 0px !important; 
}


/* stylowanie widżetów na kwadratowe liczniki */
.wd-widget .count, 
.woocommerce-widget-layered-nav .count, 
.widget_product_categories .count {
    border-radius: 0px !important; /* Minimalne, ostre zaokrąglenie (zmień na 0px dla idealnego kwadratu) */
    
}

/* Przy okazji: dodanie lekkiego odstępu pod okienkiem wyszukiwania w filtrze, by nie kleiło się do listy */
.wd-widget-search-form {
    margin-bottom: 16px !important;
}

/* ==========================================
   6. WYRÓWNANIE WYSZUKIWARKI KATEGORII
========================================== */
/* 1. Powiększamy margines pod samym tytułem (Omija to problem CSS) */
.widget_product_categories .widget-title {
    margin-bottom: 20px !important; /* <--- Tutaj regulujesz odstęp nad wyszukiwarką. Zmień na np. 20px lub 30px, aż zrówna się idealnie z "Modelem silnika" */
}

/* 2. Resetujemy górę wyszukiwarki i ustawiamy tylko odstęp od listy */
.widget_product_categories .wd-filter-search {
    margin-top: 0px !important; 
    margin-bottom: 8px !important; 
}


/* ==========================================
   7. MEGA MENU - PRZYCISK "ZOBACZ WSZYSTKIE" (POPRAWKA KOLORÓW)
========================================== */

/* 1. Układ flex i wymuszenie koloru na całym linku i tekście */
.b2b-all-brands-link .elementor-icon-list-item:last-child a,
.b2b-all-brands-link .elementor-icon-list-item:last-child .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; 
    font-weight: 700 !important; 
    color: #d31212 !important; /* Wymuszony kolor tekstu */
		margin-left: -2px;
}

/* 2. Przeniesienie ikony na prawą stronę */
.b2b-all-brands-link .elementor-icon-list-item:last-child .elementor-icon-list-icon {
    order: 2 !important; 
    margin-left: 6px !important; 
    margin-right: 0px !important; 
    transition: transform 0.3s ease-in-out !important; 
}

/* 3. Wymuszenie koloru na samej ikonce (Font Awesome lub SVG) */
.b2b-all-brands-link .elementor-icon-list-item:last-child .elementor-icon-list-icon i,
.b2b-all-brands-link .elementor-icon-list-item:last-child .elementor-icon-list-icon svg {
    color: #d31212 !important;
    fill: #d31212 !important;
}

/* 4. Animacja najechania (Hover) - przesuwa się tylko ikonka */
.b2b-all-brands-link .elementor-icon-list-item:last-child a:hover .elementor-icon-list-icon {
    transform: translateX(6px) !important; 
}


/* ==========================================
   9. STYLIZACJA "KATALOG CZĘŚCI" JAKO PIERWSZEGO ELEMENTU MENU
========================================== */

/* 1. Dodanie pionowych linii oddzielających i delikatnego tła (jak na szkicu) */
.wd-nav-main > li:first-child > a {
    border-left: 1px solid #e5e5e5 !important; /* Lewa kreska */
    border-right: 1px solid #e5e5e5 !important; /* Prawa kreska */
    padding-left: 24px !important; /* Zwiększony odstęp z lewej */
    padding-right: 24px !important; /* Zwiększony odstęp z prawej */
}



/* 4. Efekt po najechaniu (Hover) - lekkie przyciemnienie tła */
.wd-nav-main > li:first-child > a:hover {
    background-color: #f9f9f9 !important;
}


/* ==========================================
   10. DOPRACOWANIE DETALI MENU (IKONY I STRZAŁKI)
========================================== */

/* 1. Zwiększenie odstępu między Twoją ikonką SVG a napisem "Katalog Części" */
.wd-nav-main > li:first-child > a .wd-nav-img {
    margin-right: 16px !important; /* <--- Zmień na np. 15px, jeśli wolisz większy odstęp */
}

/* 2. Zwiększenie ikonki znacznika (małej strzałki) rozwijania dla wszystkich elementów w menu głównym */
.wd-nav-main > li.menu-item-has-children > a:after {
    font-size: 12px !important;
    margin-left: 8px !important; /* Odsunięcie powiększonej strzałki od tekstu, żeby się nie zlały */
}

.wd-nav-main > li:first-child .wd-dropdown-menu {
    margin-top: 6px !important; 
}

/* 1. Zmuszamy ukryty kontener WoodMarta w dolnym pasku, by idealnie centrował w pionie */
.whb-header-bottom .wd-header-text {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    height: 100% !important;
}

/* 2. Główny kontener linku */
.b2b-animated-phone {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important; 
    margin: 0 !important;
    text-decoration: none !important;
    color: #222222 !important; 
    transition: color 0.3s ease !important;
}

/* 3. Numer telefonu (Oswald) */
.b2b-animated-phone .b2b-phone-text {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    
    margin: 0 !important;
}

/* 4. Wrapper na ikonkę SVG */
.b2b-animated-phone .b2b-phone-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important; 
    height: 24px !important;
    margin: 0 !important;
}

.b2b-animated-phone .b2b-phone-icon img {
    width: 100% !important;
    height: auto !important;
    animation: phone-ring 3s infinite ease-in-out;
    transform-origin: center center;
}

/* 5. Efekt najechania (Hover) */
.b2b-animated-phone:hover {
    color: #d31212 !important;
}

/* Klatki kluczowe animacji "dzwonienia" (delikatne potrząsanie) */
@keyframes phone-ring {
    0%, 15%, 30%, 100% { transform: rotate(0deg); }
    5%, 25% { transform: rotate(15deg); }
    10%, 20% { transform: rotate(-15deg); }
}


/* ==========================================
   15. WYMUSZENIE OSWALDA W MENU MOBILNYM
========================================== */
ul.mobile-pages-menu.wd-nav-mobile li a.woodmart-nav-link {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Zachowanie czytelnego IBM Plex tylko dla podmenu (Katalog części, Marki A-Z) */
ul.mobile-pages-menu.wd-nav-mobile li ul.wd-sub-menu li a.woodmart-nav-link {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* ==========================================
   16. UJEDNOLICENIE PROSTEGO PODMENU NA PC (np. Usługi)
========================================== */
.wd-nav-main .wd-dropdown-menu .wd-sub-menu > li > a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important; /* Gruby font, tak jak w klockach HTML */
    text-transform: none !important;
    letter-spacing: normal !important;
		color:#222222
		
	
}

.wd-heading .close-side-widget,
.wd-heading .wd-cross-button {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* ==========================================
   18. POGRUBIENIE PODMENU "MOJE KONTO" NA MOBILE
========================================== */
.wd-nav-mobile .wd-sub-menu .woocommerce-MyAccount-navigation-link > a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: none !important;
}

/* ==========================================
   19. PRZYWRÓCENIE HOVERA W PODMENU NA PC (Usługi)
========================================== */

/* Płynne przejście koloru dla elementów podmenu */
.wd-nav-main .wd-dropdown-menu .wd-sub-menu > li > a {
    transition: color 0.3s ease !important;
}

/* Efekt najechania (Hover) - Twój firmowy czerwony */
.wd-nav-main .wd-dropdown-menu .wd-sub-menu > li > a:hover {
    color: #d31212 !important;
}

/* ==========================================
   20. NAPRAWA I MODERNIZACJA WYSZUKIWARKI (AJAX)
========================================== */

/* 1. Wymuszenie czystej pionowej listy (Zablokowanie brzydkiej siatki) */
.wd-search-suggestions .wd-type-product,
.wd-search-suggestions .wd-suggestions-group {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* 2. Układ pojedynczego wiersza z produktem */
.wd-search-suggestions .wd-suggestion {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; 
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 16px !important; /* Ładne marginesy po bokach */
    border-bottom: 1px solid #e9e9e9 !important; /* Linia oddzielająca części */
    margin: 0 !important;
}

/* Usunięcie linii pod ostatnim wynikiem (żeby nie gryzła się z przyciskiem) */
.wd-search-suggestions .wd-suggestion:last-child {
    border-bottom: none !important;
}

/* 3. Tytuł i pogrubienie wpisywanej frazy */
.wd-search-suggestions .wd-suggestion-content .wd-entities-title {
    font-size: 16px !important; /* Czytelny rozmiar dla długich nazw */
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
		font-weight: 700 !important;
}

.wd-search-suggestions .wd-suggestion-content .wd-entities-title strong {
    color: #d31212 !important;
}

/* 4. Stylizacja ceny */
.wd-search-suggestions .price {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #d31212 !important; 
    margin: 0 !important;
}

/* 5. Miniaturka - sztywne ramy, by nie była zgniatana */
.wd-search-suggestions .wd-suggestion-thumb {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px !important; /* Bezwzględna blokada zgniatania */
    overflow: hidden !important;
    margin-right: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
}

.wd-search-suggestions .wd-suggestion-thumb img {
    object-fit: contain !important; /* Cała część widoczna w miniaturze */
    width: 100% !important;
    height: 100% !important;
}

/* 6. Masywny Przycisk Zobacz Wszystkie Wyniki */
.wd-search-results-wrapper .wd-all-results {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important; 
    text-align: center !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    background-color: #d31212 !important; /* Odcięcie tłem */
    color: #ffffff !important;
    padding: 8px !important;
    border-top: 1px solid #e5e5e5 !important;
    transition: all 0.3s ease !important;
}

.wd-search-results-wrapper .wd-all-results:hover {
    background-color: #b00f0f !important;
}


/* ==========================================
   MTS: MINIMALISTYCZNY UKŁAD WYSYŁKI
========================================== */

/* 1. Ukrycie pustego opisu (niweluje sztuczny odstęp nad logiem) */
ul#shipping_method .shipping-method-description {
    display: none !important;
}

/* 2. Odstęp nad logiem (4px) */
ul#shipping_method .shipping-method-logo {
    margin-top: 4px !important;
}



/* 4. Pogrubienie linku "Wybierz punkt odbioru" z Furgonetki */
ul#shipping_method a#select-point {
    font-weight: 700 !important;
}


/* Uporządkowanie przycisków w tabeli "Zamówienia" */
td.woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-end !important;
    border: none !important;
}

td.woocommerce-orders-table__cell-order-actions .button {
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Wygląd zablokowanego przycisku "Odstąpiono od umowy" */
td.woocommerce-orders-table__cell-order-actions .withdraw_disabled {
    background-color: #f5f5f5 !important;
    color: #a3a3a3 !important;
    pointer-events: none !important; /* Blokuje możliwość kliknięcia */
    border: 1px solid #e0e0e0 !important;
    cursor: not-allowed !important;
}

/* --- GLOBAL: Wspólna struktura karuzeli logotypów --- */
.mts-brands-ticker .wd-carousel-item img,
.mts-brands-ticker .swiper-slide img {
    width: auto !important;
    max-width: 100% !important; /* Zapobiega wychodzeniu poza kafelek */
    object-fit: contain !important; /* Obrazek dopasuje się bez ucinania */
}

/* Centrowanie logotypów pionowo i poziomo w ich kafelkach */
.mts-brands-ticker .wd-carousel-item,
.mts-brands-ticker .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
}



/* ==========================================
   2. PRAWY PANEL: MENU "NASZE USŁUGI"
   ========================================== */

/* Tytuł widgetu "Nasze Usługi" */
.widget_nav_menu .widget-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 20px !important;
    text-transform: none !important;
}

/* Linki w menu usług - DOKŁADNIE TAKIE SAME JAK W SPISIE TREŚCI */
.widget_nav_menu ul.menu li a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    display: block !important;
}

/* Odstępy między usługami w menu */
.widget_nav_menu ul.menu li {
    padding-bottom: 8px !important;
    border-bottom: none !important; /* Usunięcie domyślnych kresek WoodMarta, żeby było czysto */
}

/* Kolor po najechaniu na usługę */
.widget_nav_menu ul.menu li a:hover {
    color: #da1f26 !important; /* Zmiana na czerwony firmowy */
    background-color: transparent !important;
}


/* ==========================================
   MTS: KAFELKI BLOGA - SZACHOWNICA (OSTATECZNE)
========================================== */



/* 2. Złamanie ukrytych blokad WoodMarta i białe tło */
.wd-posts .blog-design-chess .wd-post-thumb {
    height: 100% !important;
    background-color: #ffffff !important;
    padding: 20px !important; /* Oddech dookoła zdjęcia */
}

.wd-posts .blog-design-chess .post-img-wrapp {
    height: 100% !important;
    width: 100% !important;
}

/* 3. Wymuszenie proporcji bez ucinania krawędzi (Contain) */
.wd-posts .blog-design-chess .post-img-wrapp img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain !important; /* Zmusi tłok do pokazania się w całości */
}

/* 4. WYRÓWNANIE CAŁEGO TEKSTU I PRZYCISKU DO LEWEJ */
.wd-posts .blog-design-chess .wd-post-content {
    align-items: flex-start !important; /* Zsuwa elementy do lewej strony */
    text-align: left !important;
}

.wd-posts .blog-design-chess .wd-post-title,
.wd-posts .blog-design-chess .wd-post-excerpt,
.wd-posts .blog-design-chess .wd-post-read-more {
    text-align: left !important;
    width: 100% !important; /* Zapewnia pełną szerokość bloku, aby tekst równał do lewej */
}

/* 5. Przycisk - czysty Oswald 16px, grubość 700 */
.wd-posts .wd-post-read-more a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important; 
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Kolor firmowy po najechaniu myszką */
.wd-posts .wd-post-read-more a:hover {
    color: #b00f0f !important;
}



/* Rozciągnięcie kontenerów kafelków na pełną wysokość rzędu */
.category-grid-item .wd-cat-wrap,
.category-grid-item .wd-cat-inner {
    height: 100%;
}

/* Układ Flexbox dla wnętrza kafelka */
.category-grid-item .wd-cat-inner {
    display: flex;
    flex-direction: column;
}

/* Ustawienie kontenera z tekstem */
.category-grid-item .wd-cat-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Zmiana: tytuł zaczyna się od samej góry */
}

/* Zepchnięcie liczby produktów na sam dół */
.category-grid-item .wd-cat-count {
    margin-top: auto; /* To robi całą magię! */
}

.wd-brand-item a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important; /* Twój bazowy ciemny kolor */
    text-decoration: none !important;
    text-transform: none !important;
    transition: color 0.3s ease-in-out !important;
}
.wd-brand-item a:hover {
    color: #d31212 !important;
}
/* ==========================================
   2. DESKTOP I TABLET (Powyżej 768px)
========================================== */
@media (min-width: 769px) {
    /* Powiększamy zdjęcia na komputerach */
    .wd-product-wrapper .wd-loop-prod-thumb img {
        height: 220px !important; 
    }
    
    /* PRZYWRACAMY DUŻE ODSTĘPY (16px) DLA KOMPUTERÓW */
    .wd-product .wd-product-sku {
        margin-top: 16px !important; 
    }
    .wd-product .wd-loop-prod-price {
        margin-top: 16px !important; 
        margin-bottom: 16px !important; 
    }
    .wd-product .wd-product-sku + .wd-loop-prod-price {
        margin-top: 16px !important;
    }
	
	.wd-posts .blog-design-chess .wd-post-inner {
        height: 240px !important; 
        align-items: center !important; /* Wyśrodkowuje tekst i zdjęcie w PIONIE */
    }
	
	   
}



/* ==========================================
   3. KOSZYK I ILOŚĆ NA TELEFONACH (Poniżej 768px)
========================================== */
@media (max-width: 768px) {
    /* Absolutny zakaz zrzucania do nowej linii */
    .wd-product .wd-add-btn {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; 
        align-items: center !important;
        gap: 8px !important;
    }
    
    /* Blok ilości (plus/minus) - sztywny, chroniony przed ściskaniem */
    .wd-product .wd-add-btn .quantity {
        flex: 0 0 auto !important; 
        margin-bottom: 0 !important;
    }
    
    /* Przycisk koszyka - elastyczny obok ilości */
    .wd-product .wd-add-btn .add_to_cart_button {
        flex: 1 1 auto !important; 
        min-height: 36px !important; /* Zrównanie z wysokością pola ilości */
        padding: 0 !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 1. Całkowicie ukrywamy tekst "Dodaj do koszyka" */
    .wd-product .wd-add-btn .add_to_cart_button .wd-action-text {
        display: none !important; 
    }
    
    /* 2. WYCIĄGAMY ORYGINALNĄ IKONĘ WOODMARTA NA WIERZCH */
    .wd-product .wd-add-btn-replace .add_to_cart_button::before {
        position: static !important; /* Wyciągamy ją z ukrycia "pod spodem" */
        transform: none !important;  /* Wyłączamy animację wjeżdżania */
        display: block !important;
        font-size: 16px !important;  /* Rozmiar ikony */
        line-height: 1 !important;
        margin: 0 !important;
    }
	
	
	
			.single-product .woocommerce-product-gallery__image img {
					max-height: 30vh !important;
					width: 100% !important;
					object-fit: contain !important;
					margin: 0 auto !important;
			}

			/* Miniatury: proporcjonalne zmniejszenie i wyśrodkowanie */
			.single-product .wd-gallery-thumb img {
					max-height: 70px !important;
					width: 100% !important;
					object-fit: contain !important;
					margin: 0 auto !important;
			}

			/* Zagęszczenie przestrzeni pod galerią, by szybciej pokazać tytuł i cenę */
			.single-product .woocommerce-product-gallery {
					margin-bottom: 15px !important;
			}
	
	


				.mts-hero-section {
					position: relative;
			}

			/* 1. Ukrywamy zbugowaną nakładkę Elementora na telefonach */
			.mts-hero-section > .elementor-background-overlay {
					display: none !important;
			}

			/* 2. Generujemy własną, stabilną nakładkę na zdjęciu */
			.mts-hero-section::after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: #1b365d !important; /* Podmień na swój granatowy kod HEX */
					opacity: 0.95 !important; /* 80% zaciemnienia zdjęcia */
					z-index: 0;
					pointer-events: none;
			}

			/* 3. Wypychamy całą treść kontenera (teksty, przyciski) PONAD nową nakładkę */
			.mts-hero-section > .e-con-inner {
					position: relative;
					z-index: 1;
			}
	
	
			

	
		
    
	}


@media (max-width: 1024px) { 
		.whb-top-bar .whb-column_mobile1 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    /* 2. Zmuszamy kontener widżetu do wyśrodkowania swojej zawartości */
    .whb-top-bar .wd-header-text {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
    }

    /* 3. Przywracamy Twój działający kod na układ elementu z wymuszeniem bieli */
    .whb-top-bar a.b2b-animated-phone {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        text-decoration: none !important;
        color: #ffffff !important; /* Absolutna biel linku */
    }

    /* 4. Twarda biel dla samego tekstu */
    .whb-top-bar a.b2b-animated-phone .b2b-phone-text {
        font-family: 'Oswald', sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #ffffff !important; 
    }

    /* 5. Zabezpieczenie rozmiaru ikony */
    .whb-top-bar a.b2b-animated-phone .b2b-phone-icon {
        width: 20px !important;
        height: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
	
	
	
	
		.wd-search-suggestions .wd-suggestion {
					padding: 8px 8px !important; 
			}

			/* Zmniejszenie marginesu między zdjęciem a tekstem */
			.wd-search-suggestions .wd-suggestion-thumb {
					margin-right: 12px !important;
			}

			/* Mniejsza czcionka dla tytułu na mobile */
			.wd-search-suggestions .wd-suggestion-content .wd-entities-title {
					font-size: 14px !important;
			}

			/* Mniejsza czcionka dla ceny na mobile */
			.wd-search-suggestions .price {
					font-size: 14px !important;
			}

			/* Zmniejszenie paddingów i czcionki w przycisku "Zobacz wszystkie" */
			.wd-search-results-wrapper .wd-all-results {
					font-size: 14px !important;
					padding: 4px !important;
			}
	
		/* 1. Ujednolicenie koloru dla rozwiniętych podmenu w nawigacji mobilnej */
			.wd-nav-mobile .wd-sub-menu li > a {
					color: rgb(34, 34, 34) !important;
			}

			/* 2. Czerwone podświetlenie aktywnej strony (Current Page) w menu mobilnym */
			.wd-nav-mobile li.current-menu-item > a,
			.wd-nav-mobile li.current-menu-item > a .nav-link-text {
					color: var(--wd-primary-color) !important;
					font-weight: 700 !important; /* Delikatne pogrubienie dla lepszej widoczności */
			}

			/* 3. Opcjonalne: Podświetlenie rodzica (jeśli jesteś głęboko w "Honowanie", to "Usługi" też będą czerwone) */
			.wd-nav-mobile li.current-menu-ancestor > a,
			.wd-nav-mobile li.current-menu-ancestor > a .nav-link-text {
					color: var(--wd-primary-color) !important;
			}
	
			
}

ul.wd-filter-list li.wc-layered-nav-term span.count {
    display: none !important;
}


.wd-cat-count,
.category-grid-item .more-products {
    display: none !important;
}


	



@media (min-width: 1025px) {
	

/* Ujednolicenie czcionki i koloru dla głębokiego menu (poziom 3) w WoodMart */
.wd-dropdown-menu .sub-sub-menu > li.item-level-2 > a.woodmart-nav-link {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    color: rgb(34, 34, 34) !important;
    font-weight: 700 !important; 
    text-transform: none !important; /* Blokuje ewentualne dziedziczenie dużych liter z wyższych poziomów */
}

/* Stan Hover - dziedziczy główny kolor sklepu (Primary Color) */
.wd-dropdown-menu .sub-sub-menu > li.item-level-2 > a.woodmart-nav-link:hover {
    color: var(--wd-primary-color) !important; 
}


/* Ujednolicenie czcionki i koloru dla menu rozwijanego "Moje Konto" */
.wd-dropdown-my-account .wd-sub-menu > li > a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    color: rgb(34, 34, 34) !important;
    font-weight: 700 !important; 
    text-transform: none !important;
}

/* Stan Hover dla menu "Moje Konto" - dziedziczy główny kolor sklepu */
.wd-dropdown-my-account .wd-sub-menu > li > a:hover,
.wd-dropdown-my-account .wd-sub-menu > li > a:hover span {
    color: var(--wd-primary-color) !important; 
}

/* Wymuszenie dziedziczenia koloru dla znacznika span wewnątrz linku */
.wd-dropdown-my-account .wd-sub-menu > li > a span {
    color: inherit !important;
}


/* Wysokość logo - PC */
.mts-brands-ticker .wd-carousel-item img,
.mts-brands-ticker .swiper-slide img {
    height: 80px !important;
    max-height: 80px !important;
}


/* --- MTS BRANDS: Standardowa Karuzela WoodMart --- */

/* 1. Efekt szarości i przejścia (działa na wszystkich urządzeniach) */
.mts-brands-ticker .wd-carousel-item img,
.mts-brands-ticker .swiper-slide img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.2s ease, opacity 0.2s ease !important;
}

/* Kolor po najechaniu myszką */
.mts-brands-ticker .wd-carousel-item img:hover,
.mts-brands-ticker .swiper-slide img:hover {
    filter: grayscale(0%);
    opacity: 1;
}




.mts-sticky-sidebar {
        position: sticky !important;
        top: 140px !important; /* Odległość od sufitu - bezpiecznie pod Twoim Headerem */
        align-self: flex-start !important; /* KLUCZ: Zapobiega rozciąganiu kontenera na całą wysokość i pozwala mu pływać */
    }







}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Wysokość logo - Tablet (możesz dostosować wartość) */
.mts-brands-ticker .wd-carousel-item img,
.mts-brands-ticker .swiper-slide img {
    height: 80px !important;
    max-height: 80px !important;
}



.wd-posts .blog-design-chess {
        margin-bottom: 32px !important; 
    }
    
    /* Usuwa ten margines pod ostatnim wpisem, żeby nie robić sztucznej dziury */
    .wd-posts .blog-design-chess:last-child {
        margin-bottom: 24px !important;
    }


}

@media (max-width: 576px) {
	.mts-testimonials-carousel .wd-testimon-text,
    .mts-testimonials-carousel .wd-testimon-text p {
        font-size: 14px !important;
        line-height: 1.5 !important; /* Lepsza czytelność mniejszego tekstu */
    }

.mts-popup-btn {
    font-size: 16px !important; /* Zmień wartość, jeśli chcesz jeszcze większy tekst */
}


/* Wysokość logo - Telefon (możesz dostosować wartość) */
.mts-brands-ticker .wd-carousel-item img,
.mts-brands-ticker .swiper-slide img {
    height: 60px !important;
    max-height: 60px !important;
}



.wd-posts .blog-design-chess .wd-post-thumb {
        height: 240px !important;
    }

.wd-posts .blog-design-chess .wd-post-title,
    .wd-posts .blog-design-chess .wd-post-title a {
        font-size: 20px !important;
        line-height: 1.3 !important; /* Poprawia czytelność przy 20px */
    }





}