/* Category style - https://www.zelenazeme.cz/prirodni-reseni-bolesti/ */
.zz-cat * { box-sizing: border-box; }
.zz-cat table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
.zz-cat th { text-align: left; font-weight: 700; padding: 8px 12px; background: #f5f5f0; border-bottom: 1px solid #e0ddd5; }
.zz-cat td { padding: 9px 12px; border-bottom: 1px solid #eeecea; vertical-align: top; line-height: 1.5; }
.zz-cat tr:last-child td { border-bottom: none; }
.zz-cat .zz-two { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; margin-bottom: 1.5em; }
.zz-cat .zz-card { background: #fafaf8; border: 1px solid #e8e5dc; border-radius: 8px; padding: 1em 1.1em; }
.zz-cat .zz-card-green { border-left: 3px solid #3a7d44; }
.zz-cat .zz-card-amber { border-left: 3px solid #b06820; }
.zz-cat .zz-col-label { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #888; margin-bottom: 8px; }
.zz-cat .zz-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.zz-cat .zz-tag { display: inline-block; padding: 3px 9px; border-radius: 5px; line-height: 1.5; }
.zz-cat .zz-tag-g { background: #e8f3e9; color: #2d6235; }
.zz-cat .zz-tag-a { background: #fdf0e0; color: #8f521a; }
.zz-cat .zz-eeact { background: #f2f8f4; border-left: 3px solid #3a7d44; border-radius: 0 6px 6px 0; padding: 0.7em 1em; margin-bottom: 1.5em; }
.zz-cat .zz-faq-wrap { background: #fafaf8; border: 1px solid #e8e5dc; border-radius: 8px; padding: 0.25em 1.1em; }
.zz-cat .zz-faq-item { border-bottom: 1px solid #eeecea; padding: 12px 0; }
.zz-cat .zz-faq-item:last-child { border-bottom: none; }
.zz-cat .zz-faq-q { font-weight: 700; margin-bottom: 5px; }
.zz-cat .zz-faq-a { color: #555; line-height: 1.6; }
.zz-cat hr { border: none; border-top: 1px solid #e8e5dc; margin: 1.5em 0; }
.zz-cat h2 { margin-top: 0; margin-bottom: 0.75em; }
@media (max-width: 600px) {
  .zz-cat .zz-two { grid-template-columns: 1fr; }
  .zz-cat table thead { display: none; }
  .zz-cat tr { display: block; border-bottom: 1px solid #eeecea; padding: 8px 0; }
  .zz-cat td { display: block; padding: 3px 8px; border-bottom: none; }
  .zz-cat td:first-child { font-weight: 700; }
}

/* FAQ to product details */

.ZZ-faq-wrapper {
  max-width: 880px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

.ZZ-faq-item {
  background: #fff;
  border: 1px solid #ded8cf;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}

.ZZ-faq-question {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #2f3f22;
  line-height: 1.4;
}

.ZZ-faq-question::-webkit-details-marker {
  display: none;
}

.ZZ-faq-answer {
  padding: 3px 20px 19px 20px;
  color: #555;
  font-size: 16px;
  line-height: 1.6;
}

.ZZ-faq-item[open] .ZZ-faq-question {
  padding-bottom: 14px;
}

/* Tested by ZZ specialist to product detail */

.ZZ-tested-box {
    background: #f7f4ec;
    border-left: 4px solid #6f8f3a;
    border-radius: 12px;
    padding: 24px 28px;
    margin: 0 0 56px;
  }

  .ZZ-tested-title {
    margin-top: 0;
    margin-bottom: 14px;
  }

  .ZZ-tested-intro {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
  }

  .ZZ-tested-image-wrap {
    flex: 0 0 150px;
  }

  .ZZ-tested-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
  }

  .ZZ-tested-intro-text {
    flex: 1;
  }

  .ZZ-tested-box p {
    margin: 0 0 16px;
    line-height: 1.65;
  }

  .ZZ-tested-signature {
    margin: 22px 0 0;
    text-align: right;
  }

  .ZZ-tested-name {
    color: #008000;
    font-weight: 700;
  }

  @media (max-width: 768px) {
    .ZZ-tested-box {
      padding: 22px 20px;
    }

    .ZZ-tested-intro {
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
    }

    .ZZ-tested-image-wrap {
      width: 100%;
      text-align: center;
      flex: none;
    }

    .ZZ-tested-image {
      width: 130px;
      height: 130px;
      margin: 0 auto;
    }

    .ZZ-tested-signature {
      text-align: center;
    }
  }

/* Blue doctor review module */

.productreviewsummary-doc {
    background-color: #e4f4f4;
    border-left: 5px solid #126364;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    font-size: 95%;
}

.productreviewsummary-doc img {
    border-radius: 10px;
}

.productreviewsummary-doc a {
    color: #207a9b;
}