/* ukrywanie treści */
.projector_buy__number_amounts, #projector_amount, #account_rebates, #payment_later, #order2_info_sub4, #product_questions_list, #points_login, #client_cards, #contact_map, .contact_stocks {
display: none !important;
}

.product__name {
    height: 48px;
}

.d-md-block {
    display: none !important;
}

/* formatowanie opisu - karta towaru */
.nw_naglowek {
    font-size: 1.1em;
    font-weight: bold;
}
.nw_table{
    border: 1px solid #555555;
}
.nw_thead{
    background-color: #f5f5f5;
    font-weight: bold;
}
.nw_thead_td_1 {
    text-align: left;
    width: 70%;
    padding: 5px;
    border-right: 1px solid #555555;
}
.nw_thead_td_2 {
    text-align: center;
    width: 15%;
    padding: 5px;
    border-right: 1px solid #555555;
}
.nw_thead_td_3 {
    text-align: center;
    width: 15%;
    padding: 5px;
}
.nw_tbody {
    border: 1px solid #555555;
}
.nw_tbody_td_1 {
    text-align: left;
    padding: 5px;
    border-right: 1px solid #555555;
}
.nw_tbody_td_2 {
    text-align: center;
    padding: 5px;
    border-right: 1px solid #555555;
}
.nw_tbody_td_3 {
    text-align: center;
    padding: 5px;
}
.nw_stoper {
    padding: 5px;
}

/* ============================================================
   NW v2 (2026-08) — style NOWYCH treści opisowych:
   strony marek, kategorii, serii, opisy produktów.
   Nie dotyczy starych opisów (klasy nw_ z podkreślnikiem = LEGACY).
   Zasady: zero selektorów bez zasięgu; zero <style> w treściach;
   zmiany najpierw w pliku źródłowym w folderze projektu.
   ============================================================ */

/* Blok bazowy — każda nowa treść opisowa w tym wrapperze.
   Modyfikatory kontekstu: nw-desc--brand / --category / --series / --product */
.nw-desc { line-height: 1.55; }
.nw-desc h2 { margin: 1.8rem 0 .6rem; }
.nw-desc h3 { margin: 1.2rem 0 .4rem; }
.nw-desc p { margin: .3rem 0 .6rem; }
.nw-desc ul { margin: .3rem 0 .8rem; }

/* Tabela danych (np. wartości odżywcze) — semantyczna: thead/th,
   wyrównanie kolumn przez nth-child zamiast klas pozycyjnych */
.nw-tbl { border-collapse: collapse; border: 1px solid #555; width: 100%; }
.nw-tbl th, .nw-tbl td { padding: 5px; border: 1px solid #555; text-align: left; }
.nw-tbl thead th { background: #f5f5f5; }
.nw-tbl th:nth-child(2), .nw-tbl td:nth-child(2),
.nw-tbl th:nth-child(3), .nw-tbl td:nth-child(3) { text-align: center; }

/* FAQ */
.nw-faq { max-width: 960px; margin: 0 auto; padding: 24px 0 32px; }
.nw-faq details {
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  margin-bottom: 6px;
  padding: 8px 10px;
}
.nw-faq summary {
  cursor: pointer;
  list-style: none;
  font-weight: 600;
}
.nw-faq summary::-webkit-details-marker { display: none; }
.nw-faq summary::after { content: "＋"; float: right; font-weight: normal; }
.nw-faq details[open] summary::after { content: "−"; }
.nw-faq__answer { margin-top: 6px; }

@media (max-width: 640px) {
  .nw-faq { padding: 16px 0 24px; }
}

/* ============================================================
   Kafelki serii w opisach kategorii - naturawit.pl
   Plik dla: panel IdoSell -> custom.css
   Wymaga opisow kategorii z klasa "nw-serie-kafelki"
   (plik opisy-kategorii-finalne.html, wersja 2).
   Kolory: zielen sklepu #008556, ramka #d9d9d9, tekst #333,
   licznik #8a8a8a, tlo hover #f2faf7 - zmieniaj bezposrednio
   w regulach ponizej (edytor IdoSell nie przyjmuje zmiennych CSS).
   ============================================================ */

/* 1) Blok kafelkow zawsze widoczny - nie chowa go "Czytaj wiecej".
      Reszta dlugiego opisu zwija sie normalnie. */
.search_description .nw-serie-kafelki {
  display: block !important;
  margin: 14px 0 6px;
}

/* 2) Naglowek bloku */
.nw-serie-kafelki h3 {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 10px;
}

/* 3) Lista -> siatka kafelkow */
.nw-serie-kafelki ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nw-serie-kafelki li {
  margin: 0;
  padding: 0;
}
.nw-serie-kafelki li:before {
  content: none; /* gdyby szablon dodawal punktory */
}

/* 4) Kafelek - caly link klikalny, razem z licznikiem */
.nw-serie-kafelki li a {
  display: inline-block;
  padding: 7px 12px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  color: #333333;
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.nw-serie-kafelki li a:hover,
.nw-serie-kafelki li a:focus {
  border-color: #008556;
  color: #008556;
  background: #f2faf7;
  text-decoration: none;
}

/* 5) Licznik produktow w kafelku */
.nw-serie-kafelki .nw-serie-licznik {
  color: #8a8a8a;
  font-size: 11px;
  margin-left: 2px;
}
.nw-serie-kafelki li a:hover .nw-serie-licznik {
  color: #008556;
}

/* 6) Telefon: mniejsze kafelki */
@media (max-width: 576px) {
  .nw-serie-kafelki li a {
    padding: 6px 10px;
    font-size: 12.5px;
  }
}