/* PROSKLEP PS-001 START */
/* =====================================================
PODKATEGORIE – SIATKA ZAMIAST SLIDERA
===================================================== */
/* Kontener podkategorii – ta sama szerokość co filtry i produkty */
#products-2 > .product-list-wrapper.productList__subcategoriesAbove {
display: block !important;
position: relative !important;
float: none !important;
clear: both !important;
min-width: 0 !important;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 30px !important;
margin-left: auto !important;
box-sizing: border-box !important;
}
#products-2 .productsList__products--top-subcategories {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Główny kontener */
#products-2 .productsList__products--top-subcategories-container {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
/* Siatka – obsługuje obie możliwe nazwy wrappera */
#products-2 .subcategories-grid__wrapper,
#products-2 .productsList__products--top-subcategories-container > .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 20px !important;
width: 100% !important;
height: auto !important;
transform: none !important;
transition: none !important;
box-sizing: border-box !important;
}
/* Pojedynczy kafelek */
#products-2 .productsList__products--top-subcategories-container-data {
display: block !important;
width: auto !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
/* Wygląd kafelka */
#products-2
.productsList__products--top-subcategories-container-data > a {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
height: 100% !important;
border: 1px solid #e5e5e5;
border-radius: 8px;
overflow: hidden;
text-align: center;
text-decoration: none;
box-sizing: border-box;
}
/* Pole zdjęcia – istnieje tylko przy kategorii ze zdjęciem */
#products-2
.productsList__products--top-subcategories-container-data > a > div {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 180px !important;
padding: 12px;
overflow: hidden;
box-sizing: border-box;
}
/* Zdjęcie bez rozciągania */
#products-2
.productsList__products--top-subcategories-container-data-image {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
object-position: center !important;
}
/* Nazwa kategorii */
#products-2
.productsList__products--top-subcategories-container-data-name {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 58px !important;
padding: 12px 10px !important;
box-sizing: border-box !important;
text-align: center !important;
}
/* Wyłączenie strzałek slidera */
#products-2 .productList__subcategoriesAbove .swiper-button-next,
#products-2 .productList__subcategoriesAbove .swiper-button-prev {
display: none !important;
}
/* Mniejszy ekran */
@media screen and (max-width: 1100px) {
#products-2 .subcategories-grid__wrapper,
#products-2 .productsList__products--top-subcategories-container > .swiper-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
/* Telefon */
@media screen and (max-width: 700px) {
#products-2 .subcategories-grid__wrapper,
#products-2 .productsList__products--top-subcategories-container > .swiper-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
#products-2
.productsList__products--top-subcategories-container-data > a > div {
height: 140px !important;
}
}
/* PROSKLEP PS-001 END */