/* Produkty, kategorie i centrum pobrań - różnice względem makiety (stany interaktywne WordPressa). */

/* karta produktu bez zdjęcia: ikona kategorii */
.prod .fot:has(.brak-fot) { display: flex; align-items: center; justify-content: center; }
.prod .fot img.brak-fot { width: 30%; height: 30%; object-fit: contain; opacity: .55; }
.otwarcie.bez-fot { grid-template-columns: 1fr; min-height: 0; }
.otwarcie.bez-fot .tr { padding: 56px; }
.prd-skok { flex-wrap: wrap; }

/* lista produktów kategorii: pole szukania jako formularz */
form.pole-szukaj input[type=search]::-webkit-search-cancel-button { cursor: pointer; }
.pole-szukaj button.btn { border: 0; cursor: pointer; font: inherit; height: 48px; margin: -1px -1px -1px 0; }

/* produkt: przyklejony nagłówek i zakładki po przewinięciu (produkt-przewiniety.html) */
.p-lepki { position: fixed; top: 0; left: 0; right: 0; z-index: 30; }
.p-lepki[hidden] { display: none; }
.p-lepki .naglowek-s .logo img { height: 40px; width: auto; }
.p-lepki .naglowek-s .menu { flex: 1; }
.p-lepki button.ikbtn { cursor: pointer; }
body.p-przewiniety .zakladki { top: 64px; }
.galeria .glowne > a { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.single-produkt :is(#zastosowania, #dane, #dokumentacja, #realizacje, #powiazane) { scroll-margin-top: 120px; }
.kotwica { position: relative; top: -120px; height: 0; }
.p-dolny[hidden] { display: none !important; }
.dolny-pasek.p-dolny { position: fixed; z-index: 25; }
.dolny-pasek.p-dolny .btn:only-child { grid-column: span 2; }
@media (min-width: 1024px) { .p-dolny { display: none !important; } }
@media (max-width: 1023px) {
  .single-produkt .zakladki { position: sticky; }
  .single-produkt .zakladki .k { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .single-produkt .zakladki .k::-webkit-scrollbar { display: none; }
  body.p-dolny-wid { padding-bottom: 72px; }
  .p-lepki .naglowek-s .k { gap: 8px; }
  .p-lepki .naglowek-s .logo img { height: 36px; }
}
.spec.bez-tabel { grid-template-columns: 1fr; }
.spec.bez-tabel .karty-param { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1023px) { .spec.bez-tabel .karty-param { grid-template-columns: 1fr 1fr; } }
.tabela-mob [data-pokaz] { display: inline-flex; }
.tabela-mob .tm-karta[hidden] { display: none; }

/* galeria w oknie */
.p-okno { position: fixed; inset: 0; z-index: 60; background: rgba(23,23,22,.94); display: flex; align-items: center; justify-content: center; }
.p-okno img { max-width: calc(100% - 160px); max-height: calc(100% - 96px); object-fit: contain; }
.p-okno button { position: absolute; background: none; border: 0; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 12px 20px; }
.p-okno-x { top: 8px; right: 8px; }
.p-okno-w { left: 8px; top: 50%; transform: translateY(-50%); }
.p-okno-d { right: 8px; top: 50%; transform: translateY(-50%); }
.p-okno-nr { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: #D5D7D7; font-size: 14px; }
@media (max-width: 1023px) { .p-okno img { max-width: 100%; } .p-okno-w, .p-okno-d { top: auto; bottom: 4px; transform: none; } }

/* dokument bez pliku */
.dok.bez-pliku .plik { border-style: dashed; }
.dok[hidden] { display: none; }

/* centrum pobrań: grupy filtrów jako rozwijane listy */
.grupa-f > summary { list-style: none; cursor: pointer; }
.grupa-f > summary::-webkit-details-marker { display: none; }
.grupa-f > summary h4 svg { transition: transform .2s; }
.grupa-f:not([open]) > summary h4 svg { transform: rotate(-90deg); }
.grupa-f[open] > summary { margin-bottom: 4px; }
.opcja:hover { color: var(--czerwien-ciemna); }
.opcja.pusta { color: var(--tekst-2); }
a.znacznik:hover { background: var(--czerwien); }
.aktywne-f .maly { margin-right: 8px; }
.tabela-mob button.link { background: none; border: 0; padding: 0; color: inherit; cursor: pointer; }