/*
 * Responsive Styles for Koşar Theme
 */

@media (max-width: 991px) {
	.grid-4-cols,
	.grid-3-cols {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.main-navigation ul {
		display: none; /* JS ile açılacak mobil menü */
	}
	
	.site-topbar {
		display: none;
	}
}

@media (max-width: 767px) {
	.grid-4-cols,
	.grid-3-cols,
	.grid-2-cols {
		grid-template-columns: 1fr;
	}

	.site-info-inner {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.header-inner {
		height: 60px;
	}
	
	.site-main {
		padding: 20px 0;
	}
}