.elementor-144 .elementor-element.elementor-element-e6fec88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.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-144 .elementor-element.elementor-element-4a86c60{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{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-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-144 .elementor-element.elementor-element-f5b501d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.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-144 .elementor-element.elementor-element-a6ec296.elementor-wc-products  ul.products{grid-column-gap:45px;grid-row-gap:40px;}.elementor-144 .elementor-element.elementor-element-a6ec296.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-4a86c60{--content-width:1360px;}}@media(max-width:1024px){.elementor-144 .elementor-element.elementor-element-e6fec88{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-144 .elementor-element.elementor-element-4a86c60{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-144 .elementor-element.elementor-element-a6ec296.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-e6fec88{--padding-top:75px;--padding-bottom:075px;--padding-left:20px;--padding-right:20px;}.elementor-144 .elementor-element.elementor-element-4a86c60{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-144 .elementor-element.elementor-element-a6ec296.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-e6fec88 *//* ==========================================
   ZMIENNE GLOBALNE (Jeśli to nowy szablon)
   ========================================== */
:root {
    --v-color-text: #222222;
    --v-color-text-muted: #666666;
    --v-font-sans: 'Inter', sans-serif;
    --v-font-serif: 'Playfair Display', serif;
}

/* ==========================================
   1. TYTUŁ ARCHIWUM (KATEGORII)
   ========================================== */
.elementor-widget-theme-archive-title .elementor-heading-title,
.woocommerce-products-header__title.page-title {
    font-family: var(--v-font-serif) !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    color: var(--v-color-text) !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

/* ==========================================
   2. OPIS ARCHIWUM (KATEGORII)
   ========================================== */
.elementor-widget-theme-archive-description,
.term-description {
    font-family: var(--v-font-sans) !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    color: var(--v-color-text-muted) !important;
    text-align: center !important;
    max-width: 700px !important; /* Zwężenie tekstu, aby nie rozciągał się na całą stronę */
    margin: 0 auto 60px auto !important; /* Wyśrodkowanie bloku i duży odstęp od produktów */
}

.elementor-widget-theme-archive-description p,
.term-description p {
    margin-bottom: 15px !important;
}

.elementor-widget-theme-archive-description p:last-child,
.term-description p:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================
   RESPONSYWNOŚĆ (TELEFONY)
   ========================================== */
@media (max-width: 767px) {
    .elementor-widget-theme-archive-title .elementor-heading-title,
    .woocommerce-products-header__title.page-title {
        font-size: 36px !important;
        margin-bottom: 15px !important;
    }
    
    .elementor-widget-theme-archive-description,
    .term-description {
        font-size: 15px !important;
        margin-bottom: 40px !important;
        padding: 0 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-f5b501d *//* ==========================================
   1. KATEGORIE JAKO POZIOME MENU (Rozwiązanie dla wc-categories)
   ========================================== */

/* Nadpisanie siatki Elementora (CSS Grid) na elastyczny Flexbox */
.elementor-widget-wc-categories ul.products.elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* Wyśrodkowanie na stronie */
    gap: 30px !important;
    margin-bottom: 50px !important;
    border-bottom: 1px solid var(--v-color-border) !important;
    padding-bottom: 20px !important;
    grid-template-columns: none !important; /* Wyłączenie wymuszonych kolumn */
}

/* Reset pojedynczej pozycji (usunięcie szerokości kolumn) */
.elementor-widget-wc-categories ul.products.elementor-grid li.product-category {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Ukrycie zdjęć (placeholderów) */
.elementor-widget-wc-categories ul.products.elementor-grid li.product-category img {
    display: none !important;
}

/* Stylizacja linków i typografii */
.elementor-widget-wc-categories ul.products.elementor-grid li.product-category a {
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
    padding: 0 !important;
}

.elementor-widget-wc-categories ul.products.elementor-grid li.product-category .woocommerce-loop-category__title {
    font-family: var(--v-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: var(--v-color-text-muted) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    transition: color 0.3s ease !important;
}

/* Efekt po najechaniu myszką (Hover) */
.elementor-widget-wc-categories ul.products.elementor-grid li.product-category a:hover .woocommerce-loop-category__title {
    color: var(--v-color-text) !important;
}

/* Ukrycie licznika produktów (np. "(4)") */
.elementor-widget-wc-categories ul.products.elementor-grid li.product-category .count {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a86c60 *//* ==========================================
   ARCHIVE PRODUCTS - STYLIZACJA PREMIUM
   ========================================== */

/* Kontener główny siatki */
.elementor-widget-archive-products {
    max-width: 1360px !important;
    margin: 0 auto !important;
}

/* Usunięcie domyślnych obramowań i cieni z WooCommerce */
.woocommerce ul.products li.product {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 50px !important; /* Odstęp między rzędami */
    transition: var(--v-transition);
}


    /* --- OBRAZEK PRODUKTU --- */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    overflow: hidden; /* Potrzebne do efektu zoom */
    margin-bottom: 15px !important; /* Zmniejszono z 20px - bliżej tytułu */
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 100% !important; 
    aspect-ratio: 4 / 5 !important; /* Powrót do luksusowych, pionowych proporcji */
    object-fit: contain !important; /* Pełne zdjęcie dopasowane wewnątrz pionowego kafelka */
    object-position: center !important; /* Wyśrodkowanie na środku */
    background-color: transparent !important; 
    border-radius: 0 !important; /* Ostre, eleganckie krawędzie */
    margin: 0 !important;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    
}

/* Efekt delikatnego powiększenia zdjęcia po najechaniu */
.woocommerce ul.products li.product:hover img {
    transform: scale(1.04);
}

/* --- TYTUŁ PRODUKTU --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--v-font-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--v-color-text) !important;
    line-height: 1.3 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    transition: color 0.3s ease;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: var(--v-color-primary) !important;
}

/* --- CENA --- */
.woocommerce ul.products li.product .price {
    font-family: var(--v-font-sans) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--v-color-text-muted) !important;
    margin-bottom: 0 !important;
    display: block !important;
}

/* Wygląd ceny promocyjnej */
.woocommerce ul.products li.product .price del {
    opacity: 0.4;
    font-weight: 300;
    margin-right: 8px;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    font-weight: 600;
    color: var(--v-color-text);
}

/* --- PRZYCISK "DODAJ DO KOSZYKA" (Ukrywamy lub upraszczamy) --- */
/* W markach premium na liście katalogu zazwyczaj nie pokazuje się przycisku, 
   by nie zagracać widoku. Klient ma wejść w produkt. */
.woocommerce ul.products li.product .button {
    display: none !important; 
}

/* Jeśli jednak chcesz przycisk, usuń powyższe "display: none" i użyj poniższego stylu: */
/*
.woocommerce ul.products li.product .button {
    background: transparent !important;
    color: var(--v-color-text) !important;
    border-bottom: 1px solid var(--v-color-text) !important;
    border-radius: 0 !important;
    padding: 5px 0 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-top: 15px !important;
}
*/

/* --- PLAKIETKI (Sale / Nowość) --- */
.woocommerce span.onsale {
    background-color: var(--v-color-primary) !important;
    color: #FFFFFF !important;
    font-family: var(--v-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    min-height: auto !important;
    line-height: 1 !important;
    padding: 6px 12px !important;
    border-radius: 0 !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
}

/* --- PAGINACJA (Przechodzenie między stronami) --- */
.woocommerce nav.woocommerce-pagination {
    margin-top: 60px !important;
    border-top: 1px solid var(--v-color-border);
    padding-top: 30px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
}

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

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-family: var(--v-font-sans) !important;
    font-size: 14px !important;
    color: var(--v-color-text-muted) !important;
    background: transparent !important;
    padding: 10px 15px !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    color: var(--v-color-text) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px;
}

/* ==========================================
   RESPONSYWNOŚĆ (Dla urządzeń mobilnych)
   ========================================== */
@media (max-width: 1024px) {
    .elementor-widget-archive-products { padding: 0 20px; }
}

@media (max-width: 767px) {
    /* Na telefonie 2 kolumny lub 1 - zależnie od ustawień widżetu */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 18px !important;
    }
}

/* ==========================================
   1. PODKATEGORIE JAKO POZIOME MENU (Zamiast kafelków ze zdjęciami)
   ========================================== */
.elementor-widget-woocommerce-product-categories ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* Wyśrodkowanie kategorii */
    gap: 30px !important;
    margin-bottom: 50px !important;
    border-bottom: 1px solid var(--v-color-border) !important;
    padding-bottom: 20px !important;
}

.elementor-widget-woocommerce-product-categories ul.products li.product-category {
    width: auto !important; /* Zapobiega rozciąganiu na kolumny */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Ukrywamy domyślne zdjęcia kategorii */
.elementor-widget-woocommerce-product-categories ul.products li.product-category img {
    display: none !important;
}

/* Stylizujemy tytuły na eleganckie linki */
.elementor-widget-woocommerce-product-categories ul.products li.product-category .woocommerce-loop-category__title {
    font-family: var(--v-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--v-color-text-muted) !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}

.elementor-widget-woocommerce-product-categories ul.products li.product-category a:hover .woocommerce-loop-category__title {
    color: var(--v-color-text) !important;
}

/* Ukrywamy liczbę produktów w nawiasach (jeśli występuje) */
.elementor-widget-woocommerce-product-categories ul.products li.product-category .count {
    display: none !important;
}


/* ==========================================
   2. SORTOWANIE I LICZNIK WYNIKÓW
   ========================================== */
/* Kontener obejmujący sortowanie i licznik (jeśli są w jednej linii) */
.woocommerce-products-header + .woocommerce-result-count,
.woocommerce .woocommerce-result-count {
    font-family: var(--v-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--v-color-text-muted) !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    float: left !important; /* Pozycjonowanie po lewej */
}

/* Rozwijana lista sortowania */
.woocommerce .woocommerce-ordering {
    float: right !important; /* Pozycjonowanie po prawej */
    margin-bottom: 30px !important;
}

.woocommerce .woocommerce-ordering select {
    font-family: var(--v-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--v-color-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding-right: 20px !important;
    -webkit-appearance: none !important;
    appearance: none !important; /* Ukrywamy brzydką, systemową strzałkę */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

/* Czyszczenie opływania po elementach float */
.woocommerce ul.products {
    clear: both !important;
}


/* ==========================================
   3. WIĘKSZY ODSTĘP: ZDJĘCIE -> TYTUŁ
   ========================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 25px !important; /* Zwiększony odstęp nad tytułem (światło) */
}/* End custom CSS */