/* mniejszy napis i odstęp od produktów */
h2.products-section-title {
  font-size: 20px !important;
  display: block !important;
  position: relative !important; /* pozwala użyć z-index */
  z-index: 2 !important;         /* żeby nagłówek był nad innymi elementami */
  clear: both !important;        /* czyści ewentualne floaty nad nim */
  margin: 0 0 1.8rem 0 !important;/* odstęp pod nagłówkiem — zwiększ jeśli trzeba */
  padding: 0.1rem 0 !important;
}

/* dodatkowy zapas nad listą produktów (jeśli nadal by się nachodziło) */
.products {
  margin-top: 4rem !important;
  clear: both !important;
}
/* Tytuł BLOG w SmartBlog Latest News */
/* Tytuł BLOG nad najnowszymi wpisami */
.smartblog_block .linia_tytul .tytuly a {
    color: #000000 !important;     /* czarny kolor */
    font-size: 35px !important;    /* wielkość czcionki */
    font-weight: 700 !important;   /* pogrubienie, żeby wyglądało elegancko */
}


/* Wymuszenie czerni i 35px dla tytułu BLOG */
#smartblog_block .linia_tytul .tytuly > a,
.smartblog_block #smartblog_block .linia_tytul .tytuly a,
.smartblog_block .linia_tytul .tytuly a,
#smartblog_block .tytuly > a {
    color: #000000 !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    display: inline-block !important;
}
/* --- Układ wpisów bloga 3 w rzędzie --- */
#smartblog-carousel .item.sds_blog_post {
    width: 30% !important;
    margin: 1.5% !important;
    display: inline-block !important;
    vertical-align: top !important;
}

/* Wyłączenie narzuconego układu pionowego */
#smartblog-carousel .item.sds_blog_post::after,
#smartblog-carousel .item.sds_blog_post::before {
    display: none !important;
}

#smartblog-carousel .item.sds_blog_post {
    clear: none !important;
    float: none !important;
}
/* --- POKAŻ "Czytaj więcej" i ustaw styl --- */
#smartblog_block .read_more,
#smartblog_block a.read_more {
    display: block !important;
    text-align: center !important;
    margin-top: 4px !important;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    text-decoration: underline !important; /* możesz usunąć jeśli nie chcesz podkreślenia */
}

/* --- UKRYWAMY WSZYSTKO INNE OPRÓCZ NAZWY I "Czytaj więcej" --- */
#smartblog_block .blog_date,
#smartblog_block .post_meta_date,
#smartblog_block .post_short_description,
#smartblog_block .post_meta,
#smartblog_block .blog_post_details,
#smartblog_block .mask_content,
#smartblog_block .post_meta_content,
#smartblog_block .post_meta .label,
#smartblog_block .post_author {
    display: none !important;
}
/* Wyśrodkowanie napisu BLOG */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul a,
#smartblog_block .tytuly a {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
/* --- 1) Wyśrodkowanie tytułu BLOG --- */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul a,
#smartblog_block .tytuly {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}

/* dopasowanie nagłówka BLOG (rozmiar, kolor) */
#smartblog_block .linia_tytul a {
  color: #000 !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
}

/* --- 2) Usuń białe tła / boxy wokół zdjęć --- */
#smartblog_block .item.sds_blog_post,
#smartblog_block .blog_post,
#smartblog_block .news_module_image_holder,
#smartblog_block .blog_mask,
#smartblog_block .sdsblog-box-content,
#smartblog_block .blog_image_holder {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* --- 3) Zdjęcia: dopasowanie szerokości i marginesu (trzy w rzędzie) --- */
#smartblog_block .owl-carousel .item,
#smartblog_block .product_list .item {
  float: left !important;
  width: 33.3333% !important;
  box-sizing: border-box !important;
  padding: 0 15px !important;
}

/* zapewnij, że obrazek w bloku skaluje się i ma proporcje poziome */
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_small,
#smartblog_block .post_thumbnail img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* --- 4) Nazwa kamienia (pod zdjęciem) - czarna i wyśrodkowana --- */
#smartblog_block .post_title a,
#smartblog_block .blog_post_title a,
#smartblog_block .post_title {
  color: #000 !important;
  text-align: center !important;
  display: block !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
}

