/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-elementor/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Tutaj możesz dodać własne style CSS */

/* Układ dwukolumnowy */
/* Style dla wielopoziomowych kategorii */

/* Układ dwukolumnowy */
.container {
    width: 100%;
    margin: 0 2.5%;
    padding: 0 15px;
}

.archive-product {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.archive-product .row {
    margin: 0 !important;
    padding: 0 !important;
}

.archive-product .sidebar-products {
    padding-left: 2.5%;
}

.archive-product .sidebar-list {
    
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col-md-3 {
    width: 15%;
    padding: 0 15px;
}

.col-md-9 {
    width: 85%;
    padding: 0 15px;
}

/* Style dla kategorii */
.product-categories-wrapper {
    margin-bottom: 30px;
}

.product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-categories li {
    padding: 5px 0;
}

.product-categories a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 0;
}

.product-categories a:hover,
.product-categories a.active {
    
}

.product-categories .children {
    list-style: none;
    padding-left: 15px;
}

/* Style dla filtrów */
.product-filters {
    margin-top: 30px;
}

/* Stan ładowania */
.products-column.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Responsywność */
@media (max-width: 768px) {
    .col-md-3, .col-md-9 {
        width: 100%;
    }

    .sidebar-products {
        margin-bottom: 30px;
    }
}

.product-categories li {
    position: relative;
}

.product-categories .children {
    list-style: none;
    padding-left: 20px;
    margin-top: 5px;
}

/* Style dla liczby produktów */
.product-categories .count {
    margin-left: 5px;
    color: #777;
    font-size: 0.9em;
}

/* Style dla ikon rozwijania/zwijania (opcjonalnie) */
.cat-item.has-children {
    position: relative;
}

.expand-icon {
    position: absolute;
    right: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
}

.expand-icon:before {
    content: '+';
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}

.cat-item.expanded > .expand-icon:before {
    content: '-';
}

/* Domyślnie ukryj podkategorie (opcjonalnie) */
.cat-item:not(.expanded) > .children {
    display: none;
}

/* Domyślnie ukryj podkategorie */
.cat-item:not(.expanded) > .children {
    display: none;
}

/* Pokaż podkategorie, gdy rodzic ma klasę expanded */
.cat-item.expanded > .children {
    display: block;
}

/* Podświetlenie aktywnej kategorii */
.category-filter.active {
    font-weight: bold;
    color: #fd7e14;
}

/* Style dla różnych poziomów zagnieżdżenia */
.product-categories .depth-1 {
    margin-left: 10px;
}
.product-categories .depth-2 {
    margin-left: 20px;
}
.product-categories .depth-3 {
    margin-left: 30px;
}
.product-categories .depth-4 {
    margin-left: 40px;
}

/* Style dla checkboxów kategorii */
.category-checkbox-wrapper {
    display: flex;
    align-items: center;
}

.category-checkbox {
    margin-right: 10px;
}

/* Pasek podsumowania filtrów */
.filters-summary-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.filters-summary-title {
    margin-right: 10px;
    font-weight: bold;
}

.active-filters-container {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.filter-pill {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    padding: 5px 12px;
    margin: 4px;
    font-size: 14px;
}

.category-pill {
    background-color: transparent;
    color: #A0A0A0;
}

.remove-filter {
    margin-right: 5px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    position: relative;
    left: -15px;
}

.clear-all-filters {
    margin-left: auto;
}

.clear-all-filters a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
}

.clear-all-filters a:hover {
    color: #333;
    text-decoration: underline;
}

/* Page overlay */
.page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

.page-overlay.active {
    display: block;
}

/* Style dla wyszukiwarki produktów */
.product-search-wrapper {
    margin-bottom: 25px;
    border-radius: 4px;
}

.product-search-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

.search-input-wrapper {
    display: flex;
}

#product-search-input {
    flex-grow: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    font-size: 13px !important;
    text-align: left !important;
}

#product-search-button {
    padding: 8px 15px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 14px;
}

#product-search-button:hover {
    background-color: #cf8b43;
}

/* Style dla filtra ceny */
.price-filter-wrapper {
    margin-bottom: 25px;
    border-radius: 4px;
}

.price-filter-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

.price-inputs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.price-input-group {
    flex: 1;
}

.price-input-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.price-input-group input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
}

#apply-price-filter {
    width: 100%;
    padding: 8px 15px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#apply-price-filter:hover {
    background-color: #cf8b43;
}

/* Style dla pill'ów w pasku filtrów */
.price-pill {
    background-color: #e3eaf7;
    color: #A0A0A0;
}

.search-pill {
    background-color: #f7e3e3;
    color: #A0A0A0;
}

/* Style dla filtrów atrybutów produktów */
.product-attributes-wrapper {
    margin-bottom: 25px;
}

