/**
 * Odo Grid Styles
 * Flexbox tabanlı grid sistemi
 */

.odo-grid-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
}

.odo-grid-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.odo-grid-item {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* Grid Start ve Grid End arasındaki elementler otomatik grid item olur */
.odo-grid-container > * {
	flex: 0 0 auto;
	max-width: 100%;
}