/* --- 5) Opis pod nazwą - zostawiamy (ale kolor czarny słabszy) --- */
#smartblog_block .post_meta,
#smartblog_block .post_short_description,
#smartblog_block .blog_post_details,
#smartblog_block .post_meta_date,
#smartblog_block .post_meta p {
  color: #333 !important;
  text-align: center !important;
  font-size: 13px !important;
  margin: 6px 0 8px !important;
}

/* --- 6) "Czytaj więcej" - mniejsza czcionka, czarne, wyśrodkowane --- */
#smartblog_block .read_more a,
#smartblog_block a.read_more,
#smartblog_block .sds_read_more a {
  color: #000 !important;
  font-size: 13px !important;
  text-align: center !important;
  display: block !important;
  margin-top: 6px !important;
}

/* --- 7) Drobne poprawki odstępów --- */
#smartblog_block { margin-bottom: 30px !important; }
#smartblog_block .item.sds_blog_post { margin-bottom: 30px !important; }

@media (max-width: 800px) {
  /* responsywność: 2 kolumny / 1 kolumna */
  #smartblog_block .owl-carousel .item,
  #smartblog_block .product_list .item { width: 50% !important; padding: 0 8px !important; }
}
@media (max-width: 480px) {
  #smartblog_block .owl-carousel .item,
  #smartblog_block .product_list .item { width: 100% !important; padding: 0 6px !important; }
}
/* ------------------------------
   BLOG – STRONA GŁÓWNA WPISÓW
   3 KOLUMNY + WYŚRODKOWANIE
   ------------------------------ */

/* Ustawiamy 3 kolumny */
#smartblog_block .blog_post {
    width: 33.333% !important;
    float: left !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Zdjęcia – pełna szerokość, bez tła */
#smartblog_block .blog_post img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Nazwa kamienia */
#smartblog_block .blog_post .post_title,
#smartblog_block .blog_post .post_title a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-align: center !important;
    margin-top: 10px !important;
    display: block !important;
}

/* Opis (może zostać) */
#smartblog_block .blog_post .post_description {
    color: #444 !important;
    font-size: 14px !important;
    text-align: center !important;
    margin: 6px 0 !important;
}

/* „Czytaj więcej” */
#smartblog_block .blog_post .read_more a {
    font-size: 13px !important;
    color: #000 !important;
    text-align: center !important;
    display: block !important;
    margin-top: 5px !important;
}

/* Usunięcie białych boxów */
#smartblog_block .blog_post,
#smartblog_block .news_module_image_holder,
#smartblog_block .sds_blog_post {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 900px) {
   #smartblog_block .blog_post { width: 50% !important; }
}
@media (max-width: 600px) {
   #smartblog_block .blog_post { width: 100% !important; }
}
/* --- SmartBlog: 3 kolumny + większe miniatury + tylko nazwa + czytaj więcej --- */

#smartblog_block { overflow: hidden; }

/* kolumny - zostawiamy responsywność */
#smartblog_block .blog_post {
  width: calc(33.333% - 40px) !important;
  float: left !important;
  margin: 20px 20px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: transparent !important;
  padding: 0 !important;
}

/* obrazek: ograniczamy max szerokość (większe miniatury), wyśrodkowanie */
#smartblog_block .blog_post img,
#smartblog_block .news_module_image_holder img {
  display: block !important;
  width: auto !important;
  max-width: 320px !important;    /* <--- zmień jeśli chcesz większe (np. 380px) */
  height: auto !important;
  margin: 0 auto 10px auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tytuł (tylko nazwa kamienia) */
#smartblog_block .post_title,
#smartblog_block .post_title a {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 6px 0 4px 0 !important;
  display: block !important;
}

/* Ukryj długi opis (jeśli chcesz całkowicie usunąć) */
#smartblog_block .post_description,
#smartblog_block .post_meta_date { 
  display: none !important;
}

/* Czytaj więcej - mniejsza czcionka, czarny */
#smartblog_block .read_more a,
#smartblog_block .sdsblog-box-content .read_more a {
  font-size: 13px !important;
  color: #000 !important;
  display:block !important;
  margin-top: 6px !important;
  text-decoration: underline !important;
}

