/* NOVARI - FINAL: strona kategorii */

/* awaryjne usunięcie czerwonej ramki z testów */
html,
body,
main#page,
#page,
#wrapper,
#header,
.container,
.row {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ukrycie lewej kolumny */
body#category #left-column,
body.page-category #left-column {
  display: none !important;
}

/* pełna szerokość treści */
body#category #content-wrapper,
body.page-category #content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* kontener strony */
body#category #wrapper > .container,
body.page-category #wrapper > .container {
  max-width: 1430px !important;
  width: 100% !important;
}

/* ukrycie podkategorii z No image available */
body#category #subcategories,
body.page-category #subcategories,
body#category .subcategories,
body.page-category .subcategories,
body#category .category-sub-menu,
body.page-category .category-sub-menu {
  display: none !important;
}

/* pokazanie nagłówka kategorii / banera */
body#category #js-product-list-header,
body.page-category #js-product-list-header {
  display: block !important;
  width: 100% !important;
  max-width: 1430px !important;
  margin: 0 auto 45px auto !important;
  padding: 0 !important;
}

/* ukrycie tekstowego opisu kategorii */
body#category #js-product-list-header p,
body.page-category #js-product-list-header p,
body#category #category-description,
body.page-category #category-description,
body#category .category-description,
body.page-category .category-description {
  display: none !important;
}

/* duży baner kategorii */
body#category .block-category,
body.page-category .block-category {
  display: block !important;
  width: 100% !important;
  max-width: 1430px !important;
  height: 320px !important;
  min-height: 320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #f8f5ef !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
}

/* cover kategorii */
body#category .block-category .category-cover,
body.page-category .block-category .category-cover,
body#category .category-cover,
body.page-category .category-cover {
  display: block !important;
  width: 100% !important;
  height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* obraz banera */
body#category .block-category img,
body.page-category .block-category img,
body#category .category-cover img,
body.page-category .category-cover img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* pasek sortowania */
body#category .products-selection,
body.page-category .products-selection {
  border: none !important;
  margin: 0 0 38px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* produkty w 4 kolumnach - pod motyw Avanam */
body#category #js-product-list .products.product-loop,
body.page-category #js-product-list .products.product-loop,
body#category #js-product-list .products,
body.page-category #js-product-list .products {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -14px !important;
  margin-right: -14px !important;
}

/* pojedynczy produkt - 4 w rzędzie */
body#category #js-product-list .products > .product,
body.page-category #js-product-list .products > .product,
body#category #js-product-list .products > .js-product,
body.page-category #js-product-list .products > .js-product,
body#category #js-product-list .products > .col-xl-4,
body.page-category #js-product-list .products > .col-xl-4 {
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  margin-bottom: 48px !important;
}

/* karta produktu */
body#category .product-miniature,
body.page-category .product-miniature {
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* zdjęcia produktów bez ramek */
body#category .product-miniature .thumbnail-container,
body.page-category .product-miniature .thumbnail-container,
body#category .product-miniature .product-thumbnail,
body.page-category .product-miniature .product-thumbnail {
  border: none !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* obrazki produktów */
body#category .product-miniature img,
body.page-category .product-miniature img,
body#category .product-thumbnail img,
body.page-category .product-thumbnail img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: #fff !important;
}

/* ukrycie przycisków i hoverów */
body#category .product-miniature .highlighted-informations,
body.page-category .product-miniature .highlighted-informations,
body#category .product-miniature .quick-view,
body.page-category .product-miniature .quick-view,
body#category .product-miniature .add-to-cart,
body.page-category .product-miniature .add-to-cart,
body#category .product-miniature .wishlist-button-add,
body.page-category .product-miniature .wishlist-button-add,
body#category .product-miniature .variant-links,
body.page-category .product-miniature .variant-links {
  display: none !important;
}

/* nazwa produktu */
body#category .product-miniature .product-title,
body.page-category .product-miniature .product-title,
body#category .product-miniature .product-title a,
body.page-category .product-miniature .product-title a {
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #111 !important;
  text-align: center !important;
  text-transform: none !important;
  margin-top: 14px !important;
  margin-bottom: 6px !important;
}

/* cena */
body#category .product-miniature .product-price-and-shipping,
body.page-category .product-miniature .product-price-and-shipping,
body#category .product-miniature .price,
body.page-category .product-miniature .price {
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
}

/* tablet */
@media (max-width: 1199px) {
  body#category #js-product-list .products > .product,
  body.page-category #js-product-list .products > .product,
  body#category #js-product-list .products > .js-product,
  body.page-category #js-product-list .products > .js-product,
  body#category #js-product-list .products > .col-xl-4,
  body.page-category #js-product-list .products > .col-xl-4 {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex: 0 0 33.3333% !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  body#category #js-product-list .products > .product,
  body.page-category #js-product-list .products > .product,
  body#category #js-product-list .products > .js-product,
  body.page-category #js-product-list .products > .js-product,
  body#category #js-product-list .products > .col-xl-4,
  body.page-category #js-product-list .products > .col-xl-4 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body#category .block-category,
  body.page-category .block-category,
  body#category .block-category .category-cover,
  body.page-category .block-category .category-cover,
  body#category .category-cover,
  body.page-category .category-cover,
  body#category .block-category img,
  body.page-category .block-category img,
  body#category .category-cover img,
  body.page-category .category-cover img {
    height: 220px !important;
    min-height: 220px !important;
  }
}