body.main_page .seoText,
body.main_page .page-description,
body.main_page .customText,
body.main_page .cmsText {
    display: none !important;
}


/* ======================================================================
   FINAL — BEZ POTRZĄSANIA + CAŁKOWITE USUNIĘCIE SZAREGO TŁA (IDOSELL)
   ====================================================================== */

/* ================================================================
   1. Usuń absolutnie każde szare tło z WRAPPERÓW obrazu
   ================================================================ */

.product_box__image,
.product__image,
.product__image-wrapper,
.product_item__image,
.product_tile__image {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* ================================================================
   2. Usuń tła generowane przez pseudo-elementy
   ================================================================ */

.product_box__image::before,
.product_box__image::after,
.product__image::before,
.product__image::after,
.product_tile__image::before,
.product_tile__image::after {
    content: none !important;
    background: transparent !important;
    background-image: none !important;
    display: none !important;
}

/* ================================================================
   3. Usuń *inline tła* nadawane przez JS IdoSell + lazyload
   ================================================================ */

.product_box__image img,
.product__image img,
.product_item__image img,
.product_tile__image img,
.product__image picture,
.product_box__image picture,
.product__image source {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* Placeholdery lazyload */
.lazyload,
.lazyloading,
.lazyloaded,
[class*="placeholder"],
.lazyload::before,
.lazyload::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* ================================================================
   4. Naprawa kafelka — żeby nie ucinał ceny + czysty wygląd
   ================================================================ */

.product_box,
.product_item,
.product,
.product_tile {
    background: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    overflow: visible !important; /* BEZ TEGO UCINA CENY */
    padding-bottom: 28px !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: none !important; /* brak cienia w normalnym stanie */
}

/* Lekki cień na hover — BEZ POTRZĄSANIA */
.product_box:hover,
.product_item:hover,
.product:hover,
.product_tile:hover {
    box-shadow: 0 12px 26px rgba(0,0,0,0.12) !important;
}


/* ================================================================
   5. Poprawa ceny — centrowanie + odstępy
   ================================================================ */

.product__price {
    width: 100% !important;
    text-align: center !important;
    margin: 16px 0 12px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.product__price .price,
.product__price .price_value,
.product__price small,
.product__price .unit {
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
    text-align: center !important;
}

/* Dolna część kafelka */
.product__footer,
.product_box__footer,
.product_item__footer {
    padding-bottom: 30px !important;
    margin-top: 6px !important;
}

/* POWIĘKSZENIE KAFELKA NA HOVER */
.product,
.product_box,
.product_item,
.product_tile {
    transform: scale(1) !important;
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out !important;
}

.product:hover,
.product_box:hover,
.product_item:hover,
.product_tile:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18) !important;
}