/* Usuń puste białe tła wokół miniatur (jeżeli nadal widać) */
#smartblog_block .news_module_image_holder,
#smartblog_block .sds_blog_post,
#smartblog_block .blog_mask {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Responsywność */
@media (max-width: 1000px) {
  #smartblog_block .blog_post { width: calc(50% - 30px) !important; }
  #smartblog_block .blog_post img { max-width: 260px !important; }
}
@media (max-width: 600px) {
  #smartblog_block .blog_post { width: 100% !important; margin: 12px 0 !important; }
  #smartblog_block .blog_post img { max-width: 320px !important; }
}
/* --- SmartBlog: 3 kolumny, większe miniatury, tylko tytuł + Czytaj więcej --- */

/* Wyśrodkuj nagłówek BLOG */
#smartblog_block .linia_tytul, 
#smartblog_block .tytuly { text-align: center !important; }

/* Kontener karuzeli - użyj flexbox żeby równo rozłożyć elementy */
#smartblog_block .sdsblog-box-content,
#smartblog_block .sdsblog-box-content .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
  padding: 0 !important;
}

/* Pojedynczy wpis - 3 kolumny na dużych ekranach */
#smartblog_block .blog_post,
#smartblog_block .item.sds_blog_post {
  flex: 0 1 calc(33.333% - 40px) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Usuń białe tło kontenera grafiki i marginesy */
#smartblog_block .news_module_image_holder,
#smartblog_block .post_thumbnail,
#smartblog_block figure.post_thumbnail,
#smartblog_block .feat_img_small,
#smartblog_block .feat_img {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto 10px auto !important;
  box-shadow: none !important;
  border: none !important;
}

/* Obrazek - wypełnia kolumnę, zachowuje proporcje */
#smartblog_block .news_module_image_holder img,
#smartblog_block .sdsblog-box-content img,
#smartblog_block .feat_img_small,
#smartblog_block .feat_img {
  display: block !important;
  width: 100% !important;       /* rozciąga obrazek do szerokości kolumny */
  max-width: none !important;
  height: auto !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* Tytuł — jedno słowo (nazwa) w czerni, wyśrodkowany */
#smartblog_block .post_title,
#smartblog_block .post_title a,
#smartblog_block .post_title h3,
#smartblog_block .post_title a {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 8px 0 4px 0 !important;
  display: block !important;
}

/* Ukryj długi opis i dodatkowe meta (zostaw tylko tytuł + czytaj więcej) */
#smartblog_block .post_description,
#smartblog_block .post_meta_date,
#smartblog_block .post_meta,
#smartblog_block .post_meta .author,
#smartblog_block .post_meta .views,
#smartblog_block .mask_content,
#smartblog_block .blog_post_details {
  display: none !important;
}

/* Czytaj więcej - mniejsza czcionka, czarny, wyśrodkowane */
#smartblog_block .read_more a,
#smartblog_block .read_more,
#smartblog_block .sdsblog-box-content .read_more a {
  display: block !important;
  font-size: 13px !important;
  color: #000 !important;
  margin-top: 8px !important;
  text-decoration: underline !important;
}

/* Odstęp pod listą (jeśli potrzeba) */
#smartblog_block { padding-bottom: 40px !important; }

/* Responsywność: 2 kolumny na tabletach, 1 kolumna na telefonach */
@media (max-width: 1000px) {
  #smartblog_block .blog_post { flex: 0 1 calc(50% - 30px) !important; }
}
@media (max-width: 640px) {
  #smartblog_block .blog_post { flex: 0 1 100% !important; }
}
/* --- SmartBlog: grid 3 kolumny, obrazki w poziomie, nazwa i "czytaj więcej" --- */
#smartblog_block .item.sds_blog_post {
  width: 33.3333% !important;
  float: left !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
  text-align: center !important;
  clear: none !important;
}

/* obrazek - usuń białe tło i wymuś szerokość */
#smartblog_block .news_module_image_holder,
#smartblog_block .news_module_image_holder a {
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
}
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  width: 100% !important;
  max-width: 320px !important;   /* dopasuj jeśli chcesz większe lub mniejsze */
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* tytuł (nazwa kamienia) czarny, wyśrodkowany */
#smartblog_block .sds_post_title a {
  color: #000000 !important;
  font-size: 18px !important;      /* zmień jeśli chcesz inny rozmiar */
  font-weight: 700 !important;
  text-align: center !important;
  display: block !important;
  margin-top: 8px !important;
}

