/* Opis dolny kategorii + generyczne zwijanie „Czytaj dalej".
   JS: assets/js/pas-category-desc.js. Opis gorny (.pas-cat-desc, 3 linie)
   ma swoje reguly we wpisie Custom CSS & JS 741 „Product". */
.pas-collapse {
  display: -webkit-box;
  -webkit-line-clamp: var(--pas-lines, 8);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pas-collapse.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.pas-collapse__btn {
  display: none;
  margin-top: 18px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 16px;
  color: #5f7d3f;
  cursor: pointer;
}
.pas-collapse__btn:hover,
.pas-collapse__btn:focus-visible {
  text-decoration: underline;
  color: #073823;
}
.pas-collapse__btn[hidden] {
  display: none;
}

.pas-cat-bottom {
  margin: 48px 0 0;
  padding: 40px 56px;
  background: #f7f3f0;
}
.pas-cat-bottom__text {
  font-size: 16px;
  line-height: 1.8;
  color: #4a4a4a;
}
.pas-cat-bottom__text p {
  margin: 0 0 12px;
}
.pas-cat-bottom__text h2,
.pas-cat-bottom__text h3,
.pas-cat-bottom__text h4 {
  font-family: Merriweather, serif;
  font-weight: 400;
  color: #073823;
  margin: 24px 0 12px;
}
.pas-cat-bottom__text h2 { font-size: 28px; line-height: 1.3; }
.pas-cat-bottom__text h3 { font-size: 21px; line-height: 1.4; }
.pas-cat-bottom__text h4 { font-size: 18px; line-height: 1.4; }
.pas-cat-bottom__text > :first-child { margin-top: 0; }
.pas-cat-bottom__text a {
  color: #5f7d3f;
  text-decoration: underline;
}
.pas-cat-bottom__text a:hover { color: #073823; }
.pas-cat-bottom__text ul,
.pas-cat-bottom__text ol {
  margin: 0 0 12px 22px;
}
.pas-cat-bottom__text img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .pas-cat-bottom { margin-top: 32px; padding: 24px 20px; }
  .pas-cat-bottom__text h2 { font-size: 22px; }
  .pas-cat-bottom__text h3 { font-size: 18px; }
}