.product-attributes-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
}

/* Style dla filtrów atrybutów produktów */
.attribute-filter-wrapper {
    margin-bottom: 25px;
    border-radius: 4px;
}

.attribute-filter-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-term-item {
    padding: 5px 0;
    font-size: 12px !important;
}

.attribute-checkbox-wrapper {
    display: flex;
    align-items: center;
}

.attribute-checkbox {
    margin-right: 10px;
}

/* Style dla pill'ów atrybutów */
.attribute-pill {
    background-color: #e3f7ef;
    color: #00796b;
}

/* Style dla filtra wymiarów */
.dimensions-filter-wrapper {
    margin-bottom: 25px;
    border-radius: 4px;
}

.dimensions-filter-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

.dimensions-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dimension-item {
    padding: 5px 0;
}

.dimension-checkbox-wrapper {
    display: flex;
    align-items: center;
}

.dimension-checkbox {
    margin-right: 10px;
}

/* Style dla pill'ów wymiarów */
.dimension-pill {
    background-color: #f0e6ff;
    color: #6200ea;
}

/* Style dla stanu ładowania */
#product-dimensions-container.loading .dimensions-loading {
    display: block;
}

#product-dimensions-container .dimensions-loading {
    display: none;
}

/* Import czcionki Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');

/* Nagłówki filtrów */
.product-search-wrapper h3,
.price-filter-wrapper h3,
.product-categories-wrapper h3,
.attribute-filter-wrapper h3,
.dimensions-filter-wrapper h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    margin-bottom: 15px;
}

/* Pozycje filtrów */
.category-checkbox-wrapper label,
.attribute-checkbox-wrapper label,
.dimension-checkbox-wrapper label {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
}

/* Podkategorie - mniejsza czcionka o 2px */
.children .category-checkbox-wrapper label,
.children .attribute-checkbox-wrapper label,
.children .dimension-checkbox-wrapper label {
    font-size: 12px;
}

/* Tekst w inputach */
#product-search-input,
.price-input-group input,
#min-price,
#max-price {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #A0A0A0;
}

/* Ramki inputów */
#product-search-input,
.price-input-group input,
#min-price,
#max-price {
    border: 1px solid #A0A0A0;
}

/* Pill styles */
.filter-pill,
.category-pill,
.attribute-pill,
.price-pill,
.search-pill,
.dimension-pill {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #A0A0A0;
    padding: 0 17px 0 0;
  margin-right: 35px;
}

/* Zachowaj kolory tła dla różnych typów pill */
.category-pill {
    background-color: transparent;
    color: #A0A0A0;
}

.attribute-pill {
    background-color: transparent;
    color: #A0A0A0;
}

.price-pill {
    background-color: transparent;
    color: #A0A0A0;
}

.search-pill {
    background-color: transparent;
    color: #A0A0A0;
}

.dimension-pill {
    background-color: transparent;
    color: #A0A0A0;
}

/* Dopasuj przyciski do nowego stylu */
#product-search-button,
#apply-price-filter {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

/* Dostosuj pozycjonowanie checkboxów, aby były lepiej wyrównane z tekstem */
.category-checkbox,
.attribute-checkbox,
.dimension-checkbox {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

/* Styl dla górnej belki z woocommerce-result-count i woocommerce-ordering */
.woocommerce-products-header {
    margin-bottom: 20px;
}

.products-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    border: 1px solid #A0A0A0;
    padding: 10px;
}

.woocommerce-result-count {
    margin: 0 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.woocommerce-ordering {
    margin: 0 !important;
}

.woocommerce-ordering select {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #A0A0A0;
}

.products-top-bar{
    width: 100%;
}

.woocommerce-ordering select {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    padding: 8px 30px 8px 10px;
    border: 1px solid #A0A0A0;
    border-radius: 0;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 5px center;
}

/* Usuwa domyślne style przeglądarek */
.woocommerce-ordering select::-ms-expand {
    display: none;
}

/* Styl dla stanu focus, żeby był zgodny z ogólnym wyglądem */
.woocommerce-ordering select:focus {
    outline: none;
    border-color: #A0A0A0;
}

.woocommerce-result-count {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0;
    color: #333;
}

/* Style dla produktów */
.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.products.columns-4 li.product {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
    }
    .woocommerce ul.products{
        flex-direction: column !important;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        width:100% !important;
        padding:0 !important;
    }
    .woocommerce ul.products{
        margin:0 !important;
    }
    .products .product .sk-bestseller-item {
        min-height:100px !important;
    }
    
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
    }
    
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
    }
}


.wcc-custom-tile-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sk-bestseller-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e6e6e6;
    transition: all 0.3s ease;
    overflow: hidden;
    min-height:570px;
}

