:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(23,10,64);
	--wd-alternative-color: rgb(250,7,75);
	--btn-default-bgcolor: rgb(26,12,65);
	--btn-default-bgcolor-hover: rgb(26,12,65);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(23,10,64);
	--btn-accented-bgcolor-hover: rgb(23,10,64);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 88px;
}
.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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(235,240,242);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(235,240,242);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(235,240,242);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(235,240,242);
	background-image: none;
}
 {
	font-size: 18px;
	background: rgb(23,10,64);
	padding: 25px 15px 25px 15px;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-page-title {
background-color: rgb(28,97,231);
}

/* =========================================================
 * =========================================================
   KAFELEK
   =========================================================
   ========================================================= */

/* =========================================================
   1. GLOBALNA NAPRAWA CEN I ODSTĘPÓW (GRID)
   ========================================================= */
.product-grid-item .price .amount,
.product-list-item .price .amount,
.wd-product .price .amount {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    -webkit-text-stroke: 0px transparent !important;
}

.product-grid-item .wd-entities-title {
    margin-bottom: 15px !important;
}

.product-grid-item .price {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* =========================================================
   2. TWÓJ SPECJALNY PROJEKT (Klasa: moj-custom-kafelek)
   ========================================================= */
.moj-custom-kafelek .price del {
    display: none !important;
}

.moj-custom-kafelek .price ins .amount, 
.moj-custom-kafelek .price > .amount,
.moj-custom-kafelek .price > span.woocommerce-Price-amount {
    color: #fa0a52 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    -webkit-text-stroke: 1px #fa0a52 !important; /* Zmiana obrysu z e91e63 na fa0a52 */
    font-size: 56px !important;
    display: block !important;
    line-height: 1 !important;
}

/* =========================================================
   3. OMNIBUS - PRZYWRÓCENIE LEKKIEGO STYLU (Globalne & Custom)
   ========================================================= */
/* Przywracamy szare, chude literki, żeby nie "krzyczały" */
.product-grid-item .iworks-omnibus,
.wd-product.grid-item .iworks-omnibus,
.moj-custom-kafelek .iworks-omnibus {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    color: #777 !important; /* Ładny szary kolor */
    font-weight: 400 !important;
    display: block !important;
    -webkit-text-stroke: 0px transparent !important;
}

/* Kwota w Omnibusie - tylko lekkie podkreślenie */
.product-grid-item .iworks-omnibus .amount,
.product-grid-item .iworks-omnibus bdi,
.moj-custom-kafelek .iworks-omnibus .amount,
.moj-custom-kafelek .iworks-omnibus bdi {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #777 !important;
    -webkit-text-stroke: 0px transparent !important;
}

/* =========================================================
   4. SYMETRIA OGÓLNA
   ========================================================= */
.product-grid-item .product-information,
.product-grid-item .wd-single-price {
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* =========================================================
   5. MOBILKA - CZYSTY BLOK
   ========================================================= */
@media (max-width: 768px) {
    /* Rozbijamy kolumny - zmuszamy je do stania jedna pod drugą */
    .product-grid-item .wp-block-columns,
    .moj-custom-kafelek .wp-block-columns {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }

    /* Każda kolumna zajmuje teraz 100% szerokości ekranu */
    .product-grid-item .wp-block-column,
    .moj-custom-kafelek .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }

    /* Powiększamy i centrujemy zdjęcie */
    .product-grid-item .wp-block-image,
    .product-grid-item .product-element-top {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    /* Ogranicznik, żeby zdjęcie nie było absurdalnie wielkie */
    .product-grid-item .wp-block-image img,
    .product-grid-item .product-element-top img {
        width: 100% !important;
        max-width: 280px !important; 
        height: auto !important;
        margin: 0 auto !important;
    }

    /* NAPRAWA: ZWYKŁE PRODUKTY NA FRONCIE (Mała, normalna cena) */
    .product-grid-item .price .amount,
    .product-list-item .price .amount,
    .wd-product .price .amount {
        font-size: 18px !important; /* Zmniejszamy, żeby nie rozwalało frontu na telefonie */
        color: #111 !important; /* Zwykły, ciemny kolor - nie czerwony! */
        -webkit-text-stroke: 0px transparent !important;
    }

    /* TYLKO TWÓJ SPECJALNY KAFELEK (Powiększona, czerwona cena) */
    .moj-custom-kafelek .price ins .amount, 
    .moj-custom-kafelek .price > .amount,
    .moj-custom-kafelek .price > span.woocommerce-Price-amount {
        font-size: 38px !important;
        color: #fa0a52 !important;
        -webkit-text-stroke: 1px #fa0a52 !important;
    }
}
/* =========================================================
   6. ZAJAWKA - WYMUSZONY PION
   ========================================================= */
.wd-product-short-description, 
.product-short-description {
    display: block !important;
    white-space: pre-line !important; 
    line-height: 1.6 !important;
    text-align: left !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* =========================================================
   7. GŁÓWNY PRZYCISK (KOSZYK)
   ========================================================= */
.wd-add-cart-btn a, 
.wd-add-cart-btn a.button, 
.single_add_to_cart_button {
    background-color: #170a40 !important;
    color: white !important;
    width: 100% !important;
    padding: 20px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
}

/* =========================================================
 * =========================================================
   Header
   =========================================================
   ========================================================= */
/* Wymuszamy widoczność tekstu w wyszukiwarce mobilnej */
.wd-search-form input.s, 
.offcanvas-search-form input.s,
.wd-dropdown-search input.s {
    color: #333 !important; /* Ciemny szary/czarny */
    background-color: white !important;
    opacity: 1 !important;
}

/* Kolor placeholdera (napis "Szukaj produktów...") */
.wd-search-form input::placeholder {
    color: #999 !important;
}
/* 1. Ukrywamy oryginalny angielski tekst w dymku AJAX */
.wd-search-no-results, 
.autocomplete-suggestion.no-matches,
.view-all-results {
    color: transparent !important;
    position: relative;
}

/* 2. Wstawiamy polski odpowiednik "w locie" przez pseudoelement */
.wd-search-no-results:before, 
.autocomplete-suggestion.no-matches:before {
    content: "Nie znaleziono produktów";
    color: #333; /* Dopasuj kolor do swojej strony */
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    visibility: visible;
}

/* 3. Naprawa dla "View all results" jeśli też jest po angielsku */
.view-all-results:before {
    content: "Pokaż wszystkie wyniki";
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    visibility: visible;
}

/* =========================================================
 * =========================================================
   FOoTer
   =========================================================
   ========================================================= */
/* 1. ROZCIĄGNIĘCIE GÓRNEGO GRANATOWEGO BLOKU */
/* Musimy zmusić kontener motywu, żeby nie ograniczał Elementora */
footer.footer-container .container.main-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* 2. NAPRAWA PASKA COPYRIGHT (TEN NA SAMYM DOLE) */
/* Celujemy dokładnie w klasę, którą widzę w Twoim kodzie HTML */
.wd-copyrights.copyrights-wrapper {
    background-color: #1a0c41 !important; /* Twój granat */
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding: 20px 0 !important;
}

/* Kolor tekstu Copyright na biały */
.wd-copyrights.copyrights-wrapper, 
.wd-copyrights.copyrights-wrapper .wd-col-start {
    color: #ffffff !important;
    text-align: center; /* Wyśrodkowanie tekstu na dole */
}

/* Usunięcie domyślnych linków motywu, gdyby się pojawiły */
.wd-copyrights a {
    color: #ffffff !important;
    font-weight: bold;
}
/* 1. USUWANIE WREDNEGO PASKA (BORDER) NAD COPYRIGHT */
.wd-copyrights.copyrights-wrapper {
    border-top: none !important;
    padding: 15px 0 !important; /* Zmniejszamy wysokość paska, żeby był zgrabniejszy */
}

/* 2. WYRÓWNANIE TEKSTU DO MENU (LEWA STRONA) */
.wd-copyrights .container {
    max-width: 1200px !important; /* Tutaj wpisz taką samą szerokość, jaką masz ustawioną w Elementorze dla menu */
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 15px !important; /* Standardowy padding, żeby nie dotykało samej krawędzi */
    padding-right: 15px !important;
    display: block !important; /* Wymuszamy układ blokowy, żeby tekst nie uciekał na środek */
}

.wd-copyrights .wd-col-start {
    text-align: left !important; /* Tekst do lewej */
}

/* 3. OPCJONALNIE: USUWANIE DODATKOWEGO MARGINESU Z ELEMENTORA */
/* Jeśli nad copyrightem nadal jest dziura, ten kod ją usunie */
.footer-container .main-footer {
    padding-bottom: 0 !important;
}
/* USUNIĘCIE BORDERA Z AKORDEONU NA MOBILCE */
@media (max-width: 767px) {
    /* 1. Usuwamy ramki z głównych elementów akordeonu */
    .e-n-accordion-item, 
    .e-n-accordion-item-title,
    .e-n-accordion-item-title-header {
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 2. Usuwamy ramkę, która często zostaje pod otwartym elementem */
    .e-n-accordion-item[open] > .e-n-accordion-item-title {
        border-bottom: none !important;
    }

    /* 3. Usuwamy obramowanie kontenera z linkami w środku */
    .e-n-accordion-item > .e-con {
        border: none !important;
        padding-left: 0 !important; /* Opcjonalnie: dosuwamy linki do lewej jeśli uciekły */
    }

    /* 4. Opcjonalnie: Dodajemy delikatną linię oddzielającą sekcje (jeśli chcesz, żeby było cokolwiek widać między nimi) */
    /* Jeśli chcesz całkowicie czysto - usuń poniższe 3 linijki */
    .e-n-accordion-item {
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
}

/* =========================================================
 * =========================================================
   PRE- FOoTer
   =========================================================
   ========================================================= */
/* Usunięcie ograniczenia szerokości dla Pre-footera */
.wd-prefooter .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Usunięcie białej szpary pod obrazkiem */
.wd-prefooter {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.footer-container {
    margin-top: 0 !important;
}

/* Jeśli obrazek jest widżetem, usuwamy jego domyślny margines dolny */
.wd-prefooter img {
    vertical-align: middle;
    display: block;
}

/* =========================================================
 * =========================================================
   Strona główna
   =========================================================
   ========================================================= */
/* Ukrycie omnibusa */
.ukryj-omnibusa .omnibus-price-container, 
.ukryj-omnibusa .iworks-omnibus,
.ukryj-omnibusa .wc-omnibus-info { 
    display: none !important; 
}


/* =========================================================
 * =========================================================
   Single product
   =========================================================
   ========================================================= */
/* Ukrycie sticky add to cart */

@media (min-width: 1025px) {
    div.wd-sticky-btn,
    div.wd-sticky-btn.wd-sticky-btn-shown {
        display: none !important;
    }
}
/* =========================================================
 * =========================================================
   Koszyk i podsumowanie
   =========================================================
   ========================================================= */

/* ==========================================================================
   1. TŁO I WYMIARY BANERA (KOSZYK I KASA)
   ========================================================================== */
.wd-page-title.page-title,
.wd-page-title-el .wd-page-title,
.wd-page-title-bg {
    background-color: #1a0c41 !important; /* Twój granat */
}

/* Podstawowy wygląd dla WSZYSTKICH banerów */
.wd-page-title.page-title {
    padding-top: 40px !important;    /* Wysokość od góry (wnętrze banera) */
    padding-bottom: 40px !important; /* Wysokość od dołu (wnętrze banera) */
    margin-bottom: 20px !important;  /* Zmniejszony odstęp poniżej banera */
    border-radius: 10px !important;  /* Zaokrąglone rogi dla obu */
    overflow: hidden;
    /* Resetujemy złe reguły - baner w Elementorze ma słuchać Elementora! */
    margin-top: 0 !important; 
    max-width: none !important; 
}

/* CHIRURGICZNE CIĘCIE: Izolujemy TYLKO natywny baner (np. pusty koszyk) */
.wd-page-title.page-title:not(.wd-page-title-el .wd-page-title) {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important; /* Odstęp od menu na pustym koszyku */
}

/* Usuwamy domyślne narzuty z widgetu Elementora na Kasię */
.wd-page-title-el {
    margin-bottom: 0 !important;
}


/* ==========================================================================
   2. STYLIZACJA KROKÓW (KOSZYK -> KASA -> ZAKOŃCZONE)
   ========================================================================== */
/* Czerwony podkreślnik (AKTYWNY KROK) */
.wd-checkout-steps .step-active span {
    border-bottom: 2px solid #f9094b !important; /* Twój czerwony */
    color: #ffffff !important; /* Biały tekst aktywnego kroku */
}

/* Efekt Hover (Najechanie myszką) */
.wd-checkout-steps li a:hover span {
    border-bottom: 2px solid #f9094b !important; /* Czerwony przy najechaniu */
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Zmiana koloru nieaktywnych kroków, żeby dobrze wyglądały na granacie */
.wd-checkout-steps .step-inactive span, 
.wd-checkout-steps .step-inactive a {
    color: rgba(255, 255, 255, 0.7) !important;
}


/* ==========================================================================
   3. DODATKI KOSZYKA I KASY (KUPONY, ALERTY, OMNIBUS)
   ========================================================================== */
/* Ukrycie domyślnego powiadomienia o kuponie na stronie Kasy */
.woocommerce-form-coupon-toggle {
    display: none !important;
}

/* Margines dolny dla alertu z błędami w Kasie */
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    margin-bottom: 20px !important;
}

/* Ukrycie komunikatu Omnibus (iWorks) w koszyku głównym, bocznym i na stronie kasy */
.widget_shopping_cart .iworks-omnibus,
.woocommerce-cart .iworks-omnibus,
.woocommerce-checkout .iworks-omnibus {
    display: none !important;
}

/* Wyrównanie w pionie głównej ceny w tabeli koszyka, po usunięciu tekstu Omnibus */
.woocommerce-cart-form__contents td.product-price {
    vertical-align: middle !important;
}
/* Wyłączenie sztucznego powiększania każdej litery w przycisku logowania (boczny panel) */
.login-form-side button[name="login"] {
    text-transform: none !important;
}
/* Wyłączenie sztucznego wymuszania Wielkich Liter w nagłówkach filtrów */
.widget-title, .wd-widget-title {
    text-transform: none !important;
}
/* =========================================================
 * =========================================================
   Akordeon / wrapper
   =========================================================
   ========================================================= */
/* =======================================================
   AKORDEON TYLKO DLA SMARTFONÓW (Zabezpieczenie do 767px)
   ======================================================= */
@media (max-width: 767px) {
    /* Główny wygląd belki na telefony */
    .runn-accordion-title {
        font-family: 'Inter', sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        background-color: #f5f5f5 !important;
        padding: 15px 45px 15px 15px !important;
        border-radius: 6px !important;
        border-bottom: none !important;
        margin-top: 15px !important; 
        margin-bottom: 0 !important;
        position: relative;
        cursor: pointer;
        display: block !important;
        line-height: 1.4 !important;
        color: #111 !important;
    }

    /* Strzałka w dół */
    .runn-accordion-title::after {
        content: '';
        position: absolute;
        right: 18px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: translateY(-70%) rotate(45deg);
        transition: transform 0.3s ease;
        display: block !important;
    }

    /* Obrót strzałki w górę po otwarciu */
    .runn-accordion-wrapper.is-open .runn-accordion-title::after {
        transform: translateY(-30%) rotate(225deg);
    }

    /* Ukrycie treści na telefonie */
    .runn-accordion-content {
        display: none;
        padding: 15px 10px 5px 10px;
    }

    /* Pokazanie treści po kliknięciu na telefonie */
    .runn-accordion-wrapper.is-open .runn-accordion-content {
        display: block;
    }
    
    /* Rozciągnięcie sekcji od krawędzi do krawędzi (np. dla Opinii) */
    .runn-edge-to-edge {
        margin-left: -15px !important;
        width: calc(100% + 30px) !important;
        max-width: none !important;
    }
	/* Wymuszenie małego fontu na wewnętrznych nagłówkach Elementora */
    .runn-accordion-title h1,
    .runn-accordion-title h2,
    .runn-accordion-title h3,
    .runn-accordion-title h4,
    .runn-accordion-title .title {
        font-size: 16px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 700 !important;
        color: #111 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4 !important;
    }
}

/* =======================================================
   TWARDE ZABEZPIECZENIE DLA DESKTOPU I TABLETÓW (> 767px)
   ======================================================= */
@media (min-width: 768px) {
    /* Wymuszenie pokazania wszystkich treści na dużych ekranach */
    .runn-accordion-content {
        display: block !important;
    }
    
    /* Ukrycie mobilnej strzałki */
    .runn-accordion-title::after {
        display: none !important;
    }
    
    /* Przywrócenie standardowego zachowania kursora (brak łapki) */
    .runn-accordion-title {
        cursor: default !important;
    }
}

/* =========================================================
 * =========================================================
   GifyBox E-bokk
   =========================================================
   ========================================================= */
/* Animacja pulsującego prezentu */
@keyframes runn-gift-pulse {
    0% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.15); }
    100% { transform: translateY(0) scale(1); }
}

.runn-gift-anim {
    display: inline-block;
    animation: runn-gift-pulse 2s infinite ease-in-out;
    margin-right: 4px;
    transform-origin: bottom center;
}
/* ==========================================
   WYGLĄD GRATISU NA KOMPUTERACH (Desktop)
   ========================================== */
@media (min-width: 768px) {
    .runn-gratis-box {
        background-color: #f5f5f5 !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        padding: 25px !important;
        margin-top: 40px !important;
        text-align: center !important;
    }
    
    .runn-gratis-box .runn-accordion-title {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #333 !important;
        margin-bottom: 15px !important;
    }
}

/* ==========================================
   KOREKTA MARGINESÓW GRATISU NA TELEFONIE
   ========================================== */
@media (max-width: 767px) {
    .runn-gratis-box .runn-accordion-content p {
        padding: 10px 5px !important;
    }
}
/* ==========================================
   BRUTALNE KASOWANIE PUSTYCH ODSTĘPÓW (WPAUTOP)
   ========================================== */
.runn-product-description p:empty,
.runn-product-description br {
    display: none !important;
}

.runn-product-description > p:last-of-type {
    margin-bottom: 0 !important;
}

/* Zerowanie narzutu z bloku HTML WoodMartu */
.runn-product-description .wd-html-block,
.runn-product-description .woodmart-html-block {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
@media (min-width: 1025px) {
	

/* CENA GIGANT NA DESKTOP */
.price > ins > .woocommerce-Price-amount, 
.price > .woocommerce-Price-amount {
    font-size: 56px !important; 
}

/* ODSTĘPY W PRAWEJ KOLUMNIE */
.kafelek-poziomy .wd-column:last-child {
    padding-left: 40px !important; 
    padding-right: 40px !important;
}

.moj-tytul { font-size: 28px !important; }
.moja-zajawka { font-size: 18px !important; }

.kafelek-poziomy {
    display: flex !important;
    flex-direction: row !important; /* Na komputerze: ramię w ramię */
    flex-wrap: nowrap !important;
    align-items: center;
}
}

@media (max-width: 576px) {
	/* CENA NA MOBILCE */
.price > ins > .woocommerce-Price-amount, 
.price > .woocommerce-Price-amount {
    font-size: 32px !important; /* Zauważalnie większa niż wcześniej */
    margin-bottom: 10px !important;
}

/* NAPRAWA ODSTĘPÓW NA MOBILCE */
.kafelek-poziomy .wd-column:last-child {
    padding: 20px !important; /* Żeby cena nie dotykała brzegów telefonu */
}

.moj-tytul { font-size: 20px !important; }
.iworks-omnibus { font-size: 12px !important; }

/* MAGICZNE ZAKLĘCIE NA MOBILKĘ */
.kafelek-poziomy {
    display: flex !important;
    flex-direction: column !important; /* Na telefonie: jeden pod drugim */
}

.kafelek-poziomy .wd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

/* Żeby zdjęcie nie było za ogromne na telefonie */
.kafelek-poziomy .wd-column:first-child {
    margin-bottom: 20px;
}

/* Rozmiary, żeby cena nie rozpychała kafelka na boki */
.price > ins > .woocommerce-Price-amount, 
.price > .woocommerce-Price-amount {
    font-size: 36px !important; 
    display: block !important;
}

/* ================================================== */
/* ++++++++ przycisk co jedzie z dołu w SIGLE PRODUKT */
/* ================================================== */
/* 1. TŁO I GŁÓWNY KONTENER - Wymuszamy wyśrodkowanie w pionie */
.wd-sticky-btn.wd-sticky-btn-shown {
    background-color: #ffffff !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.08) !important;
    height: auto !important;
    min-height: 70px !important; /* Dajemy mu ciut więcej luzu */
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important; /* Centruje wszystko w pionie */
}

/* 2. ZABIJAMY UJEMNE MARGINESY (To one wypychały guzik poza ekran!) */
.wd-sticky-btn.wd-sticky-btn-shown .wd-sticky-btn-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Ukrywamy lewą sekcję (tytuł) */
div.wd-sticky-btn-content {
    display: none !important;
}

/* 4. Główny układ - Cena i Przycisk */
div.wd-sticky-btn-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}

/* 5. CENA - Powiększona i wyśrodkowana */
div.wd-sticky-btn-cart > .price {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    height: 100% !important;
}

/* Ukrywamy starą cenę bezwarunkowo */
div.wd-sticky-btn-cart > .price del {
    display: none !important;
}

/* Nadajemy nowy rozmiar i kolor Twojej cenie */
div.wd-sticky-btn-cart > .price ins .amount,
div.wd-sticky-btn-cart > .price > .amount,
div.wd-sticky-btn-cart > .price {
    color: #f9094b !important;
    font-size: 22px !important; /* POWIĘKSZONA CENA */
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* 6. WYWALAMY ZAPYCHACZE */
div.wd-sticky-btn-cart form.cart .quantity,
div.wd-sticky-btn-cart .iworks-omnibus,
div.wd-sticky-btn-cart .wd-compare-btn,
div.wd-sticky-btn-cart .wd-wishlist-btn,
div.wd-sticky-btn-cart form.cart .added_to_cart {
    display: none !important;
}

/* 7. PRZYCISK - Trzymamy go w ryzach, żeby nie uciekał w prawo */
div.wd-sticky-btn-cart form.cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
    flex: 1 !important;
    width: auto !important;
}

div.wd-sticky-btn-cart form.cart button {
    width: 100% !important;
    padding: 12px 10px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Ukrywamy opcjonalny drugi przycisk WoodMarta */
div.wd-sticky-btn-cart form.cart .wd-buy-now-btn {
    display: none !important;
}
/* ================================================== */
/* ++++++++ dolna belka w SIGLE PRODUKT============== */
/* ================================================== */
/* Zmiana tła dolnej nawigacji WoodMart na błękit */
.wd-toolbar {
    background-color: #ebf0f2 !important;
    border-top: none !important; /* Usuwamy ewentualną górną ramkę, żeby zlało się z tłem strony */
}

/* Upewniamy się, że same ikonki nie mają białych kwadratów pod spodem */
.wd-toolbar .wd-toolbar-link {
    background-color: transparent !important;
}
}