/* usuń długi opis i datę - pozostaw tylko linijkę z nazwą i "Czytaj więcej" */
#smartblog_block .desc,
#smartblog_block .blog_date {
  display: none !important;
}

/* mały link "Czytaj więcej" pod nazwą, mniejszy font */
#smartblog_block .read_more,
#smartblog_block .read_more a,
#smartblog_block .sds_post_title + .read_more {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  margin-top: 8px !important;
  color: #000 !important;
}

/* upewnij się że kontener nadrzędny ma clearfix (dla floatów) */
#smartblog_block .sdsblog-box-content {
  overflow: visible !important;
}
#smartblog_block .product_list {
  overflow: hidden !important;
}
/* --- SmartBlog: poprawiony układ 3 kolumn, większe obrazki, środek tytułu, ukrycie niechcianych elementów --- */

/* kontener: trzy równe kolumny (reliable) */
#smartblog_block .owl-carousel.product_list,
#smartblog_block .product_list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 40px !important;
  padding: 0 !important;
}

/* pojedynczy element (kolumna) */
#smartblog_block .item.sds_blog_post {
  width: calc(33.333% - 40px) !important; /* trzy kolumny z odstępem */
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  text-align: center !important;
  padding: 0 !important;
}

/* obrazek - duży, poziomy, usuń białe tło */
#smartblog_block .news_module_image_holder,
#smartblog_block .news_module_image_holder a {
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
  margin: 0 auto !important;
}
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  width: 320px !important;       /* szerokość obrazka - możesz zmienić */
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 12px auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* tytuł - nazwa kamienia czarny, wyśrodkowany */
#smartblog_block .sds_post_title a,
#smartblog_block .sds_post_title {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  display: block !important;
  margin: 6px 0 !important;
}

/* ukryj długi opis i datę (tylko nazwa i czytaj więcej mają pozostać) */
#smartblog_block .desc,
#smartblog_block .blog_date,
#smartblog_block .day_date,
#smartblog_block .date_inner,
#smartblog_block .day_month {
  display: none !important;
}

/* link czytaj więcej - mniejszy, wyśrodkowany, czarny */
#smartblog_block .read_more,
#smartblog_block .read_more a,
#smartblog_block .sds_post_title + .read_more,
#smartblog_block .sds_post_title + .read_more a {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #000 !important;
  margin-top: 6px !important;
}

/* ukryj te dodatkowe małe obrazki/ikony (to są te, które pojawiają się pod "Czytaj więcej") */
#smartblog_block .blogicons,
#smartblog_block .blogicons img,
#smartblog_block span.blogicons {
  display: none !important;
}

/* upewnij się że nagłówek BLOG jest na środku */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul .tytuly,
#smartblog_block .linia_tytul .tytuly a {
  text-align: center !important;
  display: block !important;
}

/* dodatkowy reset float/clearfix */
#smartblog_block .product_list::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* Pojedynczy wpis: trzy kolumny */
#smartblog_block .item.sds_blog_post {
  width: calc(33.333% - 40px) !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
}

/* Usuń tło/obramowanie wokół obrazków i ustaw jeden duży obrazek */
#smartblog_block .news_module_image_holder,
#smartblog_block .news_module_image_holder a,
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
}

/* Ustaw rozmiar głównego obrazka (zmień 320px jeśli chcesz większy/mniejszy) */
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  width: 320px !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Ukryj WSZYSTKIE dodatkowe miniaturki/ikonki, które moduł czasem generuje */
#smartblog_block .blogicons,
#smartblog_block .blogicons img,
#smartblog_block span.blogicons,
#smartblog_block .icon.zoom,
#smartblog_block img.feat_img_small,
#smartblog_block img.small-thumb,
#smartblog_block .sds_gallery_thumb {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* Tytuł (jedno słowo — nazwa kamienia) czarny, wyśrodkowany */
#smartblog_block .sds_post_title a,
#smartblog_block .sds_post_title {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 6px 0 !important;
  display: block !important;
}