.sk-bestseller-item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.sk-bestseller-image {
    height: 400px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

.sk-bestseller-item:hover .sk-bestseller-image {
    
}

.sk-bestseller-info {
    
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.sk-bestseller-title {
    margin: 0 0 10px 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 1.2;
}

.sk-bestseller-title a {
    color: #333;
    text-decoration: none;
}

.sk-bestseller-title a:hover {
    
}

.sk-bestseller-dimensions {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
}

.sk-bestseller-action {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}

.sk-bestseller-price {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    
}

/* Ukryj domyślne elementy WooCommerce */
.products li.product .woocommerce-loop-product__title,
.products li.product .price,
.products li.product .button {
    display: none;
}

/* Zmienia liczbę kolumn produktów na 3 */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: 100% ;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none ;
    clear: none ;
    margin: 0 0 30px 0 ;
    padding: 0 5px ;
    width: calc(33.333% - 0.01px);
    box-sizing: border-box ;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    /*clear: none !important;*/
}

/* Styl dla bloku opisu kategorii */
.category-description-area {
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.category-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.category-description {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

/* Style dla responsywnego sidebara z filtrami */

/* Przyciski mobilne */
.mobile-only {
    display: none;
}

/* Styl dla przycisku filtry */
#mobile-filter-toggle {
    width: 100%;
    padding: 12px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    color:#CE8946;
}

/* Styl dla przycisku OK */
#apply-filters-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: #c18c4c;
    color: white;
    border: none;
    text-align: center;
    font-weight: bold;
    z-index: 1001;
    font-family: 'Poppins', sans-serif;
    display: none;
}

/* Responsywne style dla urządzeń mobilnych */
@media (max-width: 768px) {
    /* Pokazuj przyciski tylko na urządzeniach mobilnych */
    .mobile-only {
        display: block;
    }
    .sk-bestseller-item{
       
    }
.sk-bestseller-action{
    align-items:flex-start;
}
    /* Ukryj domyślne widoczny filtr */
    #filter-container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
        z-index: 1000;
        overflow-y: auto;
        padding: 15px;
        padding-bottom: 70px; /* Miejsce na przycisk OK */
    }

    /* Styl dla body, gdy filtry są aktywne */
    body.filters-active {
        overflow: hidden; /* Zapobiega przewijaniu, gdy filtr jest otwarty */
    }

    /* Pokaż przycisk OK, gdy filtry są aktywne */
    body.filters-active #apply-filters-button {
        display: block;
    }

    /* Pokaż kontener filtrów, gdy aktywne */
    body.filters-active #filter-container {
        display: block;
    }

    /* Dostosuj layout kolumn */
    .col-md-3, .col-md-9 {
        width: 100%;
    }

    .sidebar-products {
        margin-bottom: 20px;
    }
}

