.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1547 .elementor-element.elementor-element-7672f11{text-align:center;}.elementor-1547 .elementor-element.elementor-element-7672f11 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1547 .elementor-element.elementor-element-0d0c0f7{text-align:center;color:#FFFFFF;}.elementor-1547 .elementor-element.elementor-element-6c8e162 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1547 .elementor-element.elementor-element-79ec407:not(.elementor-motion-effects-element-type-background), .elementor-1547 .elementor-element.elementor-element-79ec407 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1547 .elementor-element.elementor-element-79ec407{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1547 .elementor-element.elementor-element-79ec407 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1547 .elementor-element.elementor-element-c8d57fb{text-align:start;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1547 .elementor-element.elementor-element-21adc84.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1547 .elementor-element.elementor-element-21adc84.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-1547 .elementor-element.elementor-element-21adc84.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1547 .elementor-element.elementor-element-21adc84.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-21adc84 *//* ===================================================
2. STYLIZACJA KAFELKÓW (WIDŻET ARCHIVE PRODUCTS)
=================================================== */

/* UKRYCIE ELEMENTÓW SKLEPOWYCH (ceny, przyciski koszyka, oceny, odznaki wyprzedaży) */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-product-rating,
.woocommerce ul.products li.product .onsale {
    display: none !important;
}

/* WYGLĄD GŁÓWNY KAFELKA (Tło, zaokrąglenia, ramka) */
.woocommerce ul.products li.product {
    background-color: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
    border-radius: 20px !important;
    padding: 30px 20px 25px 20px !important;
    text-align: center !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* EFEKT NAJECHANIA MYSZKĄ (Hover - kafelek unosi się do góry) */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
    border-color: #e5e7eb !important;
}

/* ZDJĘCIE PRODUKTU (Wyśrodkowane i ograniczone by nie było za wielkie) */
.woocommerce ul.products li.product img {
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto 20px auto !important;
    border-radius: 12px !important;
}

/* TYTUŁ PRODUKTU / NAZWA MODELU */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ukrycie domyślnych linków WooCommerce, żeby nie psuły layoutu */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
}
/* ===================================================
3. STYLIZACJA PAGINACJI I LICZNIKA WYNIKÓW
=================================================== */

/* Licznik wyników (np. "Wyświetlanie 1–12 z 30 wyników") */
.woocommerce .woocommerce-result-count {
    color: #6b7280 !important; /* Subtelny, elegancki szary */
    font-size: 14px !important;
    margin-bottom: 20px !important;
    float: none !important; /* Zapobiega dziwnemu układaniu na stronie */
}

/* Wyśrodkowanie kontenera z numerami stron na dole */
.woocommerce nav.woocommerce-pagination {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

/* Ukrycie domyślnych, starych ramek WooCommerce */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important; /* Odstępy między numerami */
    padding: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    display: inline-block !important;
}

/* Wygląd pojedynczego przycisku (np. numeru 1, 2, 3...) */
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 15px !important;
    border-radius: 50px !important; /* Zaokrąglone w stylu "pills" */
    background-color: #ffffff !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border: 1px solid #e5e7eb !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Efekt najechania myszką (Hover) */
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
    transform: translateY(-2px) !important; /* Lekkie uniesienie */
}

/* Wygląd aktywnej strony (tej, na której obecnie jest użytkownik) */
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current {
    background-color: #111827 !important; /* Ciemne / czarne tło */
    color: #ffffff !important; /* Biały tekst */
    border-color: #111827 !important;
}

/* Usunięcie obrysu przy kliknięciu (Focus) */
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus {
    outline: none !important;
}/* End custom CSS */