/* Ukryj cały opis (aby był tylko tytuł) i datę */
#smartblog_block .desc,
#smartblog_block .blog_date,
#smartblog_block .day_date,
#smartblog_block .date_inner,
#smartblog_block .day_month {
  display: none !important;
}

/* "Czytaj więcej" mniejszy, wyśrodkowany, czarny */
#smartblog_block .read_more,
#smartblog_block .read_more a,
#smartblog_block .sds_post_title + .read_more,
#smartblog_block .sds_post_title + .read_more a {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #000 !important;
  margin-top: 6px !important;
}

/* Upewnij się, że nagłówek BLOG jest wycentrowany */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul .tytuly,
#smartblog_block .linia_tytul .tytuly a {
  text-align: center !important;
  display: block !important;
}
/* --- SmartBlog: poprawione ustawienia (3 kolumny, widoczne duże zdjęcie, tytuł i mały "Czytaj więcej") --- */

/* Kontener — trzy kolumny, wycentrowane */
#smartblog_block .product_list,
#smartblog_block .owl-carousel.product_list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 40px !important;
  padding: 0 !important;
}

/* Pojedynczy wpis: szerokość kolumny i wycentrowanie */
#smartblog_block .item.sds_blog_post {
  width: calc(33.333% - 40px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  float: none !important;
}

/* Główne zdjęcie: pokaż duże, usuń dodatkowe tła/ramki */
#smartblog_block .news_module_image_holder,
#smartblog_block .news_module_image_holder a {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  margin: 0 auto 12px auto !important;
}

/* Ustaw rozmiar głównego obrazka (zmień 320px jeśli chcesz większe) */
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  width: 320px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Ukryj powielone miniaturki/ikonki (ale nie główne zdjęcie) */
#smartblog_block img.feat_img_small,
#smartblog_block .sds_gallery_thumb,
#smartblog_block .extra-thumb,
#smartblog_block .icon.zoom {
  display: none !important;
  visibility: hidden !important;
}

/* Tytuł (nazwa kamienia) — czarny, wyśrodkowany */
#smartblog_block .sds_post_title a,
#smartblog_block .sds_post_title {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 6px 0 !important;
  display: block !important;
}

/* Usuń długi opis — zostawiamy tylko tytuł i mały link "Czytaj więcej" */
#smartblog_block .desc,
#smartblog_block .blog_date,
#smartblog_block .day_date,
#smartblog_block .date_inner,
#smartblog_block .day_month {
  display: none !important;
}

/* "Czytaj więcej" mniejsze, czarne i wyśrodkowane */
#smartblog_block .read_more,
#smartblog_block .read_more a,
#smartblog_block .sds_post_title + .read_more,
#smartblog_block .sds_post_title + .read_more a,
#smartblog_block a[title*="Read"] {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #000 !important;
  margin-top: 6px !important;
}

/* Wycentrowanie nagłówka BLOG (upewnienie się) */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul .tytuly,
#smartblog_block .linia_tytul .tytuly a {
  text-align: center !important;
  display: block !important;
}
/* --- SmartBlog: poprawione ustawienia (3 kolumny, widoczne duże zdjęcie, tytuł i mały "Czytaj więcej") --- */

/* Kontener — trzy kolumny, wycentrowane */
#smartblog_block .product_list,
#smartblog_block .owl-carousel.product_list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 40px !important;
  padding: 0 !important;
}

/* Pojedynczy wpis: szerokość kolumny i wycentrowanie */
#smartblog_block .item.sds_blog_post {
  width: calc(33.333% - 40px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  float: none !important;
}

/* Główne zdjęcie: pokaż duże, usuń dodatkowe tła/ramki */
#smartblog_block .news_module_image_holder,
#smartblog_block .news_module_image_holder a {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  margin: 0 auto 12px auto !important;
}

/* Ustaw rozmiar głównego obrazka (zmień 320px jeśli chcesz większe) */
#smartblog_block .news_module_image_holder img,
#smartblog_block .feat_img_large {
  width: 320px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Ukryj powielone miniaturki/ikonki (ale nie główne zdjęcie) */
#smartblog_block img.feat_img_small,
#smartblog_block .sds_gallery_thumb,
#smartblog_block .extra-thumb,
#smartblog_block .icon.zoom {
  display: none !important;
  visibility: hidden !important;
}

