/*
 * NutraVerse Pros & Cons Multi-Design CSS
 */

.nv-pros-cons-wrap {
  margin: 35px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

/* Style 1: CHD Classic (.prossec / .consec match) */
.nv-pc-style-1 .nv-pc-pros .nv-pc-header {
  background-color: #81c800;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.nv-pc-style-1 .nv-pc-cons .nv-pc-header {
  background-color: #ff4455;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.nv-pc-style-1 .nv-pc-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-family: var(--nv-font-body);
  font-weight: 700;
}

.nv-pc-style-1 .nv-pc-pros {
  border: 1px solid #81c800;
  background: #fbfdf9;
  border-radius: 4px;
}

.nv-pc-style-1 .nv-pc-cons {
  border: 1px solid #ff4455;
  background: #fffcfc;
  border-radius: 4px;
}

.nv-pc-list {
  list-style: none;
  margin: 0;
  padding: 18px 20px;
}

.nv-pc-list li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.nv-icon-p {
  color: #81c800;
  font-weight: bold;
}

.nv-icon-c {
  color: #ff4455;
  font-weight: bold;
}

/* Style 2: Boxed Cards with Elevated Shadows */
.nv-pc-style-2 {
  gap: 30px;
}

.nv-pc-style-2 .nv-pc-col {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  padding: 24px;
  border-top: 5px solid #cbd5e1;
}

.nv-pc-style-2 .nv-pc-pros {
  border-top-color: #10b981;
}

.nv-pc-style-2 .nv-pc-cons {
  border-top-color: #ef4444;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .nv-pros-cons-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}