.elementor-4044 .elementor-element.elementor-element-24acbe5{--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;}.elementor-4044 .elementor-element.elementor-element-2acdb6f > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-4044 .elementor-element.elementor-element-0e15b90{--display:flex;}.elementor-4044 .elementor-element.elementor-element-2aec735.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4044 .elementor-element.elementor-element-8593b87{--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;}.elementor-4044 .elementor-element.elementor-element-c7ff6ae > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-4044 .elementor-element.elementor-element-426a499{--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;}.elementor-4044 .elementor-element.elementor-element-19ce947.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4044 .elementor-element.elementor-element-19ce947.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-4044 .elementor-element.elementor-element-19ce947.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4044 .elementor-element.elementor-element-19ce947.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-categories, class: .elementor-element-2aec735 *//* Tylko dla strony o ID 4044 */
body.page-id-4044 .woocommerce .product-category {
  margin: 0;               /* upewniamy się, że nie ma dodatkowych paddingów/marginesów */
  padding: 0;
}


/* 1) Wrapper kafelka (link otaczający obrazek i tytuł) */
body.page-id-4044 .woocommerce .product-category > a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

body.page-id-4044 .woocommerce .product-category::after {

    border-radius: unset !important;

}


/* 2) Obrazek wypełnia cały obszar wrappera */
body.page-id-4044 .woocommerce .product-category img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}


/* 3) Dobazowy gradient przy spoczynku (dolne 50% obrazu) */
body.page-id-4044 .woocommerce .product-category::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7),
    transparent
  );
  transition: background 0.3s ease;
  z-index: 1;
  border-radius: 0 0 16px 16px;
}

/* 4) Tytuł kategorii nad gradientem */
body.page-id-4044 .woocommerce .product-category h2 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 18px;
  z-index: 2;
  margin: 0;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

/* 5) Efekt hover: powiększenie kafla + cień */
body.page-id-4044 .woocommerce .product-category:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* 6) Przy hoverie podmiana gradientu na półprzezroczystą zieleń */
body.page-id-4044 .woocommerce .product-category:hover::after {
  background: linear-gradient(
    to top,
    rgba(139, 195, 74, 0.7),
    transparent
  );
}

body.page-id-4044 .woocommerce ul.products li.product_cat-quick-launch {
  order: 1;
}

/* 12) Air Series – slug = "air-series", czyli klasa "product_cat-air-series" */
body.page-id-4044 .woocommerce ul.products li.product_cat-air-series {
  order: 2;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-19ce947 *//* === KARTA PRODUKTU – główny kontener === */
ul.products.elementor-grid li.product {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start;
  height: 100% !important;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

/* === LINK – zawiera obrazek + tytuł === */
ul.products.elementor-grid li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none;
  color: inherit;
}

/* === KWADRATOWY OBRAZEK === */
ul.products.elementor-grid li.product .woocommerce-loop-product__link img {
  width: 100%;
  height: 300px;               /* ustalona wysokość */
  object-fit: contain;         /* bez przycinania */
  object-position: center;
  margin-bottom: 15px;
  display: block;
  background: #fff;
}

/* === TYTUŁ === */
ul.products.elementor-grid li.product .woocommerce-loop-product__title {
  min-height: 3.6em;
  margin-bottom: 10px;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1.4;
}

/* === CENA === */
ul.products.elementor-grid li.product .price {
  margin-bottom: 15px;
  font-weight: bold;
  color: #333;
}

/* === PRZYCISK === */
ul.products.elementor-grid li.product .button {
  margin-top: auto;
  align-self: flex-start;
  background-color: #8bc34b;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

ul.products.elementor-grid li.product .button:hover {
  background-color: #7cb342;
}

.elementor-products-grid ul.products.elementor-grid li.product .onsale {
    display: none;
    padding: var(--badge-padding, 5px 10px) !important;
}/* End custom CSS */