.karakar-vitamin-box {
  font-family: "Inter", sans-serif;
  margin: 20px 0;
}
.karakar-vitamin-box h3 {
  font-size: 22px;
  color: #2d3b45;
  margin-bottom: 15px;
}
.vitamin-item { margin-bottom: 12px; }
.vitamin-item strong { display: block; margin-bottom: 4px; color: #555; }
.bar-bg { background: #e7eaed; border-radius: 10px; overflow: hidden; }
.bar-fill { background: #4f7389; color: #fff; font-size: 13px; text-align: center; padding: 3px 0; border-radius: 10px 0 0 10px; transition: width 0.6s ease; }
.karakar-sezon { font-family: "Inter", sans-serif; margin: 30px 0; }
.karakar-sezon h3 { font-size: 22px; color: #2d3b45; margin-bottom: 15px; }
.months-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.month-box { text-align: center; padding: 20px 5px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); background: #fff; color: #666; transition: 0.3s; }
.month-box.active { border: 2px solid #357a38; color: #222; font-weight: bold; }
.checkmark { font-size: 20px; margin-bottom: 5px; color: #aaa; }
.month-box.active .checkmark { color: #357a38; }
@media (max-width: 768px) { .months-grid { grid-template-columns: repeat(3, 1fr); } }