.besin-degerleri {
	max-width: 560px;
	margin: 1.5em 0;
	font-family: inherit;
	border: 1px solid #e2e2e2;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.06 );
	background: #fff;
}

.besin-degerleri .besin-baslik {
	background: #1f7a4d;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.35;
	padding: 14px 18px;
	text-align: center;
	letter-spacing: 0.2px;
}

.besin-degerleri .besin-tablo {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 0.95rem;
}

.besin-degerleri .besin-tablo thead th {
	background: #f3f6f4;
	color: #555;
	font-weight: 600;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	padding: 10px 14px;
	text-align: left;
	border-bottom: 2px solid #e2e2e2;
}

.besin-degerleri .besin-tablo tbody td {
	padding: 11px 14px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}

.besin-degerleri .besin-tablo tbody tr:last-child td {
	border-bottom: none;
}

.besin-degerleri .besin-tablo tbody tr:nth-child( even ) td {
	background: #fafbfa;
}

.besin-degerleri .besin-ad {
	font-weight: 600;
	color: #222;
}

.besin-degerleri .besin-deger {
	color: #333;
	white-space: nowrap;
}

.besin-degerleri thead .besin-deger,
.besin-degerleri tbody .besin-deger {
	text-align: right;
}

.besin-degerleri thead .besin-ad,
.besin-degerleri tbody .besin-ad {
	text-align: left;
}

/* Yüzde değer çubuğu — arka plan gradyanı ile (tema ile çakışmaz, metni kırpmaz) */
.besin-pct-wrap {
	display: inline-block;
	min-width: 60px;
	padding: 3px 10px;
	border-radius: 6px;
	text-align: right;
	font-weight: 600;
	color: #1f5c3a;
	background: #eef2ef;
}

@media ( max-width: 480px ) {
	.besin-degerleri {
		max-width: 100%;
	}
	.besin-degerleri .besin-tablo {
		font-size: 0.88rem;
	}
}