/* Styl dla desktopów */
@media (min-width: 769px) {
    #filter-container {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

/* Style dla rozwijania/zwijania podkategorii */

/* Domyślnie wszystkie kategorie będą rozwinięte (zmodyfikowana reguła) */
.cat-item > .children {
    display: block;
}

/* Style dla przycisku Rozwiń/Zwiń */
.expand-more-button a,
.collapse-button a {
    display: block;
    padding: 5px 0;
    margin: 5px 0;
    text-align: left;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.expand-more-button a {
    color: #964B00; /* Brązowy kolor */
    font-weight: 400;
}

.collapse-button a {
    color: #333;
}

.expand-more-button a:hover,
.collapse-button a:hover {
    text-decoration: underline;
}

/* Style dla rozwijania/zwijania podkategorii */

/* Domyślnie wszystkie kategorie będą rozwinięte (zmodyfikowana reguła) */
.cat-item > .children {
    display: block;
}

/* Zawsze pokazuj pierwsze 5 elementów */
.cat-item > .children > li:nth-child(-n+5) {
    display: block !important;
}

/* Style dla przycisku Rozwiń/Zwiń */
.expand-more-button a,
.collapse-button a {
    display: block;
    padding: 5px 0;
    margin: 5px 0;
    text-align: left;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.expand-more-button a {
    color: #964B00; /* Brązowy kolor */
    font-weight: 400;
}

.collapse-button a {
    color: #333;
}

.expand-more-button a:hover,
.collapse-button a:hover {
    text-decoration: underline;
}

/* Domyślnie wszystkie podkategorie są rozwinięte */
.cat-item.expanded > .children {
    display: block;
}

/* Zawsze pokazuj pierwsze 5 elementów w liście podkategorii */
.cat-item > .children > li:nth-child(-n+5):not(.hidden-category) {
    display: block !important;
}

/* Ukryj podkategorie z klasą hidden-category */
/* Style dla rozwijania/zwijania podkategorii */

/* Domyślnie wszystkie podkategorie są rozwinięte */
.cat-item.expanded > .children {
    display: block;
}

/* Style dla kategorii - podkategorie i przyciski Rozwiń/Zwiń */

/* Ukryj podkategorie z klasą hidden-category */
.hidden-category {
    display: none !important;
}

/* Domyślnie pokazuj podkategorie dla rozwiniętych kategorii */
.cat-item.expanded > .children {
    display: block;
}

/* Ukryj podkategorie dla zwiniętych kategorii */
.cat-item:not(.expanded) > .children {
    display: none;
}

/* Pozycjonowanie ikon rozwijania/zwijania */
.cat-item.has-children {
    position: relative;
}

.expand-icon {
    position: absolute;
    right: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
}

/* Domyślny znak - dla rozwinietych kategorii */
.expand-icon:before {
    content: '-';
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}

/* Znak + dla zwiniętych kategorii */
.cat-item:not(.expanded) > .expand-icon:before {
    content: '+';
}

/* Style dla przycisków Rozwiń/Zwiń */
.expand-more-button a,
.collapse-button a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin: 5px 0;
    border-top: 1px dashed #ddd;
    padding-top: 8px;
}

.expand-more-button a {
    color: #964B00 !important; /* Brązowy kolor */
    font-weight: 400;
}

.collapse-button a {
    color: #333;
}

.expand-more-button a:hover,
.collapse-button a:hover {
    text-decoration: underline;
}

/* Wygląd elementów przycisków w liście */
.expand-more-button,
.collapse-button {
    list-style: none;
    margin: 5px 0;
}

.sk-bestseller-action .add_to_cart_button{
    display: inline-block !important;
    background-color: #CE8946 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    transition: background-color 0.3s ease !important;
}

.sk-bestseller-action .product .woocommerce-Price-amount{
    display: none;
}

.sk-bestseller-action .add_to_cart_inline {
    border: none !important;
      color: #E6E6E6 !important;
}

.products .sk-bestseller-info .add_to_wishlist  {
position: absolute;
  right: 6px;
  margin: 0px 0 0 0;
}

.products .sk-bestseller-title{
    width: 90%;
    flex-grow: unset;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}

.woocommerce-ordering select {
  background-image: url("data:image/svg+xml;utf8,<svg width='13' height='6' viewBox='0 0 13 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.73519 5.67279C6.15821 6.0031 6.84518 6.0031 7.26819 5.67279L12.6827 1.44479C13.1058 1.11447 13.1058 0.578047 12.6827 0.247734C12.2597 -0.0825781 11.5728 -0.0825781 11.1497 0.247734L6.5 3.87853L1.85025 0.250377C1.42724 -0.0799359 0.740271 -0.0799359 0.317259 0.250377C-0.105753 0.580689 -0.105753 1.11712 0.317259 1.44743L5.73181 5.67543L5.73519 5.67279Z' fill='%23A0A0A0'/></svg>") !important;
background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 13px 6px !important;
}

.woocommerce-ordering select option {
  font-family: 'Poppins', sans-serif  !important;
  font-size: 14px  !important;
  color: #333  !important;
}

/* Wspólne style dla obu typów paginacji */
.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin: 50px 0;
  width: 100%;
}

/* Reset stylów z szablonu */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul.page-numbers {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
  justify-content: center;
  white-space: nowrap;
  border: none !important;
  clear: both;
}

/* Usunięcie zawartości pseudo-elementów */
.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce .woocommerce-pagination ul.page-numbers::before,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::before {
  content: none;
}

/* Style dla elementów listy */
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: none;
  border: none !important;
  overflow: visible;
}

/* Style dla linków i spanów */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 55px;
  height: 55px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
  color: #555;
  background-color: transparent;
  border-bottom: 2px solid transparent;
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* Style dla hover */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-pagination .page-numbers:hover {
  color: #b57835;
  border-bottom: 2px solid #b57835;
  background: transparent;
}

/* Style dla aktywnej strony */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination .page-numbers.current {
  color: #b57835;
  font-weight: 700;
  border-bottom: 2px solid #b57835;
  background: transparent;
}

/* Style dla przycisków next/prev */
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce-pagination .next.page-numbers,
.woocommerce-pagination .prev.page-numbers {
  font-size: 24px;
  font-weight: 400;
}

/* Responsywność */
@media screen and (max-width: 480px) {
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span,
  .woocommerce-pagination .page-numbers {
    min-width: 45px;
    height: 45px;
    font-size: 18px;
  }
  
  .woocommerce nav.woocommerce-pagination ul,
  .woocommerce-pagination ul.page-numbers {
    gap: 8px;
  }
}

.products .product {
    position: relative;
    bottom: 0;
    transition: bottom 0.2s ease-out;
}

.products .product:hover {
    position: relative;
    bottom: 5px;
}