/* Tytuł (nazwa kamienia) — czarny, wyśrodkowany */
#smartblog_block .sds_post_title a,
#smartblog_block .sds_post_title {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 6px 0 !important;
  display: block !important;
}

/* Usuń długi opis — zostawiamy tylko tytuł i mały link "Czytaj więcej" */
#smartblog_block .desc,
#smartblog_block .blog_date,
#smartblog_block .day_date,
#smartblog_block .date_inner,
#smartblog_block .day_month {
  display: none !important;
}

/* "Czytaj więcej" mniejsze, czarne i wyśrodkowane */
#smartblog_block .read_more,
#smartblog_block .read_more a,
#smartblog_block .sds_post_title + .read_more,
#smartblog_block .sds_post_title + .read_more a,
#smartblog_block a[title*="Read"] {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #000 !important;
  margin-top: 6px !important;
}

/* Wycentrowanie nagłówka BLOG (upewnienie się) */
#smartblog_block .linia_tytul,
#smartblog_block .linia_tytul .tytuly,
#smartblog_block .linia_tytul .tytuly a {
  text-align: center !important;
  display: block !important;
}
/* --- FIX LAYOUTU SMARTBLOG --- */

/* 3 kolumny równomiernie */
#smartblog_block .item.sds_blog_post {
    width: 33.333% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* zdjęcia – normalna wielkość i wycentrowane */
#smartblog_block .item.sds_blog_post img {
    width: 220px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
}

/* tytuł – czarny, ładny, wyśrodkowany */
#smartblog_block .item.sds_blog_post h4,
#smartblog_block .item.sds_blog_post h4 a {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

/* ukrywamy skrócony opis pod zdjęciem */
#smartblog_block .item.sds_blog_post p.desc {
    display: none !important;
}

/* link "Czytaj więcej" poniżej nazwy kamienia */
#smartblog_block .item.sds_blog_post .readmore a {
    color: #000 !important;
    font-size: 14px !important;
    text-decoration: underline !important;
    display: inline-block !important;
    margin-top: 6px !important;
    text-align: center !important;
}

/* wycentrowanie wszystkiego */
#smartblog_block {
    text-align: center !important;
}

/* napis BLOG – wyśrodkowany i czarny */
#smartblog_block .linia_tytulu .tytuly a {
    color: #000 !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
}
.post-author,
.blog-author,
.ets-blog-author,
.posted-by,
.by-author {
    display: none !important;
}

.blog-comments,
.blog-comment,
#comments,
#comment-form,
.leave-comment,
.leave-a-comment,
.comment-form,
.comment_respond,
.ets_blog_comment,
.ets_blog_comments {
    display: none !important;
}
[class*="author"],
[class*="Author"],
[class*="by-"],
[class*="posted"],
[class*="meta-author"] {
    display: none !important;
}

[class*="comment"],
[class*="Comment"],
[class*="reply"],
[class*="respond"],
[class*="leave"] {
    display: none !important;
}

form,
textarea,
input[type="text"],
input[type="email"] { 
}
.post-author,
.blog-post-author,
.author,
.by-author,
.posted-by,
[class*="author"] {
    display: none !important;
}

#comments,
.blog-comments,
.blog_comment,
.comment-form,
#comment-form,
.leave-comment,
[class*="comment"] {
    display: none !important;
}
#category-74 .price,
#category-74 .product-price,
#category-74 .product-availability,
#category-74 .add-to-cart,
#category-74 .ajax_add_to_cart_button {
    display: none !important;
}
#category-74 .product-price-and-shipping,
#category-74 .price,
#category-74 .regular-price,
#category-74 .discount-percentage,
#category-74 .add-to-cart,
#category-74 .ajax_add_to_cart_button,
#category-74 .product-availability {
    display: none !important;
}
/* Naprawa klikalności wizualnych checkboxów i radio na stronie zamówien */
.custom-checkbox, 
.custom-radio {
    position: relative !important;
    display: inline-block !important;
    min-width: 24px;
    min-height: 24px;
    vertical-align: middle;
}

.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    z-index: 999 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Wyłączamy "kradzież" kliknięć przez element graficzny */
.custom-checkbox span, 
.custom-radio span {
    pointer-events: none !important; 
}
