:root {
  /* Tlo stopki (footer::before, width:100vw) — zielony PureGreen.
     Steruje tylko paskiem stopki; zielone hotspoty to osobne zmienne. */
  --footer-before-background: #00a400 !important;
  --hotspot-arrow-color: #00a400 !important;
  --hotspot-arrow-background-hover: #00a400 !important;



  /* Blog — tlo ikony artykulu */
  --article-icon-background: #ffffff;
}

@media (min-width: 1200px) {
  .product_name {
    --name-title-font-size: 2.25rem;
  }
}

.label.--promo {
display: none;
}

.distinguished, .label.--distinguished {
display: none;
}



/* ─────────────────────────────────────────────────────────────────
   2. UKRYTE ELEMENTY (globalne)
   ───────────────────────────────────────────────────────────────── */
.product__prices .price.--omnibus, .product__prices .price.--max, .product__prices .price.--before-rebate, .product__prices .price.--new-price, .product__prices .price.--deposit {
display: none;
}

#projector_form .projector_prices__info {
    display: none;
}

.price_sellby {

    display: none;
}

.basket__unknown_delivery { display: none; }



/* ═════════════════════════════════════════════════════════════════
   5. KARTA PRODUKTU
   ═════════════════════════════════════════════════════════════════ */

/* Ukrycia na karcie produktu */
.projector_stocks { display: none; }
#projector_stocks { display: none; }
#projector_paypo { display: none; }
.projector_shipping__text_from,
.projector_shipping__price { display: none; }
.projector_status__info_amount { display: none; }


/* ─────────────────────────────────────────────────────────────────
   8. BLOG / ARTYKULY
   ───────────────────────────────────────────────────────────────── */
/* Karta produktu: max 4 wpisy blogowe */
.projector_page .article__item:nth-child(1n+5) {
  display: none;
}

/* Karty wpisow blogowych - biale tlo + delikatny cien */


/* Ukryj obrazek-wrapper artykulu (lista) */
.article__image_wrapper,
.article__image_wrapper img {
  display: none !important;
}

/* Blog (wpis) - obrazek na pelna szerokosc */
#blog-item img.blog_image {
  max-width: 100%;
}
/* Ukryj featured image tylko gdy wpis ma customowy blok .hb-wrap */
#blog-item .blog-item_sub:has(> .hb-wrap) > img.blog_image {
  display: none !important;
}
/*Gwiazdki trustmate*/
.tm-multihornet__wrapper.size-6.size-mobile-3 {
    justify-content: left;
}

.tm-multihornet__wrapper.size-6.size-mobile-3{justify-content:flex-start !important;}

i.trustmate-star__icon.trustmate-star__icon--star-34 {
    font-size: 7px;
    
}




/* Płynniejsze przewijanie przy zdjęciach: zdjęcia z efektem zoom na stałych warstwach,
   bez filtra na całym kafelku Bento (wymuszał przerysowanie przy każdym najechaniu) */
html.pg-c .pg-dzialy__foto img,
html.pg-c #pg-bento .pg-bento__foto img,
html.pg-c #main_blog .article__image_wrapper img { will-change: transform; }

html.pg-c #pg-bento .pg-bento__kafel:hover { filter: none; }

/* Safari: zdjęcia na osobnych warstwach w zaokrąglonych kontenerach = kosztowne maski przy każdej klatce.
   @supports (font: -apple-system-body) łapie tylko Safari, Chrome tego nie obsługuje */
@supports (font: -apple-system-body) {
  html.pg-c .pg-dzialy__foto img,
  html.pg-c #pg-bento .pg-bento__foto img,
  html.pg-c #main_blog .article__image_wrapper img { will-change: auto; }
}


/* Bez szarej linii pod poziomym menu */
html.pg-c .pg-menu-pasek { border-bottom: 0 !important; }


/* Płynniejsze przewijanie: blur pod białym nagłówkiem jest niewidoczny, a przeliczany w każdej klatce */
@media (min-width: 979px) {
  header.sticky::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* Slider pg-slajd: IdoSell przy pełnej szerokości banera przesuwa slajd w lewo (left:-50vw) – na ekranach >1920px (5K) ucina tekst */
#main_banner1:has(.pg-slajd) .main_slider__wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
#main_banner1:has(.pg-slajd) .swiper-wrapper {
  left: auto !important;
  margin-left: 0 !important;
  width: 100% !important;
}