.elementor-106 .elementor-element.elementor-element-bd5d050{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.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-106 .elementor-element.elementor-element-80183da .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-106 .elementor-element.elementor-element-11238a1{--display:flex;}.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-106 .elementor-element.elementor-element-280bf82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-106 .elementor-element.elementor-element-280bf82.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-106 .elementor-element.elementor-element-bd5d050{--content-width:1340px;}}@media(max-width:1024px){.elementor-106 .elementor-element.elementor-element-280bf82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-106 .elementor-element.elementor-element-280bf82.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-bd5d050 *//* 
======================================================================
[STYLE DLA STRONY SKLEPU / KATEGORII WOOCOMMERCE (ARCHIVE)]
1. Wklej ten kod w "Dodatkowy CSS" (Wygląd -> Dostosuj).
2. Zastosowano nowoczesny CSS Grid zamiast przestarzałych kolumn Woo.
3. Pełna spójność typograficzna (Poppins/Inter) i efektowne kafelki.
======================================================================
*/

/* --- IMPORT FONTÓW (Na wypadek, gdyby brakowało na tej podstronie) --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');

:root {
    --swf-green: #77b72a !important;
    --swf-dark: #1a1a1a !important;
    --swf-light: #ffffff !important;
    --swf-text: #4a4c4f !important;
    --swf-border: #eaedf0 !important;
    --swf-bg-light: #f8f9fa !important;
    --swf-transition: all 0.3s ease !important;
    
    --swf-font-heading: 'Poppins', sans-serif !important;
    --swf-font-body: 'Inter', sans-serif !important;
}

/* --- NAGŁÓWEK STRONY SKLEPU --- */
.elementor-widget-theme-archive-title h1 {
    font-family: var(--swf-font-heading) !important;
    color: var(--swf-dark) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    margin: 40px 0 30px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
    text-align: center !important;
}

/* --- PASEK GÓRNY (Licznik i Sortowanie) --- */
.woocommerce-result-count {
    font-family: var(--swf-font-body) !important;
    color: var(--swf-text) !important;
    font-size: 15px !important;
    float: left !important;
    margin-top: 12px !important;
}

.woocommerce-ordering {
    float: right !important;
    margin-bottom: 40px !important;
}

.woocommerce-ordering select {
    font-family: var(--swf-font-body) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--swf-dark) !important;
    background-color: var(--swf-light) !important;
    border: 1px solid var(--swf-border) !important;
    border-radius: 8px !important;
    padding: 10px 40px 10px 15px !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none !important; /* Ukrywa systemową strzałkę */
    /* Dodanie własnej, ładnej strzałki */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 50% !important;
    background-size: 10px auto !important;
    transition: var(--swf-transition) !important;
}

.woocommerce-ordering select:hover {
    border-color: var(--swf-green) !important;
}

/* Czyszczenie po floatach */
.woocommerce-ordering::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* --- SIATKA PRODUKTÓW (Wymuszony CSS Grid zamiast floatów) --- */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Resetowanie śmieci z domyślnego WooCommerce */
ul.products::before, ul.products::after {
    display: none !important;
}

/* --- KARTA PRODUKTU (Kafelek) --- */
ul.products li.product {
    width: 100% !important;
    margin: 0 !important; /* Wyzerowanie marginesów Woo */
    float: none !important;
    background-color: var(--swf-light) !important;
    border: 1px solid var(--swf-border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    transition: var(--swf-transition) !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
}

ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
    border-color: rgba(119, 183, 42, 0.3) !important;
}

/* Link owijający zdjęcie, tytuł i cenę */
ul.products li.product a.woocommerce-LoopProduct-link {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Zdjęcie produktu */
ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin: 0 0 20px 0 !important;
    transition: transform 0.6s ease !important;
}

ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* Tytuł produktu */
ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--swf-font-heading) !important;
    color: var(--swf-dark) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 15px 10px 15px !important;
    transition: var(--swf-transition) !important;
}

ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
    color: var(--swf-green) !important;
}

/* Cena produktu */
ul.products li.product .price {
    font-family: var(--swf-font-heading) !important;
    color: var(--swf-green) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 15px 20px 15px !important;
    display: block !important;
}

ul.products li.product .price del {
    color: #a0a0a0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-right: 5px !important;
}

/* --- PRZYCISK "DODAJ DO KOSZYKA" --- */
ul.products li.product .button {
    font-family: var(--swf-font-heading) !important;
    background-color: transparent !important;
    color: var(--swf-green) !important;
    border: 2px solid var(--swf-green) !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin: auto 20px 25px 20px !important; /* Auto "wypycha" przycisk na sam dół kafelka */
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: block !important;
    transition: var(--swf-transition) !important;
}

ul.products li.product .button:hover {
    background-color: var(--swf-green) !important;
    color: var(--swf-light) !important;
}

/* ======================================================================
   [MEDIA QUERIES - RESPONSYWNOŚĆ] 
   ====================================================================== */

@media (max-width: 1200px) {
    ul.products {
        grid-template-columns: repeat(3, 1fr) !important; /* 3 kolumny na mniejszym ekranie */
        gap: 20px !important;
    }
}

@media (max-width: 992px) {
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 kolumny na tablecie */
    }
    
    .elementor-widget-theme-archive-title h1 {
        font-size: 36px !important;
    }
}

@media (max-width: 576px) {
    .elementor-widget-theme-archive-title h1 {
        font-size: 32px !important;
        margin: 30px 0 20px 0 !important;
    }
    
    .woocommerce-result-count {
        float: none !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    
    .woocommerce-ordering {
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 30px !important;
    }
    
    ul.products {
        grid-template-columns: 1fr !important; /* 1 kolumna na telefonie */
        gap: 25px !important;
    }
}/* End custom CSS */