.nutrition-card {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(38, 91, 67, .16);
  border-radius: 18px;
  background: linear-gradient(145deg, #f6fbf7, #fff);
  display: grid;
  gap: .8rem;
}

.nutrition-card > header,
.nutrition-card > footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.nutrition-card h3,
.nutrition-card p { margin: .2rem 0; }
.nutrition-card > small,
.nutrition-card footer small { color: #627067; line-height: 1.45; }
.nutrition-card footer { flex-direction: column; }
.nutrition-card footer a { color: #245f45; font-weight: 700; }

.nutrition-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}

.nutrition-facts span {
  padding: .7rem;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(35, 74, 55, .07);
}

.nutrition-facts b,
.nutrition-facts small { display: block; }
.nutrition-facts b { font-size: 1.05rem; }
.nutrition-facts small { color: #6a756e; margin-top: .15rem; }

.nutrition-confidence,
.followers-only-badge {
  width: max-content;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: #e9f4ec;
  color: #285f45;
  font-size: .72rem;
  font-weight: 800;
  text-transform: capitalize;
}

.nutrition-confidence.low { background: #fff1db; color: #865b16; }
.nutrition-confidence.medium { background: #f4f0d9; color: #6c641c; }
.nutrition-whole { padding: .7rem; border-radius: 12px; background: rgba(38, 91, 67, .06); }
.nutrition-card summary { cursor: pointer; color: #285f45; font-weight: 800; }
.nutrition-card details ul { display: grid; gap: .5rem; padding: .5rem 0 0; list-style: none; }
.nutrition-card details li { display: flex; justify-content: space-between; gap: .8rem; padding: .55rem 0; border-bottom: 1px solid rgba(38, 91, 67, .1); }
.nutrition-card details li span { display: grid; }
.nutrition-card details li small { color: #68736c; }
.nutrition-card details li i { white-space: nowrap; font-size: .75rem; color: #526259; }
.nutrition-card details li.not-included { opacity: .7; }
.followers-only-badge { display: inline-flex; margin-top: .2rem; }

@media (max-width: 620px) {
  .nutrition-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nutrition-card > header { align-items: center; }
}
.nutrition-card.nutrition-locked{background:linear-gradient(135deg,#f3f7ed,#fffaf0);border-style:solid}.nutrition-card.nutrition-locked .primary{white-space:nowrap}
.nutrition-card{margin:0;padding:0;border:0;border-radius:0;background:transparent}.nutrition-card.loaded>header{padding-bottom:14px;border-bottom:1px solid rgba(38,91,67,.12)}.nutrition-facts.primary{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px}.nutrition-facts.primary span{box-shadow:none;background:#f4f8f1;text-align:center;padding:14px 8px}.nutrition-facts.primary b{font-size:18px;color:#263a30}.nutrition-facts.secondary{margin:12px 0;box-shadow:none}.nutrition-review-note{padding:11px 13px;border-radius:11px;background:#fff4df;color:#76561f;font-size:10px;line-height:1.5}.nutrition-scaling-note{margin:0!important;color:#66736b;font-size:9px}.nutrition-more{padding:10px 0;border-top:1px solid rgba(38,91,67,.1);border-bottom:1px solid rgba(38,91,67,.1)}.nutrition-card>details{padding:11px 0}.nutrition-confidence{text-transform:none}.nutrition-card footer{padding-top:12px;border-top:1px solid rgba(38,91,67,.1)}.nutrition-action-status{min-height:1em;margin:0!important;color:#85513d;font-size:10px;line-height:1.45}.nutrition-action-status:empty{display:none}
@media(max-width:520px){.nutrition-facts.primary{grid-template-columns:repeat(2,minmax(0,1fr))}}
